Refactor GraferController and add remove layer functions

.github/workflows/pages.yml

@@ -0,0 +1,45 @@
+name: pages
+on:
+    push:
+        branches:
+            - master
+jobs:
+    clean-lint-build-test:
+
+        runs-on: ubuntu-latest
+
+        strategy:
+            matrix:
+                node-version: [14.x]
+
+        steps:
+            - name: checkout
+            - uses: actions/checkout@v2
+
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v1
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - run: npm install -g yarn
+
+            - name: install
+              run: yarn
+
+            - name: clean
+              run: yarn clean
+
+            - name: lint
+              run: yarn lint
+
+            - name: build
+              run: yarn examples
+
+            - name: test
+              run: yarn test
+
+            - name: Deploy
+              uses: JamesIves/[email protected]
+              with:
+                GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                BRANCH: gh-pages
+                FOLDER: build/examples

examples/src/bundledEdgesLoader.ts

@@ -202,7 +202,7 @@ async function loadGraph(container: HTMLElement, info: LayoutInfo): Promise<void
             type: 'CurvedPath',
             data: [],
             options: {
-                alpha: 0.25,
+                alpha: 0.04,
                 nearDepth: 0.9,
             },
         };

package.json

@@ -31,6 +31,7 @@
         "clean:cache": "rimraf .rts2_cache",
         "develop": "yarn build:dev --watch --config-dev-server",
         "docs": "typedoc --out ./docs ./src --exclude 'node_modules/**/*' --mode file --includeVersion --stripInternal --skipLibCheck",
+        "examples": "rollup --config --config-examples",
         "lint": "eslint --config ./.eslintrc.cjs \"./{src,tests,examples}/**/*.{js,ts}\"",
         "test": "karma start --single-run --browsers ChromeHeadless karma.conf.cjs",
         "prepack": "run-s clean test lint",
@@ -48,22 +49,22 @@
     },
     "devDependencies": {
         "@rollup/plugin-commonjs": "^17.0.0",
-        "@rollup/plugin-node-resolve": "^11.0.0",
+        "@rollup/plugin-node-resolve": "^11.1.0",
         "@rollup/plugin-replace": "^2.3.4",
         "@types/chai": "^4.2.14",
-        "@types/chroma-js": "^2.1.2",
+        "@types/chroma-js": "^2.1.3",
         "@types/mocha": "^8.2.0",
-        "@types/resize-observer-browser": "^0.1.4",
-        "@typescript-eslint/eslint-plugin": "^4.9.1",
-        "@typescript-eslint/parser": "^4.9.1",
+        "@types/resize-observer-browser": "^0.1.5",
+        "@typescript-eslint/eslint-plugin": "^4.14.1",
+        "@typescript-eslint/parser": "^4.14.1",
         "chai": "^4.2.0",
-        "eslint": "^7.15.0",
+        "eslint": "^7.18.0",
         "eslint-config-esnext": "^4.1.0",
         "eslint-plugin-import": "^2.22.1",
-        "globby": "^11.0.0",
+        "globby": "^11.0.2",
         "glslify-import": "^3.1.0",
-        "husky": "^4.3.5",
-        "karma": "^5.1.1",
+        "husky": "^4.3.8",
+        "karma": "^6.0.2",
         "karma-chai": "^0.1.0",
         "karma-chrome-launcher": "^3.1.0",
         "karma-mocha": "^2.0.1",
@@ -73,14 +74,15 @@
         "mocha": "^8.2.1",
         "npm-run-all": "^4.1.5",
         "rimraf": "^3.0.2",
-        "rollup": "^2.34.2",
+        "rollup": "^2.38.0",
+        "rollup-plugin-copy": "^3.3.0",
         "rollup-plugin-glslify": "^1.2.0",
         "rollup-plugin-sourcemaps": "^0.6.3",
         "rollup-plugin-typescript2": "^0.29.0",
-        "tslib": "^2.0.3",
-        "tweakpane": "^1.5.7",
-        "typedoc": "^0.19.2",
-        "typescript": "^4.1.2"
+        "tslib": "^2.1.0",
+        "tweakpane": "^1.5.8",
+        "typedoc": "^0.20.19",
+        "typescript": "^4.1.3"
     },
     "dependencies": {
         "@dekkai/data-source": "^0.1.0",

rollup.config.cjs

@@ -6,6 +6,7 @@ const commonjs = require('@rollup/plugin-commonjs');
 const resolve = require('@rollup/plugin-node-resolve').nodeResolve;
 const replace = require('@rollup/plugin-replace');
 const glslify = require('rollup-plugin-glslify');
+const copy = require('rollup-plugin-copy');
 const globby = require('globby');
 const server = require('live-server');
 
@@ -25,13 +26,15 @@ const types = {
     DIST: 'dist',
     DEV: 'dev',
     TEST: 'test',
+    EXAMPLES: 'examples',
 };
 
 // Directories where the build files will be written
 const buildDir = path.resolve(__dirname, 'build');
 const outputDirs = {
     [types.LIB]: path.join(buildDir, 'lib'),
     [types.DEV]: path.join(buildDir, 'dev'),
+    [types.EXAMPLES]: path.join(buildDir, 'examples'),
     [types.DIST]: path.join(buildDir, 'dist'),
 };
 
@@ -81,7 +84,7 @@ function inputForType (type) {
         });
     }
 
-    if (type === types.DEV) {
+    if (type === types.DEV || type === types.EXAMPLES) {
         globby.sync([
             path.join('examples/src/', '/**/*.{ts,js}'),
             `!${path.join('examples/src/', '/**/*.d.ts')}`,
@@ -144,7 +147,7 @@ function outputForType (type) {
 
 function pluginsForType (type) {
     const plugins = [];
-    if (type === types.DEV || type === types.TEST) {
+    if (type === types.DEV || type === types.TEST || type === types.EXAMPLES) {
         plugins.push(
             resolve({
                 extensions,
@@ -172,11 +175,19 @@ function pluginsForType (type) {
         );
     }
 
+    if (type === types.EXAMPLES) {
+        plugins.push(copy({
+            targets: [
+                { src: 'examples/static/**/*', dest: 'build/examples' },
+            ],
+        }));
+    }
+
     return { plugins };
 }
 
 function chunksForType (type) {
-    if (type === types.DEV) {
+    if (type === types.DEV || type === types.EXAMPLES) {
         return {
             manualChunks: function (id) {
                 if (id.includes('tslib.js')) {
@@ -279,6 +290,8 @@ module.exports = function generator (args) {
             type = types.TEST;
         } else if (args['config-dev'] || args['config-dev-server']) {
             type = types.DEV;
+        } else if (args['config-examples']) {
+            type = types.EXAMPLES;
         } else {
             type = types.LIB;
         }

src/data/GraphPoints.ts

@@ -31,7 +31,7 @@ const kGLTypes: GLDataTypes<PointData> = {
 };
 
 export class GraphPoints {
-    public static fromNodesArray<R extends GraphPoints>(context: App, nodes: unknown[][], mappings: Partial<PointDataMappings> = {}): R {
+    public static createGraphFromNodes<R extends GraphPoints>(context: App, nodes: unknown[][], mappings: Partial<PointDataMappings> = {}): R {
         let pointIndex = 0;
         const dataMappings: PointDataMappings = Object.assign({}, kDefaultMappings, {
             id: () => pointIndex++,