@dyyz1993/create-agent 2.0.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dyyz1993/create-agent",
-	"version": "2.0.1",
+	"version": "2.1.0",
 	"description": "Create Agent project scaffolding CLI",
 	"repository": {
 		"type": "git",

package/src/commands/create.ts

@@ -1,27 +1,27 @@
-import { resolve } from 'path';
-import { resolveTemplateDir, getRootDir } from '../lib/templates.js';
-import { copyTemplate } from '../lib/copy.js';
+import { resolve } from "path";
+import { resolveTemplateDir, getRootDir } from "../lib/templates.js";
+import { copyTemplate } from "../lib/copy.js";
 
 export async function runCreate(args: string[]): Promise<void> {
-  let templateType = 'general';
-  let customDir: string | undefined;
+	let templateType = "general";
+	let customDir: string | undefined;
 
-  const positional: string[] = [];
-  for (let i = 0; i < args.length; i++) {
-    const arg = args[i];
-    if (arg === '--type' && args[i + 1]) {
-      templateType = args[++i];
-    } else if (arg === '--dir' && args[i + 1]) {
-      customDir = args[++i];
-    } else if (!arg.startsWith('--')) {
-      positional.push(arg);
-    }
-  }
+	const positional: string[] = [];
+	for (let i = 0; i < args.length; i++) {
+		const arg = args[i]!;
+		if (arg === "--type" && args[i + 1]) {
+			templateType = args[++i]!;
+		} else if (arg === "--dir" && args[i + 1]) {
+			customDir = args[++i]!;
+		} else if (!arg.startsWith("--")) {
+			positional.push(arg);
+		}
+	}
 
-  const projectName = positional[0];
-  const targetArg = customDir || positional[1];
-  if (!projectName) {
-    console.log(`
+	const projectName = positional[0];
+	const targetArg = customDir || positional[1];
+	if (!projectName) {
+		console.log(`
 Usage: create-agent create <name> [--type <type>] [--dir <path>]
 
 Options:
@@ -33,17 +33,17 @@ Examples:
   create-agent create my-app --type chat
   create-agent create my-app --dir ~/projects/my-app
 `);
-    process.exit(1);
-  }
+		process.exit(1);
+	}
 
-  const sanitized = projectName.replace(/[^a-zA-Z0-9-_]/g, '-');
-  const targetDir = targetArg ? resolve(targetArg) : resolve(process.cwd(), sanitized);
-  const rootDir = getRootDir();
-  const templateDir = resolveTemplateDir(rootDir, templateType);
+	const sanitized = projectName.replace(/[^a-zA-Z0-9-_]/g, "-");
+	const targetDir = targetArg ? resolve(targetArg) : resolve(process.cwd(), sanitized);
+	const rootDir = getRootDir();
+	const templateDir = resolveTemplateDir(rootDir, templateType);
 
-  await copyTemplate({
-    projectName: sanitized,
-    templateDir,
-    targetDir,
-  });
+	await copyTemplate({
+		projectName: sanitized,
+		templateDir,
+		targetDir,
+	});
 }

package/src/commands/workspace.ts

@@ -1,45 +1,50 @@
-import { resolve } from 'path';
-import { execSync } from 'child_process';
-import { existsSync, readFileSync, mkdirSync } from 'fs';
-import { createServer } from 'net';
-import type { PortEntry } from '../lib/types.js';
+import { resolve } from "path";
+import { execSync } from "child_process";
+import { existsSync, readFileSync, mkdirSync } from "fs";
+import { createServer } from "net";
+import type { PortEntry } from "../lib/types.js";
 
-const PORT_REGISTRY = resolve(process.env.HOME || '~', '.pi-agent', 'ports.json');
+const PORT_REGISTRY = resolve(process.env.HOME || "~", ".pi-agent", "ports.json");
 
 function readRegistry(): Record<string, PortEntry> {
-  try {
-    return JSON.parse(readFileSync(PORT_REGISTRY, 'utf-8'));
-  } catch {
-    return {};
-  }
+	try {
+		return JSON.parse(readFileSync(PORT_REGISTRY, "utf-8"));
+	} catch {
+		return {};
+	}
 }
 
 function isPortFree(port: number): Promise<boolean> {
-  return new Promise((resolve) => {
-    const server = createServer();
-    server.once('error', () => resolve(false));
-    server.once('listening', () => { server.close(); resolve(true); });
-    server.listen(port);
-  });
+	return new Promise((resolve) => {
+		const server = createServer();
+		server.once("error", () => resolve(false));
+		server.once("listening", () => {
+			server.close();
+			resolve(true);
+		});
+		server.listen(port);
+	});
 }
 
-async function findFreePorts(entries: Record<string, PortEntry>): Promise<{ backend: number; vite: number }> {
-  const usedPorts = new Set<number>();
-  for (const entry of Object.values(entries)) {
-    usedPorts.add(entry.port);
-  }
-  let backend = 3100;
-  while (usedPorts.has(backend) || !(await isPortFree(backend))) backend++;
-  let vite = 5173;
-  while (usedPorts.has(vite) || !(await isPortFree(vite))) vite++;
-  return { backend, vite };
+async function findFreePorts(
+	entries: Record<string, PortEntry>
+): Promise<{ backend: number; vite: number }> {
+	const usedPorts = new Set<number>();
+	for (const entry of Object.values(entries)) {
+		usedPorts.add(entry.port);
+	}
+	let backend = 3100;
+	while (usedPorts.has(backend) || !(await isPortFree(backend))) backend++;
+	let vite = 5173;
+	while (usedPorts.has(vite) || !(await isPortFree(vite))) vite++;
+	return { backend, vite };
 }
 
 export async function runWorkspace(args: string[]): Promise<void> {
-  const subCommand = args[0];
+	const subCommand = args[0];
 
-  if (!subCommand || subCommand === '--help' || subCommand === '-h') {
-    console.log(`
+	if (!subCommand || subCommand === "--help" || subCommand === "-h") {
+		console.log(`
 Usage: create-agent workspace add <name> [--base <branch>]
 
 Creates an isolated git worktree in .workspace/<name> with its own branch and ports.
@@ -51,79 +56,81 @@ Examples:
   create-agent workspace add feature-chat-ui
   create-agent workspace add fix-login --base develop
 `);
-    return;
-  }
-
-  if (subCommand !== 'add') {
-    console.error(`Unknown workspace subcommand: "${subCommand}"`);
-    console.log('Usage: create-agent workspace add <name>');
-    return;
-  }
-
-  let name = '';
-  let baseBranch = '';
-  const rest = args.slice(1);
-  for (let i = 0; i < rest.length; i++) {
-    if (rest[i] === '--base' && rest[i + 1]) {
-      baseBranch = rest[++i];
-    } else if (!rest[i].startsWith('--')) {
-      name = rest[i];
-    }
-  }
-
-  if (!name) {
-    console.error('Error: workspace name is required');
-    process.exit(1);
-  }
-
-  const projectRoot = process.cwd();
-  const workspaceDir = resolve(projectRoot, '.workspace', name);
-
-  if (existsSync(workspaceDir)) {
-    console.error(`Error: workspace "${name}" already exists at ${workspaceDir}`);
-    process.exit(1);
-  }
-
-  const branchName = `workspace/${name}`;
-  const baseArg = baseBranch ? baseBranch : 'HEAD';
-
-  console.log(`Creating workspace: ${name}`);
-  console.log(`  Branch: ${branchName}`);
-  console.log(`  Directory: .workspace/${name}`);
-
-  mkdirSync(resolve(projectRoot, '.workspace'), { recursive: true });
-
-  try {
-    execSync(`git worktree add "${workspaceDir}" -b ${branchName} ${baseArg}`, {
-      cwd: projectRoot,
-      stdio: 'pipe',
-    });
-  } catch (err: unknown) {
-    const message = err instanceof Error ? err.message : String(err);
-    console.error(`Failed to create worktree: ${message}`);
-    process.exit(1);
-  }
-
-  const registry = readRegistry();
-  const ports = await findFreePorts(registry);
-
-  console.log(`  Backend port: ${ports.backend}`);
-  console.log(`  Vite port:    ${ports.vite}`);
-  console.log('');
-  console.log('Installing dependencies...');
-  try {
-    execSync('bun install', { cwd: workspaceDir, stdio: 'pipe' });
-  } catch {
-    console.log('(bun install skipped)');
-  }
-
-  console.log('');
-  console.log('Workspace created successfully!');
-  console.log('');
-  console.log('To start developing:');
-  console.log(`  cd .workspace/${name}`);
-  console.log(`  PORT=${ports.backend} VITE_PORT=${ports.vite} bun run dev:web`);
-  console.log('');
-  console.log('Or start from project root:');
-  console.log(`  PORT=${ports.backend} VITE_PORT=${ports.vite} bun run dev:web`);
+		return;
+	}
+
+	if (subCommand !== "add") {
+		console.error(`Unknown workspace subcommand: "${subCommand}"`);
+		console.log("Usage: create-agent workspace add <name>");
+		return;
+	}
+
+	let name = "";
+	let baseBranch = "";
+	const rest = args.slice(1);
+	for (let i = 0; i < rest.length; i++) {
+		const arg = rest[i];
+		if (arg === undefined) continue;
+		if (arg === "--base" && rest[i + 1]) {
+			baseBranch = rest[++i] as string;
+		} else if (!arg.startsWith("--")) {
+			name = arg;
+		}
+	}
+
+	if (!name) {
+		console.error("Error: workspace name is required");
+		process.exit(1);
+	}
+
+	const projectRoot = process.cwd();
+	const workspaceDir = resolve(projectRoot, ".workspace", name);
+
+	if (existsSync(workspaceDir)) {
+		console.error(`Error: workspace "${name}" already exists at ${workspaceDir}`);
+		process.exit(1);
+	}
+
+	const branchName = `workspace/${name}`;
+	const baseArg = baseBranch ? baseBranch : "HEAD";
+
+	console.log(`Creating workspace: ${name}`);
+	console.log(`  Branch: ${branchName}`);
+	console.log(`  Directory: .workspace/${name}`);
+
+	mkdirSync(resolve(projectRoot, ".workspace"), { recursive: true });
+
+	try {
+		execSync(`git worktree add "${workspaceDir}" -b ${branchName} ${baseArg}`, {
+			cwd: projectRoot,
+			stdio: "pipe",
+		});
+	} catch (err: unknown) {
+		const message = err instanceof Error ? err.message : String(err);
+		console.error(`Failed to create worktree: ${message}`);
+		process.exit(1);
+	}
+
+	const registry = readRegistry();
+	const ports = await findFreePorts(registry);
+
+	console.log(`  Backend port: ${ports.backend}`);
+	console.log(`  Vite port:    ${ports.vite}`);
+	console.log("");
+	console.log("Installing dependencies...");
+	try {
+		execSync("bun install", { cwd: workspaceDir, stdio: "pipe" });
+	} catch {
+		console.log("(bun install skipped)");
+	}
+
+	console.log("");
+	console.log("Workspace created successfully!");
+	console.log("");
+	console.log("To start developing:");
+	console.log(`  cd .workspace/${name}`);
+	console.log(`  PORT=${ports.backend} VITE_PORT=${ports.vite} bun run dev:web`);
+	console.log("");
+	console.log("Or start from project root:");
+	console.log(`  PORT=${ports.backend} VITE_PORT=${ports.vite} bun run dev:web`);
 }

package/src/lib/copy.ts

@@ -178,6 +178,7 @@ function updatePackageJson(targetDir: string, _projectName: string): void {
 		let inRpcSection = false;
 		for (let i = 0; i < lines.length; i++) {
 			const line = lines[i];
+			if (line === undefined) continue;
 
 			if (line.includes("import rpcPlugin") && line.includes("@dyyz1993/eslint-plugin-rpc")) {
 				continue;

package/templates/agent/electron/main.js

@@ -0,0 +1,46 @@
+const { app, BrowserWindow, ipcMain } = require('electron');
+const path = require('path');
+
+let mainWindow;
+
+function createWindow() {
+  mainWindow = new BrowserWindow({
+    width: 1200,
+    height: 800,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'),
+      nodeIntegration: false,
+      contextIsolation: true,
+    },
+  });
+
+  if (process.env.NODE_ENV === 'development') {
+    mainWindow.loadURL('http://localhost:5173');
+  } else {
+    mainWindow.loadFile(path.join(__dirname, '../dist/index.html'));
+  }
+
+  mainWindow.on('closed', () => {
+    mainWindow = null;
+  });
+}
+
+app.whenReady().then(() => {
+  createWindow();
+});
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+app.on('activate', () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow();
+  }
+});
+
+ipcMain.handle('ping', async () => {
+  return 'pong';
+});

package/templates/agent/electron/preload.js

@@ -0,0 +1,5 @@
+const { contextBridge, ipcRenderer } = require('electron');
+
+contextBridge.exposeInMainWorld('electronAPI', {
+  ping: () => ipcRenderer.invoke('ping'),
+});

package/templates/agent/electron-builder.json

@@ -0,0 +1,40 @@
+{
+	"appId": "com.piagent.app",
+	"productName": "Pi Agent",
+	"copyright": "Copyright © 2024 dyyz1993",
+	"directories": {
+		"output": "dist-electron",
+		"buildResources": "build"
+	},
+	"files": ["dist/**/*", "electron/**/*", "package.json"],
+	"mac": {
+		"category": "public.app-category.developer-tools",
+		"hardenedRuntime": true,
+		"gatekeeperAssess": false,
+		"entitlements": ["com.apple.security.cs.allow-jit"],
+		"target": [
+			{
+				"target": "dmg",
+				"arch": ["x64", "arm64"]
+			}
+		]
+	},
+	"win": {
+		"target": [
+			{
+				"target": "nsis",
+				"arch": ["x64"]
+			}
+		],
+		"artifactName": "${productName}-${version}-${arch}.${ext}"
+	},
+	"linux": {
+		"target": ["AppImage", "deb"],
+		"category": "Development"
+	},
+	"publish": {
+		"provider": "github",
+		"owner": "dyyz1993",
+		"repo": "pi-agent-app"
+	}
+}

package/templates/agent/eslint.config.mjs

@@ -13,6 +13,8 @@ export default tseslint.config(
       'node_modules/**',
       'build/**',
       'dist/**',
+      'dist-electron/**',
+      'electron/**',
       'postcss.config.js',
       'tailwind.config.js',
     ],

package/templates/agent/package.json

@@ -2,6 +2,54 @@
 	"name": "pi-agent-app",
 	"version": "1.0.0",
 	"description": "Coding agent template with Bash, Rules, and Todo management",
+	"author": {
+		"name": "xuyingzhou",
+		"email": "xuyingzhou@tuzhanai.com"
+	},
+	"homepage": "https://github.com/dyyz1993/pi-agent-template",
+	"main": "electron/main.js",
+	"build": {
+		"appId": "com.piagent.app",
+		"productName": "Pi Agent",
+		"directories": {
+			"output": "dist-electron"
+		},
+		"files": [
+			"dist/**/*",
+			"electron/**/*",
+			"package.json"
+		],
+		"mac": {
+			"category": "public.app-category.developer-tools",
+			"target": [
+				{
+					"target": "dmg",
+					"arch": [
+						"x64",
+						"arm64"
+					]
+				}
+			]
+		},
+		"win": {
+			"target": [
+				{
+					"target": "nsis",
+					"arch": [
+						"x64"
+					]
+				}
+			]
+		},
+		"linux": {
+			"maintainer": "xuyingzhou <xuyingzhou@tuzhanai.com>",
+			"target": [
+				"AppImage",
+				"deb"
+			],
+			"category": "Development"
+		}
+	},
 	"scripts": {
 		"start": "vite build && electrobun dev",
 		"dev": "electrobun dev --watch",
@@ -12,6 +60,11 @@
 		"build:mac": "vite build && electrobun build --env=canary",
 		"build:win": "vite build && electrobun build --env=canary",
 		"build:linux": "vite build && electrobun build --env=canary",
+		"electron:dev": "vite build && electron .",
+		"electron:build": "vite build && electron-builder --mac --win --linux",
+		"electron:build:mac": "vite build && electron-builder --mac",
+		"electron:build:win": "vite build && electron-builder --win",
+		"electron:build:linux": "vite build && electron-builder --linux",
 		"lint": "eslint .",
 		"lint:fix": "eslint . --fix",
 		"test": "vitest run",
@@ -45,10 +98,11 @@
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
 		"@types/ws": "^8.18.1",
-		"ws": "^8.18.0",
 		"@vitejs/plugin-react": "^4.3.4",
 		"autoprefixer": "^10.4.20",
 		"concurrently": "^9.1.0",
+		"electron": "^42.1.0",
+		"electron-builder": "^26.8.1",
 		"eslint": "^9.0.0",
 		"eslint-plugin-jsx-a11y": "^6.10.0",
 		"eslint-plugin-react-hooks": "^5.2.0",
@@ -61,6 +115,10 @@
 		"typescript": "^5.7.2",
 		"typescript-eslint": "^8.0.0",
 		"vite": "^6.0.3",
-		"vitest": "^4.1.5"
+		"vitest": "^4.1.5",
+		"ws": "^8.18.0"
+	},
+	"overrides": {
+		"minimatch": "^10.0.1"
 	}
 }

package/templates/agent/src/mainview/App.tsx

@@ -1,41 +1,44 @@
+import type { ReactNode } from "react";
 import { useState } from "react";
 import { useConnectionStore } from "./stores/use-connection-store";
 import { useBreakpointSync } from "./hooks/use-breakpoint";
 import { useRpcInit } from "./hooks/use-rpc-init";
 import { useSidebarResize } from "./hooks/use-sidebar-resize";
 import { AppLayout, type CenterTab } from "./components/layout/AppLayout";
-import { ErrorBoundary } from "./components/common/ErrorBoundary";
+import { ErrorBoundary as _EB } from "./components/common/ErrorBoundary";
+
+const ErrorBoundary = _EB as unknown as React.FC<{ children: ReactNode }>;
 
 function App() {
-  const ready = useConnectionStore((s) => s.ready);
-  const [centerTab, setCenterTab] = useState<CenterTab>("chat");
+	const ready = useConnectionStore((s) => s.ready);
+	const [centerTab, setCenterTab] = useState<CenterTab>("chat");
 
-  useBreakpointSync();
-  useRpcInit();
+	useBreakpointSync();
+	useRpcInit();
 
-  const { sidebarWidth, handleResizeStart } = useSidebarResize();
+	const { sidebarWidth, handleResizeStart } = useSidebarResize();
 
-  if (!ready) {
-    return (
-      <div className="h-screen bg-gray-900 flex items-center justify-center">
-        <div className="text-center">
-          <div className="inline-block w-8 h-8 border-2 border-indigo-400 border-t-transparent rounded-full animate-spin mb-4" />
-          <div className="text-gray-400 text-sm">Connecting to RPC server...</div>
-        </div>
-      </div>
-    );
-  }
+	if (!ready) {
+		return (
+			<div className="h-screen bg-gray-900 flex items-center justify-center">
+				<div className="text-center">
+					<div className="inline-block w-8 h-8 border-2 border-indigo-400 border-t-transparent rounded-full animate-spin mb-4" />
+					<div className="text-gray-400 text-sm">Connecting to RPC server...</div>
+				</div>
+			</div>
+		);
+	}
 
-  return (
-    <ErrorBoundary>
-      <AppLayout
-        centerTab={centerTab}
-        setCenterTab={setCenterTab}
-        sidebarWidth={sidebarWidth}
-        handleResizeStart={handleResizeStart}
-      />
-    </ErrorBoundary>
-  );
+	return (
+		<ErrorBoundary>
+			<AppLayout
+				centerTab={centerTab}
+				setCenterTab={setCenterTab}
+				sidebarWidth={sidebarWidth}
+				handleResizeStart={handleResizeStart}
+			/>
+		</ErrorBoundary>
+	);
 }
 
 export default App;