speechflow 2.0.3 → 2.1.0

package/speechflow-ui-db/package.json

@@ -14,23 +14,23 @@
         "url":                              "http://engelschall.com"
     },
     "dependencies": {
-        "vue":                              "3.5.26",
+        "vue":                              "3.5.27",
         "luxon":                            "3.7.2",
         "@opensumi/reconnecting-websocket": "4.4.0",
-        "axios":                            "1.13.2",
+        "axios":                            "1.13.3",
         "typopro-web":                      "4.2.8",
         "@fortawesome/fontawesome-free":    "7.1.0",
         "patch-package":                    "8.0.1",
         "@rse/stx":                         "1.1.4"
     },
     "devDependencies": {
-        "vite":                             "7.3.0",
-        "typescript-eslint":                "8.50.1",
-        "@typescript-eslint/eslint-plugin": "8.50.1",
-        "@typescript-eslint/parser":        "8.50.1",
+        "vite":                             "7.3.1",
+        "typescript-eslint":                "8.54.0",
+        "@typescript-eslint/eslint-plugin": "8.54.0",
+        "@typescript-eslint/parser":        "8.54.0",
         "@vitejs/plugin-vue":               "6.0.3",
         "@rollup/plugin-yaml":              "4.1.2",
-        "vite-plugin-node-polyfills":       "0.24.0",
+        "vite-plugin-node-polyfills":       "0.25.0",
         "vite-svg-loader":                  "5.1.0",
         "@liuli-util/vite-plugin-node":     "0.10.0",
         "mkdirp":                           "3.0.1",
@@ -41,10 +41,10 @@
         "@eslint/js":                       "9.39.2",
         "neostandard":                      "0.12.2",
         "eslint-plugin-import":             "2.32.0",
-        "eslint-plugin-vue":                "10.6.2",
+        "eslint-plugin-vue":                "10.7.0",
 
-        "oxlint":                           "1.35.0",
-        "eslint-plugin-oxlint":             "1.35.0",
+        "oxlint":                           "1.42.0",
+        "eslint-plugin-oxlint":             "1.42.0",
 
         "htmllint":                         "0.8.0",
         "htmllint-cli":                     "0.0.7",
@@ -52,16 +52,16 @@
         "check-dependencies":               "2.0.0",
         "nodemon":                          "3.1.11",
         "shx":                              "0.4.0",
-        "stylelint":                        "16.26.1",
+        "stylelint":                        "17.0.0",
         "stylelint-config-html":            "1.1.0",
         "stylelint-config-recommended-vue": "1.6.1",
-        "stylelint-config-standard":        "39.0.1",
+        "stylelint-config-standard":        "40.0.0",
         "stylelint-config-standard-vue":    "1.0.0",
         "stylelint-stylus":                 "1.0.0",
-        "postcss-html":                     "1.8.0",
+        "postcss-html":                     "1.8.1",
         "stylus":                           "0.64.0",
         "typescript":                       "5.9.3",
-        "vue-tsc":                          "3.2.1",
+        "vue-tsc":                          "3.2.4",
         "delay-cli":                        "3.0.0",
         "cross-env":                        "10.1.0",
         "serve":                            "14.2.5",
@@ -69,7 +69,8 @@
         "@types/luxon":                     "3.7.1"
     },
     "overrides": {
-        "@liuli-util/vite-plugin-node":     { "vite": ">=6.0.0" }
+        "@liuli-util/vite-plugin-node":     { "vite": ">=6.0.0" },
+        "stylelint-stylus":                 { "stylelint": "^17.0.0" }
     },
     "engines" : {
         "npm":                              ">=10.0.0",

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

@@ -72,6 +72,7 @@
                 flex-grow: 1
                 flex-shrink: 1
                 flex-basis: 0
+                min-width: 0
             .block-name
                 width: 100%
                 height: 2.5vw
@@ -142,24 +143,38 @@ import axios                 from "axios"
 </script>
 
 <script lang="ts">
+/*  LUFS value with timestamp for temporal averaging  */
+interface LufsEntry {
+    value: number,
+    time:  number
+}
+
+/*  duration for LUFS-M display averaging window (ms)  */
+const lufsWindowMs = 400
+
+/*  type of a single text or audio block  */
 type Info = {
-    type:     string,
-    id:       string,
-    name:     string,
-    value:    number | string[],
-    lastKind: string
+    type:        string,
+    id:          string,
+    name:        string,
+    value:       number | string[],
+    lastKind:    string,
+    lufsBuffer?: LufsEntry[]
 }
 
+/*  type of a websocket event message  */
 interface WebSocketEvent {
     response: string,
     args: [ string, string, string, number | string ]
 }
 
+/*  the Vue component  */
 export default defineComponent({
     name: "app",
     data: () => ({
-        info: [] as Info[],
-        ws:   null as ReconnectingWebSocket | null
+        info:      [] as Info[],
+        ws:        null as ReconnectingWebSocket | null,
+        lufsTimer: null as ReturnType<typeof setInterval> | null
     }),
     async mounted () {
         /*  determine API URLs  */
@@ -171,15 +186,15 @@ export default defineComponent({
         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: "" })
+                this.info.push({ type: block.type, id: block.id, name: block.name, value: -60, lastKind: "", lufsBuffer: [] })
             else if (block.type === "text")
                 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
+        /*  start timer to update LUFS display values from buffered entries  */
+        this.lufsTimer = setInterval(() => {
+            this.updateLufsDisplayValues()
+        }, 50)
 
         /*  connect to WebSocket API for receiving dashboard information  */
         this.ws = new ReconnectingWebSocket(urlWS.toString(), [], {
@@ -200,10 +215,13 @@ export default defineComponent({
         this.ws.addEventListener("close", (ev) => {
             this.log("INFO", "WebSocket connection destroyed")
 
-            /*  reset meters  */
-            for (const block of this.info)
-                if (block.type === "audio")
+            /*  reset meters and clear LUFS buffers  */
+            for (const block of this.info) {
+                if (block.type === "audio" && block.lufsBuffer !== undefined) {
                     block.value = -60
+                    block.lufsBuffer.length = 0
+                }
+            }
         })
 
         /*  receive messages  */
@@ -223,9 +241,10 @@ export default defineComponent({
             const [ type, id, kind, value ] = event.args
             for (const block of this.info) {
                 if (block.type === type && block.id === id) {
-                    if (block.type === "audio") {
+                    if (block.type === "audio" && block.lufsBuffer !== undefined) {
+                        /*  buffer LUFS values for temporal averaging  */
                         if (kind === "final" && typeof value === "number")
-                            block.value = value
+                            block.lufsBuffer.push({ value, time: Date.now() })
                     }
                     else {
                         if (typeof value === "string") {
@@ -248,6 +267,10 @@ export default defineComponent({
         })
     },
     beforeUnmount () {
+        if (this.lufsTimer) {
+            clearInterval(this.lufsTimer)
+            this.lufsTimer = null
+        }
         if (this.ws) {
             this.ws.close()
             this.ws = null
@@ -263,6 +286,28 @@ export default defineComponent({
                     .join(", ")
                 })`
             console.log(output)
+        },
+
+        /*  update LUFS display values from buffered entries  */
+        updateLufsDisplayValues () {
+            const now = Date.now()
+            for (const block of this.info) {
+                if (block.type !== "audio" || block.lufsBuffer === undefined)
+                    continue
+
+                /*  remove entries older than the window duration  */
+                const buffer = block.lufsBuffer
+                while (buffer.length > 0 && (now - buffer[0].time) > lufsWindowMs)
+                    buffer.shift()
+
+                /*  calculate average of remaining entries or fall back to silence  */
+                if (buffer.length > 0) {
+                    const sum = buffer.reduce((acc, entry) => acc + entry.value, 0)
+                    block.value = sum / buffer.length
+                }
+                else
+                    block.value = -60
+            }
         }
     }
 })