npm - @dyyz1993/create-agent - Versions diffs - 1.9.0 - Mend

@dyyz1993/create-agent 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (358) hide show

package/templates/agent/src/mainview/index.css ADDED Viewed

@@ -0,0 +1,61 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+:root {
+  --color-bg-primary: #ffffff;
+  --color-bg-secondary: #f3f4f6;
+  --color-bg-tertiary: #e5e7eb;
+  --color-bg-input: #f9fafb;
+  --color-bg-hover: #e5e7eb;
+  --color-bg-active: #d1d5db;
+  --color-bg-sidebar: #f3f4f6;
+  --color-bg-overlay: rgba(0, 0, 0, 0.5);
+  --color-text-primary: #111827;
+  --color-text-secondary: #4b5563;
+  --color-text-tertiary: #9ca3af;
+  --color-text-placeholder: #6b7280;
+  --color-text-accent: #4f46e5;
+  --color-text-success: #16a34a;
+  --color-text-error: #dc2626;
+  --color-text-info: #0891b2;
+  --color-border-primary: #d1d5db;
+  --color-border-secondary: #e5e7eb;
+  --color-accent: #4f46e5;
+  --color-accent-hover: #4338ca;
+  --color-badge-bg: #e0e7ff;
+  --color-badge-text: #3730a3;
+}
+.dark {
+  --color-bg-primary: #111827;
+  --color-bg-secondary: #1f2937;
+  --color-bg-tertiary: #374151;
+  --color-bg-input: #374151;
+  --color-bg-hover: #4b5563;
+  --color-bg-active: #6b7280;
+  --color-bg-sidebar: #1f2937;
+  --color-bg-overlay: rgba(0, 0, 0, 0.7);
+  --color-text-primary: #ffffff;
+  --color-text-secondary: #d1d5db;
+  --color-text-tertiary: #6b7280;
+  --color-text-placeholder: #9ca3af;
+  --color-text-accent: #818cf8;
+  --color-text-success: #4ade80;
+  --color-text-error: #f87171;
+  --color-text-info: #22d3ee;
+  --color-border-primary: #374151;
+  --color-border-secondary: #4b5563;
+  --color-accent: #6366f1;
+  --color-accent-hover: #4f46e5;
+  --color-badge-bg: #312e81;
+  --color-badge-text: #a5b4fc;
+}

package/templates/agent/src/mainview/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React + Tailwind + Vite</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

package/templates/agent/src/mainview/lib/api-client.ts ADDED Viewed

@@ -0,0 +1,192 @@
+import { createTypedClient, WebSocketTransport, IPCTransport } from "@dyyz1993/rpc-core";
+import type { TypedClient, MethodParams, MethodResult, EventPayload, EventMetadata } from "@dyyz1993/rpc-core";
+import type { RPCMethods, RPCEvents } from "../../shared/rpc-schema";
+import { rpcCache, CACHEABLE_METHODS } from "./rpc-cache";
+/**
+ * Token 来源优先级：
+ * 1. URL query ?token=xxx（部署时注入）
+ * 2. localStorage "rpc-auth-token"
+ * 3. 默认值（开发用）
+ */
+function resolveAuthToken(): string {
+  if (typeof window !== "undefined") {
+    const fromQuery = new URLSearchParams(window.location.search).get("token");
+    if (fromQuery) return fromQuery;
+    const fromStorage = localStorage.getItem("rpc-auth-token");
+    if (fromStorage) return fromStorage;
+  }
+  return "pi-agent-template-token";
+}
+const AUTH_TOKEN = resolveAuthToken();
+class APIClientImpl {
+  private client: TypedClient<RPCMethods, RPCEvents> | null = null;
+  private initPromise: Promise<void> | null = null;
+  private _transport: "ipc" | "websocket" = "websocket";
+  private _baseUrl: string | null = null;
+  private wsTransport: WebSocketTransport | null = null;
+  /**
+   * 桌面端同步初始化：通过 executeJavascript 接收 + __electrobunBunBridge 发送
+   */
+  initSyncForDesktop(): void {
+    if (this.client) return;
+    const ipcTransport = new IPCTransport();
+    this._transport = "ipc";
+    this._baseUrl = null; // 桌面端不走 HTTP
+    this.client = createTypedClient<RPCMethods, RPCEvents>(ipcTransport);
+    this.setupElectrobunBridge(ipcTransport);
+    if (import.meta.env.DEV) {
+      console.warn("[APIClient] Desktop (IPC) initialized synchronously");
+    }
+  }
+  /**
+   * 异步初始化：Web 端使用（连接 WebSocket）
+   */
+  async initialize(): Promise<void> {
+    // 已连接且 transport 正常 → 直接返回
+    if (this.client && (this._transport === "ipc" || this.wsTransport?.isConnected())) {
+      return;
+    }
+    // client 存在但 WS 断开了 → 清理后重连
+    if (this.client && this.wsTransport && !this.wsTransport.isConnected()) {
+      this.wsTransport.close();
+      this.wsTransport = null;
+      this.client = null;
+      this.initPromise = null;
+    }
+    if (this.initPromise) return this.initPromise;
+    this.initPromise = (async () => {
+      const env = this.detectEnvironment();
+      if (env === "electrobun") {
+        // 不应走到这里，桌面端应通过 initSyncForDesktop() 初始化
+        this.initSyncForDesktop();
+      } else {
+        this._transport = "websocket";
+        const wsUrl = this.getWebSocketUrl();
+        this.wsTransport = new WebSocketTransport(wsUrl);
+        await this.wsTransport.connect();
+        this.client = createTypedClient<RPCMethods, RPCEvents>(this.wsTransport);
+        const wsUrlObj = new URL(wsUrl);
+        this._baseUrl = `http://${wsUrlObj.host}`;
+      }
+    })();
+    return this.initPromise;
+  }
+  private detectEnvironment(): "electrobun" | "browser" {
+    if (typeof window === "undefined") return "browser";
+    if (window.__electrobunBunBridge) return "electrobun";
+    return "browser";
+  }
+  private getWebSocketUrl(): string {
+    if (typeof window === "undefined") return `ws://localhost:3100?token=${AUTH_TOKEN}`;
+    const customUrl = (
+      new URLSearchParams(window.location.search).get("ws") ||
+      localStorage.getItem("rpc-websocket-url")
+    );
+    if (customUrl) return customUrl.includes("token=") ? customUrl : `${customUrl}?token=${AUTH_TOKEN}`;
+    return `ws://${window.location.host}/ws?token=${AUTH_TOKEN}`;
+  }
+  /**
+   * 桌面端 IPC 桥接：
+   * - Bun → Browser: 通过 executeJavascript 调用 window.__piAgentIPC()
+   * - Browser → Bun: 通过 __electrobunBunBridge.postMessage 发送 Electrobun 消息格式
+   */
+  private setupElectrobunBridge(ipcTransport: IPCTransport): void {
+    if (typeof window === "undefined") return;
+    const win = window;
+    // 1. 注册接收函数：Bun 通过 executeJavascript 调用此函数发送消息到 Browser
+    win.__piAgentIPC = (msg: unknown) => {
+      ipcTransport.simulateMessage(msg);
+    };
+    // 2. 覆写 send：将 RPC-core 消息包装成 Electrobun 消息格式，通过原生桥接发送
+    const bridge = win.__electrobunBunBridge;
+    if (bridge) {
+      ipcTransport.send = async (message: unknown) => {
+        // 包装成 Electrobun message packet，bun 端 defineRPC 注册了 "rpc-message" handler
+        const electrobunPacket = {
+          type: "message",
+          id: "rpc-message",
+          payload: JSON.stringify(message),
+        };
+        bridge.postMessage(JSON.stringify(electrobunPacket));
+      };
+    }
+  }
+  getTransport(): "ipc" | "websocket" {
+    return this._transport;
+  }
+  /** Web 端 HTTP 基础 URL（如 http://localhost:3100），桌面端返回 null */
+  getBaseUrl(): string | null {
+    return this._baseUrl;
+  }
+  /** 获取当前 auth token（用于需要直接调 HTTP 的场景） */
+  getAuthToken(): string {
+    return AUTH_TOKEN;
+  }
+  async call<K extends keyof RPCMethods>(
+    method: K,
+    params: MethodParams<RPCMethods, K>
+  ): Promise<MethodResult<RPCMethods, K>> {
+    const methodStr = method as string;
+    const ttl = CACHEABLE_METHODS[methodStr];
+    if (ttl !== undefined) {
+      const cached = rpcCache.get<MethodResult<RPCMethods, K>>(methodStr, params, ttl);
+      if (cached !== null) return cached;
+    }
+    await this.initialize();
+    const result = await this.client!.call(method, params);
+    if (ttl !== undefined) {
+      rpcCache.set(methodStr, params, result);
+    }
+    return result;
+  }
+  async subscribe<K extends keyof RPCEvents>(
+    eventType: K,
+    handler: (payload: EventPayload<RPCEvents[K]>, metadata: EventMetadata<RPCEvents[K]>) => void,
+    filter?: Record<string, unknown>
+  ): Promise<string> {
+    await this.initialize();
+    return this.client!.subscribe(eventType, handler, filter);
+  }
+  unsubscribe(subscriptionId: string): void {
+    this.client?.unsubscribe(subscriptionId);
+  }
+  isConnected(): boolean {
+    return this.client !== null;
+  }
+  close(): void {
+    this.client?.close();
+  }
+}
+export const apiClient = new APIClientImpl();
+export type { APIClientImpl, RPCMethods, RPCEvents };

package/templates/agent/src/mainview/lib/i18n/index.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import en from "./locales/en.json";
+import zh from "./locales/zh.json";
+export const supportedLocales = ["en", "zh"] as const;
+export type Locale = (typeof supportedLocales)[number];
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: { translation: en },
+      zh: { translation: zh },
+    },
+    fallbackLng: "en",
+    supportedLngs: [...supportedLocales],
+    interpolation: {
+      escapeValue: false,
+    },
+    detection: {
+      order: ["localStorage", "navigator"],
+      lookupLocalStorage: "locale",
+      caches: ["localStorage"],
+    },
+  });
+export default i18n;

package/templates/agent/src/mainview/lib/i18n/locales/en.json ADDED Viewed

@@ -0,0 +1,157 @@
+{
+  "app": {
+    "title": "Pi Agent",
+    "connecting": "Connecting to RPC server...",
+    "mode": {
+      "desktop": "Desktop (IPC)",
+      "web": "Web (WebSocket)"
+    }
+  },
+  "sidebar": {
+    "explorer": "Explorer",
+    "git": "Source Control",
+    "search": "Search",
+    "rules": "Rules"
+  },
+  "tabs": {
+    "chat": "Chat",
+    "feed": "Feed + Subs",
+    "bash": "Terminal",
+    "todo": "Todo",
+    "debug": "Debug"
+  },
+  "chat": {
+    "title": "Messages",
+    "placeholder": "Type a message...",
+    "send": "Send",
+    "empty": "Start a conversation..."
+  },
+  "explorer": {
+    "title": "Explorer",
+    "pathPlaceholder": "Path",
+    "refresh": "Refresh",
+    "listDirectory": "List directory",
+    "newFile": "New File",
+    "newFolder": "New Folder",
+    "rename": "Rename",
+    "delete": "Delete",
+    "copyPath": "Copy Path",
+    "confirmDelete": "Confirm Delete",
+    "confirmDeleteMessage": "Are you sure you want to delete \"{{name}}\"? This action cannot be undone.",
+    "emptyHint": "Enter path and click refresh"
+  },
+  "git": {
+    "title": "Source Control",
+    "staged": "Staged Changes",
+    "changes": "Changes",
+    "untracked": "Untracked",
+    "noChanges": "No changes detected",
+    "commits": "Commits",
+    "noCommits": "No commits",
+    "noFiles": "No files",
+    "loadingFiles": "Loading files...",
+    "commitPlaceholder": "Commit message (Ctrl+Enter to commit)",
+    "committing": "Committing...",
+    "commit": "Commit",
+    "openDiff": "Open Diff",
+    "openFile": "Open File",
+    "copyHash": "Copy Hash",
+    "copyMessage": "Copy Message",
+    "copyPath": "Copy Path",
+    "pull": "Pull",
+    "push": "Push",
+    "refresh": "Refresh",
+    "stage": "Stage",
+    "unstage": "Unstage",
+    "stageAll": "Stage all",
+    "unstageAll": "Unstage all",
+    "worktrees": "Worktrees",
+    "close": "Close",
+    "justNow": "just now",
+    "minutesAgo": "{{count}}m ago",
+    "hoursAgo": "{{count}}h ago",
+    "daysAgo": "{{count}}d ago"
+  },
+  "feed": {
+    "title": "Feed + Subscriptions",
+    "newPost": "New Post",
+    "authorPlaceholder": "Author",
+    "post": "Post",
+    "postPlaceholder": "Write a post...",
+    "subscribeWithFilter": "Subscribe with Filter",
+    "filterPlaceholder": "filter JSON, e.g. {\"category\":\"tech\"}",
+    "subscribe": "Subscribe",
+    "unsubscribe": "Unsubscribe",
+    "noFilter": "no filter",
+    "eventStream": "Event Stream",
+    "live": "LIVE",
+    "noPostsYet": "No posts yet. Create one above!"
+  },
+  "todo": {
+    "title": "Todo",
+    "add": "Add Todo",
+    "placeholder": "What needs to be done?",
+    "save": "Add",
+    "empty": "No tasks yet",
+    "emptyHint": "Click \"Add Todo\" to create one",
+    "status": "Status:",
+    "statusPending": "pending",
+    "statusInProgress": "in progress",
+    "statusCompleted": "completed"
+  },
+  "rules": {
+    "title": "Rules",
+    "add": "Add Rule",
+    "namePlaceholder": "Rule name",
+    "patternPlaceholder": "Glob pattern (e.g. **/*.ts)",
+    "save": "Save",
+    "empty": "No rules defined yet",
+    "emptyHint": "Click \"Add Rule\" to create one",
+    "pattern": "Pattern:"
+  },
+  "bash": {
+    "title": "Terminal",
+    "enterCommand": "Enter command...",
+    "run": "Run",
+    "processRunning": "Process running... (PID: {{pid}})",
+    "waitingOutput": "Waiting for output...",
+    "exit": "Exit: {{code}}",
+    "noActiveProcess": "No active process",
+    "getStarted": "Run a command to get started",
+    "kill": "Kill",
+    "exited": "exited({{code}})"
+  },
+  "diff": {
+    "lineByLine": "Line by line",
+    "sideBySide": "Side by side",
+    "loading": "Loading diff...",
+    "before": "Before",
+    "after": "After"
+  },
+  "debug": {
+    "rpcCalls": "RPC Calls",
+    "call": "Call",
+    "subscriptions": "Subscriptions",
+    "subscribe": "Subscribe",
+    "unsubscribe": "Unsubscribe",
+    "events": "{{count}} events",
+    "noEvents": "No events yet",
+    "logs": "Logs"
+  },
+  "theme": {
+    "light": "Light",
+    "dark": "Dark",
+    "toggle": "Toggle theme"
+  },
+  "locale": {
+    "en": "English",
+    "zh": "中文"
+  },
+  "common": {
+    "loading": "Loading...",
+    "cancel": "Cancel",
+    "confirm": "Confirm",
+    "save": "Save",
+    "delete": "Delete"
+  }
+}

package/templates/agent/src/mainview/lib/i18n/locales/zh.json ADDED Viewed

@@ -0,0 +1,157 @@
+{
+  "app": {
+    "title": "Pi Agent",
+    "connecting": "正在连接 RPC 服务器...",
+    "mode": {
+      "desktop": "桌面 (IPC)",
+      "web": "Web (WebSocket)"
+    }
+  },
+  "sidebar": {
+    "explorer": "资源管理器",
+    "git": "源代码管理",
+    "search": "搜索",
+    "rules": "规则"
+  },
+  "tabs": {
+    "chat": "聊天",
+    "feed": "动态 + 订阅",
+    "bash": "终端",
+    "todo": "待办",
+    "debug": "调试"
+  },
+  "chat": {
+    "title": "消息",
+    "placeholder": "输入消息...",
+    "send": "发送",
+    "empty": "开始对话..."
+  },
+  "explorer": {
+    "title": "资源管理器",
+    "pathPlaceholder": "路径",
+    "refresh": "刷新",
+    "listDirectory": "列出目录",
+    "newFile": "新建文件",
+    "newFolder": "新建文件夹",
+    "rename": "重命名",
+    "delete": "删除",
+    "copyPath": "复制路径",
+    "confirmDelete": "确认删除",
+    "confirmDeleteMessage": "确定要删除 \"{{name}}\" 吗？此操作无法撤销。",
+    "emptyHint": "输入路径并点击刷新"
+  },
+  "git": {
+    "title": "源代码管理",
+    "staged": "已暂存更改",
+    "changes": "更改",
+    "untracked": "未跟踪",
+    "noChanges": "未检测到更改",
+    "commits": "提交记录",
+    "noCommits": "暂无提交",
+    "noFiles": "暂无文件",
+    "loadingFiles": "加载文件中...",
+    "commitPlaceholder": "提交信息 (Ctrl+Enter 提交)",
+    "committing": "提交中...",
+    "commit": "提交",
+    "openDiff": "打开差异",
+    "openFile": "打开文件",
+    "copyHash": "复制哈希",
+    "copyMessage": "复制信息",
+    "copyPath": "复制路径",
+    "pull": "拉取",
+    "push": "推送",
+    "refresh": "刷新",
+    "stage": "暂存",
+    "unstage": "取消暂存",
+    "stageAll": "全部暂存",
+    "unstageAll": "全部取消暂存",
+    "worktrees": "工作树",
+    "close": "关闭",
+    "justNow": "刚刚",
+    "minutesAgo": "{{count}}分钟前",
+    "hoursAgo": "{{count}}小时前",
+    "daysAgo": "{{count}}天前"
+  },
+  "feed": {
+    "title": "动态 + 订阅",
+    "newPost": "新动态",
+    "authorPlaceholder": "作者",
+    "post": "发布",
+    "postPlaceholder": "写点什么...",
+    "subscribeWithFilter": "带过滤器订阅",
+    "filterPlaceholder": "过滤器 JSON，如 {\"category\":\"tech\"}",
+    "subscribe": "订阅",
+    "unsubscribe": "取消订阅",
+    "noFilter": "无过滤",
+    "eventStream": "事件流",
+    "live": "直播",
+    "noPostsYet": "暂无动态，在上方创建一条！"
+  },
+  "todo": {
+    "title": "待办",
+    "add": "添加待办",
+    "placeholder": "需要做什么？",
+    "save": "添加",
+    "empty": "暂无任务",
+    "emptyHint": "点击\"添加待办\"来创建",
+    "status": "状态：",
+    "statusPending": "待处理",
+    "statusInProgress": "进行中",
+    "statusCompleted": "已完成"
+  },
+  "rules": {
+    "title": "规则",
+    "add": "添加规则",
+    "namePlaceholder": "规则名称",
+    "patternPlaceholder": "Glob 匹配模式 (如 **/*.ts)",
+    "save": "保存",
+    "empty": "暂无规则",
+    "emptyHint": "点击\"添加规则\"来创建",
+    "pattern": "模式："
+  },
+  "bash": {
+    "title": "终端",
+    "enterCommand": "输入命令...",
+    "run": "运行",
+    "processRunning": "进程运行中... (PID: {{pid}})",
+    "waitingOutput": "等待输出...",
+    "exit": "退出码: {{code}}",
+    "noActiveProcess": "无活动进程",
+    "getStarted": "运行命令开始",
+    "kill": "终止",
+    "exited": "已退出({{code}})"
+  },
+  "diff": {
+    "lineByLine": "逐行对比",
+    "sideBySide": "并排对比",
+    "loading": "加载差异...",
+    "before": "修改前",
+    "after": "修改后"
+  },
+  "debug": {
+    "rpcCalls": "RPC 调用",
+    "call": "调用",
+    "subscriptions": "订阅",
+    "subscribe": "订阅",
+    "unsubscribe": "取消订阅",
+    "events": "{{count}} 个事件",
+    "noEvents": "暂无事件",
+    "logs": "日志"
+  },
+  "theme": {
+    "light": "浅色",
+    "dark": "深色",
+    "toggle": "切换主题"
+  },
+  "locale": {
+    "en": "English",
+    "zh": "中文"
+  },
+  "common": {
+    "loading": "加载中...",
+    "cancel": "取消",
+    "confirm": "确认",
+    "save": "保存",
+    "delete": "删除"
+  }
+}