@geode/opengeodeweb-front 10.34.0-rc.9 → 10.34.0

package/app/components/HybridRenderingView.vue

@@ -11,9 +11,11 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 
 const DEFAULT_ELEMENT_HEIGHT = 100;
 
-const emit = defineEmits<{
+interface Emits {
   click: [event: PointerEvent];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 const container = useTemplateRef("viewer");
 const hybridViewerStore = useHybridViewerStore();
@@ -26,8 +28,8 @@ const { width: windowWidth, height: windowHeight } = useWindowSize();
 
 function debounce<Callback extends (...args: unknown[]) => void>(func: Callback, wait: number) {
   let timeout: ReturnType<typeof setTimeout> | undefined = undefined;
-  return function executedFunction(...args: Parameters<Callback>) {
-    function later() {
+  return function executedFunction(...args: Parameters<Callback>): void {
+    function later(): void {
       clearTimeout(timeout);
       func(...args);
     }
@@ -58,7 +60,7 @@ onMounted(async () => {
 
 const { pickColormap, quickColormap } = useQuickColormap();
 
-async function handleClick(event: PointerEvent) {
+async function handleClick(event: PointerEvent): Promise<void> {
   const { offsetX, offsetY, clientX, clientY } = event;
   // Only ever fired from the pointerup handler bound to this same element.
   const containerEl = container.value;

package/app/components/HybridViewerTooltip.vue

@@ -16,7 +16,7 @@ const hybridViewerStore = useHybridViewerStore();
 const tooltipRef = useTemplateRef("tooltip");
 const { width: tooltipWidth, height: tooltipHeight } = useElementSize(tooltipRef);
 
-const tooltipStyle = computed(() => {
+const tooltipStyle = computed<Record<string, string>>(() => {
   if (!hybridViewerStore.hoverData) {
     return {};
   }
@@ -48,7 +48,7 @@ const tooltipStyle = computed(() => {
   };
 });
 
-const originalIndex = computed(() => {
+const originalIndex = computed<number | undefined>(() => {
   const attributes = hybridViewerStore.hoverData?.attributes || {};
   const originalId =
     attributes.vtkOriginalCellIds ??
@@ -65,14 +65,14 @@ const RESERVED_ATTRIBUTE_KEYS = new Set([
   "vtkOriginalPointIds",
 ]);
 
-const hasOtherAttributes = computed(() => {
+const hasOtherAttributes = computed<boolean>(() => {
   const attributes = hybridViewerStore.hoverData?.attributes || {};
   return Object.keys(attributes).some(
     (key) => key !== "vtkOriginalCellIds" && key !== "vtkOriginalPointIds",
   );
 });
 
-const sortedAttributes = computed(() => {
+const sortedAttributes = computed<[string, unknown][]>(() => {
   const attributes = hybridViewerStore.hoverData?.attributes || {};
   return (
     Object.entries(attributes)
@@ -82,7 +82,7 @@ const sortedAttributes = computed(() => {
   );
 });
 
-function capitalize(val: string) {
+function capitalize(val: string): string {
   if (!val) {
     return "";
   }
@@ -90,7 +90,7 @@ function capitalize(val: string) {
   return spaced.charAt(0).toUpperCase() + spaced.slice(1);
 }
 
-const fieldTypeLabel = computed(() => {
+const fieldTypeLabel = computed<string>(() => {
   const fieldType = hybridViewerStore.hoverData?.fieldType;
   return typeof fieldType === "string" ? capitalize(fieldType.toLowerCase()) : "";
 });
@@ -100,7 +100,7 @@ const coordinates = computed<number[] | undefined>(() => {
   return Array.isArray(value) ? (value as number[]) : undefined;
 });
 
-function formatAttributeValue(val: unknown) {
+function formatAttributeValue(val: unknown): string {
   if (Array.isArray(val)) {
     const formattedValues = val.map((value) => {
       if (typeof value === "number") {

package/app/components/Launcher.vue

@@ -19,7 +19,7 @@ if (infraStore.app_mode !== appMode.CLOUD) {
   infraStore.create_backend();
 }
 
-function cloudCreateBackend() {
+function cloudCreateBackend(): Promise<void> {
   return infraStore.create_backend(email);
 }
 </script>

package/app/components/Loading/EcoMessages.vue

@@ -5,7 +5,13 @@ interface Props {
 
 const { appName } = defineProps<Props>();
 
-const ecoMessages = computed(() => [
+interface EcoMessage {
+  icon: string;
+  title: string;
+  message: string;
+}
+
+const ecoMessages = computed<EcoMessage[]>(() => [
   {
     icon: "mdi-leaf",
     title: "Why the wait?",
@@ -24,12 +30,12 @@ const ecoMessages = computed(() => [
 ]);
 
 const MESSAGE_INTERVAL_MS = 5000;
-const currentMessage = ref(0);
+const currentMessage = ref<number>(0);
 let interval: ReturnType<typeof setInterval> | undefined = undefined;
 
 // Fallback only guards against noUncheckedIndexedAccess; currentMessage is always kept in range by the modulo below, so it is never actually used.
 const FALLBACK_ECO_MESSAGE = { icon: "", title: "", message: "" };
-const currentEcoMessage = computed(
+const currentEcoMessage = computed<EcoMessage>(
   () => ecoMessages.value[currentMessage.value] ?? FALLBACK_ECO_MESSAGE,
 );
 

package/app/components/Loading.vue

@@ -15,8 +15,8 @@ const extensionStores = computed(() =>
   infraStore.microservices.filter((store) => store.$id !== "back" && store.$id !== "viewer"),
 );
 
-const show = ref(false);
-const progress = ref(0);
+const show = ref<boolean>(false);
+const progress = ref<number>(0);
 
 let progressInterval: ReturnType<typeof setInterval> | undefined = undefined;
 

package/app/components/MissingFilesSelector.vue

@@ -7,19 +7,21 @@ import { useBackStore } from "@ogw_front/stores/back";
 
 // Files carry extra app-specific bookkeeping fields once picked up here.
 type UploadFile = File & { isConfigured?: boolean };
-type FilePlan = {
+interface FilePlan {
   has_missing_files: boolean;
   mandatory_files: string[];
   additional_files: string[];
-};
+}
 
 const schema = schemas.opengeodeweb_back.missing_files;
 
-const emit = defineEmits<{
+interface Emits {
   update_values: [value: { additional_files: UploadFile[] }];
   increment_step: [];
   decrement_step: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 interface Props {
   multiple: boolean;
@@ -30,23 +32,23 @@ interface Props {
 
 const { multiple, geodeObjectType, filenames, files = [] } = defineProps<Props>();
 
-const accept = ref("");
-const loading = ref(false);
-const has_missing_files = ref(false);
+const accept = ref<string>("");
+const loading = ref<boolean>(false);
+const has_missing_files = ref<boolean>(false);
 const mandatory_files = ref<string[]>([]);
 const additional_files = ref<string[]>([]);
 const toggle_loading = useToggle(loading);
 
-function files_uploaded_event(value: UploadFile[]) {
+function files_uploaded_event(value: UploadFile[]): void {
   emit("update_values", { additional_files: value });
   emit("increment_step");
 }
 
-function isCsvFile(filename: string) {
+function isCsvFile(filename: string): boolean {
   return filename.toLowerCase().endsWith(".csv") || filename.toLowerCase().endsWith(".csv.json");
 }
 
-async function missing_files() {
+async function missing_files(): Promise<void> {
   toggle_loading();
   has_missing_files.value = false;
   mandatory_files.value = [];

package/app/components/ObjectSelector.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-// Not auto-fixable (eslint's sort-imports core rule has no autofixer) and this file's import order doesn't match its syntax-kind-then-alphabetical requirement - left as-is rather than manually reordered across the codebase for a purely cosmetic rule.
-// oxlint-disable eslint/sort-imports
 import FetchingData from "@ogw_front/components/FetchingData.vue";
 import { geode_objects } from "@ogw_front/assets/geode_objects";
 import { resolveAllowedObjects } from "@ogw_shared/utils/response_handlers/load.js";
@@ -8,7 +6,10 @@ import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 import { useBackStore } from "@ogw_front/stores/back";
 
 // Mirrors the (unexported) shape produced by shared/utils/response_handlers/load.ts.
-type AllowedObject = { is_loadable: number; object_priority?: number };
+interface AllowedObject {
+  is_loadable: number;
+  object_priority?: number;
+}
 type AllowedObjectMap = Record<string, AllowedObject>;
 
 const schema = schemas.opengeodeweb_back.allowed_objects;
@@ -26,10 +27,10 @@ const { filenames } = defineProps<Props>();
 
 const backStore = useBackStore();
 
-const loading = ref(false);
+const loading = ref<boolean>(false);
 const allowedGeodeObjects = ref<AllowedObjectMap>({});
 const toggleLoading = useToggle(loading);
-const multipleFilesNoCommon = ref(false);
+const multipleFilesNoCommon = ref<boolean>(false);
 
 async function fetchAllowedObjectsList(): Promise<AllowedObjectMap[]> {
   const promiseArray = filenames.map((filename): Promise<{ allowed_objects: AllowedObjectMap }> => {
@@ -40,7 +41,7 @@ async function fetchAllowedObjectsList(): Promise<AllowedObjectMap[]> {
   return responses.map((response) => response.allowed_objects);
 }
 
-function setGeodeObject(geode_object_type: string | undefined) {
+function setGeodeObject(geode_object_type: string | undefined): void {
   if (geode_object_type) {
     emit("update_values", { geode_object_type });
     emit("increment_step");
@@ -48,17 +49,17 @@ function setGeodeObject(geode_object_type: string | undefined) {
 }
 
 // The geode_objects lookup is fixed and keyed by known object type names; a missing entry only happens if the backend reports a type this table doesn't know about.
-function geodeObjectTooltip(key: string, isLoadable: boolean) {
+function geodeObjectTooltip(key: string, isLoadable: boolean): string {
   return isLoadable
     ? (geode_objects[key]?.tooltip ?? key)
     : `Data not loadable with this class (${key})`;
 }
 
-function geodeObjectImage(key: string) {
+function geodeObjectImage(key: string): string | undefined {
   return geode_objects[key]?.image;
 }
 
-async function getAllowedGeodeObjects() {
+async function getAllowedGeodeObjects(): Promise<void> {
   toggleLoading();
   allowedGeodeObjects.value = {};
   multipleFilesNoCommon.value = false;

package/app/components/PackagesVersions.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-// Not auto-fixable (eslint's sort-imports core rule has no autofixer) and this file's import order doesn't match its syntax-kind-then-alphabetical requirement - left as-is rather than manually reordered across the codebase for a purely cosmetic rule.
-// oxlint-disable eslint/sort-imports
+import type { JsonRpcSchema } from "@ogw_shared/utils/types.js";
 import { Status } from "@ogw_front/utils/status";
 import { useBackStore } from "@ogw_front/stores/back";
-import type { JsonRpcSchema } from "@ogw_shared/utils/types.js";
 
 interface Props {
   schema: JsonRpcSchema;
@@ -11,12 +9,15 @@ interface Props {
 
 const { schema } = defineProps<Props>();
 
-type PackageVersion = { package: string; version: string };
+interface PackageVersion {
+  package: string;
+  version: string;
+}
 
 const backStore = useBackStore();
 const packages_versions = ref<PackageVersion[]>([]);
 
-async function get_packages_versions() {
+async function get_packages_versions(): Promise<void> {
   await backStore.request(
     { schema },
     {

package/app/components/Recaptcha.vue

@@ -18,13 +18,13 @@ const email = ref("");
 const launch = ref(false);
 const valid = ref(false);
 const emailRules = [
-  (value: string) => {
+  (value: string): boolean | string => {
     if (value) {
       return true;
     }
     return "E-mail is required.";
   },
-  (value: string) => {
+  (value: string): boolean | string => {
     if (/.+@.+\..+/u.test(value)) {
       return true;
     }
@@ -32,7 +32,7 @@ const emailRules = [
   },
 ];
 
-function submit() {
+function submit(): Promise<void> {
   const infraStore = useInfraStore();
   return infraStore.create_backend(email.value);
 }

package/app/components/RemoteRenderingView.vue

@@ -10,7 +10,7 @@ import { useViewerStore } from "@ogw_front/stores/viewer";
 import ColormapQuickPicker from "@ogw_front/components/Viewer/Options/ColormapQuickPicker.vue";
 import ViewToolbar from "@ogw_front/components/ViewToolbar.vue";
 import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json";
-import vtkRemoteView from "@kitware/vtk.js/Rendering/Misc/RemoteView";
+import { newInstance as vtkRemoteView } from "@kitware/vtk.js/Rendering/Misc/RemoteView";
 
 interface Props {
   viewId?: string;
@@ -28,7 +28,7 @@ const { width: windowWidth, height: windowHeight } = useWindowSize();
 
 const { pickColormap, quickColormap } = useQuickColormap();
 
-async function get_x_y(event: PointerEvent) {
+async function get_x_y(event: PointerEvent): Promise<void> {
   const { offsetX, offsetY, clientX, clientY } = event;
   if (viewerStore.picking_mode === true) {
     viewerStore.set_picked_point(offsetX, offsetY);
@@ -40,9 +40,8 @@ async function get_x_y(event: PointerEvent) {
   }
 }
 
-const connected = ref(false);
-// oxlint-disable-next-line import/no-named-as-default-member
-const view = vtkRemoteView.newInstance({
+const connected = ref<boolean>(false);
+const view = vtkRemoteView({
   rpcWheelEvent: "viewport.mouse.zoom.wheel",
 });
 
@@ -50,7 +49,7 @@ if (location.hostname.split(".")[0] === "localhost") {
   view.setInteractiveRatio(1);
 }
 
-function resize() {
+function resize(): void {
   if (view) {
     view.getCanvasView().setSize(0, 0);
     view.resize();
@@ -73,7 +72,7 @@ watch([width, height], () => {
   resize();
 });
 
-function connect() {
+function connect(): void {
   if (viewerStore.status !== Status.CONNECTED) {
     return;
   }

package/app/components/Ruler.vue

@@ -11,8 +11,8 @@ const { escapeFunction = undefined } = defineProps<Props>();
 const show = defineModel<boolean>("show", { default: false });
 const hybridViewerStore = useHybridViewerStore();
 
-const localPoint1 = ref([0, 0, 0]);
-const localPoint2 = ref([0, 0, 0]);
+const localPoint1 = ref<number[]>([0, 0, 0]);
+const localPoint2 = ref<number[]>([0, 0, 0]);
 
 watch(
   () => hybridViewerStore.ruler_point1,
@@ -49,7 +49,7 @@ watch(
   },
 );
 
-async function applyManualCoords() {
+async function applyManualCoords(): Promise<void> {
   hybridViewerStore.ruler_point1 = [...localPoint1.value];
   hybridViewerStore.ruler_point2 = [...localPoint2.value];
   await hybridViewerStore.applyRuler();

package/app/components/Screenshot.vue

@@ -19,14 +19,14 @@ const { width = DEFAULT_PANEL_WIDTH, escapeFunction = undefined } = defineProps<
 
 const output_extensions =
   viewer_schemas.opengeodeweb_viewer.viewer.take_screenshot.properties.output_extension.enum;
-const filename = ref("");
-const output_extension = ref("png");
-const include_background = ref(true);
-const screenshot_type = ref("file");
+const filename = ref<string>("");
+const output_extension = ref<string>("png");
+const include_background = ref<boolean>(true);
+const screenshot_type = ref<string>("file");
 
 const { copy } = useClipboardItems();
 
-async function takeScreenshot() {
+async function takeScreenshot(): Promise<void> {
   const viewerStore = useViewerStore();
   const feedbackStore = useFeedbackStore();
   const current_filename = screenshot_type.value === "file" ? filename.value : "screenshot";
@@ -80,7 +80,7 @@ watch(screenshot_type, (value) => {
   }
 });
 
-function handleClose() {
+function handleClose(): void {
   if (escapeFunction) {
     escapeFunction();
   }

package/app/components/SearchBar.vue

@@ -6,9 +6,11 @@ interface Props {
 
 const { modelValue = "", label = "" } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   "update:modelValue": [value: string];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 </script>
 
 <template>

package/app/components/ShrinkFilter.vue

@@ -17,19 +17,19 @@ const { escapeFunction = undefined } = defineProps<Props>();
 const show = defineModel<boolean>("show", { default: false });
 const dataStore = useDataStore();
 const hybridViewerStore = useHybridViewerStore();
-const targetAllVisible = ref(true);
-const selectedDatasetIds = ref([]);
-const shrinkFactor = ref(DEFAULT_SHRINK_VALUE);
+const targetAllVisible = ref<boolean>(true);
+const selectedDatasetIds = ref<string[]>([]);
+const shrinkFactor = ref<number>(DEFAULT_SHRINK_VALUE);
 
 const allItems = dataStore.refAllItems();
-const availableDatasets = computed(() =>
+const availableDatasets = computed<{ title: string; value: string }[]>(() =>
   allItems.value.map((item) => ({
     title: item.name || item.id,
     value: item.id,
   })),
 );
 
-async function applyShrink() {
+async function applyShrink(): Promise<void> {
   const allIds = allItems.value.map((item) => item.id);
   if (allIds.length === 0) {
     return;
@@ -47,12 +47,12 @@ async function applyShrink() {
 
 const debouncedApply = useDebounceFn(() => applyShrink(), DEBOUNCE_DELAY);
 
-async function resetShrink() {
+async function resetShrink(): Promise<void> {
   shrinkFactor.value = DEFAULT_SHRINK_VALUE;
   await applyShrink();
 }
 
-async function removeShrink() {
+async function removeShrink(): Promise<void> {
   shrinkFactor.value = MAX_SHRINK_VALUE;
   const allIds = allItems.value.map((item) => item.id);
   if (allIds.length > 0) {

package/app/components/Step.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { Ref } from "vue";
 import type { useStepperTree } from "@ogw_front/composables/stepper_tree";
 
 interface StepConfig {
@@ -11,7 +10,7 @@ interface StepConfig {
   };
 }
 
-function truncate(text: string, maxLength: number) {
+function truncate(text: string, maxLength: number): string {
   if (text.length > maxLength) {
     return `${text.slice(0, maxLength)}...`;
   }
@@ -25,9 +24,11 @@ interface Props {
 
 const { stepIndex, stepperTree } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   reset_values: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 const { state, increment_step, decrement_step, update_values } = stepperTree;
 const { current_step_index, steps } = toRefs(state) as unknown as {
@@ -35,7 +36,7 @@ const { current_step_index, steps } = toRefs(state) as unknown as {
   steps: Ref<StepConfig[]>;
 };
 
-const sortedChips = computed(() => {
+const sortedChips = computed<string[]>(() => {
   const chips = steps.value[stepIndex]?.chips || [];
   return chips.toSorted((chipA, chipB) =>
     chipA.localeCompare(chipB, undefined, {

package/app/components/Stepper.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import type { Ref } from "vue";
 import Step from "@ogw_front/components/Step.vue";
 import type { useStepperTree } from "@ogw_front/composables/stepper_tree";
 
-const emit = defineEmits<{
+interface Emits {
   reset_values: [];
   close: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 interface Props {
   stepperTree: ReturnType<typeof useStepperTree>;

package/app/components/ToolPanel.vue

@@ -22,11 +22,14 @@ const {
 } = defineProps<Props>();
 
 const model = defineModel<boolean>({ default: false });
-const emit = defineEmits<{
+
+interface Emits {
   action: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
-function close() {
+function close(): void {
   if (escapeFunction) {
     escapeFunction();
   }