@dyyz1993/create-agent 2.1.0 → 2.1.2

package/templates/agent/src/mainview/types/index.ts

@@ -1,33 +1,34 @@
 export type TreeNode = {
-  name: string;
-  path: string;
-  type: "file" | "directory";
-  size?: number;
-  children?: TreeNode[];
-  expanded?: boolean;
-  loaded?: boolean;
+	name: string;
+	path: string;
+	type: 'file' | 'directory';
+	size?: number;
+	children?: TreeNode[];
+	expanded?: boolean;
+	loaded?: boolean;
 };
 
-export type DemoMethod = "system.ping" | "system.hello" | "system.echo" | "chat.send";
+export type DemoMethod = 'system.ping' | 'system.hello' | 'system.echo' | 'chat.send';
 
 export type FilePreview = {
-  path: string;
-  name: string;
-  content: string | null;
-  imageUrl: string | null;
-  mimeType: string;
-  size: number;
-  isText: boolean;
-  isImage: boolean;
-  totalLines?: number;
+	path: string;
+	name: string;
+	content: string | null;
+	imageUrl: string | null;
+	mimeType: string;
+	size: number;
+	isText: boolean;
+	isImage: boolean;
+	totalLines?: number;
+	scrollToLine?: number;
 };
 
 export type ChatMessage = {
-  id: string;
-  role: "user" | "assistant";
-  content: string;
-  timestamp: number;
+	id: string;
+	role: 'user' | 'assistant';
+	content: string;
+	timestamp: number;
 };
 
-export type EditingType = "rename" | "newFile" | "newDir";
+export type EditingType = 'rename' | 'newFile' | 'newDir';
 export type EditingNode = { path: string; type: EditingType };

package/templates/agent/src/mainview/utils/file-icon.tsx

@@ -1,24 +1,20 @@
-import {
-  FolderOpen,
-  Folder,
-  FileText,
-  FileCode,
-  Image,
-  FileArchive,
-} from "lucide-react";
-import type { TreeNode } from "../types";
+import { FolderOpen, Folder, FileText, FileCode, Image, FileArchive } from 'lucide-react';
+import type { TreeNode } from '../types';
 
 export function getFileIcon(node: TreeNode) {
-  if (node.type === "directory") {
-    return node.expanded ? (
-      <FolderOpen className="w-4 h-4 text-yellow-400 shrink-0" />
-    ) : (
-      <Folder className="w-4 h-4 text-yellow-400 shrink-0" />
-    );
-  }
-  const ext = node.name.split(".").pop()?.toLowerCase() || "";
-  if (["ts", "tsx", "js", "jsx"].includes(ext)) return <FileCode className="w-4 h-4 text-blue-400 shrink-0" />;
-  if (["png", "jpg", "jpeg", "gif", "svg", "webp"].includes(ext)) return <Image className="w-4 h-4 text-green-400 shrink-0" />;
-  if (["zip", "gz", "tar", "rar"].includes(ext)) return <FileArchive className="w-4 h-4 text-orange-400 shrink-0" />;
-  return <FileText className="w-4 h-4 text-gray-400 shrink-0" />;
+	if (node.type === 'directory') {
+		return node.expanded ? (
+			<FolderOpen className="w-4 h-4 text-yellow-400 shrink-0" />
+		) : (
+			<Folder className="w-4 h-4 text-yellow-400 shrink-0" />
+		);
+	}
+	const ext = node.name.split('.').pop()?.toLowerCase() || '';
+	if (['ts', 'tsx', 'js', 'jsx'].includes(ext))
+		return <FileCode className="w-4 h-4 text-blue-400 shrink-0" />;
+	if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext))
+		return <Image className="w-4 h-4 text-[var(--color-text-success)] shrink-0" />;
+	if (['zip', 'gz', 'tar', 'rar'].includes(ext))
+		return <FileArchive className="w-4 h-4 text-[var(--color-text-warning)] shrink-0" />;
+	return <FileText className="w-4 h-4 text-[var(--color-text-tertiary)] shrink-0" />;
 }

package/templates/agent/src/shared/handlers/chat.ts

@@ -1,26 +1,26 @@
-import type { RPCServer } from "@dyyz1993/rpc-core";
-import type { MethodParams, MethodResult } from "@dyyz1993/rpc-core";
-import type { RPCMethods, HandlerOptions } from "../rpc-schema";
-import { readFile, writeFile, mkdir } from "fs/promises";
-import { existsSync } from "fs";
-import { join, dirname } from "path";
-import { homedir } from "os";
-import { createLogger } from "../lib/logger";
+import type { RPCServer } from '@dyyz1993/rpc-core';
+import type { MethodParams, MethodResult } from '@dyyz1993/rpc-core';
+import type { RPCMethods, HandlerOptions } from '../rpc-schema';
+import { readFile, writeFile, mkdir } from 'fs/promises';
+import { existsSync } from 'fs';
+import { join, dirname } from 'path';
+import { homedir } from 'os';
+import { createLogger } from '../lib/logger';
 
-const log = createLogger("chat");
+const log = createLogger('chat');
 
-type Platform = "desktop" | "web";
+type Platform = 'desktop' | 'web';
 
 export function getStoragePathFor(platform: Platform): string {
-	const dir = join(homedir(), ".pi-agent");
-	if (platform === "desktop") {
-		return join(dir, "chat-history-desktop.json");
+	const dir = join(homedir(), '.pi-agent');
+	if (platform === 'desktop') {
+		return join(dir, 'chat-history-desktop.json');
 	}
-	const sessionId = Date.now().toString(36) + "-" + Math.random().toString(36).slice(2, 8);
+	const sessionId = Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 8);
 	return join(dir, `chat-history-web-${sessionId}.json`);
 }
 
-type ChatMessage = { id: string; role: "user" | "assistant"; content: string; timestamp: number };
+type ChatMessage = { id: string; role: 'user' | 'assistant'; content: string; timestamp: number };
 
 function createMessageStore(filePath: string) {
 	async function load(): Promise<ChatMessage[]> {
@@ -29,12 +29,12 @@ function createMessageStore(filePath: string) {
 				log.info(`No history file at ${filePath}`);
 				return [];
 			}
-			const raw = await readFile(filePath, "utf-8");
+			const raw = await readFile(filePath, 'utf-8');
 			const msgs = JSON.parse(raw) as ChatMessage[];
 			log.info(`Loaded ${msgs.length} messages from ${filePath}`);
 			return msgs;
 		} catch (err) {
-			log.error("Failed to load history", { error: err });
+			log.error('Failed to load history', { error: err });
 			return [];
 		}
 	}
@@ -45,10 +45,10 @@ function createMessageStore(filePath: string) {
 			if (!existsSync(dir)) {
 				await mkdir(dir, { recursive: true });
 			}
-			await writeFile(filePath, JSON.stringify(messages, null, 2), "utf-8");
+			await writeFile(filePath, JSON.stringify(messages, null, 2), 'utf-8');
 			log.info(`Saved ${messages.length} messages to ${filePath}`);
 		} catch (err) {
-			log.error("Failed to save history", { error: err });
+			log.error('Failed to save history', { error: err });
 		}
 	}
 
@@ -57,16 +57,16 @@ function createMessageStore(filePath: string) {
 
 type RegisterFn = <K extends keyof RPCMethods & string>(
 	method: K,
-	handler: (params: MethodParams<RPCMethods, K>) => Promise<MethodResult<RPCMethods, K>>
+	handler: (params: MethodParams<RPCMethods, K>) => Promise<MethodResult<RPCMethods, K>>,
 ) => void;
 
-function generateReply(input: string): string {
+export function generateReply(input: string): string {
 	const lower = input.toLowerCase().trim();
 
 	if (/^(hi|hello|hey|howdy|hola|yo|sup)\b/i.test(lower)) {
 		const greetings = [
-			"Hey there! How can I help you today?",
-			"Hello! Great to see you. What would you like to know?",
+			'Hey there! How can I help you today?',
+			'Hello! Great to see you. What would you like to know?',
 			"Hi! I'm your desktop assistant. Ask me anything!",
 		];
 		return greetings[Math.floor(Math.random() * greetings.length)]!;
@@ -76,18 +76,18 @@ function generateReply(input: string): string {
 		/what('?s| is) the (time|date|day)|current (time|date)|what time|today'?s date/i.test(lower)
 	) {
 		const now = new Date();
-		const date = now.toLocaleDateString("en-US", {
-			weekday: "long",
-			year: "numeric",
-			month: "long",
-			day: "numeric",
+		const date = now.toLocaleDateString('en-US', {
+			weekday: 'long',
+			year: 'numeric',
+			month: 'long',
+			day: 'numeric',
 		});
-		const time = now.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
+		const time = now.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
 		return `It's currently **${time}** on **${date}**.`;
 	}
 
 	const mathMatch = lower.match(
-		/(?:what(?:'s| is)\s+)?(\d+(?:\.\d+)?)\s*([+\-*/x×÷^])\s*(\d+(?:\.\d+)?)/
+		/(?:what(?:'s| is)\s+)?(\d+(?:\.\d+)?)\s*([+\-*/x×÷^])\s*(\d+(?:\.\d+)?)/,
 	);
 	if (mathMatch) {
 		const a = parseFloat(mathMatch[1]!);
@@ -95,22 +95,22 @@ function generateReply(input: string): string {
 		const b = parseFloat(mathMatch[3]!);
 		let result: number;
 		switch (op) {
-			case "+":
+			case '+':
 				result = a + b;
 				break;
-			case "-":
+			case '-':
 				result = a - b;
 				break;
-			case "*":
-			case "x":
-			case "×":
+			case '*':
+			case 'x':
+			case '×':
 				result = a * b;
 				break;
-			case "/":
-			case "÷":
+			case '/':
+			case '÷':
 				result = b !== 0 ? a / b : NaN;
 				break;
-			case "^":
+			case '^':
 				result = Math.pow(a, b);
 				break;
 			default:
@@ -121,23 +121,23 @@ function generateReply(input: string): string {
 		}
 		const niceResult = Number.isInteger(result)
 			? result.toString()
-			: result.toFixed(4).replace(/0+$/, "").replace(/\.$/, "");
+			: result.toFixed(4).replace(/0+$/, '').replace(/\.$/, '');
 		return `That would be **${niceResult}**! Need help with anything else?`;
 	}
 
 	if (/file|folder|directory|browse|explorer|open file|read file/i.test(lower)) {
 		return (
-			"To browse and manage files, use the **File Explorer** panel on the left sidebar. " +
-			"You can navigate directories, preview files, and open them for editing. " +
-			"Try typing a file path or asking me about a specific directory!"
+			'To browse and manage files, use the **File Explorer** panel on the left sidebar. ' +
+			'You can navigate directories, preview files, and open them for editing. ' +
+			'Try typing a file path or asking me about a specific directory!'
 		);
 	}
 
 	if (/git|commit|branch|push|pull|merge|status|diff|log/i.test(lower)) {
 		return (
-			"The **Git Panel** gives you full source control right inside the app. " +
-			"You can view changes, stage files, commit, switch branches, push/pull, and see the commit log. " +
-			"Look for the source control icon in the sidebar to get started."
+			'The **Git Panel** gives you full source control right inside the app. ' +
+			'You can view changes, stage files, commit, switch branches, push/pull, and see the commit log. ' +
+			'Look for the source control icon in the sidebar to get started.'
 		);
 	}
 
@@ -149,8 +149,8 @@ function generateReply(input: string): string {
 			'- **Math** - Give me an expression like "12 * 8" or "what is 100 / 4"\n' +
 			"- **Files** - Ask about file browsing and I'll explain the File Explorer\n" +
 			"- **Git** - Ask about version control and I'll walk you through it\n" +
-			"- **Help** - Show this message anytime!\n\n" +
-			"This is a demo assistant - try different things to see what sticks!"
+			'- **Help** - Show this message anytime!\n\n' +
+			'This is a demo assistant - try different things to see what sticks!'
 		);
 	}
 
@@ -170,7 +170,7 @@ export function register(server: RPCServer, options: HandlerOptions): void {
 		server.register(method, handler as (params: unknown) => Promise<unknown>);
 	};
 
-	r("chat.list", async (params) => {
+	r('chat.list', async (params) => {
 		const all = await store.load();
 		const limit = params.limit ?? 50;
 		const messages = all.slice(-limit);
@@ -180,31 +180,31 @@ export function register(server: RPCServer, options: HandlerOptions): void {
 		};
 	});
 
-	r("chat.send", async (params) => {
+	r('chat.send', async (params) => {
 		const all = await store.load();
 
 		const userMsg: ChatMessage = {
 			id: `msg-${Date.now()}-user`,
-			role: "user",
+			role: 'user',
 			content: params.content,
 			timestamp: Date.now(),
 		};
 		all.push(userMsg);
 
-		server.emitEvent("chat.message", userMsg, { role: userMsg.role });
+		server.emitEvent('chat.message', userMsg, { role: userMsg.role });
 
 		const thinkDelay = 200 + Math.floor(Math.random() * 300);
 		await new Promise((r) => setTimeout(r, thinkDelay));
 
 		const reply: ChatMessage = {
 			id: `msg-${Date.now()}-assistant`,
-			role: "assistant",
+			role: 'assistant',
 			content: generateReply(params.content),
 			timestamp: Date.now(),
 		};
 		all.push(reply);
 
-		server.emitEvent("chat.message", reply, { role: reply.role });
+		server.emitEvent('chat.message', reply, { role: reply.role });
 
 		await store.save(all);
 

package/templates/agent/src/shared/handlers/debug.ts

@@ -1,8 +1,18 @@
-import type { RPCServer } from "@dyyz1993/rpc-core";
-import type { HandlerOptions } from "../rpc-schema";
+import type { RPCServer } from '@dyyz1993/rpc-core';
+import type { MethodParams, MethodResult } from '@dyyz1993/rpc-core';
+import type { RPCMethods, HandlerOptions } from '../rpc-schema';
+
+type RegisterFn = <K extends keyof RPCMethods & string>(
+	method: K,
+	handler: (params: MethodParams<RPCMethods, K>) => Promise<MethodResult<RPCMethods, K>>,
+) => void;
 
 export function register(server: RPCServer, _options: HandlerOptions): void {
-	server.register("debug.subscriptions", async () => {
+	const r: RegisterFn = (method, handler) => {
+		server.register(method, handler as (params: unknown) => Promise<unknown>);
+	};
+
+	r('debug.subscriptions', async () => {
 		return {
 			subscriptions: (
 				server as unknown as { getActiveSubscriptions(): unknown }

package/templates/browser-agent/.env.example

@@ -0,0 +1,19 @@
+# Web server configuration
+PORT=5200
+VITE_PORT=7200
+AUTH_TOKEN=your-secret-token-here
+VITE_AUTH_TOKEN=your-secret-token-here
+MAX_UPLOAD_SIZE=5242880
+LOG_DIR=logs
+CORS_ORIGIN=http://localhost:7200
+
+# Browser Agent configuration
+CDP_ENDPOINT=http://localhost:9221
+CLOUD_PROXY_URL=http://localhost:9221
+AGENT_MAX_TURNS=30
+AGENT_TIMEOUT_MS=300000
+XBROWSER_CMD=/usr/local/bin/xbrowser
+
+# Mock 流式模式（演示/调试用）— 设为 true 后不连接真实 AI，
+# 用脚本化流程模拟完整的 agent 流式输出（thinking → toolCall → textDelta → done）
+ENABLE_MOCK_STREAM=false

package/templates/browser-agent/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"

package/templates/browser-agent/.husky/pre-commit

@@ -0,0 +1,11 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+# Secret detection
+if git diff --cached --name-only --diff-filter=ACM -z | xargs -0 grep -ilE '(password|secret|api.key|private.key|token|credential).*=.*[A-Za-z0-9]{16,}' 2>/dev/null; then
+  echo "⚠️  Potential secrets detected in staged files!"
+  echo "Please review and remove any sensitive data before committing."
+  exit 1
+fi
+
+npx lint-staged

package/templates/browser-agent/.husky/pre-push

@@ -0,0 +1,6 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+echo "⏳ Running lint..."
+pnpm run lint
+echo "✅ Pre-push checks passed. Pushing..."

package/templates/browser-agent/.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+build
+dist
+dist-electron
+pnpm-lock.yaml
+*.min.js

package/templates/browser-agent/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}