Prompt save file

app.js

@@ -1,8 +1,9 @@
 import getPort, { portNumbers } from 'get-port';
 import { WebSocketServer } from 'ws';
-import { BrowserWindow, app, ipcMain } from 'electron';
+import { BrowserWindow, app, ipcMain, dialog } from 'electron';
 import path from 'node:path'
 import { Client } from './websocket/client.js';
+import fs from 'node:fs/promises';
 
 const port = await getPort({
     port: portNumbers(49152, 65535)
@@ -65,4 +66,12 @@ app.whenReady().then(() => {
     });
 
     ipcMain.handle('request-port', (event) => port);
+
+    ipcMain.handle('save-file-user', async (event, data) => {
+        const result = await dialog.showSaveDialog(window, {
+            title: 'Save To'
+        });
+
+        if (result.canceled) return;
+    });
 });

preload.js

@@ -1,5 +1,9 @@
 const { contextBridge, ipcRenderer } = require('electron');
 
+contextBridge.exposeInMainWorld('system', {
+    saveFileUser: (data) => ipcRenderer.invoke('save-file-user', data)
+});
+
 contextBridge.exposeInMainWorld('wsserver', {
     getPort: () => ipcRenderer.invoke('request-port'),
     onConnection: (callback) => ipcRenderer.on('connection', (event) => callback())

wwwsrc/index.html

@@ -8,6 +8,8 @@
         <div id="blockly"></div>
         <div class="controls">
             <button id="run-button">Connect!</button>
+            <button id="save-button">Save as</button>
+            <button id="open-button">Open</button>
         </div>
     </body>
 </html>

wwwsrc/index.js

@@ -51,11 +51,14 @@ if (localStorage.getItem('workspace-default')) {
     }
 }
 
+let dirty = false;
+
 workspace.addChangeListener(Blockly.Events.disableOrphans);
 workspace.addChangeListener((event) => {
     if (event.isUiEvent) return;
 
     localStorage.setItem('workspace-default', JSON.stringify(Blockly.serialization.workspaces.save(workspace)));
+    dirty = true;
 });
 
 const runButton = document.getElementById('run-button');
@@ -95,4 +98,9 @@ ${ genCode }\
 
         interpreter.run(code);
     });
+});
+
+const saveButton = document.getElementById('save-button');
+saveButton.addEventListener('click', (event) => {
+    system.saveFileUser();
 });