[ Feat ] electron 패키징(mac os) 및 os 레벨 브라우저 모니터링 기능 추가(node.js)

.github/workflows/pr-build-check.yml

@@ -16,6 +16,8 @@ jobs:
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4
+        with:
+          version: 9
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
@@ -26,14 +28,5 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
-      - name: Clear TypeScript build info
-        run: |
-          echo "TypeScript 빌드 캐시 삭제"
-          rm -rf node_modules/.tmp
-          rm -rf node_modules/.cache
-
-      - name: Check TypeScript compilation
-        run: pnpm tsc -b
-
       - name: Build project
         run: pnpm run build

build/entitlements.mac.plist

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <!-- Allows Just-In-Time compilation required by V8 JavaScript engine in Electron -->
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+
+    <!-- This is needed for the V8 JavaScript engine to function properly -->
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+
+    <!-- Allows network connections -->
+    <key>com.apple.security.network.client</key>
+    <true/>
+
+    <!-- Uncomment to allow read and write access to files explicitly selected by the user through system dialogs -->
+    <!-- <key>com.apple.security.files.user-selected.read-write</key>
+    <true/> -->
+
+    <!-- Uncomment to allow read and write access to the user's Downloads directory -->
+    <!-- <key>com.apple.security.files.downloads.read-write</key>
+    <true/> -->
+  </dict>
+</plist>

electron-builder.json

@@ -0,0 +1,28 @@
+{
+    "appId": "com.morib.client",
+    "productName": "Morib",
+    "icon": "public/logo_icon.png",
+    "files": [
+        "dist-react",
+        "dist-electron"
+    ],
+    "extraResources": [
+        "dist-electron/preload.cjs"
+    ],
+    "mac": {
+        "target": ["dmg"],
+        "hardenedRuntime": true,
+        "gatekeeperAssess": false,
+        "entitlements": "build/entitlements.mac.plist",
+        "entitlementsInherit": "build/entitlements.mac.plist",
+        "notarize": true
+    },
+    "afterSign": "scripts/notarize.cjs",
+    "linux": {
+        "target": "AppImage",
+        "category": "Utility"
+    },
+    "win": {
+        "target": ["portable","msi"]
+    }
+}

index.html

@@ -34,6 +34,6 @@
     <div id="overlay"></div>
     <div id="modal"></div>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/app/main.tsx"></script>
   </body>
 </html>

package.json

@@ -1,13 +1,31 @@
 {
-  "name": "morib-client",
+  "name": "Morib",
+  "description": "Your complete immersion space. Morib",
+  "author": {
+    "name": "Morib",
+    "email": "morib0615@gmail.com",
+    "url": "https://morib.in"
+  },
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "main": "dist-electron/main.js",
   "scripts": {
-    "dev": "vite",
+    "dev": "pnpm dev:react & pnpm dev:electron",
+    "dev:react": "vite",
+    "dev:electron": "pnpm transpile:electron && cross-env NODE_ENV=development electron .",
     "build": "tsc -b && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "transpile:electron": "tsc --project src/electron/tsconfig.json",
+    "dist:mac": "pnpm transpile:electron && pnpm build && electron-builder --mac --arm64",
+    "dist:mac:intel": "pnpm transpile:electron && pnpm build && electron-builder --mac --x64",
+    "dist:mac:universal": "pnpm transpile:electron && pnpm build && electron-builder --mac --universal",
+    "dist:mac:notarize": "./scripts/build-mac.sh",
+    "dist:mac:intel:notarize": "./scripts/build-mac-intel.sh",
+    "dist:mac:universal:notarize": "./scripts/build-mac-universal.sh",
+    "dist:win": "pnpm transpile:electron && pnpm build && electron-builder --win --x64",
+    "dist:linux": "pnpm transpile:electron && pnpm build && electron-builder --linux --x64"
   },
   "dependencies": {
     "@remix-run/router": "^1.17.0",
@@ -39,6 +57,9 @@
     "@typescript-eslint/parser": "^7.14.1",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "autoprefixer": "^10.4.19",
+    "cross-env": "^7.0.3",
+    "electron": "^35.1.5",
+    "electron-builder": "^26.0.12",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.9.0",
@@ -60,5 +81,7 @@
       "public"
     ]
   },
-  "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
+  "engines": {
+    "pnpm": "9"
+  }
 }