open-index/open-npm huggingface dataset:
npm package: @graphcentral/graph
Description: Performant graph visualization on the web with WebGL + Webworkers
Author: 9oelM
Latest version: 0.1.0-rc.4

# `@graphcentral/graph`

```bash
npm i --save @graphcentral/graph
```

![logo](./logo.png)

## Demo

👉 https://graphcentral.github.io/graph

## Visualizing Notion pages 

You can visualize Notion pages on force layout graph using this library and `@graphcentral/notion` together.. Check out [@graphcentral/notion](https://github.com/graphcentral/notion).

## What you can get

Example of a knowledge graph of Notion Help docs:
![example0.png](./example0.png)

## How to

Simplest example:
```ts
import { KnowledgeGraph } "@graphcentral/graph"

const canvasElement = document.createElement(`canvas`)
document.body.appendChild(canvasElement)

const { nodes, links } = await fetch(
  `https://raw.githubusercontent.com/9oelM/datastore/main/notion-help-docs.json`
).then((resp) => resp.json())

if (!nodes || !links) {
  // error
  return
}

const knowledgeGraph = new KnowledgeGraph({
    nodes: nodes,
    links: links,
    canvasElement,
    options: {
      optimization: {
        useParticleContainer: false,
        useShadowContainer: false,
        showEdgesOnCloseZoomOnly: true,
        useMouseHoverEffect: true,
        maxTargetFPS: 60,
      },
      graph: {
        runForceLayout: true,
        customFont: {
          url: `https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap`,
          config: {
            fill: 0xffffff,
            fontFamily: `Do Hyeon`,
          },
        },
      },
    },
  })
knowledgeGraph.createNetworkGraph()
```

For more complicated example using `@graphcentral/graph`, visit `packages/example`. More docs, and interactive demo to come (contributions are most welcome).
npm package: @graphcms-tools/exporter
Description: Export content from GraphCMS
Author: Viktor Jensen-Torp
Latest version: 0.1.10

# Exporter

This package is part of a [collection of tools](../../../README.md) to work more effectively with data using [GraphCMS](https://graphcms.com/).

## Usage

The `exportData` function supports both CommonJS and ESM modules, and takes two objects as arguments:

1. ### Environment **Required**

_P.s. environment variables should never be committed._

| property             | type   | where?                                   |
| -------------------- | ------ | ---------------------------------------- |
| projectId            | string | GraphCMS Settings > General > Project    |
| permanentAccessToken | string | GraphCMS Settings > General > API Access |
| contentApi           | string | GraphCMS Settings > General > API Access |

2. ### Options

| property    | sub-property         | type     | default |                                                     |
| ----------- | -------------------- | -------- | ------- | --------------------------------------------------- |
| concurrency |                      | number   | 1       | Controls how many requests to run in each batch     |
| target      |                      | object   |         |                                                     |
| ⎿           | contentStage         | string   | 'DRAFT' | Controls which content stage to import content from |
| ⎿           | locales              | string[] |         | Controls which locales to export from               |
| include     |                      | object   |         |                                                     |
| ⎿           | includeSystemModels  | boolean  | `true`  | Controls filtering system models                    |
| ⎿           | includeSystemFields  | boolean  | `true`  | Controls filtering system fields                    |
| ⎿           | includeHiddenFields  | boolean  | `true`  | Controls filtering hidden fields                    |
| ⎿           | includeApiOnlyFields | boolean  | `true`  | Controls filtering fields marked as api-only        |
| exclude     |                      | object   |         |                                                     |
| ⎿           | model                |          |         | Controls excluding content models by name           |
| ⎿           | field                |          |         | Controls excluding fields by name                   |
| ⎿           | type                 |          |         | Controls excluding fields by type                   |
| ⎿           | subType              |          |         | Controls excluding fields by sub-type               |

### See also

### [Importer](../importer/readme.md)

[Upsert](<https://en.wiktionary.org/wiki/upsert#:~:text=upsert%20(plural%20upserts),updates%20them%20if%20they%20do.>) JSON data in bulk, with controls to filter the input

### [Publisher](../publisher/readme.md)

Publish JSON data in bulk, with controls to filter the input
npm package: @graphcms-tools/importer
Description: Import content to GraphCMS
Author: Viktor Jensen-Torp
Latest version: 0.1.10

# Importer

This package is part of a [collection of tools](../../../README.md) to work more effectively with data using [GraphCMS](https://graphcms.com/).

## Usage

The `importData` function supports both CommonJS and ESM modules, and takes three objects as arguments:

1. ### Data **Required**

See the output of the [exporter package](../exporter/readme.md) for reference.

2. ### Environment **Required**

_P.s. environment variables should never be committed._

| property             | type   | where?                                   |
| -------------------- | ------ | ---------------------------------------- |
| projectId            | string | GraphCMS Settings > General > Project    |
| permanentAccessToken | string | GraphCMS Settings > General > API Access |
| contentApi           | string | GraphCMS Settings > General > API Access |

3. ### Options

| property    | sub-property | type   | default |                                                 |
| ----------- | ------------ | ------ | ------- | ----------------------------------------------- |
| concurrency |              | number | 1       | Controls how many requests to run in each batch |
| exclude     |              | object |         |                                                 |
| ⎿           | model        |        |         | Controls excluding content models by name       |
| ⎿           | field        |        |         | Controls excluding fields by name               |

### See also

### [Exporter](../exporter/readme.md)

Export data as JSON in bulk, with controls to filter the output

### [Publisher](../publisher/readme.md)

Publish JSON data in bulk, with controls to filter the input
npm package: @graphcms-tools/publisher
Description: Publish content to GraphCMS
Author: Viktor Jensen-Torp
Latest version: 0.1.10

# Publisher

This package is part of a [collection of tools](../../../README.md) to work more effectively with data using [GraphCMS](https://graphcms.com/).

## Usage

The `publishData` function supports both CommonJS and ESM modules, and takes three objects as arguments:

1. ### Data **Required**

See the output of the [importer package](../importer/readme.md) for reference.

2. ### Environment **Required**

_P.s. environment variables should never be committed._

| property             | type   | where?                                   |
| -------------------- | ------ | ---------------------------------------- |
| permanentAccessToken | string | GraphCMS Settings > General > API Access |
| contentApi           | string | GraphCMS Settings > General > API Access |

3. ### Options

| property    | sub-property | type   | default |                                                 |
| ----------- | ------------ | ------ | ------- | ----------------------------------------------- |
| concurrency |              | number | 1       | Controls how many requests to run in each batch |
| exclude     |              | object |         |                                                 |
| ⎿           | model        |        |         | Controls excluding content models by name       |
| ⎿           | field        |        |         | Controls excluding fields by name               |

### See also

### [Exporter](../exporter/readme.md)

Export data as JSON in bulk, with controls to filter the output

### [Importer](../importer/readme.md)

[Upsert](<https://en.wiktionary.org/wiki/upsert#:~:text=upsert%20(plural%20upserts),updates%20them%20if%20they%20do.>) JSON data in bulk, with controls to filter the input
npm package: @graphcms/app-sdk
Description: JavaScript SDK for building Apps for GraphCMS.
Author: Frederik Eychenié
Latest version: 0.0.5
Deprecated: This package has been deprecated. Please use @hygraph/app-sdk

# @graphcms/app-sdk

JavaScript SDK for building Apps for GraphCMS.

## ⚡ Usage

For docs, guides and examples, please visit [our official documentation](https://graphcms.com/docs/<toBeUpdated>).

## 📝 License

Licensed under the MIT License.

---

Made with 💜 by GraphCMS 👋 [join our community](https://slack.graphcms.com/)!
npm package: @graphcms/app-sdk-react
Description: React SDK for building Apps for GraphCMS.
Author: Frederik Eychenié
Latest version: 0.0.5
Deprecated: This package has been deprecated. Please use @hygraph/app-sdk-react

# @graphcms/uix-sdk-react

React SDK for building Apps for GraphCMS.

## ⚡ Usage

For docs, guides and examples, please visit [our official documentation](https://graphcms.com/docs/<toBeUpdated>).

## 📝 License

Licensed under the MIT License.

---

Made with 💜 by GraphCMS 👋 [join our community](https://slack.graphcms.com/)!
npm package: @graphcms/cli
Description: GraphCMS CLI
Author: Rajat Sharma @rajatsharma
Latest version: 0.0.2

GraphCMS CLI
=================

<!-- toc -->
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @graphcms/cli
$ graphcms COMMAND
running command...
$ graphcms (--version)
@graphcms/cli/0.0.2 darwin-arm64 node-v16.13.2
$ graphcms --help [COMMAND]
USAGE
  $ graphcms COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`graphcms create [TEMPLATE] [PROJECTDIR]`](#graphcms-create-template-projectdir)
* [`graphcms help [COMMAND]`](#graphcms-help-command)
* [`graphcms list`](#graphcms-list)

## `graphcms create [TEMPLATE] [PROJECTDIR]`

Generate GraphCMS project.

```
USAGE
  $ graphcms create [TEMPLATE] [PROJECTDIR] [-p yarn|npm|pnpm] [-t GraphCMS Content API Features &
    Recipes|UI Extensions|Frameworks & Libraries]

ARGUMENTS
  TEMPLATE    Which template do you want to use?
  PROJECTDIR  Where do you want to create new project?

FLAGS
  -p, --packageManager=<option>  Package manager to use
                                 <options: yarn|npm|pnpm>
  -t, --projectType=<option>     Kind of project
                                 <options: GraphCMS Content API Features & Recipes|UI Extensions|Frameworks & Libraries>

DESCRIPTION
  Generate GraphCMS project.

EXAMPLES
      $ graphcms create with-algolia
      $ graphcms create using-management-sdk
```

_See code: [dist/commands/create/index.ts](https://github.com/graphcms/graphcms-cli/blob/v0.0.2/dist/commands/create/index.ts)_

## `graphcms help [COMMAND]`

Display help for graphcms.

```
USAGE
  $ graphcms help [COMMAND] [-n]

ARGUMENTS
  COMMAND  Command to show help for.

FLAGS
  -n, --nested-commands  Include all nested commands in the output.

DESCRIPTION
  Display help for graphcms.
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v5.1.12/src/commands/help.ts)_

## `graphcms list`

List available templates.

```
USAGE
  $ graphcms list

DESCRIPTION
  List available templates.

EXAMPLES
  $ graphcms list
```

_See code: [dist/commands/list/index.ts](https://github.com/graphcms/graphcms-cli/blob/v0.0.2/dist/commands/list/index.ts)_
<!-- commandsstop -->

---

Made with 💜 by GraphCMS 👋 [join our community](https://slack.graphcms.com/)!
npm package: @graphcms/react-scripts
Description: Create React App react-scripts for GraphCMS frontend.
Latest version: 3.1.2-webapp-1

## This version of `react-scripts` is adjusted to enable usage with GraphCMS frontend applications.

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.