handset 1.0.0 → 1.0.1

package/bin/cli.js

@@ -1,9 +1,42 @@
 #!/usr/bin/env node
 
-const { spawn } = require('child_process');
+const { spawn, execSync } = require('child_process');
 const path = require('path');
-const electron = require('electron');
+const fs = require('fs');
+
+// On macOS, rename Electron.app to Handset.app and patch Info.plist
+// so the dock and menu bar both show "Handset"
+if (process.platform === 'darwin') {
+  const electronMod = path.join(__dirname, '..', 'node_modules', 'electron');
+  const distDir = path.join(electronMod, 'dist');
+  const electronApp = path.join(distDir, 'Electron.app');
+  const handsetApp = path.join(distDir, 'Handset.app');
+
+  try {
+    // Rename the .app bundle (no-op if already renamed)
+    if (fs.existsSync(electronApp)) {
+      fs.renameSync(electronApp, handsetApp);
+      fs.writeFileSync(path.join(electronMod, 'path.txt'), 'Handset.app/Contents/MacOS/Electron');
+    }
+
+    // Copy our icon into the app bundle
+    const icnsSource = path.join(__dirname, '..', 'assets', 'icon.icns');
+    const resourcesDir = path.join(handsetApp, 'Contents', 'Resources');
+    if (fs.existsSync(icnsSource)) {
+      fs.copyFileSync(icnsSource, path.join(resourcesDir, 'handset.icns'));
+    }
 
+    // Patch Info.plist — name + icon
+    const plistPath = path.join(handsetApp, 'Contents', 'Info.plist');
+    execSync(`plutil -replace CFBundleName -string "Handset" "${plistPath}"`, { stdio: 'ignore' });
+    execSync(`plutil -replace CFBundleDisplayName -string "Handset" "${plistPath}"`, { stdio: 'ignore' });
+    execSync(`plutil -replace CFBundleIconFile -string "handset.icns" "${plistPath}"`, { stdio: 'ignore' });
+  } catch (_) {
+    // Non-fatal — app still works, just shows "Electron" in dock
+  }
+}
+
+const electron = require('electron');
 const mainPath = path.join(__dirname, '..', 'src', 'main.js');
 
 // Pass optional URL argument to Electron via environment variable

package/package.json

@@ -1,15 +1,22 @@
 {
   "name": "handset",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A frameless mobile-viewport browser window for demos",
   "main": "src/main.js",
   "bin": {
     "handset": "./bin/cli.js"
   },
   "scripts": {
-    "start": "electron ."
+    "start": "node bin/cli.js"
   },
-  "keywords": ["electron", "mobile", "demo", "browser", "viewport", "handset"],
+  "keywords": [
+    "electron",
+    "mobile",
+    "demo",
+    "browser",
+    "viewport",
+    "handset"
+  ],
   "author": "Jordan Neill",
   "license": "MIT",
   "repository": {
@@ -26,6 +33,8 @@
   "files": [
     "bin/",
     "src/",
+    "assets/icon.png",
+    "assets/icon.icns",
     "README.md",
     "LICENSE"
   ],

package/src/main.js

@@ -1,6 +1,8 @@
 const { app, BrowserWindow, Menu, session, ipcMain, shell } = require('electron');
 const path = require('path');
 
+const ICON_PATH = path.join(__dirname, '..', 'assets', 'icon.png');
+
 const MOBILE_UA =
   'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) ' +
   'AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1';
@@ -25,6 +27,7 @@ function createWindow() {
     resizable: true,
     alwaysOnTop: true,
     backgroundColor: '#000000',
+    icon: ICON_PATH,
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
       contextIsolation: true,
@@ -162,6 +165,8 @@ ipcMain.handle('open-external', (_event, url) => {
 });
 
 // App lifecycle
+app.setName('Handset');
+
 app.whenReady().then(async () => {
   await initStore();
   session.defaultSession.setUserAgent(MOBILE_UA);