Merge pull request #25 from XuluWarrior/import-url

Import URL menu command

package.json

@@ -38,15 +38,18 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/utils": "^3.0.0",
+    "electron-prompt": "^1.7.0",
     "electron-updater": "^6.3.4",
     "is-json": "^2.0.1",
     "js-yaml": "^4.1.0",
+    "phin": "^3.7.1",
     "swagger-editor-dist": "^4.13.1"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config-prettier": "^2.0.0",
     "@electron-toolkit/eslint-config-ts": "^2.0.0",
     "@electron-toolkit/tsconfig": "^1.0.1",
+    "@types/electron-prompt": "^1.6.5",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.5.4",
     "@types/react": "^18.3.5",

src/main/commands.ts

@@ -1,15 +1,36 @@
 import {BrowserWindow, dialog} from 'electron'
+import prompt from "electron-prompt";
 import { promises as fs } from 'fs'
-
-import { dump, load } from "js-yaml"
 import isJsonObject from "is-json"
+import { dump, load } from "js-yaml"
+import request from 'phin'
 
 function updateSpec(window: BrowserWindow, content: string) {
   const preparedContent = isJsonObject(content) ? dump(load(content)) : content
 
   window.webContents.send('update-spec', preparedContent);
 }
 
+export async function importURL() {
+  const window = BrowserWindow.getFocusedWindow()!
+  const url = await prompt({
+    title: 'Import URL',
+    label: 'Enter the URL to import from',
+    inputAttrs: {
+      type: 'url'
+    },
+    type: 'input'
+  }, window)
+  if (url) {
+    try {
+      const res = await request({method: "GET", url});
+      updateSpec(window, res.body.toString());
+    } catch(e: any) {
+      dialog.showErrorBox('Error loading URL', `Oof! There was an error loading your document:\n\n${e.message || e}`)
+    }
+  }
+}
+
 export async function importFile() {
   const window = BrowserWindow.getFocusedWindow()!
   const selected = await dialog.showOpenDialog({

src/main/index.ts

@@ -3,6 +3,7 @@ import { join } from 'path'
 import { electronApp, optimizer, is } from '@electron-toolkit/utils'
 import icon from '../../resources/icon.png?asset'
 
+import { importURL } from './commands'
 import './menus'
 
 function createWindow(): void {
@@ -53,8 +54,7 @@ app.whenReady().then(() => {
     optimizer.watchWindowShortcuts(window)
   })
 
-  // IPC test
-  ipcMain.on('ping', () => console.log('pong'))
+  ipcMain.handle('import-url', importURL)
 
   createWindow()
 

src/main/menus.ts

@@ -1,6 +1,6 @@
 import { Menu, MenuItemConstructorOptions, shell } from 'electron'
 
-import { clearEditor, importFile } from "./commands";
+import { clearEditor, importFile, importURL } from "./commands";
 
 const isMac = process.platform === 'darwin'
 
@@ -13,6 +13,11 @@ const template = [
         label: 'Import file',
         click: importFile
       },
+      {
+        label: 'Import URL',
+        click: importURL
+      },
+      { type: 'separator' },
       {
         label: 'Clear editor',
         click: clearEditor

src/renderer/src/plugins/electron-menus.ts

@@ -9,8 +9,22 @@ class ElectronMenus {
 
   constructor() {
     window.electron.ipcRenderer.on("update-spec", this.updateSpec);
+    this.overridePrompt()
   }
 
+  overridePrompt() {
+    const originalPrompt = window.prompt;
+    window.prompt = message => {
+      if (message === "Enter the URL to import from:") {
+        window.electron.ipcRenderer.invoke('import-url');
+        return "";
+      } else {
+        return originalPrompt(message);
+      }
+    }
+  }
+
+
   updateSpec = (_event, spec)  => {
     this.system.specActions.updateSpec(spec);
   }