@geode/opengeodeweb-front 9.7.0-rc.3 → 9.7.0-rc.5

package/.eslintrc.cjs

@@ -7,7 +7,7 @@ module.exports = {
   },
   extends: [
     "eslint:recommended",
-    "plugin:vue/vue3-recommended",
+    "plugin:vue/recommended",
     "plugin:vuetify/recommended",
     "plugin:nuxt/recommended",
   ],

package/components/FeedBack/Snackers.vue

@@ -51,7 +51,7 @@
           variant="flat"
           size="20"
           :color="feedback.type"
-          @click="feedback_store.delete_feedback(index)"
+          @click="feedback_store.delete_feedback(feedback.id)"
         >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>

package/components/Launcher.vue

@@ -32,10 +32,4 @@
       }
     },
   )
-
-  onMounted(() => {
-    if (infra_store.is_captcha_validated) {
-      infra_store.create_backend()
-    }
-  })
 </script>

package/package.json

@@ -17,7 +17,7 @@
     "eslint-plugin-nuxt": "^4.0.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.26.0",
+    "eslint-plugin-vue": "^9.33.0",
     "eslint-plugin-vuetify": "^2.4.0",
     "happy-dom": "^15.11.7",
     "jsdom": "^24.1.3",
@@ -37,7 +37,7 @@
   },
   "description": "OpenSource Vue/Vuetify framework for web applications",
   "type": "module",
-  "version": "9.7.0-rc.3",
+  "version": "9.7.0-rc.5",
   "main": "./nuxt.config.js",
   "dependencies": {
     "@geode/opengeodeweb-back": "5.6.3",
@@ -54,6 +54,7 @@
     "pinia": "^2.2.2",
     "sass": "^1.77.8",
     "semver": "^7.6.3",
+    "uuid": "^11.1.0",
     "vue-recaptcha": "^2.0.3",
     "vue3-carousel": "^0.3.3"
   },

package/stores/feedback.js

@@ -1,26 +1,41 @@
+import { v4 as uuidv4 } from "uuid"
+
 export const use_feedback_store = defineStore("feedback", {
   state: () => ({
     feedbacks: [],
     server_error: false,
+    feedbacks_timeout_miliseconds: 5000,
   }),
   actions: {
     async add_error(code, route, name, description) {
+      const feedbackId = uuidv4()
       await this.feedbacks.push({
+        id: feedbackId,
         type: "error",
         code,
         route,
         name,
         description,
       })
+      setTimeout(() => {
+        this.delete_feedback(feedbackId)
+      }, this.feedbacks_timeout_miliseconds)
     },
     async add_success(description) {
+      const feedbackId = uuidv4()
       await this.feedbacks.push({
+        id: feedbackId,
         type: "success",
         description,
       })
+      setTimeout(() => {
+        this.delete_feedback(feedbackId)
+      }, this.feedbacks_timeout_miliseconds)
     },
-    async delete_feedback(feedback_index) {
-      await this.feedbacks.splice(feedback_index, 1)
+    async delete_feedback(feedbackId) {
+      this.feedbacks = this.feedbacks.filter(
+        (feedback) => feedback.id !== feedbackId,
+      )
     },
     async delete_server_error() {
       this.server_error = false

package/stores/viewer.js

@@ -60,7 +60,6 @@ export const use_viewer_store = defineStore("viewer", {
       if (process.env.NODE_ENV == "test") return
       if (this.status === Status.CONNECTED) return
       navigator.locks.request("viewer.ws_connect", async (lock) => {
-        console.log("VIEWER STATUS", this.status)
         if (this.status === Status.CONNECTED) return
         console.log("VIEWER LOCK GRANTED !", lock)
         this.status = Status.CONNECTING
@@ -71,18 +70,12 @@ export const use_viewer_store = defineStore("viewer", {
         config.sessionURL = this.base_url
 
         const { client } = this
-        console.log("client", client)
-        console.log("status", this.status)
         if (this.status === Status.CONNECTED && client.isConnected()) {
-          console.log("disconnect")
-
           client.disconnect(-1)
           this.status = Status.NOT_CONNECTED
         }
         let clientToConnect = client
         if (_.isEmpty(clientToConnect)) {
-          console.log("isEmpty")
-
           clientToConnect = vtkWSLinkClient.newInstance()
         }
 
@@ -112,13 +105,11 @@ export const use_viewer_store = defineStore("viewer", {
         const { connectImageStream } = await import(
           "@kitware/vtk.js/Rendering/Misc/RemoteView"
         )
-        console.log("before connect")
         const viewer_store = this
         return new Promise((resolve, reject) => {
           clientToConnect
             .connect(config)
             .then((validClient) => {
-              console.log("validClient", validClient)
               connectImageStream(validClient.getConnection().getSession())
               viewer_store.client = validClient
               clientToConnect.endBusy()

package/test/stores/Feedback.nuxt.test.js

@@ -34,11 +34,32 @@ describe("Feedback Store", () => {
       })
     })
 
+    describe("add_error", () => {
+      test("test feedbacks_timeout", () => {
+        feedback_store.feedbacks_timeout_miliseconds = 500
+        feedback_store.add_error(
+          500,
+          "/test",
+          "test message",
+          "test description",
+        )
+        expect(feedback_store.feedbacks.length).toBe(1)
+        setTimeout(() => {
+          expect(feedback_store.feedbacks.length).toBe(0)
+        }, 1000)
+      })
+    })
+
     describe("add_success", () => {
       test("test add_success", () => {
+        feedback_store.feedbacks_timeout_miliseconds = 500
         feedback_store.add_success("test description")
         expect(feedback_store.feedbacks.length).toBe(1)
         expect(feedback_store.feedbacks[0].type).toBe("success")
+
+        setTimeout(() => {
+          expect(feedback_store.feedbacks.length).toBe(0)
+        }, 1000)
       })
     })
     describe("delete_feedback", () => {