Update SB 3.4.0

olle · Nov 24, 2024 · dd510c5 · dd510c5
1 parent 15be2b3
commit dd510c5
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 19 deletions.
diff --git a/examples/myapp/pom.xml b/examples/myapp/pom.xml
@@ -12,13 +12,13 @@
     <parent>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-parent</artifactId>
-        <version>3.0.3</version>
+        <version>3.4.0</version>
     </parent>
 
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
         <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
-        <java.version>17</java.version>
+        <java.version>21</java.version>
     </properties>
 
     <dependencies>
@@ -29,7 +29,7 @@
         <dependency>
             <groupId>com.studiomediatech</groupId>
             <artifactId>query-response-spring-amqp</artifactId>
-            <version>0.9.0-SB3_0_3-SNAPSHOT</version>
+            <version>0.9.0-SNAPSHOT</version>
         </dependency>
     </dependencies>
 

diff --git a/pom.xml b/pom.xml
@@ -24,7 +24,7 @@
 			<dependency>
 		        <groupId>org.springframework.boot</groupId>
 		        <artifactId>spring-boot-dependencies</artifactId>
-		        <version>3.3.5</version>
+		        <version>3.4.0</version>
 		        <type>pom</type>
 		        <scope>import</scope>
 			</dependency>

diff --git a/ui-frontend/src/App.vue b/ui-frontend/src/App.vue
@@ -17,20 +17,30 @@
 import QrNavigation from "./components/QrNavigation.vue";
 import QrFooter from "./components/QrFooter.vue";
 import QrColors from "./components/QrColors.vue";
+import { useWebSocket } from "@vueuse/core";
+import { watch } from "vue";
+
+const { status, data, close } = useWebSocket("ws://websocketurl", {
+  autoReconnect: true,
+  heartbeat: true,
+});
+
+watch(data, (msg) => {
+  try {
+    var message = JSON.parse(msg.data);
+    if (message.metrics) {
+      //store.commit("metrics", message.metrics);
+    }
+    if (message.nodes) {
+      //store.commit("nodes", message.nodes);
+    }
+  } catch (err) {
+    console.error("unexpected payload", msg.data);
+  }
+});
 
 // import { addListener } from "./ws";
 // addListener((msg) => {
-//   try {
-//     var message = JSON.parse(msg.data);
-//     if (message.metrics) {
-//       //store.commit("metrics", message.metrics);
-//     }
-//     if (message.nodes) {
-//       //store.commit("nodes", message.nodes);
-//     }
-//   } catch (err) {
-//     console.error("unexpected payload", msg.data);
-//   }
 // });
 </script>
 

diff --git a/ui-frontend/src/vars.css b/ui-frontend/src/vars.css
@@ -11,10 +11,10 @@
   --color-fuchsia-800: hsl(344, 97%, 34%);
   --color-fuchsia-900: hsl(344, 97%, 20%);
 
-  --color-petrol-100: hsl(157, 32%, 95%);
-  --color-petrol-200: hsl(157, 32%, 90%);
-  --color-petrol-300: hsl(157, 32%, 80%);
-  --color-petrol-400: hsl(157, 32%, 70%);
+  --color-petrol-100: hsl(157, 39%, 95%);
+  --color-petrol-200: hsl(157, 39%, 90%);
+  --color-petrol-300: hsl(157, 39%, 80%);
+  --color-petrol-400: hsl(157, 39%, 70%);
   --color-petrol-500: hsl(157, 32%, 63%);
   --color-petrol-600: hsl(157, 32%, 53%);
   --color-petrol-700: hsl(157, 32%, 40%);