@geode/opengeodeweb-front 10.34.0-rc.22 → 10.34.0-rc.23

package/.build/server/utils/ws_client.js

@@ -75,7 +75,9 @@ function createServerWsRpcClient(baseUrl) {
 		socket.close();
 	}
 	function getConnection() {
-		return { getSession: () => ({ call: (rpc, [params]) => call(rpc, params) }) };
+		return { getSession: () => ({ call: async (rpc, [params]) => {
+			return await call(rpc, params);
+		} }) };
 	}
 	function isOpen() {
 		return socket.readyState === WebSocket.OPEN;

package/.build/shared/utils/call_raw.js

@@ -16,8 +16,8 @@ async function callRaw({ rpc, params = {}, client, timeout }, { request_error_fu
 			if (response_function) await response_function(response);
 			return response;
 		} catch (error) {
-			if (request_error_function) request_error_function(error);
-			if (response_error_function) response_error_function(error);
+			if (request_error_function) await request_error_function(error);
+			if (response_error_function) await response_error_function(error);
 			throw error;
 		}
 	}

package/app/components/Viewer/Options/ColorPicker.vue

@@ -27,7 +27,7 @@ const vuetifyColor = ref({
   a: initialColor.alpha,
 });
 
-function updateInputTextFromColor(red: number, green: number, blue: number, alpha: number) {
+function updateInputTextFromColor(red: number, green: number, blue: number, alpha: number): void {
   colorInputText.value =
     disabledAlpha || currentMode.value === "rgb"
       ? `${red}, ${green}, ${blue}`
@@ -41,12 +41,12 @@ interface VuetifyColor {
   a: number;
 }
 
-function commitColorToModel() {
+function commitColorToModel(): void {
   const { r: red, g: green, b: blue, a: alpha } = vuetifyColor.value;
   model.value = { red, green, blue, alpha };
 }
 
-function onPickerUpdate(color: VuetifyColor) {
+function onPickerUpdate(color: VuetifyColor): void {
   const red = Math.round(color.r);
   const green = Math.round(color.g);
   const blue = Math.round(color.b);
@@ -59,7 +59,7 @@ function onPickerUpdate(color: VuetifyColor) {
   }
 }
 
-function toggleMode() {
+function toggleMode(): void {
   if (disabledAlpha) {
     return;
   }
@@ -68,12 +68,12 @@ function toggleMode() {
   updateInputTextFromColor(red, green, blue, alpha);
 }
 
-async function copyToClipboard() {
+async function copyToClipboard(): Promise<void> {
   const { r: red, g: green, b: blue, a: alpha } = vuetifyColor.value;
   await copy(formatColorString({ red, green, blue, alpha }, currentMode.value));
 }
 
-function parseAndApplyText(text: string) {
+function parseAndApplyText(text: string): boolean {
   const parsed = parseColorString(text);
   if (!parsed) {
     return false;
@@ -92,13 +92,13 @@ function parseAndApplyText(text: string) {
   return true;
 }
 
-function onInputPaste(event: ClipboardEvent) {
+function onInputPaste(event: ClipboardEvent): void {
   event.preventDefault();
-  const text = event.clipboardData!.getData("text/plain");
+  const text = event.clipboardData?.getData("text/plain") ?? "";
   parseAndApplyText(text);
 }
 
-function onInputCommit() {
+function onInputCommit(): void {
   if (!parseAndApplyText(colorInputText.value)) {
     const { r: red, g: green, b: blue, a: alpha } = vuetifyColor.value;
     updateInputTextFromColor(red, green, blue, alpha);

package/app/composables/copy_to_clipboard.ts

@@ -1,7 +1,7 @@
-import { useClipboard } from "@vueuse/core";
+import { type UseClipboardReturn, useClipboard } from "@vueuse/core";
 
 const COPIED_FEEDBACK_TIMEOUT = 1500;
 
-export function useCopyToClipboard(): ReturnType<typeof useClipboard> {
+export function useCopyToClipboard(): UseClipboardReturn<false> {
   return useClipboard({ copiedDuring: COPIED_FEEDBACK_TIMEOUT });
 }

package/app/composables/tree_keyboard_nav.ts

@@ -151,7 +151,7 @@ export function useTreeKeyboardNav(
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
       event.preventDefault();
       const prevIndex = focusedIndex.value;
-      (focusedIndex as Ref<number>).value = getNextIndex(event.key);
+      focusedIndex.value = getNextIndex(event.key);
 
       if (focusedIndex.value !== prevIndex) {
         if (prevIndex >= 0 && prevIndex < displayItems.value.length) {

package/app/plugins/click_outside_ignore_snackbars.client.ts

@@ -16,9 +16,12 @@ function snackbarElements(): HTMLElement[] {
 export default defineNuxtPlugin({
   name: "click-outside-ignore-snackbars",
   setup() {
-    const originalMounted = ClickOutside.mounted;
+    const originalMounted = ClickOutside.mounted.bind(ClickOutside);
 
-    ClickOutside.mounted = (element: HTMLElement, binding: DirectiveBinding<ClickOutsideValue>) => {
+    ClickOutside.mounted = (
+      element: HTMLElement,
+      binding: DirectiveBinding<ClickOutsideValue>,
+    ): void => {
       const { value } = binding;
       const handler = typeof value === "function" ? value : value.handler;
       const closeConditional = typeof value === "function" ? undefined : value.closeConditional;
@@ -27,7 +30,7 @@ export default defineNuxtPlugin({
       binding.value = {
         handler,
         closeConditional,
-        include: () => [...(include?.() ?? []), ...snackbarElements()],
+        include: (): HTMLElement[] => [...(include?.() ?? []), ...snackbarElements()],
       };
 
       originalMounted(element, binding);

package/app/stores/treeview.ts

@@ -61,14 +61,14 @@ type ReadonlyOpenedView = Omit<OpenedView, "opened"> & {
 type ReadonlyTreeviewGroup = Omit<TreeviewGroup, "children"> & {
   readonly children: readonly TreeviewChild[];
 };
-type ReadonlyTreeviewSnapshot = {
+interface ReadonlyTreeviewSnapshot {
   opened_views?: readonly ReadonlyOpenedView[];
   panelWidth?: number;
   additionalPanelWidth?: number;
   rowHeights?: readonly number[];
   selectionIds?: readonly string[];
   selection?: readonly (string | { id: string })[];
-};
+}
 
 // oxlint-disable-next-line max-lines-per-function, max-statements
 export const useTreeviewStore = defineStore("treeview", () => {

package/app/utils/{color_picker.js → color_picker.ts}

@@ -1,15 +1,17 @@
+import type { RGBAColor } from "@ogw_front/utils/default_styles/constants";
+
 const RGB_MAX = 255;
 const PERCENT_MAX = 100;
 
-function parseComponent(val, max = RGB_MAX) {
+function parseComponent(val: string, max = RGB_MAX): number {
   if (val.endsWith("%")) {
     return (Number(val.slice(0, -1)) / PERCENT_MAX) * max;
   }
   return Number(val);
 }
 
-function parseColorString(colorText) {
-  if (!colorText || typeof colorText !== "string") {
+function parseColorString(colorText: string): RGBAColor | undefined {
+  if (colorText === "") {
     return undefined;
   }
 
@@ -18,17 +20,18 @@ function parseColorString(colorText) {
     return undefined;
   }
 
-  const rawRed = parseComponent(numbersMatch[0]);
-  const rawGreen = parseComponent(numbersMatch[1]);
-  const rawBlue = parseComponent(numbersMatch[2]);
+  const [redText = "", greenText = "", blueText = "", alphaText] = numbersMatch;
+  const rawRed = parseComponent(redText);
+  const rawGreen = parseComponent(greenText);
+  const rawBlue = parseComponent(blueText);
 
   const red = Math.min(RGB_MAX, Math.max(0, Math.round(rawRed)));
   const green = Math.min(RGB_MAX, Math.max(0, Math.round(rawGreen)));
   const blue = Math.min(RGB_MAX, Math.max(0, Math.round(rawBlue)));
 
   let alpha = 1;
-  if (numbersMatch.length === 4) {
-    const rawAlpha = parseComponent(numbersMatch[3], 1);
+  if (alphaText !== undefined) {
+    const rawAlpha = parseComponent(alphaText, 1);
     const calculatedAlpha = rawAlpha > 1 ? rawAlpha / RGB_MAX : rawAlpha;
     const roundedAlpha = Number(calculatedAlpha.toFixed(2));
     alpha = Math.min(1, Math.max(0, roundedAlpha));
@@ -41,7 +44,7 @@ function parseColorString(colorText) {
   return { red, green, blue, alpha };
 }
 
-function formatColorString(color, mode) {
+function formatColorString(color: RGBAColor, mode: string): string {
   const { red, green, blue, alpha } = color;
   const roundRed = Math.round(red);
   const roundGreen = Math.round(green);

package/internal/utils/api_fetch.ts

@@ -86,7 +86,7 @@ async function api_fetch(
       request_error_function(error: unknown) {
         microservice.stop_request();
         const typedError = toFetchErrorLike(error);
-        if (!skip_feedback_error) {
+        if (skip_feedback_error !== true) {
           feedbackStore.add_error(
             typedError.code ?? 0,
             schema.$id,
@@ -95,7 +95,7 @@ async function api_fetch(
           );
         }
         if (request_error_function) {
-          request_error_function(error);
+          void request_error_function(error);
         }
       },
       response_function(data: unknown) {
@@ -108,7 +108,7 @@ async function api_fetch(
       response_error_function(response: unknown) {
         microservice.stop_request();
         const typedResponse = toFetchErrorResponseLike(response);
-        if (!skip_feedback_error) {
+        if (skip_feedback_error !== true) {
           feedbackStore.add_error(
             typedResponse.status ?? 0,
             schema.$id,
@@ -117,7 +117,7 @@ async function api_fetch(
           );
         }
         if (response_error_function) {
-          response_error_function(response);
+          void response_error_function(response);
         }
       },
       validation_error_function({ code, name, error }) {

package/internal/utils/upload_file.ts

@@ -59,7 +59,7 @@ async function upload_file(
       typedError.stack ?? "",
     );
     if (request_error_function) {
-      request_error_function(error);
+      void request_error_function(error);
     }
   }
 
@@ -73,7 +73,7 @@ async function upload_file(
       typedResponse.description ?? "",
     );
     if (response_error_function) {
-      response_error_function(response);
+      void response_error_function(response);
     }
   }
 

package/internal/utils/viewer_call.ts

@@ -63,7 +63,7 @@ async function viewer_call(
           typedError.message ?? "",
         );
         if (request_error_function) {
-          request_error_function(error);
+          void request_error_function(error);
         }
       },
       response_function(data: unknown) {
@@ -83,7 +83,7 @@ async function viewer_call(
           typedResponse.message ?? "",
         );
         if (response_error_function) {
-          response_error_function(response);
+          void response_error_function(response);
         }
       },
       validation_error_function({ code, name, error }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geode/opengeodeweb-front",
-  "version": "10.34.0-rc.22",
+  "version": "10.34.0-rc.23",
   "description": "OpenSource Vue/Nuxt/Pinia/Vuetify framework for web applications",
   "homepage": "https://github.com/Geode-solutions/OpenGeodeWeb-Front",
   "bugs": {
@@ -68,6 +68,9 @@
     "@kitware/vtk.js": "33.3.0",
     "@mdi/font": "7.4.47",
     "@pinia/nuxt": "1.0.1",
+    "@types/busboy": "1.5.4",
+    "@types/node": "22.20.3",
+    "@types/ws": "8.18.1",
     "@vueuse/components": "13.1.0",
     "@vueuse/core": "13.1.0",
     "@vueuse/nuxt": "13.1.0",
@@ -103,10 +106,7 @@
   "devDependencies": {
     "@nuxt/test-utils": "4.1.0",
     "@pinia/testing": "2.0.1",
-    "@types/busboy": "1.5.4",
     "@types/lodash": "4.17.25",
-    "@types/node": "22.20.3",
-    "@types/ws": "8.18.1",
     "@vitejs/plugin-vue": "6.0.8",
     "@vue/test-utils": "2.4.11",
     "happy-dom": "20.0.11",

package/server/utils/ws_client.ts

@@ -139,7 +139,10 @@ function createServerWsRpcClient(baseUrl: string): ServerWsRpcClient {
   function getConnection(): ReturnType<ServerWsRpcClient["getConnection"]> {
     return {
       getSession: () => ({
-        call: (rpc: string, [params]: readonly [Record<string, unknown>]) => call(rpc, params),
+        call: async (rpc: string, [params]: readonly [Record<string, unknown>]) => {
+          const result = await call(rpc, params);
+          return result;
+        },
       }),
     };
   }

package/shared/utils/call_raw.ts

@@ -48,10 +48,10 @@ async function callRaw(
       return response;
     } catch (error) {
       if (request_error_function) {
-        request_error_function(error);
+        await request_error_function(error);
       }
       if (response_error_function) {
-        response_error_function(error);
+        await response_error_function(error);
       }
       throw error;
     }