disable service worker add electron-serve

Author: primozs

.gitignore

@@ -39,3 +39,5 @@ lerna-debug.log*
 # Yarn
 .yarn/*
 !.yarn/releases
+dist-electron
+release

electron-builder.json5

@@ -0,0 +1,45 @@
+/**
+ * @see https://www.electron.build/configuration/configuration
+ */
+{
+  "$schema": "https://raw.githubusercontent.com/electron-userland/electron-builder/master/packages/app-builder-lib/scheme.json",
+  "appId": "YourAppID",
+  "asar": true,
+  "productName": "YourAppName",
+  "directories": {
+    "output": "release/${version}"
+  },
+  "files": [
+    "dist",
+    "dist-electron"
+  ],
+  "mac": {
+    "target": [
+      "dmg"
+    ],
+    "artifactName": "${productName}-Mac-${version}-Installer.${ext}"
+  },
+  "win": {
+    "target": [
+      {
+        "target": "nsis",
+        "arch": [
+          "x64"
+        ]
+      }
+    ],
+    "artifactName": "${productName}-Windows-${version}-Setup.${ext}"
+  },
+  "nsis": {
+    "oneClick": false,
+    "perMachine": false,
+    "allowToChangeInstallationDirectory": true,
+    "deleteAppDataOnUninstall": false
+  },
+  "linux": {
+    "target": [
+      "AppImage"
+    ],
+    "artifactName": "${productName}-Linux-${version}.${ext}"
+  }
+}

electron/main.ts

@@ -1,5 +1,6 @@
 import { app, BrowserWindow } from "electron";
 import path from "node:path";
+import serve from "electron-serve";
 
 // The built directory structure
 //
@@ -15,6 +16,8 @@ process.env.VITE_PUBLIC = app.isPackaged
   ? process.env.DIST
   : path.join(process.env.DIST, "../public");
 
+const loadURL = serve({ directory: "dist" });
+
 let win: BrowserWindow | null;
 // 🚧 Use ['ENV_NAME'] avoid vite:define plugin - [email protected]
 const VITE_DEV_SERVER_URL = process.env["VITE_DEV_SERVER_URL"];
@@ -38,7 +41,8 @@ function createWindow() {
     win.loadURL(VITE_DEV_SERVER_URL);
   } else {
     // win.loadFile('dist/index.html')
-    win.loadFile(path.join(process.env.DIST, "index.html"));
+    // win.loadFile(path.join(process.env.DIST, "index.html"));
+    loadURL(win);
   }
 }
 

package.json

@@ -1,6 +1,9 @@
 {
   "name": "my-qwik-basic-starter",
   "description": "Demo App with Routing built-in (recommended)",
+  "author": "stenar.si",
+  "version": "0.0.1",
+  "main": "./dist-electron/main.js",
   "engines": {
     "node": ">=15.0.0"
   },
@@ -22,7 +25,8 @@
     "lint": "eslint \"src/**/*.ts*\"",
     "preview": "qwik build preview && vite preview --open",
     "start": "vite --open --mode ssr",
-    "qwik": "qwik"
+    "qwik": "qwik",
+    "build:electron": "qwik build && electron-builder"
   },
   "devDependencies": {
     "@builder.io/qwik": "^1.3.0",
@@ -31,15 +35,20 @@
     "@types/node": "^20.10.3",
     "@typescript-eslint/eslint-plugin": "^6.13.2",
     "@typescript-eslint/parser": "^6.13.2",
+    "electron": "^28.0.0",
+    "electron-builder": "^24.9.1",
+    "electron-serve": "^1.2.0",
     "eslint": "^8.55.0",
     "eslint-plugin-qwik": "^1.3.0",
     "prettier": "^3.1.0",
     "typescript": "^5.3.2",
     "undici": "^5.26.0",
     "vite": "^5.0.6",
+    "vite-plugin-electron": "^0.15.4",
+    "vite-plugin-electron-renderer": "^0.14.5",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "dependencies": {
     "sharp": "^0.33.0"
   }
-}
+}