feat: open file from url (#109)

j4k0xb · Sep 19, 2024 · a32252a · a32252a · reslear · Sep 19, 2024
1 parent 24a098d
commit a32252a
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 9 deletions.
diff --git a/apps/playground/src/App.tsx b/apps/playground/src/App.tsx
@@ -183,24 +183,28 @@ function App() {
     ]);
   }
 
-  (async () => {
+  async function loadFromURL(url: string) {
+    const response = await fetch(url).catch(() =>
+      fetch('https://corsproxy.io/?' + encodeURIComponent(url)),
+    );
+    if (response.ok) {
+      const model = activeTab() || openUntitledTab();
+      model.setValue(await response.text());
+    }
+  }
+
+  {
     const queryParams = new URLSearchParams(location.search);
     const urlParam = queryParams.get('url');
     const codeParam = queryParams.get('code');
 
     if (urlParam !== null) {
-      const response = await fetch(urlParam).catch(() =>
-        fetch('https://corsproxy.io/?' + encodeURIComponent(urlParam)),
-      );
-      if (response.ok) {
-        const model = activeTab() || openUntitledTab();
-        model.setValue(await response.text());
-      }
+      loadFromURL(urlParam).catch(console.error);
     } else if (codeParam !== null) {
       const model = activeTab() || openUntitledTab();
       model.setValue(codeParam);
     }
-  })().catch(console.error);
+  }
 
   return (
     <DeobfuscateContextProvider
@@ -213,6 +217,9 @@ function App() {
         onFileOpen={(content) => {
           openUntitledTab().setValue(content);
         }}
+        onLoadFromURL={(url) => {
+          loadFromURL(url).catch(console.error);
+        }}
         onSave={() => {
           if (activeTab()) downloadFile(activeTab()!);
         }}

diff --git a/apps/playground/src/components/menu/Menu.tsx b/apps/playground/src/components/menu/Menu.tsx
@@ -10,6 +10,7 @@ import MenuSetting from './MenuSetting';
 
 interface Props {
   onFileOpen?: (content: string) => void;
+  onLoadFromURL?: (url: string) => void;
   onSave?: () => void;
   onRestore?: (workspace: Workspace) => void;
 }
@@ -48,6 +49,16 @@ export default function Menu(props: Props) {
         >
           Open File…
         </MenuButton>
+        <MenuButton
+          onClick={() => {
+            const url = prompt('Enter URL');
+            if (url) {
+              props.onLoadFromURL?.(url);
+            }
+          }}
+        >
+          Open File From URL…
+        </MenuButton>
         <MenuDropdown title="Open Recent">
           <For each={workspaces()} fallback={<li>No recent files</li>}>
             {(workspace) => (