Add prod build

client/.eslintrc.js

@@ -1,20 +1,21 @@
 module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  extends: [
-    "plugin:vue/essential",
-    "eslint:recommended",
-    "@vue/typescript/recommended",
-    "@vue/prettier",
-    "@vue/prettier/@typescript-eslint"
-  ],
-  parserOptions: {
-    ecmaVersion: 2020
-  },
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
-  }
-};
+    root: true,
+    env: {
+        node: true
+    },
+    extends: [
+        "plugin:vue/essential",
+        "eslint:recommended",
+        "@vue/typescript/recommended",
+        "@vue/prettier",
+        "@vue/prettier/@typescript-eslint"
+    ],
+    parserOptions: {
+        ecmaVersion: 2020
+    },
+    rules: {
+        "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+        "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+        "@typescript-eslint/ban-ts-ignore": "off"
+    }
+};

client/package.json

@@ -5,7 +5,8 @@
     "scripts": {
         "serve": "vue-cli-service serve",
         "build": "vue-cli-service build",
-        "lint": "vue-cli-service lint"
+        "lint": "vue-cli-service lint",
+        "prod": "vue-cli-service build --prod && cp -r dist/js/ ../ && cp -r dist/css/ .. && cp dist/index.html ../views/index.html"
     },
     "dependencies": {
         "apexcharts": "3.17.1",

client/src/components/SlideshowWidget.vue

@@ -33,11 +33,10 @@ export default class SlideshowWidget extends Vue {
   }
   get containerStyle() {
     return {
-      background: this.item.url ? `url(${this.item.url}) no-repeat` : "#1446a0"
+      background: this.item && this.item.url ? `url(${this.item.url}) no-repeat` : "#1446a0"
     };
   }
   cycle() {
-    console.log("model is", this.model);
     if (!this.model || !this.model.items || this.model.items.length === 0) {
       return;
     }
@@ -49,8 +48,7 @@ export default class SlideshowWidget extends Vue {
     if (!item) {
       return;
     }
-    console.log("item is", item);
-    Vue.set(this.item, "url", item.url);
+    this.item = {...item};
   }
 }
 </script>

client/src/constants.ts

@@ -1 +1 @@
-export const BaseUrl = "http://localhost:8090/";
+export const BaseUrl = "/";

client/src/eventsink/index.ts

@@ -1,7 +1,7 @@
 import Vue from "vue";
 import { VueConstructor } from "vue/types/umd";
 import { BaseUrl } from "../constants";
-const eventUrl = `${BaseUrl}events/dunno`;
+const eventUrl = `${BaseUrl}events/dashboard`;
 type VueSSE = VueConstructor<Vue> & {
   SSE: (
     url: string,
@@ -21,7 +21,6 @@ export class EventSink {
       withCredentials: true
     });
     this.server.subscribe("", (message: any) => {
-      console.log("received ", message);
       onMessage(message);
     });
   }

client/src/main.ts

@@ -1,6 +1,7 @@
 import Vue from "vue";
 import App from "./App.vue";
 import store from "./store/";
+// @ts-ignore
 import VueSSE from "vue-sse";
 import VueApexCharts from "vue-apexcharts";
 

client/src/store/index.ts

@@ -13,6 +13,7 @@ export default new VueX.Store({
   },
   mutations: {
     change(state, payload: eventType<object>) {
+      // @ts-ignore
       state[payload.event] = payload.data;
     }
   },

core/sse.go

@@ -29,7 +29,7 @@ func SseInit(e *echo.Echo) {
 }
 
 /*
-SseNotify does nothing (for now)
+SseNotify sends SSE with payload
 */
 func SseNotify(payload EventData) {
 	if server == nil {
@@ -38,7 +38,7 @@ func SseNotify(payload EventData) {
 	go func() {
 		payload, _ := json.Marshal(payload)
 		fmt.Println(string(payload))
-		server.SendMessage(fmt.Sprintf("/events/%s", "dunno"), sse.SimpleMessage(string(payload)))
+		server.SendMessage(fmt.Sprintf("/events/%s", "dashboard"), sse.SimpleMessage(string(payload)))
 	}()
 }