From daea57f7d290e4abfd999d6367c389fa0264e136 Mon Sep 17 00:00:00 2001
From: Hamish <133548095+Hamster45105@users.noreply.github.com>
Date: Tue, 15 Jul 2025 23:32:43 +1000
Subject: [PATCH] feat(web): better coordinate parsing (#19832)

feat: better coordinate parsing
---
 web/package-lock.json                         |  7 ++++++
 web/package.json                              |  1 +
 .../coordinates-input.svelte                  | 25 ++++++++++---------
 3 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index 9a23ec249b..2bd5409903 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -25,6 +25,7 @@
         "async-mutex": "^0.5.0",
         "dom-to-image": "^2.6.0",
         "fabric": "^6.5.4",
+        "geo-coordinates-parser": "^1.7.4",
         "geojson": "^0.5.0",
         "handlebars": "^4.7.8",
         "happy-dom": "^18.0.1",
@@ -5778,6 +5779,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/geo-coordinates-parser": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/geo-coordinates-parser/-/geo-coordinates-parser-1.7.4.tgz",
+      "integrity": "sha512-gVGxBW+s1csexXVMf5bIwz3TH9n4sCEglOOOqmrPk8YazUI5f79jCowKjTw05m/0h1//3+Z2m/nv8IIozgZyUw==",
+      "license": "MIT"
+    },
     "node_modules/geojson": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/geojson/-/geojson-0.5.0.tgz",
diff --git a/web/package.json b/web/package.json
index 3436a75ca1..c63c52a916 100644
--- a/web/package.json
+++ b/web/package.json
@@ -42,6 +42,7 @@
     "async-mutex": "^0.5.0",
     "dom-to-image": "^2.6.0",
     "fabric": "^6.5.4",
+    "geo-coordinates-parser": "^1.7.4",
     "geojson": "^0.5.0",
     "handlebars": "^4.7.8",
     "happy-dom": "^18.0.1",
diff --git a/web/src/lib/components/shared-components/coordinates-input.svelte b/web/src/lib/components/shared-components/coordinates-input.svelte
index b3170e3ecf..9e71197dd5 100644
--- a/web/src/lib/components/shared-components/coordinates-input.svelte
+++ b/web/src/lib/components/shared-components/coordinates-input.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import NumberRangeInput from '$lib/components/shared-components/number-range-input.svelte';
   import { generateId } from '$lib/utils/generate-id';
+  import { convert } from 'geo-coordinates-parser';
   import { t } from 'svelte-i18n';
 
   interface Props {
@@ -20,22 +21,22 @@
   };
 
   const onPaste = (event: ClipboardEvent) => {
-    const coords = event.clipboardData?.getData('text/plain')?.split(',');
-    if (!coords || coords.length !== 2) {
+    const pastedText = event.clipboardData?.getData('text/plain');
+    if (!pastedText) {
       return;
     }
 
-    const [latitude, longitude] = coords.map((coord) => Number.parseFloat(coord));
-    if (Number.isNaN(latitude) || latitude < -90 || latitude > 90) {
-      return;
+    try {
+      const parsed = convert(pastedText);
+      if (parsed) {
+        event.preventDefault();
+        lat = parsed.decimalLatitude;
+        lng = parsed.decimalLongitude;
+        onInput();
+      }
+    } catch {
+      // Invalid coordinate format, do nothing (let the default paste behavior occur)
     }
-    if (Number.isNaN(longitude) || longitude < -180 || longitude > 180) {
-      return;
-    }
-
-    event.preventDefault();
-    [lat, lng] = [latitude, longitude];
-    onInput();
   };
 </script>