feat: isolate run button (#1952)

* feat: isolate run button

Assisted-by: Claude Opus 4.7

* chore: address code review feedback

Assisted-by: Claude Opus 4.7

Author: dsanders11

forge.config.ts

@@ -36,7 +36,7 @@ const config: ForgeConfig = {
       name: '@electron-forge/plugin-webpack',
       config: {
         devContentSecurityPolicy:
-          "default-src 'none'; img-src 'self' https: data:; media-src 'none'; child-src 'self'; object-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' https:; font-src 'self' https:;",
+          "default-src 'none'; img-src 'self' https: data:; media-src 'none'; child-src 'self' isolated-actions:; object-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' https:; font-src 'self' https:;",
         devServer: {
           // Disallow browser from opening/reloading with HMR in development mode.
           open: false,
@@ -55,6 +55,11 @@ const config: ForgeConfig = {
                 js: path.join(root, 'src/preload/preload.ts'),
               },
             },
+            {
+              html: path.join(root, './static/isolated-run-button.html'),
+              js: path.join(root, './src/isolated-run-button.ts'),
+              name: 'isolated_run_button',
+            },
           ],
         },
       },

src/ambient.d.ts

@@ -167,7 +167,6 @@ declare global {
       setShowMeTemplate(template?: string): void;
       showWarningDialog(messageOptions: MessageOptions): void;
       showWindow(): void;
-      startFiddle(): Promise<void>;
       stopFiddle(): void;
       themePath: string;
       uncacheTypes(ver: RunnableVersion): Promise<void>;

src/constants.ts

@@ -7,3 +7,5 @@ export const ELECTRON_DTS = 'electron.d.ts';
 // We use these to fail fast locally when creating/updating a new gist.
 export const GIST_MAX_FILE_SIZE = 10 * 1024 * 1024; // 10 MB per file
 export const GIST_MAX_FILE_COUNT = 300;
+
+export const PREFERS_DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';

src/interfaces.ts

@@ -188,6 +188,7 @@ export type FiddleEvent =
   | 'select-all-in-editor'
   | 'set-show-me-template'
   | 'show-welcome-tour'
+  | 'theme-loaded'
   | 'toggle-bisect'
   | 'toggle-monaco-option'
   | 'undo-in-editor'

src/ipc-events.ts

@@ -38,6 +38,7 @@ export enum IpcEvents {
   OPEN_THEME_FOLDER = 'OPEN_THEME_FOLDER',
   READ_THEME_FILE = 'READ_THEME_FILE',
   GET_THEME_PATH = 'GET_THEME_PATH',
+  THEME_LOADED = 'THEME_LOADED',
   IS_DEV_MODE = 'IS_DEV_MODE',
   NPM_ADD_MODULES = 'NPM_ADD_MODULES',
   NPM_IS_PM_INSTALLED = 'NPM_IS_PM_INSTALLED',