@geode/opengeodeweb-front 10.3.0 → 10.3.1

package/.eslintrc.cjs

@@ -1,3 +1,4 @@
+// oxlint-disable-next-line import/no-commonjs
 module.exports = {
   root: true,
   env: {

package/app/assets/geode_objects.js

@@ -24,7 +24,7 @@ import TriangulatedSurface2D from "@ogw_front/assets/img/geode_objects/Triangula
 import TriangulatedSurface3D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface3D.svg"
 import VertexSet from "@ogw_front/assets/img/geode_objects/VertexSet.svg"
 
-const geode_objects = {
+export const geode_objects = {
   BRep: {
     tooltip: "BRep",
     image: BRep,
@@ -126,5 +126,3 @@ const geode_objects = {
     image: VertexSet,
   },
 }
-
-export default geode_objects

package/app/components/Carousel.vue

@@ -1,14 +1,17 @@
 <script setup>
+  // oxlint-disable-next-line import/no-unassigned-import
   import "vue3-carousel/dist/carousel.css"
-  import { Carousel, Slide, Navigation, Pagination } from "vue3-carousel"
+  import { Carousel, Navigation, Pagination, Slide } from "vue3-carousel"
   import { useDisplay } from "vuetify"
 
-  const props = defineProps({
+  const NB_ITEMS_TO_DISPLAY = 3
+
+  const { items } = defineProps({
     items: { type: Array, required: true },
   })
 
   const { name } = useDisplay()
-  const nb_items_to_display = ref(3)
+  const nb_items_to_display = ref(NB_ITEMS_TO_DISPLAY)
   watch(
     name,
     (value) => {
@@ -46,7 +49,7 @@
   <ClientOnly>
     <Carousel :settings="carrousel_settings">
       <Slide
-        v-for="(item, index) in props.items"
+        v-for="(item, index) in items"
         :key="index"
         class="carousel__slide"
       >

package/app/components/CrsSelector.vue

@@ -1,21 +1,20 @@
 <script setup>
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  const schema = schemas.opengeodeweb_back.geographic_coordinate_systems
   import { useGeodeStore } from "@ogw_front/stores/geode"
 
+  const schema = schemas.opengeodeweb_back.geographic_coordinate_systems
+
   const emit = defineEmits([
     "update_values",
     "increment_step",
     "decrement_step",
   ])
 
-  const props = defineProps({
+  const { geode_object_type, key_to_update } = defineProps({
     geode_object_type: { type: String, required: true },
     key_to_update: { type: String, required: true },
   })
 
-  const { geode_object_type, key_to_update } = props
-
   const search = ref("")
   const data_table_loading = ref(false)
   const crs_list = ref([])
@@ -33,8 +32,8 @@
   })
 
   function get_selected_crs(crs_code) {
-    for (let i = 0; i <= crs_list.value.length; i++) {
-      if (crs_list.value[i]["code"] == crs_code) {
+    for (let i = 0; i <= crs_list.value.length; i += 1) {
+      if (crs_list.value[i]["code"] === crs_code) {
         return crs_list.value[i]
       }
     }

package/app/components/DragAndDrop.vue

@@ -1,5 +1,13 @@
 <script setup>
-  const props = defineProps({
+  const {
+    multiple,
+    accept,
+    loading,
+    showExtensions,
+    idleText,
+    dropText,
+    loadingText,
+  } = defineProps({
     multiple: { type: Boolean, default: false },
     accept: { type: String, default: "" },
     loading: { type: Boolean, default: false },
@@ -12,20 +20,22 @@
   const emit = defineEmits(["files-selected"])
 
   const isDragging = ref(false)
-  const fileInput = ref(null)
+  const fileInput = ref(undefined)
 
-  const triggerFileDialog = () => fileInput.value?.click()
+  function triggerFileDialog() {
+    fileInput.value?.click()
+  }
 
-  function handleDrop(e) {
+  function handleDrop(event) {
     isDragging.value = false
-    const files = Array.from(e.dataTransfer.files)
+    const files = [...event.dataTransfer.files]
     emit("files-selected", files)
   }
 
-  function handleFileSelect(e) {
-    const files = Array.from(e.target.files)
+  function handleFileSelect(event) {
+    const files = [...event.target.files]
     emit("files-selected", files)
-    e.target.value = ""
+    event.target.value = ""
   }
 </script>
 

package/app/components/ExtensionSelector.vue

@@ -11,11 +11,10 @@
     "decrement_step",
   ])
 
-  const props = defineProps({
+  const { geode_object_type, filenames } = defineProps({
     geode_object_type: { type: String, required: true },
     filenames: { type: Array, required: true },
   })
-  const { geode_object_type, filenames } = props
   const geode_objects_and_output_extensions = ref({})
   const loading = ref(false)
 
@@ -25,27 +24,20 @@
     toggle_loading()
     geode_objects_and_output_extensions.value = {}
     const geodeStore = useGeodeStore()
-    const promise_array = filenames.map((filename) => {
-      return new Promise((resolve, reject) => {
-        const params = {
+    const values = await Promise.all(
+      filenames.map(async (filename) => {
+        const response = await geodeStore.request(schema, {
           geode_object_type,
           filename,
-        }
-        geodeStore.request(schema, params, {
-          request_error_function: () => reject(),
-          response_function: (response) => {
-            resolve(response.geode_objects_and_output_extensions)
-          },
-          response_error_function: () => reject(),
         })
-      })
-    })
-    const values = await Promise.all(promise_array)
+        return response.geode_objects_and_output_extensions
+      }),
+    )
     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)),
     )
-    var final_object = {}
+    const final_object = {}
     for (const key of common_keys) {
       final_object[key] = {}
       for (const value of values) {
@@ -61,7 +53,7 @@
   }
 
   function update_values(output_geode_object, output_extension) {
-    if (output_geode_object != "" && output_extension != "") {
+    if (output_geode_object !== "" && output_extension !== "") {
       emit("update_values", {
         output_geode_object,
         output_extension,

package/app/components/FeedBack/ErrorBanner.vue

@@ -3,7 +3,7 @@
   const feedbackStore = useFeedbackStore()
 
   function reload() {
-    window.location.reload()
+    globalThis.location.reload()
   }
 </script>
 

package/app/components/FeedBack/Snackers.vue

@@ -1,11 +1,14 @@
 <script setup>
   import { useFeedbackStore } from "@ogw_front/stores/feedback"
 
+  const MARGIN_BETWEEN_SNACKERS = 60
+  const FIRST_SNACKER_MARGIN = 8
+
   const feedbackStore = useFeedbackStore()
   const show = ref(true)
 
   function calc_margin(index) {
-    return index * 60 + 8 + "px"
+    return `${index * MARGIN_BETWEEN_SNACKERS + FIRST_SNACKER_MARGIN}px`
   }
 </script>
 

package/app/components/FileSelector.vue

@@ -13,31 +13,35 @@
     "decrement_step",
   ])
 
-  const props = defineProps({
+  const { multiple, files, auto_upload } = defineProps({
     multiple: { type: Boolean, required: true },
     files: { type: Array, default: () => [] },
     auto_upload: { type: Boolean, default: true },
   })
 
-  const internal_files = ref(props.files)
-  const auto_upload = ref(props.auto_upload)
+  const internal_files = ref(files)
+  const internal_auto_upload = ref(auto_upload)
   const accept = ref("")
   const loading = ref(false)
 
   watch(
-    () => props.files,
-    (val) => (internal_files.value = val),
+    () => files,
+    (val) => {
+      internal_files.value = val
+    },
   )
 
   watch(
-    () => props.auto_upload,
-    (val) => (auto_upload.value = val),
+    () => auto_upload,
+    (val) => {
+      internal_auto_upload.value = val
+    },
   )
 
   const toggle_loading = useToggle(loading)
 
   function files_uploaded_event(value) {
-    if (value.length) {
+    if (value.length > 0) {
       emit("update_values", { files: value, auto_upload: false })
       emit("increment_step")
     }
@@ -47,7 +51,9 @@
     toggle_loading()
     const geodeStore = useGeodeStore()
     const response = await geodeStore.request(schema, {})
-    accept.value = response.extensions.map((e) => `.${e}`).join(",")
+    accept.value = response.extensions
+      .map((extension) => `.${extension}`)
+      .join(",")
     toggle_loading()
   }
 
@@ -58,7 +64,12 @@
   <FetchingData v-if="loading" />
   <FileUploader
     v-else
-    v-bind="{ multiple, accept, files: internal_files, auto_upload }"
+    v-bind="{
+      multiple,
+      accept,
+      files: internal_files,
+      auto_upload: internal_auto_upload,
+    }"
     @files_uploaded="files_uploaded_event"
   />
 </template>

package/app/components/FileUploader.vue

@@ -1,13 +1,13 @@
 <script setup>
+  import DragAndDrop from "@ogw_front/components/DragAndDrop"
   import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
   import { upload_file } from "@ogw_front/utils/upload_file"
-  import DragAndDrop from "@ogw_front/components/DragAndDrop"
 
   const schema = schemas.opengeodeweb_back.upload_file
 
   const emit = defineEmits(["files_uploaded", "decrement_step", "reset_values"])
 
-  const props = defineProps({
+  const { multiple, accept, files, auto_upload, mini } = defineProps({
     multiple: { type: Boolean, required: true },
     accept: { type: String, required: true },
     files: { type: Array, required: false, default: [] },
@@ -15,14 +15,14 @@
     mini: { type: Boolean, required: false, default: false },
   })
 
-  const internal_files = ref(props.files)
+  const internal_files = ref(files)
   const loading = ref(false)
   const files_uploaded = ref(false)
 
   const toggle_loading = useToggle(loading)
 
   function processSelectedFiles(files) {
-    if (props.multiple) {
+    if (multiple) {
       internal_files.value = [...internal_files.value, ...files]
     } else {
       internal_files.value = [files[0]]
@@ -39,26 +39,9 @@
 
   async function upload_files() {
     toggle_loading()
-    var promise_array = []
-    for (const file of internal_files.value) {
-      const promise = new Promise((resolve, reject) => {
-        upload_file(
-          { route: schema.$id, file },
-          {
-            request_error_function: () => {
-              reject()
-            },
-            response_function: () => {
-              resolve()
-            },
-            response_error_function: () => {
-              reject()
-            },
-          },
-        )
-      })
-      promise_array.push(promise)
-    }
+    const promise_array = internal_files.value.map((file) =>
+      upload_file({ route: schema.$id, file }),
+    )
     await Promise.all(promise_array)
     files_uploaded.value = true
     emit("files_uploaded", internal_files.value)
@@ -66,15 +49,15 @@
     toggle_loading()
   }
 
-  if (props.files.length) {
-    internal_files.value = props.files
-    if (props.auto_upload) {
+  if (files.length > 0) {
+    internal_files.value = files
+    if (auto_upload) {
       upload_files()
     }
   }
 
   watch(
-    () => props.files,
+    () => files,
     (newVal) => {
       internal_files.value = newVal
     },
@@ -83,7 +66,7 @@
 
   watch(internal_files, (value) => {
     files_uploaded.value = false
-    if (props.auto_upload && value.length > 0) {
+    if (auto_upload && value.length > 0) {
       upload_files()
     }
   })
@@ -91,8 +74,8 @@
 
 <template>
   <DragAndDrop
-    :multiple="props.multiple"
-    :accept="props.accept"
+    :multiple="multiple"
+    :accept="accept"
     :loading="loading"
     :show-extensions="false"
     @files-selected="processSelectedFiles"
@@ -124,7 +107,7 @@
     </v-sheet>
   </v-card-text>
 
-  <v-card-actions v-if="!props.auto_upload && internal_files.length">
+  <v-card-actions v-if="!auto_upload && internal_files.length > 0">
     <v-btn
       color="primary"
       variant="elevated"

package/app/components/HybridRenderingView.vue

@@ -4,6 +4,8 @@
   import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
   import { useViewerStore } from "@ogw_front/stores/viewer"
 
+  const DEFAULT_ELEMENT_HEIGHT = 100
+
   const emit = defineEmits(["click"])
 
   const container = useTemplateRef("viewer")
@@ -16,7 +18,7 @@
 
   const debouncedResize = debounce(() => {
     hybridViewerStore.resize(elementWidth.value, elementHeight.value)
-  }, 100)
+  }, DEFAULT_ELEMENT_HEIGHT)
 
   watch([elementWidth, elementHeight, windowWidth, windowHeight], (value) => {
     debouncedResize()
@@ -32,9 +34,9 @@
   })
 
   function debounce(func, wait) {
-    let timeout
+    let timeout = undefined
     return function executedFunction(...args) {
-      const later = () => {
+      function later() {
         clearTimeout(timeout)
         func(...args)
       }

package/app/components/Inspector/InspectionButton.vue

@@ -8,7 +8,7 @@
     "increment_step",
     "decrement_step",
   ])
-  const props = defineProps({
+  const { geode_object_type, filename } = defineProps({
     geode_object_type: { type: String, required: true },
     filename: { type: String, required: true },
   })
@@ -37,7 +37,7 @@
     <v-btn
       :loading="loading"
       color="primary"
-      @click="get_inspection_results(props.geode_object_type, props.filename)"
+      @click="get_inspection_results(geode_object_type, filename)"
     >
       Inspect
       <template #loader>

package/app/components/Inspector/ResultPanel.vue

@@ -1,13 +1,13 @@
 <script setup>
   import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
 
-  const props = defineProps({
+  const { inspection_result } = defineProps({
     inspection_result: { type: Array, required: true },
   })
   const opened_panels = ref([])
 
-  onMounted(async () => {
-    opened_panels.value = props.inspection_result
+  onMounted(() => {
+    opened_panels.value = inspection_result
       .map((result, i) => (result.nb_issues > 0 ? i : -1))
       .filter((index) => index !== -1)
   })
@@ -17,7 +17,7 @@
   <v-container class="pa-2">
     <v-expansion-panels v-model="opened_panels" multiple elevation="5">
       <v-expansion-panel
-        v-for="(result, index) in props.inspection_result"
+        v-for="(result, index) in inspection_result"
         :key="index"
         class="card"
       >

package/app/components/Launcher.vue

@@ -1,7 +1,7 @@
 <script setup>
-  import Status from "@ogw_front/utils/status"
   import Loading from "@ogw_front/components/Loading"
   import Recaptcha from "@ogw_front/components/Recaptcha"
+  import Status from "@ogw_front/utils/status"
   import { useInfraStore } from "@ogw_front/stores/infra"
 
   const infraStore = useInfraStore()

package/app/components/Loading.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png"
   import chemin from "@ogw_front/assets/img/energy_sobriety/chemin.png"
-  import vert from "@ogw_front/assets/img/energy_sobriety/vert.png"
-  import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png"
   import collegue from "@ogw_front/assets/img/energy_sobriety/collegue.png"
-  import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png"
+  import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png"
   import etincelle from "@ogw_front/assets/img/energy_sobriety/etincelle.png"
   import geste from "@ogw_front/assets/img/energy_sobriety/geste.png"
-  import socle from "@ogw_front/assets/img/energy_sobriety/socle.png"
-  import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png"
+  import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png"
   import salon from "@ogw_front/assets/img/energy_sobriety/salon.png"
+  import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png"
+  import socle from "@ogw_front/assets/img/energy_sobriety/socle.png"
+  import vert from "@ogw_front/assets/img/energy_sobriety/vert.png"
+  import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png"
 
   import Carousel from "@ogw_front/components/Carousel"
 

package/app/components/MissingFilesSelector.vue

@@ -13,14 +13,12 @@
     "decrement_step",
   ])
 
-  const props = defineProps({
+  const { multiple, geode_object_type, filenames } = defineProps({
     multiple: { type: Boolean, required: true },
     geode_object_type: { type: String, required: true },
     filenames: { type: Array, required: true },
   })
 
-  const { multiple, geode_object_type, filenames } = props
-
   const accept = ref("")
   const loading = ref(false)
   const has_missing_files = ref(false)
@@ -40,37 +38,33 @@
     additional_files.value = []
     const geodeStore = useGeodeStore()
 
-    const promise_array = filenames.map((filename) => {
-      const params = { geode_object_type, filename }
-      return new Promise((resolve, reject) => {
-        geodeStore.request(schema, params, {
-          request_error_function: () => reject(),
-          response_function: (response) => resolve(response),
-          response_error_function: () => reject(),
-        })
+    const promise_array = filenames.map(async (filename) => {
+      const response = await geodeStore.request(schema, {
+        geode_object_type,
+        filename,
       })
+      return response
     })
     const values = await Promise.all(promise_array)
     for (const value of values) {
-      has_missing_files.value = value.has_missing_files
-        ? true
-        : has_missing_files.value
-      mandatory_files.value = [].concat(
-        mandatory_files.value,
-        value.mandatory_files,
-      )
-      additional_files.value = [].concat(
-        additional_files.value,
-        value.additional_files,
-      )
+      if (value.has_missing_files) {
+        has_missing_files.value = true
+      }
+      mandatory_files.value = [
+        ...mandatory_files.value,
+        ...value.mandatory_files,
+      ]
+      additional_files.value = [
+        ...additional_files.value,
+        ...value.additional_files,
+      ]
     }
-    if (!has_missing_files.value) {
-      emit("increment_step")
-    } else {
-      accept.value = []
-        .concat(mandatory_files.value, additional_files.value)
-        .map((filename) => "." + filename.split(".").pop())
+    if (has_missing_files.value) {
+      accept.value = [...mandatory_files.value, ...additional_files.value]
+        .map((filename) => `.${filename.split(".").pop()}`)
         .join(",")
+    } else {
+      emit("increment_step")
     }
     toggle_loading()
   }
@@ -113,7 +107,7 @@
     </v-row>
     <v-row>
       <v-col
-        v-if="!mandatory_files.length && additional_files.length"
+        v-if="mandatory_files.length === 0 && additional_files.length > 0"
         cols="auto"
       >
         <v-btn @click="emit('increment_step')" color="warning">Skip step</v-btn>

package/app/components/ObjectSelector.vue

@@ -1,20 +1,19 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-
-  import geode_objects from "@ogw_front/assets/geode_objects"
   import FetchingData from "@ogw_front/components/FetchingData.vue"
+  import { geode_objects } from "@ogw_front/assets/geode_objects"
+  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
   import { useGeodeStore } from "@ogw_front/stores/geode"
 
   const schema = schemas.opengeodeweb_back.allowed_objects
 
   const emit = defineEmits(["update_values", "increment_step"])
   console.log("ObjectSelector")
-  const props = defineProps({
+
+  const { filenames } = defineProps({
     filenames: { type: Array, required: true },
   })
 
   const geodeStore = useGeodeStore()
-  const { filenames } = props
 
   const loading = ref(false)
   const allowed_objects = ref({})
@@ -61,11 +60,13 @@
     toggle_loading()
     allowed_objects.value = {}
 
-    const promise_array = filenames.map((filename) => {
-      return geodeStore.request(schema, { filename })
-    })
+    const promise_array = filenames.map((filename) =>
+      geodeStore.request(schema, { filename }),
+    )
     const responses = await Promise.all(promise_array)
-    const allowed_objects_list = responses.map((r) => r.allowed_objects)
+    const allowed_objects_list = responses.map(
+      (response) => response.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),
@@ -77,7 +78,7 @@
       )
       const priorities = allowed_objects_list
         .map((obj) => obj[key].object_priority)
-        .filter((p) => p !== undefined && p !== null)
+        .filter((priority) => priority !== undefined && priority !== null)
       final_object[key] = { is_loadable: Math.min(...load_scores) }
       if (priorities.length) {
         final_object[key].object_priority = Math.max(...priorities)

package/app/components/OptionCard.vue

@@ -4,7 +4,7 @@
   const theme = useTheme()
   const primaryColor = computed(() => theme.current.value.colors.primary)
 
-  defineProps({
+  const { title, width, maxHeight } = defineProps({
     title: { type: String, default: "" },
     width: { type: [Number, String], default: 320 },
     maxHeight: { type: [Number, String], default: 500 },