Start from Scratch

.gitignore

@@ -3,3 +3,5 @@ node_modules
 .next
 app
 dist
+out/
+.DS_Store

electron-builder.yml

@@ -2,11 +2,42 @@ appId: com.blade.wled.manager
 productName: WLED Manager
 copyright: Copyright © 2021 YeonV aka Blade
 directories:
- output: dist
  buildResources: resources
 files:
- - from: .
- filter:
- - package.json
- - app
+ - '!**/.vscode/*'
+ - '!src/*'
+ - '!electron.vite.config.{js,ts,mjs,cjs}'
+ - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+ - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
+ - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
+asarUnpack:
+ - 'resources/**'
+win:
+ executableName: app
+nsis:
+ artifactName: ${name}-${version}-setup.${ext}
+ shortcutName: ${productName}
+ uninstallDisplayName: ${productName}
+ createDesktopShortcut: always
+mac:
+ entitlementsInherit: build/entitlements.mac.plist
+ icon: build/icon.png
+ extendInfo:
+ - NSCameraUsageDescription: Application requests access to the device's camera.
+ - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+ - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+ - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+ notarize: false
+dmg:
+ artifactName: ${name}-${version}.${ext}
+linux:
+ target:
+ - AppImage
+ - snap
+ - deb
+ maintainer: electronjs.org
+ category: Utility
+appImage:
+ artifactName: ${name}-${version}.${ext}
+npmRebuild: false
 publish: null

electron.vite.config.ts

@@ -0,0 +1,23 @@
+import { resolve } from 'path'
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+ main: {
+ plugins: [externalizeDepsPlugin()]
+ },
+ preload: {
+ plugins: [externalizeDepsPlugin()]
+ },
+ renderer: {
+ build: {
+ assetsInlineLimit: 0
+ },
+ resolve: {
+ alias: {
+ '@renderer': resolve('src/renderer/src')
+ }
+ },
+ plugins: [react()]
+ }
+})

package.json

@@ -1,39 +1,63 @@
 {
- "private": true,
  "name": "wled-manager",
+ "version": "0.2.0",
  "description": "WLED Manager by Blade",
- "version": "0.1.0",
- "author": "YeonV aka Blade <https://github.com/YeonV>",
- "main": "app/background.js",
+ "main": "./out/main/index.js",
+ "author": {
+ "name": "YeonV aka Blade <https://github.com/YeonV>",
+ "email": "dev@yeonv.com"
+ },
+ "homepage": "https://electron-vite.org",
+ "license": "MIT",
  "scripts": {
- "dev": "nextron",
- "build": "nextron build",
- "dist": "electron-builder -w zip -w portable -w nsis",
- "postinstall": "electron-builder install-app-deps"
+ "format": "prettier --write .",
+ "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+ "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
+ "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
+ "typecheck": "npm run typecheck:node && npm run typecheck:web",
+ "start": "electron-vite preview",
+ "dev": "electron-vite dev",
+ "build": "npm run typecheck && electron-vite build",
+ "postinstall": "electron-builder install-app-deps",
+ "build:win": "npm run build && electron-builder --win --config",
+ "build:mac": "electron-vite build && electron-builder --mac --config",
+ "build:linux": "electron-vite build && electron-builder --linux --config"
  },
  "dependencies": {
- "@types/bonjour": "^3.5.9",
+ "@electron-toolkit/preload": "^2.0.0",
+ "@electron-toolkit/utils": "^2.0.0",
+ "@emotion/react": "^11.11.1",
+ "@emotion/styled": "^11.11.0",
+ "@fontsource/roboto": "^5.0.8",
+ "@mui/icons-material": "^5.14.16",
+ "@mui/material": "^5.14.16",
+ "@mui/styles": "^5.14.16",
  "bonjour": "^3.5.0",
- "custom-electron-titlebar": "^3.2.7",
+ "custom-electron-titlebar": "^4.2.7",
  "dgram-as-promised": "^5.0.1",
- "electron-serve": "^1.1.0",
- "electron-store": "^8.0.0",
- "react-colorful": "^5.5.0",
- "react-gcolor-picker": "^1.2.4",
- "zustand": "^3.5.11"
+ "react-colorful": "^5.6.1",
+ "react-gcolor-picker": "^1.3.1",
+ "react-router-dom": "^6.18.0",
+ "zustand": "^4.4.6"
  },
  "devDependencies": {
- "@material-ui/core": "^4.12.2",
- "@material-ui/icons": "^4.11.2",
- "@types/node": "^14.14.31",
- "@types/react": "^16.9.49",
- "electron": "^13.1.7",
- "electron-builder": "^22.11.7",
- "electron-devtools-installer": "^3.2.0",
- "next": "^11.0.1",
- "nextron": "^7.0.0",
- "react": "^17.0.2",
- "react-dom": "^17.0.2",
- "typescript": "^4.3.5"
+ "@electron-toolkit/eslint-config-prettier": "^1.0.1",
+ "@electron-toolkit/eslint-config-ts": "^1.0.0",
+ "@electron-toolkit/tsconfig": "^1.0.1",
+ "@types/bonjour": "^3.5.12",
+ "@types/node": "^20.8.10",
+ "@types/react": "^18.2.35",
+ "@types/react-dom": "^18.2.14",
+ "@vitejs/plugin-react": "^4.0.4",
+ "electron": "^27.0.3",
+ "electron-builder": "^24.6.3",
+ "electron-vite": "^1.0.27",
+ "eslint": "^8.53.0",
+ "eslint-plugin-react": "^7.33.2",
+ "prettier": "^3.0.2",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "typescript": "^5.1.6",
+ "vite": "^4.4.9"
  }
 }