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

package/{shared → .build/shared}/utils/response_handlers/load.js

@@ -10,7 +10,8 @@ function getObject(objectMap, key) {
 function selectGeodeObject(objectMap) {
 	const objectKeys = Object.keys(objectMap);
 	if (objectKeys.length === 0) return;
-	if (objectKeys.length === 1 && getObject(objectMap, objectKeys[0]).is_loadable > 0) return objectKeys[0];
+	const [firstKey] = objectKeys;
+	if (objectKeys.length === 1 && firstKey !== void 0 && getObject(objectMap, firstKey).is_loadable > 0) return firstKey;
 	const highestLoadScore = Math.max(...objectKeys.map((key) => getObject(objectMap, key).is_loadable));
 	if (highestLoadScore <= 0) return;
 	const bestScoreObjects = objectKeys.filter((key) => getObject(objectMap, key).is_loadable === highestLoadScore);
@@ -22,17 +23,19 @@ function selectGeodeObject(objectMap) {
 function intersectAllowedObjects(allowedObjectsList) {
 	const allKeys = [...new Set(allowedObjectsList.flatMap((object) => Object.keys(object)))];
 	const commonKeys = allKeys.filter((key) => allowedObjectsList.every((object) => key in object));
-	const mergedAllowedObjects = {};
-	for (const key of commonKeys) {
+	const mergedEntries = commonKeys.map((key) => {
 		const loadScores = allowedObjectsList.map((object) => getObject(object, key).is_loadable);
 		const priorities = allowedObjectsList.map((object) => getObject(object, key).object_priority).filter((priority) => priority !== void 0);
-		mergedAllowedObjects[key] = { is_loadable: Math.min(...loadScores) };
-		if (priorities.length > 0) mergedAllowedObjects[key].object_priority = Math.max(...priorities);
-	}
+		if (priorities.length > 0) return [key, {
+			is_loadable: Math.min(...loadScores),
+			object_priority: Math.max(...priorities)
+		}];
+		return [key, { is_loadable: Math.min(...loadScores) }];
+	});
 	return {
 		commonKeys,
 		allKeys,
-		mergedAllowedObjects
+		mergedAllowedObjects: Object.fromEntries(mergedEntries)
 	};
 }
 function resolveAllowedObjects(filenames, allowedObjectsList) {

package/{shared → .build/shared}/utils/validate_schema.js

@@ -9,7 +9,7 @@ function validateSchema(schema, body) {
 		"rpc"
 	]) ajv.addKeyword(keyword);
 	return {
-		valid: Boolean(ajv.validate(schema, body)),
+		valid: ajv.validate(schema, body),
 		error: ajv.errorsText()
 	};
 }

package/app/components/ActionButton.vue

@@ -6,10 +6,8 @@ interface Props {
   tooltip: string;
   color?: string;
   size?: string | number;
-  // Vuetify's variant/density accept narrow literal unions; kept loose here since
-  // Callers pass plain strings and this is only a typing widening, not a behavior change.
-  variant?: any;
-  density?: any;
+  variant?: unknown;
+  density?: unknown;
   tooltipLocation?: string;
   iconSize?: string | number;
 }
@@ -25,9 +23,11 @@ const {
   iconSize = DEFAULT_ICON_SIZE,
 } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   click: [event: MouseEvent];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 </script>
 
 <template>

package/app/components/CameraManager/List.vue

@@ -8,9 +8,9 @@ const hybridViewerStore = useHybridViewerStore();
 const savedPositions = cameraManagerStore.refAllCameraPositions();
 
 const editingId = ref<number | undefined>(undefined);
-const editingName = ref("");
+const editingName = ref<string>("");
 
-async function restorePosition(positionId: number) {
+async function restorePosition(positionId: number): void {
   const position = await cameraManagerStore.getCameraPosition(positionId);
   if (position) {
     if (hybridViewerStore.genericRenderWindow) {
@@ -21,16 +21,16 @@ async function restorePosition(positionId: number) {
   }
 }
 
-async function deletePosition(positionId: number) {
+async function deletePosition(positionId: number): void {
   await cameraManagerStore.deleteCameraPosition(positionId);
 }
 
-function startEditing(position: { id?: number; name?: string }) {
+function startEditing(position: { id?: number; name?: string }): void {
   editingId.value = position.id;
   editingName.value = position.name ?? "";
 }
 
-async function saveRename() {
+async function saveRename(): void {
   if (editingName.value && editingId.value !== undefined) {
     await cameraManagerStore.renameCameraPosition(editingId.value, editingName.value);
   }

package/app/components/CameraManager/Saver.vue

@@ -1,16 +1,14 @@
 <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 { CameraOptions } from "@ogw_internal/stores/hybrid_viewer/vtk_types.js";
 import { useCameraManagerStore } from "@ogw_front/stores/camera_manager";
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
-import type { CameraOptions } from "@ogw_internal/stores/hybrid_viewer/vtk_types.js";
 
 const cameraManagerStore = useCameraManagerStore();
 const hybridViewerStore = useHybridViewerStore();
 
-const newPositionName = ref("");
+const newPositionName = ref<string>("");
 
-async function saveCurrentPosition() {
+async function saveCurrentPosition(): void {
   if (!newPositionName.value) {
     return;
   }

package/app/components/CameraManager.vue

@@ -5,9 +5,11 @@ import ToolPanel from "@ogw_front/components/ToolPanel.vue";
 
 const DEFAULT_PANEL_WIDTH = 260;
 
-const emit = defineEmits<{
+interface Emits {
   close: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 interface Props {
   showDialog: boolean;
@@ -21,7 +23,7 @@ const {
   escapeFunction = undefined,
 } = defineProps<Props>();
 
-function handleClose() {
+function handleClose(): void {
   if (escapeFunction) {
     escapeFunction();
   } else {
@@ -29,7 +31,7 @@ function handleClose() {
   }
 }
 
-const show = computed({
+const show = computed<boolean>({
   get: () => showDialog,
   set: (val) => {
     if (!val) {

package/app/components/CameraOrientation.vue

@@ -1,10 +1,8 @@
 <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 { CameraOptions } from "@ogw_internal/stores/hybrid_viewer/vtk_types.js";
 import ToolPanel from "@ogw_front/components/ToolPanel.vue";
 import { applyCameraOptions } from "@ogw_internal/stores/hybrid_viewer/camera";
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
-import type { CameraOptions } from "@ogw_internal/stores/hybrid_viewer/vtk_types.js";
 import { newInstance as vtkAnnotatedCubeActor } from "@kitware/vtk.js/Rendering/Core/AnnotatedCubeActor";
 import { newInstance as vtkGenericRenderWindow } from "@kitware/vtk.js/Rendering/Misc/GenericRenderWindow";
 
@@ -22,10 +20,13 @@ const {
   escapeFunction = undefined,
 } = defineProps<Props>();
 
-const show = defineModel<boolean>("show", { default: false });
-const emit = defineEmits<{
+interface Emits {
   select: [value: string];
-}>();
+}
+
+const emit = defineEmits<Emits>();
+
+const show = defineModel<boolean>("show", { default: false });
 
 const orientations = [
   {
@@ -82,12 +83,11 @@ const hoveredFace = ref<string | undefined>(undefined);
 const hybridViewerStore = useHybridViewerStore();
 const cubeContainer = useTemplateRef("cubeContainer");
 
-// VTK.js objects have no usable type declarations here; `any` is the pragmatic choice.
-let genericRenderWindow: any = undefined;
-let cubeActor: any = undefined;
+let genericRenderWindow: unknown = undefined;
+let cubeActor: unknown = undefined;
 let isInteracting = false;
 
-function initVTK() {
+function initVTK(): void {
   if (genericRenderWindow) {
     return;
   }
@@ -132,7 +132,7 @@ function initVTK() {
   renderer.resetCamera();
 }
 
-function syncCubeCamera() {
+function syncCubeCamera(): void {
   const options = hybridViewerStore.camera_options;
   if (!genericRenderWindow || isInteracting || !options.position) {
     return;
@@ -165,7 +165,7 @@ watch(hoveredFace, (newFace, oldFace) => {
   if (!cubeActor) {
     return;
   }
-  function updateFace(face: string | undefined, active: boolean) {
+  function updateFace(face: string | undefined, active: boolean): void {
     const config = orientations.find((orientation) => orientation.face === face);
     if (config) {
       cubeActor[`set${config.vtkKey}FaceProperty`]({

package/app/components/ClippingPlaneCard.vue

@@ -8,10 +8,12 @@ interface Props {
 
 const { plane, index } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   remove: [];
   flipNormal: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 </script>
 
 <template>

package/app/components/ClippingPlanes.vue

@@ -16,13 +16,13 @@ const { escapeFunction = undefined } = defineProps<Props>();
 const show = defineModel<boolean>("show", { default: false });
 const dataStore = useDataStore();
 const hybridViewerStore = useHybridViewerStore();
-const targetAllVisible = ref(true);
+const targetAllVisible = ref<boolean>(true);
 const selectedDatasetIds = ref<string[]>([]);
 const planes = ref<{ origin?: number[]; normal: number[] }[]>([
   { origin: undefined, normal: [1, 0, 0] },
 ]);
 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,
@@ -49,7 +49,7 @@ const {
   debouncedApply: (...args: unknown[]) => debouncedApply?.(...args),
 });
 
-async function applyClippingPlanes() {
+async function applyClippingPlanes(): Promise<void> {
   const allIds = allItems.value.map((item) => item.id);
   if (allIds.length === 0) {
     return;
@@ -72,7 +72,7 @@ async function applyClippingPlanes() {
 
 debouncedApply = useDebounceFn(() => applyClippingPlanes(), DEBOUNCE_DELAY);
 
-function addPlane() {
+function addPlane(): void {
   // Index is always in-bounds (modulo the fixed-size list); the fallbacks only
   // Satisfy noUncheckedIndexedAccess and are never hit at runtime.
   const normal = DEFAULT_NORMALS[planes.value.length % DEFAULT_NORMALS.length] ??
@@ -80,17 +80,17 @@ function addPlane() {
   planes.value.push({ origin: getSceneCenter(), normal });
 }
 
-function removePlane(index: number) {
+function removePlane(index: number): void {
   planes.value.splice(index, 1);
 }
 
-function flipNormal(plane: { normal: number[] }) {
+function flipNormal(plane: { normal: number[] }): void {
   plane.normal = plane.normal.map((component) => -component);
   syncWidgets();
   applyClippingPlanes();
 }
 
-async function resetClippingPlanes() {
+async function resetClippingPlanes(): Promise<void> {
   setFromWidget(true);
   planes.value = [{ origin: undefined, normal: [1, 0, 0] }];
   updateWidgetPlacement({ isReset: true });
@@ -98,7 +98,7 @@ async function resetClippingPlanes() {
   await applyClippingPlanes();
 }
 
-async function removeClippingPlanes() {
+async function removeClippingPlanes(): Promise<void> {
   const allIds = allItems.value.map((item) => item.id);
   await hybridViewerStore.setClippingPlanes(allIds, []);
 }

package/app/components/CrsSelector.vue

@@ -4,11 +4,13 @@ import { useBackStore } from "@ogw_front/stores/back";
 
 const schema = schemas.opengeodeweb_back.geographic_coordinate_systems;
 
-const emit = defineEmits<{
+interface Emits {
   update_values: [values: Record<string, unknown>];
   increment_step: [];
   decrement_step: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 interface Props {
   geodeObjectType: string;
@@ -17,18 +19,15 @@ interface Props {
 
 const { geodeObjectType, keyToUpdate } = defineProps<Props>();
 
-const search = ref("");
-const data_table_loading = ref(false);
+const search = ref<string>("");
+const data_table_loading = ref<boolean>(false);
 const crs_list = ref<Record<string, unknown>[]>([]);
 const selected_crs = ref<unknown[]>([]);
 const toggle_loading = useToggle(data_table_loading);
 const backStore = useBackStore();
 
-function get_selected_crs(crs_code: unknown) {
-  // Pre-existing off-by-one fixed: `i <= length` read one past the end of
-  // Crs_list, which would have thrown on `undefined["code"]` at runtime.
-  for (let i = 0; i < crs_list.value.length; i += 1) {
-    const crs = crs_list.value[i];
+function get_selected_crs(crs_code: unknown): unknown {
+  for (const crs of crs_list.value) {
     if (crs && crs["code"] === crs_code) {
       return crs;
     }
@@ -44,7 +43,7 @@ watch(selected_crs, (new_value) => {
   emit("increment_step");
 });
 
-async function get_crs_table() {
+async function get_crs_table(): void {
   const params = { geode_object_type: geodeObjectType };
   toggle_loading();
   await backStore.request(

package/app/components/DeleteDialog.vue

@@ -13,10 +13,12 @@ interface Props {
 
 const { show = false, item = undefined, selectedCount = 0 } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   "update:show": [value: boolean];
   confirm: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 </script>
 
 <template>

package/app/components/DragAndDrop.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 { onMounted, onUnmounted, ref } from "vue";
 import DragAndDropInline from "./DragAndDropInternal/DragAndDropInline.vue";
 import DragAndDropOverlay from "./DragAndDropInternal/DragAndDropOverlay.vue";
@@ -48,7 +46,7 @@ const fileInput = ref<HTMLInputElement | undefined>(undefined);
 
 const WILDCARD_SUFFIX_LENGTH = 2;
 
-function isFileAccepted(file: File, acceptValue: string | string[] | undefined) {
+function isFileAccepted(file: File, acceptValue: string | string[] | undefined): boolean {
   const fileName = (file.name || "").toLowerCase();
   const fileType = (file.type || "").toLowerCase();
   const isVext = fileName.endsWith(".vext");
@@ -92,18 +90,18 @@ function isFileAccepted(file: File, acceptValue: string | string[] | undefined)
   });
 }
 
-function triggerFileDialog() {
+function triggerFileDialog(): void {
   fileInput.value?.click();
 }
 
-function onDragEnter(event: DragEvent) {
+function onDragEnter(event: DragEvent): void {
   if (!isInternalDrag.value && event.dataTransfer?.types.includes("Files")) {
     dragCounter.value += 1;
     isDragging.value = true;
   }
 }
 
-function onDragLeave() {
+function onDragLeave(): void {
   dragCounter.value -= 1;
   if (dragCounter.value <= 0) {
     isDragging.value = false;
@@ -111,13 +109,13 @@ function onDragLeave() {
   }
 }
 
-function onDragOver(event: DragEvent) {
+function onDragOver(event: DragEvent): void {
   if (!isInternalDrag.value && event.dataTransfer?.types.includes("Files")) {
     event.preventDefault();
   }
 }
 
-function onDrop(event: DragEvent) {
+function onDrop(event: DragEvent): void {
   event.preventDefault();
   dragCounter.value = 0;
   isDragging.value = false;
@@ -129,7 +127,7 @@ function onDrop(event: DragEvent) {
   }
 }
 
-function onKeyDown(event: KeyboardEvent) {
+function onKeyDown(event: KeyboardEvent): void {
   if (event.key === "Escape") {
     event.preventDefault();
     event.stopPropagation();
@@ -138,7 +136,7 @@ function onKeyDown(event: KeyboardEvent) {
   }
 }
 
-function handleFileSelect(event: Event) {
+function handleFileSelect(event: Event): void {
   const target = event.target as HTMLInputElement;
   const files = [...(target.files ?? [])];
   if (files.length > 0) {
@@ -147,11 +145,11 @@ function handleFileSelect(event: Event) {
   target.value = "";
 }
 
-function onInternalDragStart() {
+function onInternalDragStart(): void {
   isInternalDrag.value = true;
 }
 
-function onInternalDragEnd() {
+function onInternalDragEnd(): void {
   isInternalDrag.value = false;
 }
 

package/app/components/DragAndDropInternal/DragAndDropInline.vue

@@ -27,9 +27,11 @@ const {
   showExtensions,
 } = defineProps<Props>();
 
-const emit = defineEmits<{
+interface Emits {
   click: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 </script>
 
 <template>

package/app/components/ExtensionSelector.vue

@@ -20,11 +20,11 @@ const { geodeObjectType, filenames } = defineProps<Props>();
 type OutputExtensions = Record<string, { is_saveable: boolean }>;
 
 const geode_objects_and_output_extensions = ref<Record<string, OutputExtensions>>({});
-const loading = ref(false);
+const loading = ref<boolean>(false);
 
 const toggle_loading = useToggle(loading);
 
-async function get_output_file_extensions() {
+async function get_output_file_extensions(): Promise<void> {
   toggle_loading();
   geode_objects_and_output_extensions.value = {};
   const backStore = useBackStore();
@@ -51,7 +51,7 @@ async function get_output_file_extensions() {
       }
       for (const extension of Object.keys(extensions)) {
         final_object[key][extension] = {
-          is_saveable: extensions[extension]!.is_saveable,
+          is_saveable: extensions[extension].is_saveable,
         };
       }
     }
@@ -60,7 +60,7 @@ async function get_output_file_extensions() {
   toggle_loading();
 }
 
-function update_values(output_geode_object: string, output_extension: string) {
+function update_values(output_geode_object: string, output_extension: string): void {
   if (output_geode_object !== "" && output_extension !== "") {
     emit("update_values", {
       output_geode_object,

package/app/components/FeedBack/ErrorBanner.vue

@@ -3,9 +3,11 @@ import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
 const feedbackStore = useFeedbackStore();
 
-function reload() {
+function reload(): void {
   globalThis.location.reload();
 }
+
+defineExpose({ reload });
 </script>
 
 <template>

package/app/components/FeedBack/Snackers.vue

@@ -5,9 +5,9 @@ const MARGIN_BETWEEN_SNACKERS = 60;
 const FIRST_SNACKER_MARGIN = 8;
 
 const feedbackStore = useFeedbackStore();
-const show = ref(true);
+const show = ref<boolean>(true);
 
-function calc_margin(index: number) {
+function calc_margin(index: number): string {
   return `${index * MARGIN_BETWEEN_SNACKERS + FIRST_SNACKER_MARGIN}px`;
 }
 </script>
@@ -17,6 +17,7 @@ function calc_margin(index: number) {
     v-for="(feedback, index) in feedbackStore.feedbacks"
     :key="feedback.id"
     v-model="show"
+    data-testid="feedbackSnackbar"
     :style="{ 'margin-bottom': calc_margin(index) }"
     :color="feedback.type"
     location="bottom right"
@@ -67,7 +68,7 @@ function calc_margin(index: number) {
           variant="flat"
           size="20"
           :color="feedback.type"
-          @click="feedbackStore.delete_feedback(feedback.id)"
+          @click.stop="feedbackStore.delete_feedback(feedback.id)"
         >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>

package/app/components/FileSelector.vue

@@ -7,11 +7,13 @@ import { useBackStore } from "@ogw_front/stores/back";
 
 const schema = schemas.opengeodeweb_back.allowed_files;
 
-const emit = defineEmits<{
+interface Emits {
   update_values: [values: { files: unknown[]; autoUpload: boolean }];
   increment_step: [];
   decrement_step: [];
-}>();
+}
+
+const emit = defineEmits<Emits>();
 
 interface Props {
   multiple: boolean;
@@ -22,10 +24,10 @@ interface Props {
 
 const { multiple, files = [], autoUpload = true, showOverlay = true } = defineProps<Props>();
 
-const internal_files = ref(files);
-const internal_auto_upload = ref(autoUpload);
-const accept = ref("");
-const loading = ref(false);
+const internal_files = ref<File[]>(files);
+const internal_auto_upload = ref<boolean>(autoUpload);
+const accept = ref<string>("");
+const loading = ref<boolean>(false);
 
 watch(
   () => files,
@@ -43,14 +45,14 @@ watch(
 
 const toggle_loading = useToggle(loading);
 
-function files_uploaded_event(value: unknown[]) {
+function files_uploaded_event(value: unknown[]): void {
   if (value.length > 0) {
     emit("update_values", { files: value, autoUpload: false });
     emit("increment_step");
   }
 }
 
-async function get_allowed_files() {
+async function get_allowed_files(): Promise<void> {
   toggle_loading();
   const backStore = useBackStore();
   const response = (await backStore.request({ schema })) as {

package/app/components/FileUploader.vue

@@ -32,26 +32,26 @@ const {
 } = defineProps<Props>();
 
 const backStore = useBackStore();
-const internal_files = ref(files);
+const internal_files = ref<UploadFile[]>(files);
 const dragAndDropRef = useTemplateRef("dragAndDropRef");
-const csv_dialog = ref(false);
+const csv_dialog = ref<boolean>(false);
 const current_csv_file = ref<UploadFile | undefined>(undefined);
-const current_csv_index = ref(-1);
-const loading = ref(false);
-const files_uploaded = ref(false);
+const current_csv_index = ref<number>(-1);
+const loading = ref<boolean>(false);
+const files_uploaded = ref<boolean>(false);
 const toggle_loading = useToggle(loading);
 
-function isCsv(file: UploadFile) {
+function isCsv(file: UploadFile): boolean {
   return file.name.toLowerCase().endsWith(".csv");
 }
 
-function openCsvPreviewer(file: UploadFile, index: number) {
+function openCsvPreviewer(file: UploadFile, index: number): void {
   current_csv_file.value = file;
   current_csv_index.value = index;
   csv_dialog.value = true;
 }
 
-async function onCsvConfirm(result: unknown) {
+async function onCsvConfirm(result: unknown): Promise<void> {
   // Only reachable while the CsvPreviewer dialog (gated on current_csv_file) is open.
   const currentFile = current_csv_file.value;
   if (!currentFile) {
@@ -72,7 +72,7 @@ async function onCsvConfirm(result: unknown) {
   csv_dialog.value = false;
 }
 
-function processSelectedFiles(selected_files: UploadFile[]) {
+function processSelectedFiles(selected_files: UploadFile[]): void {
   if (multiple) {
     internal_files.value = [...internal_files.value, ...selected_files];
   } else {
@@ -83,7 +83,7 @@ function processSelectedFiles(selected_files: UploadFile[]) {
   }
 }
 
-function removeFile(index: number) {
+function removeFile(index: number): void {
   internal_files.value.splice(index, 1);
   if (internal_files.value.length === 0) {
     files_uploaded.value = false;
@@ -91,7 +91,7 @@ function removeFile(index: number) {
   }
 }
 
-async function upload_files() {
+async function upload_files(): Promise<void> {
   toggle_loading();
   const promise_array = internal_files.value.map((file) => backStore.upload(file));
   await Promise.all(promise_array);

package/app/components/GlassCard.vue

@@ -19,7 +19,7 @@ const {
 } = defineProps<Props>();
 
 const attrs = useAttrs();
-const isInteractive = computed(() => Boolean(attrs.onClick));
+const isInteractive = computed<boolean>(() => Boolean(attrs.onClick));
 
 onKeyStroke("Escape", () => {
   if (escapeFunction) {