add gg-editor

package-lock.json

@@ -4,6 +4,174 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@antv/dom-util": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/@antv/dom-util/download/@antv/dom-util-2.0.2.tgz",
+      "integrity": "sha1-THsKGV4CflVXBDWmglzsVt+wtZA=",
+      "requires": {
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/event-emitter": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/@antv/event-emitter/download/@antv/event-emitter-0.1.2.tgz",
+      "integrity": "sha1-oXt8uG5tBxiA3Gv7IydW+IYk7Lw="
+    },
+    "@antv/g-base": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npm.taobao.org/@antv/g-base/download/@antv/g-base-0.4.7.tgz?cache=0&sync_timestamp=1600174460559&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fg-base%2Fdownload%2F%40antv%2Fg-base-0.4.7.tgz",
+      "integrity": "sha1-dpj8TIyzgfK3iaMPvrJrHojEgZY=",
+      "requires": {
+        "@antv/event-emitter": "^0.1.1",
+        "@antv/g-math": "^0.1.3",
+        "@antv/matrix-util": "^3.1.0-beta.1",
+        "@antv/path-util": "~2.0.5",
+        "@antv/util": "~2.0.0",
+        "@types/d3-timer": "^1.0.9",
+        "d3-ease": "^1.0.5",
+        "d3-interpolate": "^1.3.2",
+        "d3-timer": "^1.0.9",
+        "detect-browser": "^5.1.0"
+      },
+      "dependencies": {
+        "@antv/matrix-util": {
+          "version": "3.1.0-beta.2",
+          "resolved": "https://registry.npm.taobao.org/@antv/matrix-util/download/@antv/matrix-util-3.1.0-beta.2.tgz",
+          "integrity": "sha1-tK+vtw299Sr/yjCNNUbIoJD9I8o=",
+          "requires": {
+            "@antv/util": "^2.0.9",
+            "gl-matrix": "^3.3.0",
+            "tslib": "^1.10.0"
+          }
+        }
+      }
+    },
+    "@antv/g-canvas": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npm.taobao.org/@antv/g-canvas/download/@antv/g-canvas-0.4.14.tgz?cache=0&sync_timestamp=1600174461256&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fg-canvas%2Fdownload%2F%40antv%2Fg-canvas-0.4.14.tgz",
+      "integrity": "sha1-+5ev3Jl62P39B6QQRUfEbGGhsoo=",
+      "requires": {
+        "@antv/g-base": "^0.4.7",
+        "@antv/g-math": "^0.1.3",
+        "@antv/path-util": "~2.0.5",
+        "@antv/util": "~2.0.0",
+        "gl-matrix": "^3.0.0"
+      }
+    },
+    "@antv/g-math": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npm.taobao.org/@antv/g-math/download/@antv/g-math-0.1.5.tgz?cache=0&sync_timestamp=1600174459928&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fg-math%2Fdownload%2F%40antv%2Fg-math-0.1.5.tgz",
+      "integrity": "sha1-jkSYp7wCsRPBG1A3OpsVJzE5ze8=",
+      "requires": {
+        "@antv/util": "~2.0.0",
+        "gl-matrix": "^3.0.0"
+      }
+    },
+    "@antv/g-svg": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npm.taobao.org/@antv/g-svg/download/@antv/g-svg-0.4.7.tgz?cache=0&sync_timestamp=1600174462035&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fg-svg%2Fdownload%2F%40antv%2Fg-svg-0.4.7.tgz",
+      "integrity": "sha1-DWXh2zTm3+YJqts+3fR0jbAvCwE=",
+      "requires": {
+        "@antv/g-base": "^0.4.7",
+        "@antv/g-math": "^0.1.3",
+        "@antv/util": "~2.0.0",
+        "detect-browser": "^4.6.0"
+      },
+      "dependencies": {
+        "detect-browser": {
+          "version": "4.8.0",
+          "resolved": "https://registry.npm.taobao.org/detect-browser/download/detect-browser-4.8.0.tgz?cache=0&sync_timestamp=1602161052538&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdetect-browser%2Fdownload%2Fdetect-browser-4.8.0.tgz",
+          "integrity": "sha1-HXO9iMF76GaQGVDOCqrh7QYJAsY="
+        }
+      }
+    },
+    "@antv/g6": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npm.taobao.org/@antv/g6/download/@antv/g6-3.5.2.tgz?cache=0&sync_timestamp=1601004812940&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40antv%2Fg6%2Fdownload%2F%40antv%2Fg6-3.5.2.tgz",
+      "integrity": "sha1-ygFq4WPuF8aJ2CxcktPXT6XQ4UY=",
+      "requires": {
+        "@antv/dom-util": "^2.0.1",
+        "@antv/event-emitter": "~0.1.0",
+        "@antv/g-base": "^0.4.1",
+        "@antv/g-canvas": "^0.4.3",
+        "@antv/g-math": "^0.1.1",
+        "@antv/g-svg": "^0.4.1",
+        "@antv/hierarchy": "^0.6.2",
+        "@antv/matrix-util": "^2.0.4",
+        "@antv/path-util": "^2.0.3",
+        "@antv/scale": "^0.3.1",
+        "@antv/util": "~2.0.5",
+        "d3-force": "^2.0.1",
+        "dagre": "^0.8.5",
+        "lodash": "^4.17.15",
+        "ml-matrix": "^6.5.0"
+      }
+    },
+    "@antv/gl-matrix": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npm.taobao.org/@antv/gl-matrix/download/@antv/gl-matrix-2.7.1.tgz",
+      "integrity": "sha1-rLjjf3qz3wE0WrpDcteUK+QuuhQ="
+    },
+    "@antv/hierarchy": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npm.taobao.org/@antv/hierarchy/download/@antv/hierarchy-0.6.6.tgz",
+      "integrity": "sha1-WEWbCO8ZuzTY3wqW1SlUWAeDrr4=",
+      "requires": {
+        "@antv/util": "^2.0.7"
+      }
+    },
+    "@antv/matrix-util": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npm.taobao.org/@antv/matrix-util/download/@antv/matrix-util-2.0.7.tgz",
+      "integrity": "sha1-pRkFmdQkwVGKG16zpUgnHX6Y/EQ=",
+      "requires": {
+        "@antv/gl-matrix": "^2.7.1",
+        "@antv/util": "^2.0.7",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/path-util": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npm.taobao.org/@antv/path-util/download/@antv/path-util-2.0.8.tgz",
+      "integrity": "sha1-m8VNK3GYqtmIqcxKbekFTyaRm4Q=",
+      "requires": {
+        "@antv/util": "^2.0.9",
+        "tslib": "^1.10.0"
+      }
+    },
+    "@antv/scale": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npm.taobao.org/@antv/scale/download/@antv/scale-0.3.3.tgz",
+      "integrity": "sha1-xFoJtD7dvgmG8J2hzaUt9tlkQyU=",
+      "requires": {
+        "@antv/util": "~2.0.3",
+        "fecha": "~4.2.0",
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-2.0.2.tgz?cache=0&sync_timestamp=1601998793819&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-2.0.2.tgz",
+          "integrity": "sha1-RiKVYxGF20SyGx6jYVtjzRwDgkI="
+        }
+      }
+    },
+    "@antv/util": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npm.taobao.org/@antv/util/download/@antv/util-2.0.9.tgz",
+      "integrity": "sha1-vT4pajkuEfvieB/eOdjnC6HFPtA=",
+      "requires": {
+        "tslib": "^1.10.0"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.11.2",
+      "resolved": "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.11.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.11.2.tgz",
+      "integrity": "sha1-9UnBPHVMxAuHZEufqfCaapX+BzY=",
+      "requires": {
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
     "@electron/get": {
       "version": "1.12.2",
       "resolved": "https://registry.npm.taobao.org/@electron/get/download/@electron/get-1.12.2.tgz",
@@ -48,6 +216,16 @@
         "defer-to-connect": "^1.0.1"
       }
     },
+    "@types/d3-timer": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npm.taobao.org/@types/d3-timer/download/@types/d3-timer-1.0.10.tgz?cache=0&sync_timestamp=1601417425052&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fd3-timer%2Fdownload%2F%40types%2Fd3-timer-1.0.10.tgz",
+      "integrity": "sha1-MpxRwskx9E7QrP94uMhFcazw7SE="
+    },
+    "@types/estree": {
+      "version": "0.0.45",
+      "resolved": "https://registry.npm.taobao.org/@types/estree/download/@types/estree-0.0.45.tgz",
+      "integrity": "sha1-6Th1cpmOXs2sIhlQ2rPow7Fq+IQ="
+    },
     "@types/glob": {
       "version": "7.1.3",
       "resolved": "https://registry.npm.taobao.org/@types/glob/download/@types/glob-7.1.3.tgz?cache=0&sync_timestamp=1596838206290&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fglob%2Fdownload%2F%40types%2Fglob-7.1.3.tgz",
@@ -1199,6 +1377,58 @@
       "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
       "dev": true
     },
+    "d3-color": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npm.taobao.org/d3-color/download/d3-color-1.4.1.tgz",
+      "integrity": "sha1-xSACv4hGraRCTVXZeYL+8m6zvIo="
+    },
+    "d3-dispatch": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/d3-dispatch/download/d3-dispatch-2.0.0.tgz",
+      "integrity": "sha1-ihjhb3bdP8rvQhY8l7kmqptV588="
+    },
+    "d3-ease": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npm.taobao.org/d3-ease/download/d3-ease-1.0.7.tgz",
+      "integrity": "sha1-moNIkO+LiujFWLL+Vb1X9Zk7heI="
+    },
+    "d3-force": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/d3-force/download/d3-force-2.1.1.tgz?cache=0&sync_timestamp=1598222489832&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fd3-force%2Fdownload%2Fd3-force-2.1.1.tgz",
+      "integrity": "sha1-8gzL8ebJ6ArdGSbwm1H2hqi8CTc=",
+      "requires": {
+        "d3-dispatch": "1 - 2",
+        "d3-quadtree": "1 - 2",
+        "d3-timer": "1 - 2"
+      }
+    },
+    "d3-interpolate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/d3-interpolate/download/d3-interpolate-1.4.0.tgz?cache=0&sync_timestamp=1598193861487&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fd3-interpolate%2Fdownload%2Fd3-interpolate-1.4.0.tgz",
+      "integrity": "sha1-Um554tgNqjg/ngwcHH3MDwWD6Yc=",
+      "requires": {
+        "d3-color": "1"
+      }
+    },
+    "d3-quadtree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/d3-quadtree/download/d3-quadtree-2.0.0.tgz?cache=0&sync_timestamp=1598194930763&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fd3-quadtree%2Fdownload%2Fd3-quadtree-2.0.0.tgz",
+      "integrity": "sha1-7brQRc74hwH2/uOu6Ok/szLTD50="
+    },
+    "d3-timer": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npm.taobao.org/d3-timer/download/d3-timer-1.0.10.tgz?cache=0&sync_timestamp=1598192644493&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fd3-timer%2Fdownload%2Fd3-timer-1.0.10.tgz",
+      "integrity": "sha1-3+dripF0iDGxO22ceT/71QjdneU="
+    },
+    "dagre": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npm.taobao.org/dagre/download/dagre-0.8.5.tgz",
+      "integrity": "sha1-ujCwBV2sErbB/MJHgXRCd30Gr+4=",
+      "requires": {
+        "graphlib": "^2.1.8",
+        "lodash": "^4.17.15"
+      }
+    },
     "debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npm.taobao.org/debug/download/debug-2.6.9.tgz?cache=0&sync_timestamp=1600502894812&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-2.6.9.tgz",
@@ -1292,6 +1522,11 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "detect-browser": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npm.taobao.org/detect-browser/download/detect-browser-5.2.0.tgz?cache=0&sync_timestamp=1602161052538&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdetect-browser%2Fdownload%2Fdetect-browser-5.2.0.tgz",
+      "integrity": "sha1-yc1a+pamoZ/aC76em+SKa24enJc="
+    },
     "detect-file": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/detect-file/download/detect-file-1.0.0.tgz",
@@ -1826,6 +2061,11 @@
         "pend": "~1.2.0"
       }
     },
+    "fecha": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/fecha/download/fecha-4.2.0.tgz",
+      "integrity": "sha1-P/tjlUU+Pz7/+FBATwpZtnR/X0E="
+    },
     "figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npm.taobao.org/figgy-pudding/download/figgy-pudding-3.5.2.tgz",
@@ -2078,6 +2318,21 @@
       "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
       "dev": true
     },
+    "gg-editor": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npm.taobao.org/gg-editor/download/gg-editor-3.1.3.tgz",
+      "integrity": "sha1-Zdn9RrvYky1ZiizhBzE4KkApRP0=",
+      "requires": {
+        "@antv/g6": "3.5.2",
+        "@babel/runtime": "^7.7.6",
+        "lodash": "^4.17.15"
+      }
+    },
+    "gl-matrix": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npm.taobao.org/gl-matrix/download/gl-matrix-3.3.0.tgz",
+      "integrity": "sha1-Iy7vYLHIswooy751ssr2xI/WNYs="
+    },
     "glob": {
       "version": "7.1.6",
       "resolved": "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz",
@@ -2203,6 +2458,14 @@
       "resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz",
       "integrity": "sha1-Ila94U02MpWMRl68ltxGfKB6Kfs="
     },
+    "graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npm.taobao.org/graphlib/download/graphlib-2.1.8.tgz",
+      "integrity": "sha1-V2HUFHN4cAhMkux7XbywWSydNdo=",
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
     "has-flag": {
       "version": "3.0.0",
       "resolved": "http://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz",
@@ -2405,6 +2668,14 @@
         }
       }
     },
+    "is-any-array": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-any-array/download/is-any-array-0.1.0.tgz",
+      "integrity": "sha1-5aJ5ZeM3FhDBDGa8o7437hd7344=",
+      "requires": {
+        "rollup": "^1.31.1"
+      }
+    },
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "http://registry.npm.taobao.org/is-arrayish/download/is-arrayish-0.2.1.tgz",
@@ -2670,8 +2941,7 @@
     "lodash": {
       "version": "4.17.20",
       "resolved": "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597335994883&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz",
-      "integrity": "sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=",
+      "integrity": "sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI="
-      "optional": true
     },
     "lodash.get": {
       "version": "4.4.2",
@@ -2879,6 +3149,40 @@
         "minimist": "^1.2.5"
       }
     },
+    "ml-array-max": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ml-array-max/download/ml-array-max-1.2.0.tgz",
+      "integrity": "sha1-FBWVEx/hAgjdiYl86Yq3/TgqOVE=",
+      "requires": {
+        "is-any-array": "^0.1.0"
+      }
+    },
+    "ml-array-min": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ml-array-min/download/ml-array-min-1.2.0.tgz",
+      "integrity": "sha1-aIDqMZJQqZ7HO8J5msAFwQoPBIk=",
+      "requires": {
+        "is-any-array": "^0.1.0"
+      }
+    },
+    "ml-array-rescale": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npm.taobao.org/ml-array-rescale/download/ml-array-rescale-1.3.2.tgz",
+      "integrity": "sha1-696qqE0V9xTbsA6UpqkzbdzxBBM=",
+      "requires": {
+        "is-any-array": "^0.1.0",
+        "ml-array-max": "^1.2.0",
+        "ml-array-min": "^1.2.0"
+      }
+    },
+    "ml-matrix": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npm.taobao.org/ml-matrix/download/ml-matrix-6.5.1.tgz",
+      "integrity": "sha1-thMFAk9UjOGY+qABl0/ZYc0WKpg=",
+      "requires": {
+        "ml-array-rescale": "^1.3.1"
+      }
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "http://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz",
@@ -3534,6 +3838,11 @@
         "picomatch": "^2.2.1"
       }
     },
+    "regenerator-runtime": {
+      "version": "0.13.7",
+      "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz?cache=0&sync_timestamp=1595456311465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.13.7.tgz",
+      "integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
+    },
     "regex-not": {
       "version": "1.0.2",
       "resolved": "http://registry.npm.taobao.org/regex-not/download/regex-not-1.0.2.tgz",
@@ -3674,6 +3983,23 @@
         "sprintf-js": "^1.1.2"
       }
     },
+    "rollup": {
+      "version": "1.32.1",
+      "resolved": "https://registry.npm.taobao.org/rollup/download/rollup-1.32.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frollup%2Fdownload%2Frollup-1.32.1.tgz",
+      "integrity": "sha1-RIDlLZ2eKuS0a6DZ3erzFjlA+cQ=",
+      "requires": {
+        "@types/estree": "*",
+        "@types/node": "*",
+        "acorn": "^7.1.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npm.taobao.org/acorn/download/acorn-7.4.1.tgz?cache=0&sync_timestamp=1601885779818&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.4.1.tgz",
+          "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo="
+        }
+      }
+    },
     "run-queue": {
       "version": "1.0.3",
       "resolved": "http://registry.npm.taobao.org/run-queue/download/run-queue-1.0.3.tgz",
@@ -4419,8 +4745,7 @@
     "tslib": {
       "version": "1.14.0",
       "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-1.14.0.tgz?cache=0&sync_timestamp=1601998793819&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.14.0.tgz",
-      "integrity": "sha1-1iSYPz4sXgtVMHw91shqzXN2IsY=",
+      "integrity": "sha1-1iSYPz4sXgtVMHw91shqzXN2IsY="
-      "dev": true
     },
     "tty-browserify": {
       "version": "0.0.0",

package.json

@@ -31,6 +31,7 @@
     "@types/react-dom": "^16.9.8",
     "electron": "^10.1.3",
     "electron-packager": "^15.1.0",
+    "gg-editor": "^3.1.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   }

src/components/Hello.tsx

@@ -1,24 +1,48 @@
 import * as React from 'react';
+import GGEditor, { Mind, RegisterNode } from 'gg-editor';
+import { MindData } from 'gg-editor/lib/common/interfaces';
+const data: MindData = {
+  id: "1",
+  label: 'Central Topic',
+  children: [
+    {
+      id: "2",
+      label: 'Main Topic 1',
+    },
+    {
+      id: "3",
+      label: 'Main Topic 2',
+    },
+    {
+      id: "4",
+      label: 'Main Topic 3',
+    },
+  ],
+};
 
-export interface Props {
+export default class Hello extends React.Component {
-  name: string;
-  enthusiasmLevel?: number;
-}
-
-export default class Hello extends React.Component<Props, object> {
   render() {
-    const { name, enthusiasmLevel = 1 } = this.props;
-
-    if (enthusiasmLevel <= 0) {
-      throw new Error('You could be a little more enthusiastic. :D');
-    }
-
     return (
-      <div className="hello">
+      <GGEditor style={{ background: "#1E1E1E" }}>
-        <div className="greeting">
+        <Mind
-          Hello {name + getExclamationMarks(enthusiasmLevel)}
+          style={{ width: 500, height: 500 }}
-        </div>
+          data={data}
-      </div>
+          graphConfig={{ defaultNode: { type: 'customNode' } }}
+        />
+        <RegisterNode
+          name="customNode"
+          config={{
+            getCustomConfig(model: any) {
+              return {
+                wrapperStyle: {
+                  fill: '#000000',
+                },
+              };
+            },
+          }}
+          extend="bizFlowNode"
+        />
+      </GGEditor>
     );
   }
 }

src/index.tsx

@@ -4,6 +4,6 @@ import * as ReactDOM from "react-dom";
 import Hello from "./components/Hello";
 
 ReactDOM.render(
-  <Hello name="TypeScript" enthusiasmLevel={10} />,
+  <Hello />,
   document.getElementById('root') as HTMLElement
 );

tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "outDir": "./dist/",
     "sourceMap": true,
+    "esModuleInterop": true,
     "noImplicitAny": true,
     "module": "commonjs",
     "target": "es6",