Get electron building something at all

2024-07-23 10:39:35 -04:00
parent 11a94cc99e
commit c4196b18c6
5 changed files with 1921 additions and 58 deletions
--- a/forge.config.js
+++ b/forge.config.js
@ -0,0 +1,40 @@
+const { FusesPlugin } = require('@electron-forge/plugin-fuses');
+const { FuseV1Options, FuseVersion } = require('@electron/fuses');
+
+module.exports = {
+  packagerConfig: {
+    asar: true,
+  },
+  rebuildConfig: {},
+  makers: [
+    {
+      name: '@electron-forge/maker-squirrel',
+      config: {},
+    },
+    {
+      name: '@electron-forge/maker-zip',
+      platforms: ['darwin'],
+    },
+    {
+      name: '@electron-forge/maker-deb',
+      config: {},
+    },
+  ],
+  plugins: [
+    {
+      name: '@electron-forge/plugin-auto-unpack-natives',
+      config: {},
+    },
+    // Fuses are used to enable/disable various Electron functionality
+    // at package time, before code signing the application
+    new FusesPlugin({
+      version: FuseVersion.V1,
+      [FuseV1Options.RunAsNode]: false,
+      [FuseV1Options.EnableCookieEncryption]: true,
+      [FuseV1Options.EnableNodeOptionsEnvironmentVariable]: false,
+      [FuseV1Options.EnableNodeCliInspectArguments]: false,
+      [FuseV1Options.EnableEmbeddedAsarIntegrityValidation]: true,
+      [FuseV1Options.OnlyLoadAppFromAsar]: true,
+    }),
+  ],
+};
--- a/package.json
+++ b/package.json
@ -2,6 +2,9 @@
  "name": "untitled-app",
  "version": "0.24.10",
  "private": true,
+  "main":"src/main.ts",
+  "description":"Zoo Modeling App - CAD",
+  "license":"none",
  "dependencies": {
    "@codemirror/autocomplete": "^6.17.0",
    "@codemirror/commands": "^6.6.0",
@ -36,6 +39,7 @@
    "@xstate/react": "^3.2.2",
    "codemirror": "^6.0.1",
    "decamelize": "^6.0.0",
+    "electron-squirrel-startup": "^1.0.1",
    "fuse.js": "^7.0.0",
    "html2canvas-pro": "^1.5.5",
    "json-rpc-2.0": "^1.6.0",
@ -61,7 +65,7 @@
    "xstate": "^4.38.2"
  },
  "scripts": {
-    "start": "vite",
+    "start": "electron-forge start",
    "start:prod": "vite preview --port=3000",
    "serve": "vite serve --port=3000",
    "build": "curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y && source \"$HOME/.cargo/env\" && curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y && yarn build:wasm && vite build",
@ -88,7 +92,9 @@
    "postinstall": "yarn xstate:typegen",
    "xstate:typegen": "yarn xstate typegen \"src/**/*.ts?(x)\"",
    "make:dev": "make dev",
-    "generate:machine-api": "npx openapi-typescript ./openapi/machine-api.json -o src/lib/machine-api.d.ts"
+    "generate:machine-api": "npx openapi-typescript ./openapi/machine-api.json -o src/lib/machine-api.d.ts",
+    "package": "electron-forge package",
+    "make": "electron-forge make"
  },
  "prettier": {
    "trailingComma": "es5",
@ -118,6 +124,7 @@
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^15.0.2",
    "@types/d3-force": "^3.0.10",
+    "@types/electron": "^1.6.10",
    "@types/mocha": "^10.0.6",
    "@types/node": "^18.19.31",
    "@types/pixelmatch": "^5.2.6",
@ -140,7 +147,7 @@
    "@wdio/spec-reporter": "^8.36.0",
    "@xstate/cli": "^0.5.17",
    "autoprefixer": "^10.4.19",
-    "d3-force": "^3.0.0",
+    "electron": "^31.2.1",
    "eslint": "^8.57.0",
    "eslint-config-react-app": "^7.0.1",
    "eslint-plugin-css-modules": "^2.12.0",
--- a/src/index.html
+++ b/src/index.html
@ -2,6 +2,8 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
+
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,18 @@
+import { app, BrowserWindow } from 'electron'
+
+const createWindow = () => {
+  const win = new BrowserWindow({
+    width: 800,
+    height: 600
+  })
+
+  win.loadFile('index.html')
+}
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') app.quit()
+})
+
+app.whenReady().then(() => {
+  createWindow()
+})
--- a/yarn.lock
+++ b/yarn.lock