├── .editorconfig
├── .github
├── FUNDING.yml
└── workflows
│ └── lint.yml
├── .gitignore
├── .npmrc
├── LICENSE
├── README.md
├── index.html
├── index.ts
├── package.json
├── screenshot.png
├── stress.html
└── tsconfig.json
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = tab
5 | indent_size = 4
6 | tab_width = 4
7 | end_of_line = lf
8 | charset = utf-8
9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 |
12 | [{*.gyp,*.yml,*.yaml}]
13 | indent_style = space
14 | indent_size = 2
15 |
16 | [{*.py,*.asm}]
17 | indent_style = space
18 |
19 | [*.py]
20 | indent_size = 4
21 |
22 | [*.asm]
23 | indent_size = 8
24 |
25 | [{*.md,*.tsv}]
26 | trim_trailing_whitespace = false
27 |
28 | # Ideal settings - some plugins might support these.
29 | [*.js]
30 | quote_type = single
31 |
32 | [{*.c,*.cc,*.h,*.hh,*.cpp,*.hpp,*.m,*.mm,*.mpp,*.js,*.java,*.go,*.rs,*.php,*.ng,*.jsx,*.ts,*.d,*.cs,*.swift}]
33 | curly_bracket_next_line = false
34 | spaces_around_operators = true
35 | spaces_around_brackets = outside
36 | # close enough to 1TB
37 | indent_brace_style = K&R
38 |
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | github: 'qix-'
2 |
--------------------------------------------------------------------------------
/.github/workflows/lint.yml:
--------------------------------------------------------------------------------
1 | name: Lint
2 | on: [push, pull_request]
3 | jobs:
4 | test:
5 | name: Lint
6 | runs-on: ubuntu-latest
7 | timeout-minutes: 10
8 | steps:
9 | - name: Check out repository
10 | uses: actions/checkout@v2
11 | with:
12 | submodules: recursive
13 | fetch-depth: 0
14 | - name: Install dependencies
15 | run: npm i
16 | - name: Lint commit message
17 | uses: wagoid/commitlint-github-action@v4
18 | - name: Lint source code
19 | run: npm run lint
20 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | /dist/
2 | node_modules/
3 | package-lock.json
4 | yarn.lock
5 |
--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | save-exact = true
2 | package-lock = false
3 | update-notifier = false
4 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2022 Josh Junon
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Node Editor (Web Components)
2 |
3 |
4 | 
5 |
6 |
7 |
8 | A zero dependency, unopinionated
9 | [node editor](https://en.wikipedia.org/wiki/Node_graph_architecture#Node_Graph)
10 | built as a reusable
11 | [web component](https://developer.mozilla.org/en-US/docs/Web/Web_Components).
12 |
13 | ## Features
14 |
15 | - **Zero dependencies.** Just import and you're off!
16 | - **Fully-compliant web components.** Works with React, Vue, Surplus,
17 | or vanilla Javascript applications.
18 | - **Unopinionated.** Style nodes how you want, customizing everything
19 | down to the port handles themselves. Completely stylable.
20 | - **Delightful.** Modeled after the excellent Blender geometry nodes
21 | and Unity's editor system, great care was made to make it feel
22 | nice to use and to look pretty.
23 |
24 | ## Installation
25 |
26 | This library is distributed as an ESM module and released on npm.
27 |
28 | ```
29 | npm install node-editor
30 | ```
31 |
32 | While the module itself exports all of the public types
33 | if you need them, it is not _strictly_ necessary to use
34 | the library, and the code is otherwise self-contained/-executing.
35 |
36 | Assuming you're using a bundler or a `
310 |
311 |