@geode/opengeodeweb-front 10.4.1 → 10.4.2-rc.1

package/app/stores/hybrid_viewer.js

@@ -5,9 +5,8 @@ import { newInstance as vtkGenericRenderWindow } from "@kitware/vtk.js/Rendering
 import { newInstance as vtkMapper } from "@kitware/vtk.js/Rendering/Core/Mapper"
 import { newInstance as vtkXMLPolyDataReader } from "@kitware/vtk.js/IO/XML/XMLPolyDataReader"
 
-import Status from "@ogw_front/utils/status"
-import { database } from "../../internal/database/database.js"
-import { useDataStore } from "@ogw_front/stores/data"
+import { Status } from "@ogw_front/utils/status"
+import { database } from "@ogw_internal/database/database.js"
 import { useViewerStore } from "@ogw_front/stores/viewer"
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
@@ -28,7 +27,6 @@ const WHEEL_TIME_OUT_MS = 600
 
 export const useHybridViewerStore = defineStore("hybridViewer", () => {
   const viewerStore = useViewerStore()
-  const dataStore = useDataStore()
   const hybridDb = reactive({})
   const status = ref(Status.NOT_CREATED)
   const camera_options = reactive({})
@@ -36,7 +34,7 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
   const is_moving = ref(false)
   const zScale = ref(1)
   let viewStream = undefined
-  let gridActor = undefined
+  const gridActor = undefined
 
   async function initHybridViewer() {
     if (status.value !== Status.NOT_CREATED) {
@@ -60,9 +58,6 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
       if (is_moving.value) {
         return
       }
-      const webGLRenderWindow =
-        genericRenderWindow.value.getApiSpecificRenderWindow()
-      const imageStyle = webGLRenderWindow.getReferenceByName("bgImage").style
       webGLRenderWindow.setBackgroundImage(event.image)
       imageStyle.opacity = 1
     })
@@ -126,7 +121,6 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     if (!schema) {
       return
     }
-    const viewerStore = useViewerStore()
     await viewerStore.request(schema, {
       z_scale,
     })
@@ -147,7 +141,6 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
         distance: camera.getDistance(),
       },
     }
-    const viewerStore = useViewerStore()
     viewerStore.request(
       viewer_schemas.opengeodeweb_viewer.viewer.update_camera,
       params,
@@ -165,7 +158,6 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
   }
 
   function remoteRender() {
-    const viewerStore = useViewerStore()
     return viewerStore.request(viewer_schemas.opengeodeweb_viewer.viewer.render)
   }
 
@@ -256,32 +248,31 @@ export const useHybridViewerStore = defineStore("hybridViewer", () => {
     const z_scale = snapshot.zScale
 
     function applyCamera() {
-      const { camera_options } = snapshot
-      if (!camera_options) {
+      const { camera_options: snapshot_camera_options } = snapshot
+      if (!snapshot_camera_options) {
         return
       }
 
       const renderer = genericRenderWindow.value.getRenderer()
       const camera = renderer.getActiveCamera()
 
-      camera.setFocalPoint(...camera_options.focal_point)
-      camera.setViewUp(...camera_options.view_up)
-      camera.setPosition(...camera_options.position)
-      camera.setViewAngle(camera_options.view_angle)
-      camera.setClippingRange(...camera_options.clipping_range)
+      camera.setFocalPoint(...snapshot_camera_options.focal_point)
+      camera.setViewUp(...snapshot_camera_options.view_up)
+      camera.setPosition(...snapshot_camera_options.position)
+      camera.setViewAngle(snapshot_camera_options.view_angle)
+      camera.setClippingRange(...snapshot_camera_options.clipping_range)
 
       genericRenderWindow.value.getRenderWindow().render()
 
       const payload = {
         camera_options: {
-          focal_point: [...camera_options.focal_point],
-          view_up: [...camera_options.view_up],
-          position: [...camera_options.position],
-          view_angle: camera_options.view_angle,
-          clipping_range: [...camera_options.clipping_range],
+          focal_point: [...snapshot_camera_options.focal_point],
+          view_up: [...snapshot_camera_options.view_up],
+          position: [...snapshot_camera_options.position],
+          view_angle: snapshot_camera_options.view_angle,
+          clipping_range: [...snapshot_camera_options.clipping_range],
         },
       }
-      const viewerStore = useViewerStore()
       return viewerStore.request(
         viewer_schemas.opengeodeweb_viewer.viewer.update_camera,
         payload,

package/app/stores/infra.js

@@ -1,5 +1,5 @@
 import { appMode, getAppMode } from "@ogw_front/utils/app_mode"
-import Status from "@ogw_front/utils/status"
+import { Status } from "@ogw_front/utils/status"
 import { useLambdaStore } from "@ogw_front/stores/lambda"
 
 export const useInfraStore = defineStore("infra", {
@@ -32,7 +32,11 @@ export const useInfraStore = defineStore("infra", {
       const store_name = store.$id
       console.log("[INFRA] Registering microservice:", store_name)
 
-      if (!this.microservices.find((store) => store.$id === store_name)) {
+      if (
+        !this.microservices.find(
+          (microservice) => microservice.$id === store_name,
+        )
+      ) {
         this.microservices.push(store)
         console.log("[INFRA] Microservice registered:", store_name)
       }

package/app/stores/lambda.js

@@ -1,4 +1,4 @@
-import Status from "@ogw_front/utils/status"
+import { Status } from "@ogw_front/utils/status"
 import { useFeedbackStore } from "@ogw_front/stores/feedback"
 
 export const useLambdaStore = defineStore("lambda", {

package/app/stores/menu.js

@@ -21,10 +21,9 @@ import Grid2DEdgesOptions from "@ogw_front/components/Viewer/Grid/2D/EdgesOption
 import Grid2DPointsOptions from "@ogw_front/components/Viewer/Grid/2D/PointsOptions"
 
 // Grid 3D components
+import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions"
 import Grid3DEdgesOptions from "@ogw_front/components/Viewer/Grid/3D/EdgesOptions"
 import Grid3DPointsOptions from "@ogw_front/components/Viewer/Grid/3D/PointsOptions"
-// import Grid3DFacetsOptions from "@ogw_front/components/Viewer/Grid/3D/FacetsOptions"
-import Grid3DCellsOptions from "@ogw_front/components/Viewer/Grid/3D/CellsOptions"
 
 // Solid components
 import SolidEdgesOptions from "@ogw_front/components/Viewer/Solid/EdgesOptions"

package/app/stores/viewer.js

@@ -5,11 +5,11 @@ import vtkWSLinkClient, {
 import _ from "lodash"
 // oxlint-disable-next-line no-unassigned-import
 import "@kitware/vtk.js/Rendering/OpenGL/Profiles/Geometry"
-import Status from "@ogw_front/utils/status"
+import { Status } from "@ogw_front/utils/status"
 import { appMode } from "@ogw_front/utils/app_mode"
 import schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 import { useInfraStore } from "@ogw_front/stores/infra"
-import { viewer_call } from "../../internal/utils/viewer_call"
+import { viewer_call } from "@ogw_internal/utils/viewer_call"
 
 const MS_PER_SECOND = 1000
 const SECONDS_PER_REQUEST = 10
@@ -19,7 +19,6 @@ export const useViewerStore = defineStore(
   "viewer",
   () => {
     const infraStore = useInfraStore()
-
     const default_local_port = ref("1234")
     const client = ref({})
     const config = ref(undefined)
@@ -151,10 +150,11 @@ export const useViewerStore = defineStore(
     }
 
     async function launch() {
+      status.value = Status.CREATING
       console.log("[VIEWER] Launching viewer microservice...")
-      const port = await globalThis.electronAPI.run_viewer()
-      console.log("[VIEWER] Viewer launched on port:", port)
-      return port
+      const launched_port = await globalThis.electronAPI.run_viewer()
+      console.log("[VIEWER] Viewer launched on port:", launched_port)
+      return launched_port
     }
 
     async function connect() {

package/app/utils/colormap.js

@@ -1,5 +1,7 @@
 import vtkColorMaps from "@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps"
 
-export function getRGBPointsFromPreset(presetName) {
+function getRGBPointsFromPreset(presetName) {
   return vtkColorMaps.getPresetByName(presetName).RGBPoints
 }
+
+export { getRGBPointsFromPreset }

package/app/utils/local.js

@@ -1,9 +1,9 @@
-import { on, once } from "node:events"
 import child_process from "node:child_process"
 import fs from "node:fs"
+import { on } from "node:events"
 import path from "node:path"
-import { setTimeout } from "timers/promises"
 import { rimraf } from "rimraf"
+import { setTimeout } from "node:timers/promises"
 
 // Third party imports
 import { WebSocket } from "ws"
@@ -11,7 +11,6 @@ import back_schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.jso
 import { getPort } from "get-port-please"
 import isElectron from "is-electron"
 import pTimeout from "p-timeout"
-import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json" with { type: "json" }
 
 const MAX_DELETE_FOLDER_RETRIES = 5
 const DEFAULT_TIMEOUT_SECONDS = 30
@@ -48,12 +47,12 @@ function executable_name(name) {
   return name
 }
 
-function create_path(path) {
-  if (!fs.existsSync(path)) {
-    fs.mkdirSync(path, { recursive: true })
-    console.log(`${path} directory created successfully!`)
+function create_path(dir_path) {
+  if (!fs.existsSync(dir_path)) {
+    fs.mkdirSync(dir_path, { recursive: true })
+    console.log(`${dir_path} directory created successfully!`)
   }
-  return path
+  return dir_path
 }
 
 function get_available_port() {
@@ -63,10 +62,10 @@ function get_available_port() {
   })
 }
 
-function commandExistsSync(executable_name) {
+function commandExistsSync(exec_name) {
   const envPath = process.env.PATH || ""
   return envPath.split(path.delimiter).some((dir) => {
-    const filePath = path.join(dir, executable_name)
+    const filePath = path.join(dir, exec_name)
     return fs.existsSync(filePath) && fs.statSync(filePath).isFile()
   })
 }
@@ -81,15 +80,15 @@ async function wait_for_ready(child, expected_response) {
 }
 
 async function run_script(
-  executable_name,
-  executable_path,
+  exec_name,
+  exec_path,
   args,
   expected_response,
   timeout_seconds = DEFAULT_TIMEOUT_SECONDS,
 ) {
-  const command = commandExistsSync(executable_name)
-    ? executable_name
-    : path.join(executable_path, executable_name)
+  const command = commandExistsSync(exec_name)
+    ? exec_name
+    : path.join(exec_path, exec_name)
   console.log("run_script", command, args)
   const child = child_process.spawn(command, args, {
     encoding: "utf8",
@@ -126,8 +125,10 @@ async function run_script(
   }
 }
 
-async function run_back(executable_name, executable_path, args = {}) {
-  let { project_folder_path, upload_folder_path } = args
+async function run_back(exec_name, exec_path, args = {}) {
+  const { project_folder_path, upload_folder_path: upload_folder_path_arg } =
+    args
+  let upload_folder_path = upload_folder_path_arg
   if (!project_folder_path) {
     throw new Error("project_folder_path is required")
   }
@@ -145,17 +146,12 @@ async function run_back(executable_name, executable_path, args = {}) {
   if (process.env.NODE_ENV === "development" || !process.env.NODE_ENV) {
     back_args.push("--debug")
   }
-  console.log("run_back", executable_name, executable_path, back_args)
-  await run_script(
-    executable_name,
-    executable_path,
-    back_args,
-    "Serving Flask app",
-  )
+  console.log("run_back", exec_name, exec_path, back_args)
+  await run_script(exec_name, exec_path, back_args, "Serving Flask app")
   return port
 }
 
-async function run_viewer(executable_name, executable_path, args = {}) {
+async function run_viewer(exec_name, exec_path, args = {}) {
   if (!args.project_folder_path) {
     throw new Error("project_folder_path is required")
   }
@@ -165,13 +161,8 @@ async function run_viewer(executable_name, executable_path, args = {}) {
     `--data_folder_path ${args.project_folder_path}`,
     `--timeout ${0}`,
   ]
-  console.log("run_viewer", executable_name, executable_path, viewer_args)
-  await run_script(
-    executable_name,
-    executable_path,
-    viewer_args,
-    "Starting factory",
-  )
+  console.log("run_viewer", exec_name, exec_path, viewer_args)
+  await run_script(exec_name, exec_path, viewer_args, "Starting factory")
   return port
 }
 
@@ -183,13 +174,16 @@ async function delete_folder_recursive(data_folder_path) {
   for (let i = 0; i <= MAX_DELETE_FOLDER_RETRIES; i += 1) {
     try {
       console.log(`Deleting folder: ${data_folder_path}`)
+      // oxlint-disable-next-line no-await-in-loop
       await rimraf(data_folder_path)
       console.log(`Deleted folder: ${data_folder_path}`)
       return
     } catch (error) {
       console.error(`Error deleting folder ${data_folder_path}:`, error)
       // Wait before retrying
-      const DELAY = 1000 * (i + 1)
+      const MILLISECONDS_PER_RETRY = 1000
+      const DELAY = MILLISECONDS_PER_RETRY * (i + 1)
+      // oxlint-disable-next-line no-await-in-loop
       await setTimeout(DELAY)
       console.log("Retrying delete folder")
     }
@@ -218,8 +212,9 @@ function kill_back(back_port) {
 
 function kill_viewer(viewer_port) {
   function do_kill() {
+    // oxlint-disable-next-line avoid-new
     return new Promise((resolve) => {
-      const socket = new WebSocket("ws://localhost:" + viewer_port + "/ws")
+      const socket = new WebSocket(`ws://localhost:${viewer_port}/ws`)
       socket.on("open", () => {
         console.log("Connected to WebSocket server")
         socket.send(

package/app/utils/status.js

@@ -7,4 +7,4 @@ const Status = {
   CONNECTED: "CONNECTED",
 }
 
-export default Status
+export { Status }

package/app/utils/upload_file.js

@@ -1,7 +1,7 @@
 import { useFeedbackStore } from "@ogw_front/stores/feedback"
 import { useGeodeStore } from "@ogw_front/stores/geode"
 
-export async function upload_file(
+async function upload_file(
   { route, file },
   { request_error_function, response_function, response_error_function } = {},
 ) {
@@ -52,4 +52,4 @@ export async function upload_file(
   })
 }
 
-export default upload_file
+export { upload_file }

package/app/utils/validate_schema.js

@@ -1,6 +1,6 @@
 import Ajv from "ajv"
 
-export function validate_schema(schema, body) {
+function validate_schema(schema, body) {
   const ajv = new Ajv()
   const list_keywords = ["methods", "route", "max_retry", "rpc"]
   for (const keyword of list_keywords) {
@@ -10,4 +10,4 @@ export function validate_schema(schema, body) {
   return { valid, error: ajv.errorsText() }
 }
 
-export default validate_schema
+export { validate_schema }

package/internal/database/database.js

@@ -40,7 +40,7 @@ class Database extends Dexie {
       (tableName) => currentStores[tableName],
     )
 
-    database.close()
+    databaseContainer.instance.close()
 
     if (allExisting) {
       const existingDb = new Dexie("Database")
@@ -55,7 +55,7 @@ class Database extends Dexie {
         }
       }
       await existingDb.open()
-      database = existingDb
+      databaseContainer.instance = existingDb
     } else {
       const newDb = new ExtendedDatabase(
         currentVersion,
@@ -63,11 +63,24 @@ class Database extends Dexie {
         newTables,
       )
       await newDb.open()
-      database = newDb
+      databaseContainer.instance = newDb
     }
   }
 }
 
-let database = new Database()
+const databaseContainer = { instance: new Database() }
+
+const database = new Proxy(
+  {},
+  {
+    get(target, prop) {
+      const value = databaseContainer.instance[prop]
+      if (typeof value === "function") {
+        return value.bind(databaseContainer.instance)
+      }
+      return value
+    },
+  },
+)
 
 export { Database, database }

package/internal/stores/data_style/mesh/cells/cell.js

@@ -35,7 +35,7 @@ export function useMeshCellsCellAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshCellsCellAttribute(id).storedConfigs
+    const { storedConfigs } = meshCellsCellAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/cells/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useMeshCellsCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/mesh/cells/vertex.js

@@ -35,7 +35,7 @@ export function useMeshCellsVertexAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshCellsVertexAttribute(id).storedConfigs
+    const { storedConfigs } = meshCellsVertexAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/edges/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useMeshEdgesCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/mesh/edges/edge.js

@@ -19,7 +19,7 @@ export function useMeshEdgesEdgeAttributeStyle() {
   }
 
   function meshEdgesEdgeAttributeStoredConfig(id, name) {
-    const storedConfigs = meshEdgesEdgeAttribute(id).storedConfigs
+    const { storedConfigs } = meshEdgesEdgeAttribute(id)
     if (name in storedConfigs) {
       return storedConfigs[name]
     }
@@ -35,7 +35,7 @@ export function useMeshEdgesEdgeAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshEdgesEdgeAttribute(id).storedConfigs
+    const { storedConfigs } = meshEdgesEdgeAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/edges/vertex.js

@@ -35,7 +35,7 @@ export function useMeshEdgesVertexAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshEdgesVertexAttribute(id).storedConfigs
+    const { storedConfigs } = meshEdgesVertexAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/index.js

@@ -5,7 +5,7 @@ import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schem
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
 import { useViewerStore } from "@ogw_front/stores/viewer"
 
-import { useDataStyleStateStore } from "../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 import { useMeshCellsStyle } from "./cells"
 import { useMeshEdgesStyle } from "./edges"
 import { useMeshPointsStyle } from "./points"
@@ -15,7 +15,7 @@ import { useMeshPolyhedraStyle } from "./polyhedra"
 // Local constants
 const meshSchemas = viewer_schemas.opengeodeweb_viewer.mesh
 
-export default function useMeshStyle() {
+export function useMeshStyle() {
   const hybridViewerStore = useHybridViewerStore()
   const viewerStore = useViewerStore()
   const dataStyleState = useDataStyleStateStore()

package/internal/stores/data_style/mesh/points/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useMeshPointsCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/mesh/points/vertex.js

@@ -35,7 +35,7 @@ export function useMeshPointsVertexAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshPointsVertexAttribute(id).storedConfigs
+    const { storedConfigs } = meshPointsVertexAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/polygons/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useMeshPolygonsCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/mesh/polygons/polygon.js

@@ -35,7 +35,7 @@ export function useMeshPolygonsPolygonAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshPolygonsPolygonAttribute(id).storedConfigs
+    const { storedConfigs } = meshPolygonsPolygonAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/polygons/vertex.js

@@ -35,7 +35,7 @@ export function useMeshPolygonsVertexAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshPolygonsVertexAttribute(id).storedConfigs
+    const { storedConfigs } = meshPolygonsVertexAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/polyhedra/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useMeshPolyhedraCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/mesh/polyhedra/polyhedron.js

@@ -35,7 +35,7 @@ export function useMeshPolyhedraPolyhedronAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshPolyhedraPolyhedronAttribute(id).storedConfigs
+    const { storedConfigs } = meshPolyhedraPolyhedronAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/mesh/polyhedra/vertex.js

@@ -35,7 +35,7 @@ export function useMeshPolyhedraVertexAttributeStyle() {
     name,
     { minimum, maximum, colorMap },
   ) {
-    const storedConfigs = meshPolyhedraVertexAttribute(id).storedConfigs
+    const { storedConfigs } = meshPolyhedraVertexAttribute(id)
     storedConfigs[name] = { minimum, maximum, colorMap }
     return storedConfigs[name]
   }

package/internal/stores/data_style/model/blocks/color.js

@@ -2,8 +2,8 @@
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
 
 // Local imports
-import { useModelBlocksCommonStyle } from "./common"
 import { useDataStore } from "@ogw_front/stores/data"
+import { useModelBlocksCommonStyle } from "./common"
 import { useViewerStore } from "@ogw_front/stores/viewer"
 
 // Local constants
@@ -17,11 +17,9 @@ export function useModelBlocksColorStyle() {
   function modelBlockColor(id, block_id) {
     return modelBlocksCommonStyle.modelBlockStyle(id, block_id).color
   }
-
   function saveModelBlockColor(id, block_id, color) {
     modelBlocksCommonStyle.modelBlockStyle(id, block_id).color = color
   }
-
   async function setModelBlocksColor(id, block_ids, color) {
     if (!block_ids || block_ids.length === 0) {
       return
@@ -45,7 +43,6 @@ export function useModelBlocksColorStyle() {
           for (const block_id of block_ids) {
             saveModelBlockColor(id, block_id, color)
           }
-
           console.log(
             setModelBlocksColor.name,
             { id },

package/internal/stores/data_style/model/blocks/common.js

@@ -1,4 +1,4 @@
-import { useDataStyleStateStore } from "../../state"
+import { useDataStyleStateStore } from "@ogw_internal/stores/data_style/state"
 
 export function useModelBlocksCommonStyle() {
   const dataStyleStateStore = useDataStyleStateStore()

package/internal/stores/data_style/model/blocks/index.js

@@ -1,8 +1,12 @@
 // Local imports
+import { useDataStore } from "@ogw_front/stores/data"
 import { useModelBlocksColorStyle } from "./color"
 import { useModelBlocksCommonStyle } from "./common"
 import { useModelBlocksVisibilityStyle } from "./visibility"
-import { useDataStore } from "@ogw_front/stores/data"
+
+async function setModelBlocksDefaultStyle(_id) {
+  // Placeholder for oxlint
+}
 
 export function useModelBlocksStyle() {
   const dataStore = useDataStore()
@@ -23,8 +27,6 @@ export function useModelBlocksStyle() {
     ])
   }
 
-  async function setModelBlocksDefaultStyle(id) {}
-
   return {
     applyModelBlocksStyle,
     setModelBlocksDefaultStyle,