From 5f2315450be72253d4f3ac0fcd2ed7e83390ec8f Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 10 Dec 2024 10:12:06 +0100
Subject: [PATCH 1/8] feat(OGWViewer): New version

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index a9bc2c4c..8c5c2249 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
   "main": "./nuxt.config.js",
   "dependencies": {
     "@geode/opengeodeweb-back": "5.4.0",
-    "@geode/opengeodeweb-viewer": "1.0.0",
+    "@geode/opengeodeweb-viewer": "1.1.0",
     "@kitware/vtk.js": "30.3.1",
     "@mdi/font": "^7.4.47",
     "@pinia/nuxt": "^0.5.4",
@@ -74,4 +74,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}
\ No newline at end of file

From 7a78813cad9007663779c1304b5dee1f731f7c87 Mon Sep 17 00:00:00 2001
From: SpliiT <SpliiT@users.noreply.github.com>
Date: Tue, 10 Dec 2024 09:12:47 +0000
Subject: [PATCH 2/8] Apply prepare changes

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8c5c2249..a46db09c 100644
--- a/package.json
+++ b/package.json
@@ -74,4 +74,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
\ No newline at end of file
+}

From b780fcb3761468329aaed5e2b70abfbcc853952e Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Tue, 10 Dec 2024 11:11:24 +0100
Subject: [PATCH 3/8] update dependencies

---
 package.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index a46db09c..615415c6 100644
--- a/package.json
+++ b/package.json
@@ -7,9 +7,9 @@
     "geode_objects": "node scripts/generate_geode_objects.js && prettier ./assets/geode_objects.js --write"
   },
   "devDependencies": {
-    "@nuxt/test-utils": "^3.14.3",
-    "@pinia/testing": "^0.1.6",
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@nuxt/test-utils": "^3.15.1",
+    "@pinia/testing": "^0.1.7",
+    "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.0",
@@ -20,16 +20,16 @@
     "eslint-plugin-vue": "^9.26.0",
     "eslint-plugin-vuetify": "^2.4.0",
     "happy-dom": "^15.11.7",
-    "jsdom": "^24.1.0",
+    "jsdom": "^24.1.3",
     "nuxt": "^3.13.2",
     "playwright-core": "^1.44.1",
     "prettier": "3.3.2",
     "resize-observer-polyfill": "^1.5.1",
-    "vite": "^5.2.13",
-    "vite-plugin-vuetify": "^2.0.3",
-    "vitest": "^1.6.0",
-    "vitest-environment-nuxt": "^1.0.0",
-    "vuetify": "^3.7.2",
+    "vite": "^5.4.11",
+    "vite-plugin-vuetify": "^2.0.4",
+    "vitest": "^2.1.8",
+    "vitest-environment-nuxt": "^1.0.1",
+    "vuetify": "^3.7.5",
     "wslink": "1.12.4"
   },
   "overrides": {

From 0d0ef5b7534eda4da4f04a4dfd5d44c3e2d6dd3f Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Mon, 30 Dec 2024 13:38:53 +0100
Subject: [PATCH 4/8] fix(stepper): Fix the stepper's animation & style

---
 components/Step.vue    | 70 +++++++++++++++++++++++++++---------------
 components/Stepper.vue | 23 ++++++++++----
 2 files changed, 62 insertions(+), 31 deletions(-)

diff --git a/components/Step.vue b/components/Step.vue
index 5472e26c..eb7def98 100644
--- a/components/Step.vue
+++ b/components/Step.vue
@@ -1,7 +1,11 @@
 <template>
-  <v-card class="pa-5">
-    <v-row align="center" @click="set_current_step(step_index)">
-      <v-col cols="auto">
+  <v-stepper-content :step="step_index + 1">
+    <v-row
+      align="center"
+      class="step-container"
+      @click="set_current_step(step_index)"
+    >
+      <v-col cols="auto" class="icon-container">
         <v-icon
           v-if="current_step_index > step_index"
           icon="mdi-check-circle"
@@ -18,8 +22,8 @@
           color="grey"
         />
       </v-col>
-      <v-col cols="auto">
-        <p class="font-weight-bold">
+      <v-col class="title-container">
+        <p class="step-title font-weight-bold">
           {{ steps[step_index].step_title }}
         </p>
       </v-col>
@@ -27,34 +31,36 @@
         v-if="
           steps[step_index].chips.length && current_step_index >= step_index
         "
+        class="chips-container"
       >
         <v-chip
           v-for="(chip, chip_index) in steps[step_index].chips"
           :key="chip_index"
+          class="step-chip"
         >
           {{ chip }}
         </v-chip>
       </v-col>
     </v-row>
-    <Transition name="slide-fade">
-      <v-col v-if="step_index == current_step_index">
-        <component
-          :is="steps[step_index].component.component_name"
-          v-bind="steps[step_index].component.component_options"
-          @update_values="update_values_event"
-          @increment_step="increment_step()"
-          @decrement_step="decrement_step()"
-        />
-      </v-col>
+    <Transition name="slide-fade" mode="out-in">
+      <component
+        v-if="step_index == current_step_index"
+        :key="step_index"
+        :is="steps[step_index].component.component_name"
+        v-bind="steps[step_index].component.component_options"
+        @update_values="update_values_event"
+        @increment_step="increment_step"
+        @decrement_step="decrement_step"
+      />
     </Transition>
-  </v-card>
+  </v-stepper-content>
 </template>
 
 <script setup>
   const props = defineProps({
     step_index: { type: Number, required: true },
   })
-  const { step_index } = props
+
   const stepper_tree = inject("stepper_tree")
   const { current_step_index, steps } = toRefs(stepper_tree)
 
@@ -78,17 +84,31 @@
 </script>
 
 <style scoped>
-  .slide-fade-enter-active {
-    transition: all 0.5s ease-out;
+  .step-container {
+    margin-bottom: 16px;
+    padding: 8px;
+  }
+
+  .icon-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .title-container {
+    margin-left: 8px;
+  }
+
+  .step-title {
+    margin: 0;
   }
 
-  .slide-fade-leave-active {
-    transition: all 0.5s ease-in;
+  .chips-container {
+    display: flex;
+    gap: 4px;
   }
 
-  .slide-fade-enter-from,
-  .slide-fade-leave-to {
-    transform: translateX(50px);
-    opacity: 0;
+  .step-chip {
+    background-color: #f5f5f5;
   }
 </style>
diff --git a/components/Stepper.vue b/components/Stepper.vue
index aa7c83e0..a4aaa2ac 100644
--- a/components/Stepper.vue
+++ b/components/Stepper.vue
@@ -1,12 +1,23 @@
 <template>
-  <v-card class="card">
-    <div v-for="(step, index) in steps" :key="index" class="pa-3">
-      <Step :step_index="index" />
-    </div>
-  </v-card>
+  <v-stepper-vertical v-model="current_step_index" class="stepper-container">
+    <v-stepper-items>
+      <Step v-for="(step, index) in steps" :key="index" :step_index="index" />
+    </v-stepper-items>
+  </v-stepper-vertical>
 </template>
 
 <script setup>
   const stepper_tree = inject("stepper_tree")
-  const { steps } = stepper_tree
+  const { steps, current_step_index } = toRefs(stepper_tree)
 </script>
+
+<style scoped>
+  .stepper-container {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 16px;
+    background-color: #f9f9f9;
+    border-radius: 8px;
+    border: 1px solid #e0e0e0;
+  }
+</style>

From 018fac8f2a4cab32193756a4764f23fea2940ff8 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 31 Dec 2024 10:11:36 +0100
Subject: [PATCH 5/8] edit test : fileselector

---
 components/Stepper.vue                    | 2 +-
 test/components/FileSelector.nuxt.test.js | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/Stepper.vue b/components/Stepper.vue
index a4aaa2ac..87c8325c 100644
--- a/components/Stepper.vue
+++ b/components/Stepper.vue
@@ -1,7 +1,7 @@
 <template>
   <v-stepper-vertical v-model="current_step_index" class="stepper-container">
     <v-stepper-items>
-      <Step v-for="(step, index) in steps" :key="index" :step_index="index" />
+      <Step v-for="(step, index) in steps" :key="step" :step_index="index" />
     </v-stepper-items>
   </v-stepper-vertical>
 </template>
diff --git a/test/components/FileSelector.nuxt.test.js b/test/components/FileSelector.nuxt.test.js
index 8d9698c5..82587e16 100644
--- a/test/components/FileSelector.nuxt.test.js
+++ b/test/components/FileSelector.nuxt.test.js
@@ -97,7 +97,7 @@ describe("FileSelector.vue", async () => {
       })
 
       await flushPromises()
-      expect(wrapper.componentVM.files).toEqual(files)
+      expect(wrapper.componentVM.props.files).toEqual(files)
       expect(wrapper.emitted()).toHaveProperty("update_values")
       expect(wrapper.emitted().update_values).toHaveLength(1)
       expect(wrapper.emitted().update_values[0][0]).toEqual({
@@ -123,8 +123,7 @@ describe("FileSelector.vue", async () => {
       await flushPromises()
 
       const file_uploader = wrapper.findComponent(FileUploader)
-      console.log("wrapper", wrapper)
-      expect(wrapper.vm.files).toEqual(files)
+      expect(wrapper.vm.props.files).toEqual(files)
       const upload_files = vi.spyOn(file_uploader.vm, "upload_files")
       expect(upload_files).not.toHaveBeenCalled()
     })

From c9b0555dd7c50281ceb9aef0ed8be130c669ffd8 Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Tue, 31 Dec 2024 10:57:15 +0100
Subject: [PATCH 6/8] rv useless trasition

---
 components/Step.vue | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/Step.vue b/components/Step.vue
index eb7def98..0b744bb1 100644
--- a/components/Step.vue
+++ b/components/Step.vue
@@ -42,17 +42,15 @@
         </v-chip>
       </v-col>
     </v-row>
-    <Transition name="slide-fade" mode="out-in">
-      <component
-        v-if="step_index == current_step_index"
-        :key="step_index"
-        :is="steps[step_index].component.component_name"
-        v-bind="steps[step_index].component.component_options"
-        @update_values="update_values_event"
-        @increment_step="increment_step"
-        @decrement_step="decrement_step"
-      />
-    </Transition>
+    <component
+      v-if="step_index == current_step_index"
+      :key="step_index"
+      :is="steps[step_index].component.component_name"
+      v-bind="steps[step_index].component.component_options"
+      @update_values="update_values_event"
+      @increment_step="increment_step"
+      @decrement_step="decrement_step"
+    />
   </v-stepper-content>
 </template>
 

From 979f19ad8bae90ca06fbbace55a0153e752b0cdf Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Thu, 2 Jan 2025 15:41:10 +0100
Subject: [PATCH 7/8] fix(RemoteRenderingView): ui slot higher in dom

---
 components/RemoteRenderingView.vue | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/components/RemoteRenderingView.vue b/components/RemoteRenderingView.vue
index 66231fa9..0a69401f 100644
--- a/components/RemoteRenderingView.vue
+++ b/components/RemoteRenderingView.vue
@@ -2,18 +2,7 @@
   <ClientOnly>
     <div style="position: relative; width: 100%; height: 100%">
       <view-toolbar />
-      <div
-        style="
-          position: absolute;
-          z-index: 2;
-          left: 0;
-          top: 0;
-          background-color: transparent;
-          border-radius: 16px;
-        "
-      >
-        <slot name="tree-object"></slot>
-      </div>
+      <slot name="ui"></slot>
       <v-col
         ref="viewer"
         style="
@@ -26,9 +15,7 @@
         class="pa-0"
         @click="get_x_y"
         @keydown.esc="app_store.toggle_picking_mode(false)"
-      >
-        <slot name="ui"></slot>
-      </v-col>
+      />
     </div>
   </ClientOnly>
 </template>

From 19de2b0bd4d8c8a0d84772151ceef29738e17959 Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Fri, 3 Jan 2025 10:59:31 +0100
Subject: [PATCH 8/8] remove vitest coverage

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index 615415c6..bc8623cc 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,6 @@
     "@nuxt/test-utils": "^3.15.1",
     "@pinia/testing": "^0.1.7",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vitest/coverage-v8": "^1.6.0",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.29.1",