Handle jsonUrl queryParam

src/index.js

@@ -181,3 +181,33 @@ async function handleFiles(files) {
 
   return rawData;
 }
+
+(function jsonFromUrl() {
+  // json via jsonUrl query param
+
+  // Extract the 'jsonUrl' parameter from the URL
+  const urlParams = new URLSearchParams(window.location.search);
+  const jsonUrl = urlParams.get('jsonUrl');
+
+  console.log({ jsonUrl });
+
+  // Updated logic: run this on page load
+  if (jsonUrl) {
+    fetch(jsonUrl)
+      .then((res) => {
+        if (!res.ok) throw new Error('Failed to fetch');
+        return res.text(); // or .json() if you want parsed object
+      })
+      .then((text) => {
+        // Create a File object (only if your handleFiles requires it)
+        const blob = new Blob([text], { type: 'application/json' });
+        const file = new File([blob], 'remote.json', { type: 'application/json' });
+
+        // Call handleFiles directly, bypassing the input altogether
+        handleFiles([file]).finally(destroyProgressBars).then(init);
+      })
+      .catch((error) => {
+        console.error(`Could not load JSON from URL ${jsonUrl}`, error);
+      });
+  }
+})();