@geode/opengeodeweb-front 9.10.0 → 9.11.0-rc.10

package/.github/workflows/deploy.yml

@@ -0,0 +1,11 @@
+name: Deploy
+
+on:
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    uses: Geode-solutions/actions/.github/workflows/js-deploy.yml@master
+    with:
+      repos: ${{ vars.REPOS }}
+    secrets: inherit

package/.github/workflows/merge_request.yml

@@ -0,0 +1,9 @@
+name: Merge request
+
+on:
+  workflow_dispatch:
+
+jobs:
+  release:
+    uses: Geode-solutions/actions/.github/workflows/js-merge-request.yml@master
+    secrets: inherit

package/.github/workflows/pr_update.yml

@@ -0,0 +1,11 @@
+name: Pull request
+
+on:
+  pull_request:
+    types: [opened, reopened]
+    branches:
+      - master
+
+jobs:
+  update-branch:
+    uses: Geode-solutions/actions/.github/workflows/update-branch.yml@master

package/.github/workflows/prepare_deploy.yml

@@ -0,0 +1,9 @@
+name: Prepare deploy
+
+on:
+  workflow_dispatch:
+
+jobs:
+  prepare:
+    uses: Geode-solutions/actions/.github/workflows/js-prepare-deploy.yml@master
+    secrets: inherit

package/.github/workflows/test.yml

@@ -0,0 +1,37 @@
+name: Test
+
+on:
+  push:
+    branches-ignore:
+      - master
+      - next
+
+jobs:
+  test-integration:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Node setup
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Python setup
+        uses: actions/setup-python@v5
+        with:
+          python-version: 3.12
+      - name: Install python dependencies
+        run: |
+          cd ./tests/integration/microservices/viewer
+          python3 -m venv venv
+          source venv/bin/activate
+          pip install --extra-index-url https://wheels.vtk.org -r requirements.txt
+      - name: Install and run tests
+        run: |
+          npm i
+
+          npm run test:integration
+  test:
+    uses: Geode-solutions/actions/.github/workflows/js-test.yml@master
+    with:
+      repos: ${{ vars.REPOS }}
+    secrets: inherit

package/.github/workflows/test_pr.yml

@@ -0,0 +1,12 @@
+name: Test PR
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+
+jobs:
+  test:
+    uses: Geode-solutions/actions/.github/workflows/js-test-pr.yml@master
+    with:
+      repos: ${{ vars.REPOS }}
+    secrets: inherit

package/.oxlintrc.json

@@ -0,0 +1,11 @@
+{
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "pedantic": "warn",
+    "perf": "error",
+    "style": "error",
+    "restriction": "error"
+  },
+  "plugins": ["import", "node", "oxc", "promise", "unicorn", "vitest"]
+}

package/.releaserc

@@ -6,7 +6,6 @@
   plugins: [
     '@semantic-release/commit-analyzer', 
     '@semantic-release/release-notes-generator', 
-    '@semantic-release/github',
-    '@semantic-release/npm'
+    '@semantic-release/github'
   ]
 }

package/commitlint.config.js

@@ -0,0 +1,16 @@
+export default {
+  extends: ["@commitlint/config-angular"],
+  rules: {
+    "scope-empty": [2, "never"],
+    "subject-empty": [2, "never"],
+    "subject-max-length": [0],
+    "body-leading-blank": [0],
+    "footer-leading-blank": [0],
+    "header-max-length": [0],
+    "scope-case": [0],
+    "subject-case": [0],
+    "subject-full-stop": [0],
+    "type-case": [0],
+    "type-empty": [0],
+  },
+}

package/components/FeedBack/ErrorBanner.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script setup>
-  const feedback_store = use_feedback_store()
+  const feedback_store = useFeedbackStore()
 
   function reload() {
     window.location.reload()

package/components/FeedBack/Snackers.vue

@@ -61,7 +61,7 @@
 </template>
 
 <script setup>
-  const feedback_store = use_feedback_store()
+  const feedback_store = useFeedbackStore()
   const show = true
 
   function calc_margin(index) {

package/components/HybridRenderingView.vue

@@ -1,34 +1,41 @@
 <template>
   <ClientOnly>
-    <div style="position: relative; width: 100%; height: calc(100vh - 75px)">
+    <div class="fill-height" style="position: relative">
       <VeaseViewToolbar />
       <slot name="ui"></slot>
       <v-col
         ref="viewer"
-        style="
-          overflow: hidden;
-          position: relative;
-          z-index: 0;
-          height: 100%;
-          width: 100%;
-        "
-        class="pa-0"
+        style="overflow: hidden; position: relative; z-index: 0"
+        :style="{ height: viewerHeight }"
         @click="get_x_y"
-        @keydown.esc="viewer_store.toggle_picking_mode(false)"
+        @keydown.esc="viewerStore.toggle_picking_mode(false)"
       />
     </div>
   </ClientOnly>
 </template>
 
 <script setup>
+  const props = defineProps({
+    height: {
+      type: String,
+      default: "100%",
+    },
+  })
+
   const container = useTemplateRef("viewer")
   const hybridViewerStore = useHybridViewerStore()
-
+  const viewerStore = useViewerStore()
   const { windowWidth, windowHeight } = useWindowSize()
   const { width, height } = useElementSize(container)
 
-  watch([windowWidth, windowHeight, height, width], () => {
+  const viewerHeight = computed(() => props.height)
+
+  const debouncedResize = debounce(() => {
     hybridViewerStore.resize(width.value, height.value)
+  }, 100)
+
+  watch([windowWidth, windowHeight, width, height], () => {
+    debouncedResize()
   })
 
   onMounted(async () => {
@@ -36,6 +43,25 @@
       await hybridViewerStore.initHybridViewer()
       await nextTick()
       hybridViewerStore.setContainer(container)
+      debouncedResize()
     }
   })
+
+  function debounce(func, wait) {
+    let timeout
+    return function executedFunction(...args) {
+      const later = () => {
+        clearTimeout(timeout)
+        func(...args)
+      }
+      clearTimeout(timeout)
+      timeout = setTimeout(later, wait)
+    }
+  }
+
+  function get_x_y(event) {
+    emit("click", event)
+  }
+
+  defineEmits(["click"])
 </script>

package/components/Launcher.vue

@@ -21,7 +21,7 @@
 <script setup>
   import Status from "@ogw_f/utils/status.js"
 
-  const infra_store = use_infra_store()
+  const infra_store = useInfraStore()
   const site_key = useRuntimeConfig().public.RECAPTCHA_SITE_KEY
 
   watch(

package/components/ObjectSelector.vue

@@ -24,7 +24,7 @@
               <v-img
                 :src="geode_objects[key].image"
                 cover
-                :class="!value['is_loadable'] ? 'disabled' : ''"
+                :class="!value['is_loadable'] ? 'disabled' : undefined"
               />
             </v-card>
           </span>
@@ -66,44 +66,81 @@
   const allowed_objects = ref({})
   const toggle_loading = useToggle(loading)
 
+  function select_geode_object(object_map) {
+    const object_keys = Object.keys(object_map)
+    if (!object_keys.length) {
+      return undefined
+    }
+    if (
+      object_keys.length === 1 &&
+      object_map[object_keys[0]].is_loadable > 0
+    ) {
+      return object_keys[0]
+    }
+    const highest_load_score = Math.max(
+      ...object_keys.map((key) => object_map[key].is_loadable),
+    )
+    if (highest_load_score <= 0) {
+      return undefined
+    }
+    const best_score_objects = object_keys.filter(
+      (key) => object_map[key].is_loadable === highest_load_score,
+    )
+    if (best_score_objects.length === 1) {
+      return best_score_objects[0]
+    }
+    const highest_priority = Math.max(
+      ...best_score_objects.map(
+        (key) => object_map[key].object_priority ?? -Infinity,
+      ),
+    )
+    const best_priority_objects = best_score_objects.filter(
+      (key) => object_map[key].object_priority === highest_priority,
+    )
+    if (highest_priority !== -Infinity && best_priority_objects.length === 1) {
+      return best_priority_objects[0]
+    }
+    return undefined
+  }
+
   async function get_allowed_objects() {
     toggle_loading()
     allowed_objects.value = {}
-    var promise_array = []
-    for (const filename of filenames) {
+    const promise_array = filenames.map((filename) => {
       const params = { filename, supported_feature }
-      const promise = api_fetch({ schema, params })
-      promise_array.push(promise)
-    }
+      return api_fetch({ schema, params })
+    })
     const responses = await Promise.all(promise_array)
-    let values = []
-    for (const response of responses) {
-      values.push(response.data.value.allowed_objects)
-    }
-    const all_keys = [...new Set(values.flatMap((value) => Object.keys(value)))]
-    const common_keys = all_keys.filter(
-      (i) => !values.some((j) => !Object.keys(j).includes(i)),
+    const allowed_objects_list = responses.map(
+      (response) => response.data.value.allowed_objects,
+    )
+    const all_keys = [...new Set(allowed_objects_list.flatMap(Object.keys))]
+    const common_keys = all_keys.filter((key) =>
+      allowed_objects_list.every((obj) => key in obj),
     )
-    var final_object = {}
+    const final_object = {}
     for (const key of common_keys) {
-      for (const value of values) {
-        if (value[key].is_loadable == false) {
-          final_object[key] = { is_loadable: false }
-        } else {
-          final_object[key] = { is_loadable: true }
-        }
+      const load_scores = allowed_objects_list.map(
+        (obj) => obj[key].is_loadable,
+      )
+      const priorities = allowed_objects_list
+        .map((obj) => obj[key].object_priority)
+        .filter((p) => p !== undefined && p !== null)
+      final_object[key] = { is_loadable: Math.min(...load_scores) }
+      if (priorities.length) {
+        final_object[key].object_priority = Math.max(...priorities)
       }
     }
-
     allowed_objects.value = final_object
-    if (Object.keys(allowed_objects.value).length == 1) {
-      set_geode_object(Object.keys(allowed_objects.value)[0])
+    const selected_object = select_geode_object(final_object)
+    if (selected_object) {
+      set_geode_object(selected_object)
     }
     toggle_loading()
   }
 
   function set_geode_object(input_geode_object) {
-    if (input_geode_object != "") {
+    if (input_geode_object) {
       emit("update_values", { input_geode_object })
       emit("increment_step")
     }

package/components/PackagesVersions.vue

@@ -25,7 +25,7 @@
     schema: { type: Object, required: true },
   })
 
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   const packages_versions = ref([])
 
   async function get_packages_versions() {

package/components/Recaptcha.vue

@@ -13,7 +13,7 @@
 
 <script setup>
   import { VueRecaptcha } from "vue-recaptcha"
-  const infra_store = use_infra_store()
+  const infra_store = useInfraStore()
 
   const props = defineProps({
     site_key: { type: String, required: true },

package/components/RemoteRenderingView.vue

@@ -30,7 +30,7 @@
     viewId: { type: String, default: "-1" },
   })
 
-  const viewer_store = use_viewer_store()
+  const viewer_store = useViewerStore()
   const viewer = useTemplateRef("viewer")
   const { width, height } = useElementSize(viewer)
 

package/components/Viewer/BreadCrumb.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup>
-  const treeviewStore = use_treeview_store()
+  const treeviewStore = useTreeviewStore()
 
   const selectedTree = computed(() => treeviewStore.selectedTree)
 

package/components/Viewer/Options/PolygonAttributeSelector.vue

@@ -10,8 +10,6 @@
 <script setup>
   import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-  const dataBaseStore = useDataBaseStore()
-
   const props = defineProps({
     id: { type: String, required: true },
   })
@@ -21,10 +19,6 @@
   const polygon_attribute_names = ref([])
   const polygon_attribute = reactive({ name: polygon_attribute_name.value })
 
-  const meta_data = computed(() => {
-    return dataBaseStore.itemMetaDatas(props.id)
-  })
-
   onMounted(() => {
     if (model.value != null) {
       polygon_attribute_name.value = model.value.name
@@ -45,8 +39,7 @@
       {
         schema: back_schemas.opengeodeweb_back.polygon_attribute_names,
         params: {
-          input_geode_object: meta_data.value.geode_object,
-          filename: meta_data.value.native_filename,
+          id: props.id,
         },
       },
       {

package/components/Viewer/Options/PolyhedronAttributeSelector.vue

@@ -32,12 +32,7 @@
     id: { type: String, required: true },
   })
 
-  const dataBaseStore = useDataBaseStore()
-
   const polyhedron_attribute_names = ref([])
-  const meta_data = computed(() => {
-    return dataBaseStore.itemMetaDatas(props.id)
-  })
 
   onMounted(() => {
     getVertexAttributes()
@@ -48,8 +43,7 @@
       {
         schema: back_schemas.opengeodeweb_back.polyhedron_attribute_names,
         params: {
-          input_geode_object: meta_data.value.geode_object,
-          filename: meta_data.value.native_filename,
+          id: props.id,
         },
       },
       {

package/components/Viewer/Options/TextureItem.vue

@@ -38,8 +38,6 @@
 <script setup>
   import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-  const dataBaseStore = useDataBaseStore()
-
   const emit = defineEmits(["update_value"])
 
   const props = defineProps({
@@ -56,10 +54,6 @@
 
   const texture_coordinates = ref([])
 
-  const meta_data = computed(() => {
-    return dataBaseStore.itemMetaDatas(props.id)
-  })
-
   onMounted(() => {
     getTextureCoordinates()
   })
@@ -69,8 +63,7 @@
       {
         schema: back_schemas.opengeodeweb_back.texture_coordinates,
         params: {
-          input_geode_object: meta_data.value.geode_object,
-          filename: meta_data.value.native_filename,
+          id: props.id,
         },
       },
       {

package/components/Viewer/Options/VertexAttributeSelector.vue

@@ -33,9 +33,6 @@
   const dataBaseStore = useDataBaseStore()
 
   const vertex_attribute_names = ref([])
-  const meta_data = computed(() => {
-    return dataBaseStore.itemMetaDatas(props.id)
-  })
 
   onMounted(() => {
     getVertexAttributes()
@@ -46,8 +43,7 @@
       {
         schema: back_schemas.opengeodeweb_back.vertex_attribute_names,
         params: {
-          input_geode_object: meta_data.value.geode_object,
-          filename: meta_data.value.native_filename,
+          id: props.id,
         },
       },
       {

package/components/Viewer/Tree/ObjectTree.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script setup>
-  const treeviewStore = use_treeview_store()
+  const treeviewStore = useTreeviewStore()
   const menuStore = useMenuStore()
   const cardContainer = useTemplateRef("cardContainer")
   const containerWidth = ref(window.innerWidth)

package/components/Viewer/TreeObject.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script setup>
-  const treeviewStore = use_treeview_store()
+  const treeviewStore = useTreeviewStore()
   const dataStyleStore = useDataStyleStore()
   const dataBaseStore = useDataBaseStore()
   const emit = defineEmits(["show-menu"])

package/components/Wrapper.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup>
-  const infra_store = use_infra_store()
+  const infra_store = useInfraStore()
 
   const props = defineProps({
     versions_schema: { type: Object, required: true },

package/composables/api_fetch.js

@@ -4,8 +4,8 @@ export function api_fetch(
   { schema, params },
   { request_error_function, response_function, response_error_function } = {},
 ) {
-  const feedback_store = use_feedback_store()
-  const geode_store = use_geode_store()
+  const feedback_store = useFeedbackStore()
+  const geode_store = useGeodeStore()
 
   const body = params || {}
 

package/composables/run_function_when_microservices_connected.js

@@ -1,5 +1,5 @@
 export function run_function_when_microservices_connected(function_to_run) {
-  const infra_store = use_infra_store()
+  const infra_store = useInfraStore()
   const { microservices_connected } = storeToRefs(infra_store)
   if (microservices_connected.value) {
     function_to_run()

package/composables/upload_file.js

@@ -2,8 +2,8 @@ export async function upload_file(
   { route, file },
   { request_error_function, response_function, response_error_function } = {},
 ) {
-  const feedback_store = use_feedback_store()
-  const geode_store = use_geode_store()
+  const feedback_store = useFeedbackStore()
+  const geode_store = useGeodeStore()
   if (!(file instanceof File)) {
     throw new Error("file must be a instance of File")
   }

package/composables/viewer_call.js

@@ -2,8 +2,8 @@ export function viewer_call(
   { schema, params = {} },
   { request_error_function, response_function, response_error_function } = {},
 ) {
-  const feedback_store = use_feedback_store()
-  const viewer_store = use_viewer_store()
+  const feedback_store = useFeedbackStore()
+  const viewer_store = useViewerStore()
 
   const { valid, error } = validate_schema(schema, params)
 
@@ -19,45 +19,45 @@ export function viewer_call(
 
   const client = viewer_store.client
 
-  let promise = new Promise((resolve, reject) => {
-    if (client) {
-      viewer_store.start_request()
-      client
-        .getConnection()
-        .getSession()
-        .call(schema.$id, [params])
-        .then(
-          (value) => {
-            if (response_function) {
-              response_function(value)
-            }
-            resolve()
-          },
-          (reason) => {
-            if (request_error_function) {
-              request_error_function(reason)
-            }
-            reject()
-          },
-        )
-        .catch((error) => {
-          feedback_store.add_error(
-            error.code,
-            schema.route,
-            error.message,
-            error.message,
-          )
-          if (response_error_function) {
-            response_error_function(error)
+  return new Promise((resolve, reject) => {
+    if (!client) {
+      reject()
+    }
+    viewer_store.start_request()
+    client
+      .getConnection()
+      .getSession()
+      .call(schema.$id, [params])
+      .then(
+        (value) => {
+          if (response_function) {
+            response_function(value)
+          }
+          resolve()
+        },
+        (reason) => {
+          if (request_error_function) {
+            request_error_function(reason)
           }
           reject()
-        })
-        .finally(() => {
-          viewer_store.stop_request()
-        })
-    }
+        },
+      )
+      .catch((error) => {
+        feedback_store.add_error(
+          error.code,
+          schema.route,
+          error.message,
+          error.message,
+        )
+        if (response_error_function) {
+          response_error_function(error)
+        }
+        reject()
+      })
+      .finally(() => {
+        viewer_store.stop_request()
+      })
   })
-  return promise
 }
 
 export default viewer_call