Modifications for running NeoDash as a Neo4j Graph App

Author: nielsdejong

.gitignore

@@ -1,9 +1,12 @@
 .idea
 *.iml
+*.pem
+*.cert
+*.passphrase
 node_modules
 package-lock.json
 build
-
+target
 /node_modules
 /.pnp
 .pnp.js

desktop-signer.sh

@@ -0,0 +1,24 @@
+APPNAME=NeoDash
+
+npm run-script build
+npm pack
+rm -rf ../target
+mkdir ../target
+mv *.tgz ../target/
+cd ../target
+tar -xvf ${APPNAME}*.tgz
+rm -f ${APPNAME}*.tgz
+cp -r package/build package/dist
+cp package/dist/favicon.ico package/favicon.ico
+GRAPH_APP_PASSPHRASE=$( cat ../desktop.passphrase )
+
+# sign the code & verify
+#npx @neo4j/code-signer --app ./package   --private-key ../neo4j-labs-app.pem   --cert ../neo4j-labs-app.cert   --passphrase $GRAPH_APP_PASSPHRASE
+#npx @neo4j/code-signer --verify  --app ./package --root-cert ../neo4j_desktop.cert
+
+# pack it back up again
+cd package
+npm pack
+mv ${APPNAME}*.tgz ../
+
+# file:///home/niels/IdeaProjects/grandstack-for-dummies-2/target/NeoDash-1.0.2.tgz

ui/.env

@@ -1 +1 @@
-PUBLIC_URL=https://nielsdejong.nl/neodash
+PUBLIC_URL=./

ui/.env.hosted

@@ -0,0 +1 @@
+PUBLIC_URL=https://nielsdejong.nl/neodash

ui/.env.local

@@ -1,8 +1,8 @@
 {
-  "name": "neodash",
+  "name": "NeoDash",
   "description": "NeoDash - Neo4j Dashboard Builder",
   "version": "1.0.2",
-  "homepage":"https://nielsdejong.nl/neodash",
+  "homepage": "https://nielsdejong.nl/neodash",
   "neo4jDesktop": {
     "apiVersion": "^1.2.0"
   },
@@ -11,21 +11,24 @@
     {
       "src": "favicon.ico",
       "type": "ico"
+    },
+    {
+      "src": "favicon.png",
+      "type": "png"
     }
   ],
   "repository": {
     "type": "git",
     "url": "https://github.com/nielsdejong/neodash/"
   },
-
   "private": false,
   "dependencies": {
     "@apollo/react-hooks": "^3.1.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "apollo-boost": "^0.4.4",
-    "axios": "^0.16.2",
+    "axios": "^0.18.1",
     "d3": "4.5.0",
     "graphql": "^14.5.8",
     "graphql-tag": "^2.10.1",

ui/package.json

@@ -2,14 +2,18 @@
   "short_name": "NeoDash",
   "name": "NeoDash - Neo4j Dashboard Builder",
   "homepage": "https://github.com/nielsdejong/neodash/",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "neo4jDesktop": {
     "apiVersion": "^1.2.0"
   },
   "icons": [
     {
       "src": "favicon.ico",
       "type": "ico"
+    },
+    {
+      "src": "favicon.png",
+      "type": "png"
     }
   ],
   "start_url": "./index.html",

ui/public/favicon.png

@@ -15,7 +15,7 @@ import neo4j from "neo4j-driver";
 import {Checkbox} from "react-materialize";
 import NeoCheckBox from "./component/NeoCheckBox";
 import NeoTextButton from "./component/NeoTextButton";
-
+import defaultDashboard from './default_dashboard.json';
 
 class NeoDash extends React.Component {
     version = '1.0';
@@ -149,18 +149,11 @@ class NeoDash extends React.Component {
         }
     }
 
+
     setDefaultDashboard() {
         let state = this.state;
-        fetch("/default_dashboard.json")
-            .then(response => response.text())
-            .then((jsonData) => {
-                state.json = jsonData;
-                this.loadJson()
-
-            }).catch((error) => {
-            // handle your errors here
-            alert(error)
-        })
+        this.state.json = JSON.stringify(defaultDashboard);
+        this.loadJson()
     }
 
     stateChanged(update) {

ui/public/manifest.json

@@ -0,0 +1,30 @@
+{
+  "title": "NeoDash ⚡",
+  "version": "1.0",
+  "editable": true,
+  "reports": [
+    {
+      "title": "Hi there \uD83D\uDC4B",
+      "width": 4,
+      "height": 4,
+      "type": "text",
+      "query": "This is your first dashboard! \n \nYou can click (⋮) to edit this report, or add a new report to get started. You can run any Cypher query directly from each report and render data in a variety of formats. \n \nTip: try renaming this report by editing the title text. You can also edit the dashboard header at the top of the screen.",
+      "page": 1,
+      "properties": [],
+      "parameters": "",
+      "refresh": 0
+    },
+    {
+      "title": "Example Query",
+      "width": 4,
+      "height": 4,
+      "type": "graph",
+      "query": "CALL db.schema.visualization()",
+      "page": 2,
+      "properties": [],
+      "parameters": "",
+      "refresh": 0
+    },
+    {}
+  ]
+}