electron building setup

Author: AgusDropOut

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+release
 
 # Editor directories and files
 .vscode/*

Makefile

@@ -1,5 +1,5 @@
 # Consistently list all task-based targets as phony
-.PHONY: all install test-e2e test-unit lint run check debug-e2e
+.PHONY: all install test-e2e test-unit build-exe lint run check debug-e2e 
 
 all: check
 
@@ -13,6 +13,14 @@ test-e2e:
 test-unit:
 	npm run test:unit
 
+build-exe:
+	npm run build:exe
+	@echo "Cosmos: Executable generated in the /release folder."
+
+build-linux:
+	npm run build:linux
+	@echo "Cosmos: Linux AppImage generated in the /release folder."
+
 lint:
 	npm run lint
 

dist-electron/main.js

@@ -1,33 +1,28 @@
-import { BrowserWindow, app } from "electron";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
+import { BrowserWindow as e, app as t } from "electron";
+import n from "node:path";
+import { fileURLToPath as r } from "node:url";
 //#region electron/main.ts
-var __dirname = path.dirname(fileURLToPath(import.meta.url));
-var mainWindow;
-function createWindow() {
-	mainWindow = new BrowserWindow({
+var i = n.dirname(r(import.meta.url)), a;
+function o() {
+	a = new e({
 		width: 1280,
 		height: 720,
 		minWidth: 800,
 		minHeight: 600,
 		title: "Cosmos Engine",
-		icon: path.join(__dirname, "../build/cosmos.png"),
+		icon: n.join(i, "../dist/cosmos.png"),
 		backgroundColor: "#121212",
-		autoHideMenuBar: true,
+		autoHideMenuBar: !0,
 		webPreferences: {
-			nodeIntegration: true,
-			contextIsolation: false,
-			webSecurity: false
+			nodeIntegration: !0,
+			contextIsolation: !1,
+			webSecurity: !1
 		}
-	});
-	if (process.env.VITE_DEV_SERVER_URL) mainWindow.loadURL(process.env.VITE_DEV_SERVER_URL);
-	else mainWindow.loadFile(path.join(__dirname, "../dist/index.html"));
+	}), process.env.VITE_DEV_SERVER_URL ? a.loadURL(process.env.VITE_DEV_SERVER_URL) : a.loadFile(n.join(i, "../dist/index.html"));
 }
-app.whenReady().then(createWindow);
-app.on("window-all-closed", () => {
-	if (process.platform !== "darwin") app.quit();
-});
-app.on("activate", () => {
-	if (BrowserWindow.getAllWindows().length === 0) createWindow();
+t.whenReady().then(o), t.on("window-all-closed", () => {
+	process.platform !== "darwin" && t.quit();
+}), t.on("activate", () => {
+	e.getAllWindows().length === 0 && o();
 });
 //#endregion

electron/main.ts

@@ -15,7 +15,7 @@ function createWindow() {
         minWidth: 800,
         minHeight: 600,
         title: "Cosmos Engine",
-        icon: path.join(__dirname, '../build/cosmos.png'),
+        icon: path.join(__dirname, '../dist/cosmos.png'),
         backgroundColor: '#121212', 
         autoHideMenuBar: true,
         webPreferences: {

package.json

@@ -14,6 +14,8 @@
     "test:unit": "vitest run",
     "app:build": "npm run build && electron-builder",
     "app:preview": "electron .",
+    "build:exe": "vite build && electron-builder --win",
+    "build:linux": "vite build && electron-builder --linux",
     "prepare": "husky"
   },
   "dependencies": {
@@ -49,5 +51,23 @@
     "typescript-eslint": "^8.58.0",
     "vite": "^8.0.4",
     "vite-plugin-electron": "^0.29.1"
+  },
+  "build": {
+    "appId": "com.cosmos.engine",
+    "productName": "Cosmos Engine",
+    "directories": {
+      "output": "release"
+    },
+    "files": [
+      "dist/**/*",
+      "dist-electron/**/*"
+    ],
+    "win": {
+      "target": "nsis"
+    },
+    "linux": {
+      "target": "AppImage",
+      "category": "Development"
+    }
   }
 }

public/cosmos.icns

@@ -184,7 +184,7 @@ export function EditorToolbar({
                     }}
                 >
                     <img 
-                        src="/minecraft.svg" 
+                        src="./minecraft.svg" 
                         alt="Minecraft" 
                         width={16} 
                         height={16}