First public release.

Author: JSv4

.env

@@ -0,0 +1,2 @@
+REACT_APP_PRODUCTION_API_URL=https://gremlin.extract.legal
+REACT_APP_DEVELOPMENT_API_URL=http://localhost:8000

.gitignore

@@ -0,0 +1,100 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

Procfile

@@ -0,0 +1 @@
+web: node server.js

README.md

@@ -0,0 +1,72 @@
+### Welcome to Gremlin GUI
+
+Gremlin is the open source, low-code microservice framework designed for legal engineering, data extraction, and document analysis. Gremlin GUI is a React-based frontend for the separate Gremlin Server. It is licensed under the AGPL and is free and open source.
+
+### ENV Variables
+
+You need to configure the target URL for the Gremlin backend. Create a file .env in the same folder as server.js. In production, you need this variable:
+
+    REACT_APP_PRODUCTION_API_URL="<backend URL>"
+
+When you're not in production, system will look for the target URL in the following env variable:
+
+    REACT_APP_DEVELOPMENT_API_URL="<development bakend URL>"
+
+Define both to have the system switch as appropriate depending on where you deploy it.
+
+### Run the Development Server 
+
+You can run the Gremlin GUI locally and point it at any valid Gremlin backend. To run a deployment version, try the following:
+
+    git clone https://github.com/JSv4/GremlinGUI.git
+    cd GremlinGUI
+    npm install
+    npm run start
+
+You'll need to configure environment variables to point API requests at a Gremlin Backend. This requires you separately have a Gremlin Backend. For more information, see the separate repository at https://github.com/JSv4/GremlinServer.
+
+### Production Deployment
+
+The recommended way to deploy the GUI is via Heroku. The Gremlin GUI has much lower system requirements
+than the backend. Whereas the backend is not a good fit for Heroku as we need more control over the build 
+process and more system resources, the free or hobby instance of Heroku is perfect for our GUI. In the future,
+we plan to add an option to deploy the GUI as part of the same docker compose setup that deploys the backend.
+
+This repository is pre-configured for Heroku, so deployment should be easy. In order to deploy, however, we assume you have alreay have a Heroku account and have setup the Heroku CLI. If you haven't set up the Heroku CLI, follow the instructons here first: https://devcenter.heroku.com/articles/heroku-cli
+
+Now, in the same directory as server.js, execute the following commands in your terminal:
+
+    heroku git: remote -a [application name]
+    git push heroku master
+
+You will see the installation progress in the terminal. Once the application has been successfully deployed, you will be able to access it at [application name].herokuapp.com. 
+
+### Heroku Configuration
+
+NOTE, if you want to use https and you have deployed to Heroku, you must upgrade to at least a hobby dyno. Heroku provides SSL certificates only for paid apps. A hobby dyno costs under $10 a month, so not a bad price to pay for a faster server and https. If you want to provide your own SSL certificate, you can, but it is fairly involved. Follow instructions here: https://devcenter.heroku.com/articles/ssl
+
+### LESS Styling
+
+I am relying on less-watcher to compile less files into css whenever changes are detected. 
+The alternative is "ejecting" my webpack config which sounds like a nightmare. Instructions
+on how this setup works are here: https://www.folio3.com/using-less-in-react-without-ejecting
+
+### Acknowledgements
+
+- Icons
+
+  - *[Starting Flags](https://thenounproject.com/search/?q=start+flag&i=314735)* - By Xela Ub, VN (*[CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)*)
+  - *[Step Arrows](https://thenounproject.com/search/?q=steps&i=1677173)* - BY luca fruzza, IT (*[CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)*)
+  - *[Split Arrows](https://thenounproject.com/search/?q=many+arrows&i=498877)* - By Hea Poh Lin, MY (*[CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)*)
+  - *[Nodes Icon](https://thenounproject.com/search/?q=node&i=159043)* - By Gregor Cresnar (*[CC BY 3.0](https://creativecommons.org/licenses/by/3.0/)*)
+
+- Main Software Libraries
+
+  - Node
+  - React
+  - React-Diagrams
+  - Semantic-UI-React
+  - Json Schema
+  - Axios
+  - Redux
+  - Redux-Thunk

app.json

@@ -0,0 +1,8 @@
+{
+    "name": "Cluster Gremlin Frontend",
+    "description": "Frontend for Cluster Gremlin",
+    "repository": "https://github.com/heroku/node-js-getting-started",
+    "logo": "https://cdn.rawgit.com/heroku/node-js-getting-started/master/public/node.svg",
+    "keywords": ["node", "express", "heroku"],
+    "image": "heroku/nodejs"
+  }

build/00c719096ea6c0678627c6447bd356bb.js

@@ -0,0 +1,14 @@
+ace.define("ace/snippets/crystal", ["require", "exports", "module"], function (require, exports, module) {
+  "use strict";
+
+  exports.snippetText = undefined;
+  exports.scope = "crystal";
+});
+
+(function () {
+  ace.require(["ace/snippets/crystal"], function (m) {
+    if (typeof module == "object" && typeof exports == "object" && module) {
+      module.exports = m;
+    }
+  });
+})();