speechflow 1.6.3 → 1.6.5

package/speechflow-ui-db/package.json

@@ -15,19 +15,19 @@
     },
     "dependencies": {
         "vue":                              "3.5.21",
-        "moment":                           "2.30.1",
+        "luxon":                            "3.7.2",
         "@opensumi/reconnecting-websocket": "4.4.0",
-        "axios":                            "1.11.0",
+        "axios":                            "1.12.2",
         "typopro-web":                      "4.2.7",
         "@fortawesome/fontawesome-free":    "7.0.1",
         "patch-package":                    "8.0.0",
-        "@rse/stx":                         "1.1.0"
+        "@rse/stx":                         "1.1.2"
     },
     "devDependencies": {
-        "vite":                             "7.1.4",
-        "typescript-eslint":                "8.42.0",
-        "@typescript-eslint/eslint-plugin": "8.42.0",
-        "@typescript-eslint/parser":        "8.42.0",
+        "vite":                             "7.1.6",
+        "typescript-eslint":                "8.44.0",
+        "@typescript-eslint/eslint-plugin": "8.44.0",
+        "@typescript-eslint/parser":        "8.44.0",
         "@vitejs/plugin-vue":               "6.0.1",
         "@rollup/plugin-yaml":              "4.1.2",
         "vite-plugin-node-polyfills":       "0.24.0",
@@ -37,8 +37,8 @@
 
         "@vue/eslint-config-typescript":    "14.6.0",
         "vue-eslint-parser":                "10.2.0",
-        "eslint":                           "9.35.0",
-        "@eslint/js":                       "9.35.0",
+        "eslint":                           "9.36.0",
+        "@eslint/js":                       "9.36.0",
         "neostandard":                      "0.12.2",
         "eslint-plugin-import":             "2.32.0",
         "eslint-plugin-vue":                "10.4.0",
@@ -48,7 +48,7 @@
 
         "nodemon":                          "3.1.10",
         "shx":                              "0.4.0",
-        "stylelint":                        "16.23.1",
+        "stylelint":                        "16.24.0",
         "stylelint-config-html":            "1.1.0",
         "stylelint-config-recommended-vue": "1.6.1",
         "stylelint-config-standard":        "39.0.0",
@@ -57,10 +57,12 @@
         "postcss-html":                     "1.8.0",
         "stylus":                           "0.64.0",
         "typescript":                       "5.9.2",
-        "vue-tsc":                          "3.0.6",
+        "vue-tsc":                          "3.0.7",
         "delay-cli":                        "2.0.0",
         "cross-env":                        "10.0.0",
-        "serve":                            "14.2.5"
+        "serve":                            "14.2.5",
+
+        "@types/luxon":                     "3.7.1"
     },
     "overrides": {
         "@liuli-util/vite-plugin-node":     { "vite": ">=6.0.0" }

package/speechflow-ui-db/src/app.vue

@@ -17,7 +17,7 @@
                         }">
                             <div class="audio-value">
                                 {{ (block.value as number).toFixed(1) }}
-                                <div class="audio-unit">LUFS-S</div>
+                                <div class="audio-unit">LUFS-M</div>
                             </div>
                         </div>
                     </div>
@@ -136,7 +136,7 @@
 
 <script setup lang="ts">
 import { defineComponent }   from "vue"
-import moment                from "moment"
+import { DateTime }          from "luxon"
 import ReconnectingWebSocket from "@opensumi/reconnecting-websocket"
 import axios                 from "axios"
 </script>
@@ -162,11 +162,13 @@ export default defineComponent({
         ws:   null as ReconnectingWebSocket | null
     }),
     async mounted () {
-        /*  determine API URL  */
-        const url = new URL("/api", document.location.href).toString()
+        /*  determine API URLs  */
+        const urlHTTP = new URL("/api", document.location.href)
+        const urlWS   = new URL("/api", document.location.href)
+        urlWS.protocol = (urlHTTP.protocol === "https:" ? "wss:" : "ws:")
 
         /*  load dashboard configuration  */
-        const response = await axios.get(`${url}/dashboard`)
+        const response = await axios.get(`${urlHTTP.toString()}/dashboard`)
         for (const block of response.data) {
             if (block.type === "audio")
                 this.info.push({ type: block.type, id: block.id, name: block.name, value: 0, lastKind: "" })
@@ -174,16 +176,37 @@ export default defineComponent({
                 this.info.push({ type: block.type, id: block.id, name: block.name, value: [], lastKind: "" })
         }
 
+        /*  initialize meters  */
+        for (const block of this.info)
+            if (block.type === "audio")
+                block.value = -60
+
         /*  connect to WebSocket API for receiving dashboard information  */
-        this.ws = new ReconnectingWebSocket(url, [], {
+        this.ws = new ReconnectingWebSocket(urlWS.toString(), [], {
             reconnectionDelayGrowFactor: 1.3,
             maxReconnectionDelay:        4000,
             minReconnectionDelay:        1000,
             connectionTimeout:           4000,
             minUptime:                   5000
         })
+        this.ws.addEventListener("error", (ev) => {
+            this.log("ERROR", `WebSocket error: ${ev.message}`)
+        })
+
+        /*  track connection open/close  */
         this.ws.addEventListener("open", (ev) => {
+            this.log("INFO", "WebSocket connection established")
         })
+        this.ws.addEventListener("close", (ev) => {
+            this.log("INFO", "WebSocket connection destroyed")
+
+            /*  reset meters  */
+            for (const block of this.info)
+                if (block.type === "audio")
+                    block.value = -60
+        })
+
+        /*  receive messages  */
         this.ws.addEventListener("message", (ev) => {
             let event: WebSocketEvent
             try {
@@ -232,7 +255,7 @@ export default defineComponent({
     },
     methods: {
         log (level: string, msg: string, data: { [ key: string ]: any } | null = null) {
-            const timestamp = moment().format("YYYY-MM-DD hh:mm:ss.SSS")
+            const timestamp = DateTime.now().toFormat("yyyy-MM-dd HH:mm:ss.SSS")
             let output = `${timestamp} [${level}]: ${msg}`
             if (data !== null)
                 output += ` (${Object.keys(data)

package/speechflow-ui-st/.claude/settings.local.json

@@ -0,0 +1,3 @@
+{
+  "outputStyle": "exploratory"
+}