Add ui source

Author: JarrodCTaylor

.gitignore

@@ -1,3 +1,8 @@
 .cpcache/*
 .idea/*
-*.iml
+*.iml
+.shadow-cljs/*
+node_modules/*
+package-lock.json
+resources/public/assets/js/compiled/cljs-runtime/*
+src/clojurescript/sass/node_modules/*

deps.edn

@@ -2,9 +2,22 @@
  :deps {org.clojure/clojure {:mvn/version "1.12.0"}
         org.clojure/core.async {:git/url "https://github.com/clojure/core.async.git"
                                 :sha "7cc715ac25b4a0f232a7fe1049f90f14ef10fd96"}
-        metosin/reitit            {:mvn/version "0.5.18"}
+        metosin/reitit            {:mvn/version "0.6.0"}
         http-kit/http-kit         {:mvn/version "2.7.0"}
         com.cognitect/transit-clj {:mvn/version "1.0.329"}
         org.clojure/data.json     {:mvn/version "2.4.0"}
         ring/ring-core            {:mvn/version "1.14.0"}
-        ring/ring-defaults        {:mvn/version "0.6.0"}}}
+        ring/ring-defaults        {:mvn/version "0.6.0"}
+        thheller/shadow-cljs        {:mvn/version "2.27.4"}
+        reagent/reagent             {:mvn/version "1.2.0"}
+        re-frame/re-frame           {:mvn/version "1.4.3"}
+        lambdaisland/glogi          {:mvn/version "1.3.169"}
+        day8.re-frame/async-flow-fx {:mvn/version "0.4.0"}
+        day8.re-frame/http-fx       {:mvn/version "0.2.4"}
+        com.cognitect/transit-cljs  {:mvn/version "0.8.280"}}
+
+ :aliases {:min {:main-opts ["-m" "shadow.cljs.devtools.cli" "release" "app"]}
+           :dev {:extra-paths ["test"]
+                 :main-opts   ["-m" "shadow.cljs.devtools.cli" "watch" "app"]
+                 :extra-deps  {day8.re-frame/test              {:mvn/version "0.1.5"}
+                               binaryage/devtools              {:mvn/version "1.0.4"}}}}}

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "flow-monitor-ui",
+  "version": "1.0.0",
+  "description": "Behold the majesty of JavaScript",
+  "dependencies": {
+    "create-react-class": "^15.7.0",
+    "react": "16.13.0",
+    "react-dom": "16.13.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/jarrodctaylor/flow_monitor_ui.git"
+  },
+  "devDependencies": {
+    "shadow-cljs": "2.8.93"
+  }
+}
+

resources/public/assets/js/compiled/main.js

@@ -1 +1 @@
-[{:module-id :main, :name :main, :output-name "main.js", :entries [flow-chart-ui.core], :depends-on nil, :sources ["goog/base.js" "goog/debug/error.js" "goog/dom/nodetype.js" "goog/asserts/asserts.js" "goog/reflect/reflect.js" "goog/math/long.js" "goog/math/integer.js" "goog/dom/htmlelement.js" "goog/dom/tagname.js" "goog/dom/element.js" "goog/asserts/dom.js" "goog/dom/asserts.js" "goog/functions/functions.js" "goog/string/typedstring.js" "goog/string/const.js" "goog/html/trustedtypes.js" "goog/html/safescript.js" "goog/fs/url.js" "goog/fs/blob.js" "goog/html/trustedresourceurl.js" "goog/string/internal.js" "goog/html/safeurl.js" "goog/html/safestyle.js" "goog/object/object.js" "goog/html/safestylesheet.js" "goog/flags/flags.js" "goog/labs/useragent/useragent.js" "goog/labs/useragent/util.js" "goog/labs/useragent/highentropy/highentropyvalue.js" "goog/labs/useragent/highentropy/highentropydata.js" "goog/labs/useragent/browser.js" "goog/array/array.js" "goog/dom/tags.js" "goog/html/safehtml.js" "goog/html/uncheckedconversions.js" "goog/dom/safe.js" "goog/string/string.js" "goog/collections/maps.js" "goog/structs/structs.js" "goog/uri/utils.js" "goog/uri/uri.js" "goog/string/stringbuffer.js" "cljs/core.cljs" "goog/promise/thenable.js" "goog/async/freelist.js" "goog/async/workqueue.js" "goog/debug/asyncstacktag.js" "goog/debug/entrypointregistry.js" "goog/labs/useragent/engine.js" "goog/labs/useragent/platform.js" "goog/useragent/useragent.js" "goog/dom/browserfeature.js" "goog/math/math.js" "goog/math/coordinate.js" "goog/math/size.js" "goog/dom/dom.js" "goog/async/nexttick.js" "goog/async/throwexception.js" "goog/async/run.js" "goog/promise/resolver.js" "goog/promise/promise.js" "goog/disposable/idisposable.js" "goog/disposable/dispose.js" "goog/disposable/disposeall.js" "goog/disposable/disposable.js" "goog/debug/errorcontext.js" "goog/debug/debug.js" "goog/events/eventid.js" "goog/events/event.js" "goog/events/browserfeature.js" "goog/events/eventtypehelpers.js" "goog/events/eventtype.js" "goog/events/browserevent.js" "goog/events/listenable.js" "goog/events/listenablekey.js" "goog/events/listener.js" "goog/events/listenermap.js" "goog/events/events.js" "goog/events/eventtarget.js" "goog/timer/timer.js" "goog/dom/inputtype.js" "goog/events/eventhandler.js" "goog/history/eventtype.js" "goog/history/event.js" "goog/labs/useragent/device.js" "goog/memoize/memoize.js" "goog/history/history.js" "clojure/string.cljs" "goog/net/errorcode.js" "shadow/js.js" "node_modules/object-assign/index.js" "node_modules/react/cjs/react.production.min.js" "node_modules/react/index.js" "clojure/walk.cljs" "reagent/debug.cljs" "reagent/impl/util.cljs" "reagent/impl/batching.cljs" "reagent/impl/protocols.cljs" "clojure/set.cljs" "reagent/ratom.cljs" "reagent/impl/component.cljs" "reagent/impl/input.cljs" "reagent/impl/template.cljs" "reagent/core.cljs" "re_frame/interop.cljs" "re_frame/db.cljc" "re_frame/loggers.cljc" "re_frame/utils.cljc" "re_frame/settings.cljc" "re_frame/registrar.cljc" "re_frame/trace.cljc" "re_frame/interceptor.cljc" "re_frame/events.cljc" "re_frame/subs.cljc" "re_frame/router.cljc" "re_frame/fx.cljc" "re_frame/cofx.cljc" "clojure/data.cljs" "re_frame/std_interceptors.cljc" "re_frame/core.cljc" "ajax/protocols.cljc" "ajax/util.cljc" "ajax/url.cljc" "ajax/interceptors.cljc" "ajax/formats.cljc" "goog/json/json.js" "goog/json/hybrid.js" "goog/log/log.js" "goog/net/eventtype.js" "goog/net/httpstatus.js" "goog/net/xhrlike.js" "goog/net/xmlhttpfactory.js" "goog/net/wrapperxmlhttpfactory.js" "goog/net/xmlhttp.js" "goog/net/xhrio.js" "ajax/simple.cljc" "goog/structs/queue.js" "goog/structs/collection.js" "goog/collections/iters.js" "goog/iter/iter.js" "goog/iter/es6.js" "goog/structs/map.js" "goog/structs/set.js" "goog/structs/pool.js" "goog/structs/node.js" "goog/structs/heap.js" "goog/structs/priorityqueue.js" "goog/structs/prioritypool.js" "goog/net/xhriopool.js" "goog/net/xhrmanager.js" "ajax/xhrio.cljs" "day8/re_frame/http_fx.cljs" "node_modules/scheduler/cjs/scheduler.production.min.js" "node_modules/scheduler/index.js" "node_modules/react-dom/cjs/react-dom.production.min.js" "node_modules/react-dom/index.js" "reagent/dom.cljs" "meta_merge/core.cljc" "reitit/exception.cljc" "reitit/trie.cljc" "reitit/impl.cljc" "reitit/coercion.cljc" "reitit/core.cljc" "reitit/frontend.cljs" "goog/debug/relativetimeprovider.js" "goog/debug/formatter.js" "goog/debug/console.js" "goog/structs/circularbuffer.js" "goog/debug/debugwindow.js" "goog/debug/fancywindow.js" "goog/dom/vendor.js" "goog/math/box.js" "goog/math/irect.js" "goog/math/rect.js" "goog/style/style.js" "goog/debug/divconsole.js" "lambdaisland/glogi.cljs" "lambdaisland/glogi/print.cljs" "lambdaisland/glogi/console.cljs" "flow_chart_ui/utils/helpers.cljs" "flow_chart_ui/subs.cljs" "flow_chart_ui/components/alerts.cljs" "com/cognitect/transit/util.js" "com/cognitect/transit/delimiters.js" "com/cognitect/transit/caching.js" "com/cognitect/transit/eq.js" "com/cognitect/transit/types.js" "com/cognitect/transit/impl/decoder.js" "com/cognitect/transit/impl/reader.js" "com/cognitect/transit/handlers.js" "com/cognitect/transit/impl/writer.js" "com/cognitect/transit.js" "cognitect/transit.cljs" "node_modules/dayjs/dayjs.min.js" "flow_chart_ui/config.cljs" "flow_chart_ui/interceptors.cljs" "cljs/spec/gen/alpha.cljs" "cljs/spec/alpha.cljs" "flow_chart_ui/routes/index/db.cljs" "flow_chart_ui/db.cljs" "flow_chart_ui/events.cljs" "flow_chart_ui/global.cljs" "flow_chart_ui/components/nav.cljs" "cljs/pprint.cljs" "flow_chart_ui/components/modal.cljs" "node_modules/popper_DOT_js/dist/umd/popper.js" "node_modules/tippy_DOT_js/dist/tippy.chunk.cjs.js" "node_modules/tippy_DOT_js/dist/tippy.cjs.js" "flow_chart_ui/routes/index/view.cljs" "flow_chart_ui/router.cljs" "flow_chart_ui/core.cljs" "shadow/module/main/append.js"]}]
+[{:module-id :main, :name :main, :output-name "main.js", :entries [clojurescript.flow-monitor-ui.core], :depends-on nil, :sources ["goog/base.js" "goog/debug/error.js" "goog/dom/nodetype.js" "goog/asserts/asserts.js" "goog/reflect/reflect.js" "goog/math/long.js" "goog/math/integer.js" "goog/dom/htmlelement.js" "goog/dom/tagname.js" "goog/dom/element.js" "goog/asserts/dom.js" "goog/dom/asserts.js" "goog/functions/functions.js" "goog/string/typedstring.js" "goog/string/const.js" "goog/html/trustedtypes.js" "goog/html/safescript.js" "goog/fs/url.js" "goog/fs/blob.js" "goog/html/trustedresourceurl.js" "goog/string/internal.js" "goog/html/safeurl.js" "goog/html/safestyle.js" "goog/object/object.js" "goog/html/safestylesheet.js" "goog/flags/flags.js" "goog/labs/useragent/useragent.js" "goog/labs/useragent/util.js" "goog/labs/useragent/highentropy/highentropyvalue.js" "goog/labs/useragent/highentropy/highentropydata.js" "goog/labs/useragent/browser.js" "goog/array/array.js" "goog/dom/tags.js" "goog/html/safehtml.js" "goog/html/uncheckedconversions.js" "goog/dom/safe.js" "goog/string/string.js" "goog/collections/maps.js" "goog/structs/structs.js" "goog/uri/utils.js" "goog/uri/uri.js" "goog/string/stringbuffer.js" "cljs/core.cljs" "goog/promise/thenable.js" "goog/async/freelist.js" "goog/async/workqueue.js" "goog/debug/asyncstacktag.js" "goog/debug/entrypointregistry.js" "goog/labs/useragent/engine.js" "goog/labs/useragent/platform.js" "goog/useragent/useragent.js" "goog/dom/browserfeature.js" "goog/math/math.js" "goog/math/coordinate.js" "goog/math/size.js" "goog/dom/dom.js" "goog/async/nexttick.js" "goog/async/throwexception.js" "goog/async/run.js" "goog/promise/resolver.js" "goog/promise/promise.js" "goog/disposable/idisposable.js" "goog/disposable/dispose.js" "goog/disposable/disposeall.js" "goog/disposable/disposable.js" "goog/debug/errorcontext.js" "goog/debug/debug.js" "goog/events/eventid.js" "goog/events/event.js" "goog/events/browserfeature.js" "goog/events/eventtypehelpers.js" "goog/events/eventtype.js" "goog/events/browserevent.js" "goog/events/listenable.js" "goog/events/listenablekey.js" "goog/events/listener.js" "goog/events/listenermap.js" "goog/events/events.js" "goog/events/eventtarget.js" "goog/timer/timer.js" "goog/dom/inputtype.js" "goog/events/eventhandler.js" "goog/history/eventtype.js" "goog/history/event.js" "goog/labs/useragent/device.js" "goog/memoize/memoize.js" "goog/history/history.js" "clojure/string.cljs" "goog/net/errorcode.js" "shadow/js.js" "node_modules/object-assign/index.js" "node_modules/react/cjs/react.production.min.js" "node_modules/react/index.js" "clojure/walk.cljs" "reagent/debug.cljs" "reagent/impl/util.cljs" "reagent/impl/batching.cljs" "reagent/impl/protocols.cljs" "clojure/set.cljs" "reagent/ratom.cljs" "reagent/impl/component.cljs" "reagent/impl/input.cljs" "reagent/impl/template.cljs" "reagent/core.cljs" "re_frame/interop.cljs" "re_frame/db.cljc" "re_frame/loggers.cljc" "re_frame/utils.cljc" "re_frame/settings.cljc" "re_frame/registrar.cljc" "re_frame/trace.cljc" "re_frame/interceptor.cljc" "re_frame/events.cljc" "re_frame/subs.cljc" "re_frame/router.cljc" "re_frame/fx.cljc" "re_frame/cofx.cljc" "clojure/data.cljs" "re_frame/std_interceptors.cljc" "re_frame/core.cljc" "ajax/protocols.cljc" "ajax/util.cljc" "ajax/url.cljc" "ajax/interceptors.cljc" "ajax/formats.cljc" "goog/json/json.js" "goog/json/hybrid.js" "goog/log/log.js" "goog/net/eventtype.js" "goog/net/httpstatus.js" "goog/net/xhrlike.js" "goog/net/xmlhttpfactory.js" "goog/net/wrapperxmlhttpfactory.js" "goog/net/xmlhttp.js" "goog/net/xhrio.js" "ajax/simple.cljc" "goog/structs/queue.js" "goog/structs/collection.js" "goog/collections/iters.js" "goog/iter/iter.js" "goog/iter/es6.js" "goog/structs/map.js" "goog/structs/set.js" "goog/structs/pool.js" "goog/structs/node.js" "goog/structs/heap.js" "goog/structs/priorityqueue.js" "goog/structs/prioritypool.js" "goog/net/xhriopool.js" "goog/net/xhrmanager.js" "ajax/xhrio.cljs" "day8/re_frame/http_fx.cljs" "node_modules/scheduler/cjs/scheduler.production.min.js" "node_modules/scheduler/index.js" "node_modules/react-dom/cjs/react-dom.production.min.js" "node_modules/react-dom/index.js" "reagent/dom.cljs" "meta_merge/core.cljc" "reitit/exception.cljc" "reitit/trie.cljc" "reitit/impl.cljc" "reitit/coercion.cljc" "reitit/core.cljc" "reitit/frontend.cljs" "goog/debug/relativetimeprovider.js" "goog/debug/formatter.js" "goog/debug/console.js" "goog/structs/circularbuffer.js" "goog/debug/debugwindow.js" "goog/debug/fancywindow.js" "goog/dom/vendor.js" "goog/math/box.js" "goog/math/irect.js" "goog/math/rect.js" "goog/style/style.js" "goog/debug/divconsole.js" "lambdaisland/glogi.cljs" "lambdaisland/glogi/print.cljs" "lambdaisland/glogi/console.cljs" "clojurescript/flow_monitor_ui/utils/helpers.cljs" "clojurescript/flow_monitor_ui/subs.cljs" "clojurescript/flow_monitor_ui/components/alerts.cljs" "com/cognitect/transit/util.js" "com/cognitect/transit/delimiters.js" "com/cognitect/transit/caching.js" "com/cognitect/transit/eq.js" "com/cognitect/transit/types.js" "com/cognitect/transit/impl/decoder.js" "com/cognitect/transit/impl/reader.js" "com/cognitect/transit/handlers.js" "com/cognitect/transit/impl/writer.js" "com/cognitect/transit.js" "cognitect/transit.cljs" "clojurescript/flow_monitor_ui/config.cljs" "clojurescript/flow_monitor_ui/interceptors.cljs" "cljs/spec/gen/alpha.cljs" "cljs/spec/alpha.cljs" "clojurescript/flow_monitor_ui/routes/index/db.cljs" "clojurescript/flow_monitor_ui/db.cljs" "clojurescript/flow_monitor_ui/events.cljs" "clojurescript/flow_monitor_ui/global.cljs" "clojurescript/flow_monitor_ui/components/nav.cljs" "cljs/pprint.cljs" "clojurescript/flow_monitor_ui/components/modal.cljs" "clojurescript/flow_monitor_ui/routes/index/view.cljs" "clojurescript/flow_monitor_ui/router.cljs" "clojurescript/flow_monitor_ui/core.cljs" "shadow/module/main/append.js"]}]

resources/public/assets/js/compiled/manifest.edn

@@ -15,7 +15,7 @@
     <script src="assets/js/vendor/code-mirror/closebrackets.js"></script>
     <script src="assets/js/vendor/code-mirror/matchbrackets.js"></script>
     <script src="assets/js/compiled/main.js" type="text/javascript"></script>
-    <script>flow_chart_ui.core.main()</script>
+    <script>clojurescript.flow_monitor_ui.core.main()</script>
   </body>
 </html>
 

resources/public/index.html

@@ -0,0 +1,27 @@
+; 
+; 
+{:deps true
+ :source-paths ["src" "test"]
+ :dev-http {8080 "target/"}
+ :nrepl {:port 9001
+         :middleware []}
+ :builds {:app {:target :browser
+                :js-options {:js-provider :shadow}
+                :output-dir "resources/public/assets/js/compiled"
+                :asset-path "/js/compiled"
+                :modules {:main {:init-fn clojurescript.flow-monitor-ui.core/main}}
+                :compiler-options {:infer-externs :auto}
+                :dev {:closure-defines {goog.DEBUG true}}
+                :release {:closure-defines {goog.DEBUG false}}
+                :devtools {:http-root "resources/public"
+                           :preloads []
+                           :after-load clojurescript.flow-monitor-ui.core/on-reload
+                           :http-port 9876}}
+          :test     {:target    :browser-test
+                     :test-dir  "resources/public/assets/js/test"
+                     :ns-regexp "-test$"
+                     :closure-defines {flow-monitor-ui/alert-timeout-ms 10}
+                     :devtools  {:http-port 8021
+                                 :http-root "resources/public/assets/js/test"}}}}
+; 
+; 

shadow-cljs.edn

@@ -0,0 +1,12 @@
+(ns clojurescript.flow-monitor-ui.components.alerts
+  (:require
+    [clojurescript.flow-monitor-ui.utils.helpers :refer [<sub]]
+    [clojurescript.flow-monitor-ui.subs :as shared-subs]))
+
+(defn alert-display []
+  (let [alerts (<sub [::shared-subs/alerts])]
+    [:div#alerts
+     (for [alert alerts]
+       [:div.notification {:key (:uuid alert)
+                           :class (str "is-" (:type alert))}
+        (:message alert)])]))