@dyyz1993/create-agent 1.9.0

package/templates/chat/src/mainview/lib/i18n/locales/en.json

@@ -0,0 +1,157 @@
+{
+  "app": {
+    "title": "Pi Chat",
+    "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/chat/src/mainview/lib/i18n/locales/zh.json

@@ -0,0 +1,157 @@
+{
+  "app": {
+    "title": "Pi Chat",
+    "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": "删除"
+  }
+}

package/templates/chat/src/mainview/main.tsx

@@ -0,0 +1,20 @@
+import "./lib/i18n";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { apiClient } from "./lib/api-client";
+import "./index.css";
+import App from "./App";
+
+const isElectrobun = typeof window !== "undefined" && !!window.__electrobunBunBridge;
+
+if (isElectrobun) {
+  // 桌面端：同步初始化 IPC（Electrobun 要求桥接在页面加载时同步设置）
+  apiClient.initSyncForDesktop();
+}
+// Web 端 WS 初始化由 App.tsx 统一管理，避免竞争
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/templates/chat/src/mainview/stores/__tests__/use-locale-store.test.ts

@@ -0,0 +1,32 @@
+import { describe, it, expect, beforeEach, vi } from "vitest";
+
+describe("useLocaleStore", () => {
+  beforeEach(async () => {
+    vi.resetModules();
+    localStorage.clear();
+  });
+
+  it("should default to English", async () => {
+    const { useLocaleStore } = await import("../use-locale-store");
+    expect(useLocaleStore.getState().locale).toBe("en");
+  });
+
+  it("should change locale", async () => {
+    const { useLocaleStore } = await import("../use-locale-store");
+    useLocaleStore.getState().setLocale("zh");
+    expect(useLocaleStore.getState().locale).toBe("zh");
+  });
+
+  it("should persist locale to localStorage", async () => {
+    const { useLocaleStore } = await import("../use-locale-store");
+    useLocaleStore.getState().setLocale("zh");
+    expect(localStorage.getItem("locale")).toBe("zh");
+  });
+
+  it("should restore locale from localStorage", async () => {
+    localStorage.setItem("locale", "zh");
+    vi.resetModules();
+    const { useLocaleStore } = await import("../use-locale-store");
+    expect(useLocaleStore.getState().locale).toBe("zh");
+  });
+});

package/templates/chat/src/mainview/stores/__tests__/use-theme-store.test.ts

@@ -0,0 +1,59 @@
+import { describe, it, expect, beforeEach, vi } from "vitest";
+
+describe("useThemeStore", () => {
+  beforeEach(async () => {
+    vi.resetModules();
+    localStorage.clear();
+    document.documentElement.classList.remove("dark");
+  });
+
+  it("should default to dark theme", async () => {
+    const { useThemeStore } = await import("../use-theme-store");
+    const state = useThemeStore.getState();
+    expect(state.theme).toBe("dark");
+  });
+
+  it("should toggle between light and dark", async () => {
+    const { useThemeStore } = await import("../use-theme-store");
+    const store = useThemeStore.getState();
+
+    expect(store.theme).toBe("dark");
+    store.toggleTheme();
+    expect(useThemeStore.getState().theme).toBe("light");
+
+    useThemeStore.getState().toggleTheme();
+    expect(useThemeStore.getState().theme).toBe("dark");
+  });
+
+  it("should set theme explicitly", async () => {
+    const { useThemeStore } = await import("../use-theme-store");
+    useThemeStore.getState().setTheme("light");
+    expect(useThemeStore.getState().theme).toBe("light");
+  });
+
+  it("should persist theme to localStorage", async () => {
+    const { useThemeStore } = await import("../use-theme-store");
+    useThemeStore.getState().setTheme("light");
+
+    expect(localStorage.getItem("theme")).toBe("light");
+  });
+
+  it("should restore theme from localStorage", async () => {
+    localStorage.setItem("theme", "light");
+
+    vi.resetModules();
+    const { useThemeStore } = await import("../use-theme-store");
+
+    expect(useThemeStore.getState().theme).toBe("light");
+  });
+
+  it("should apply dark class to document element", async () => {
+    const { useThemeStore } = await import("../use-theme-store");
+    useThemeStore.getState().setTheme("dark");
+
+    expect(document.documentElement.classList.contains("dark")).toBe(true);
+
+    useThemeStore.getState().setTheme("light");
+    expect(document.documentElement.classList.contains("dark")).toBe(false);
+  });
+});

package/templates/chat/src/mainview/stores/message-batcher.ts

@@ -0,0 +1,25 @@
+type Update = { sessionId: string; apply: () => void };
+
+let queue: Update[] = [];
+let rafId: number | null = null;
+
+function flush() {
+  rafId = null;
+  const batch = queue;
+  queue = [];
+  for (const u of batch) u.apply();
+}
+
+export function batchMessageUpdate(sessionId: string, apply: () => void) {
+  queue.push({ sessionId, apply });
+  if (!rafId) {
+    rafId = requestAnimationFrame(flush);
+  }
+}
+
+export function flushNow() {
+  if (rafId) {
+    cancelAnimationFrame(rafId);
+    flush();
+  }
+}

package/templates/chat/src/mainview/stores/use-app-store.ts

@@ -0,0 +1,50 @@
+import { create } from "zustand";
+import { apiClient } from "../lib/api-client";
+import type { RPCMethods } from "../lib/api-client";
+import type { MethodResult } from "@dyyz1993/rpc-core";
+import type { DemoMethod } from "../types";
+import { useLogStore } from "./use-log-store";
+
+type DemoResult = MethodResult<RPCMethods, "system.ping">
+  | MethodResult<RPCMethods, "system.hello">
+  | MethodResult<RPCMethods, "system.echo">
+  | MethodResult<RPCMethods, "chat.send">;
+
+interface AppState {
+  method: DemoMethod;
+  result: DemoResult | null;
+
+  setMethod: (method: DemoMethod) => void;
+  callRPC: (inputText: string) => Promise<void>;
+}
+
+export const useAppStore = create<AppState>((set, get) => ({
+  method: "system.ping",
+  result: null,
+
+  setMethod: (method) => set({ method }),
+
+  callRPC: async (inputText: string) => {
+    const { method } = get();
+    const addLog = useLogStore.getState().addLog;
+    addLog(`RPC call: ${method}`);
+    try {
+      addLog(`Calling: ${method}...`);
+      let res: DemoResult;
+      if (method === "system.ping") {
+        res = await apiClient.call("system.ping", {});
+      } else if (method === "system.hello") {
+        res = await apiClient.call("system.hello", {});
+      } else if (method === "system.echo") {
+        res = await apiClient.call("system.echo", {});
+      } else if (method === "chat.send") {
+        const content = inputText.trim() || "Hello from RPC";
+        res = await apiClient.call("chat.send", { content });
+      }
+      set({ result: res });
+      addLog(`Result: ${JSON.stringify(res)}`);
+    } catch (err) {
+      addLog(`Error: ${err instanceof Error ? err.message : String(err)}`);
+    }
+  },
+}));

package/templates/chat/src/mainview/stores/use-chat-store.ts

@@ -0,0 +1,37 @@
+import { create } from "zustand";
+import type { ChatMessage } from "../types";
+import { apiClient } from "../lib/api-client";
+import { useLogStore } from "./use-log-store";
+
+interface ChatState {
+  messages: ChatMessage[];
+  inputText: string;
+
+  setInputText: (text: string) => void;
+  sendMessage: () => Promise<void>;
+  addMessage: (msg: ChatMessage) => void;
+  setMessages: (msgs: ChatMessage[]) => void;
+}
+
+export const useChatStore = create<ChatState>((set, get) => ({
+  messages: [],
+  inputText: "",
+
+  setInputText: (text) => set({ inputText: text }),
+
+  sendMessage: async () => {
+    const { inputText } = get();
+    if (!inputText.trim()) return;
+    const text = inputText.trim();
+    set({ inputText: "" });
+    try {
+      await apiClient.call("chat.send", { content: text });
+    } catch (err) {
+      useLogStore.getState().addLog(`Chat error: ${err instanceof Error ? err.message : String(err)}`);
+    }
+  },
+
+  addMessage: (msg) => set((s) => ({ messages: [...s.messages, msg] })),
+
+  setMessages: (msgs) => set({ messages: msgs }),
+}));

package/templates/chat/src/mainview/stores/use-connection-store.ts

@@ -0,0 +1,42 @@
+import { create } from "zustand";
+import { apiClient } from "../lib/api-client";
+import { useLogStore } from "./use-log-store";
+
+interface ConnectionState {
+  mode: "web" | "desktop";
+  ready: boolean;
+  setReady: (ready: boolean) => void;
+  setMode: (mode: "web" | "desktop") => void;
+  initializeConnection: () => void;
+}
+
+export const useConnectionStore = create<ConnectionState>((set) => ({
+  mode: "web",
+  ready: false,
+  setReady: (ready) => set({ ready }),
+  setMode: (mode) => set({ mode }),
+
+  initializeConnection: () => {
+    const MAX_RETRIES = 5;
+    let retries = 0;
+    const init = async () => {
+      try {
+        await apiClient.initialize();
+        const transport = apiClient.getTransport();
+        set({
+          mode: transport === "ipc" ? "desktop" : "web",
+          ready: true,
+        });
+        useLogStore.getState().addLog(`${transport === "ipc" ? "Desktop" : "Web"} mode - ${transport.toUpperCase()}`);
+      } catch {
+        retries++;
+        if (retries < MAX_RETRIES) {
+          setTimeout(init, 1000);
+        } else {
+          useLogStore.getState().addLog(`Failed to connect after ${MAX_RETRIES} retries`);
+        }
+      }
+    };
+    init();
+  },
+}));

package/templates/chat/src/mainview/stores/use-locale-store.ts

@@ -0,0 +1,27 @@
+import { create } from "zustand";
+import type { Locale } from "../lib/i18n";
+
+interface LocaleState {
+  locale: Locale;
+  setLocale: (locale: Locale) => void;
+}
+
+function getInitialLocale(): Locale {
+  if (typeof window === "undefined") return "en";
+  const stored = localStorage.getItem("locale");
+  if (stored === "en" || stored === "zh") return stored;
+  const browserLang = navigator.language.toLowerCase();
+  if (browserLang.startsWith("zh")) return "zh";
+  return "en";
+}
+
+export const useLocaleStore = create<LocaleState>((set) => ({
+  locale: getInitialLocale(),
+  setLocale: (locale) => {
+    localStorage.setItem("locale", locale);
+    import("../lib/i18n").then((i18n) => {
+      i18n.default.changeLanguage(locale);
+    });
+    set({ locale });
+  },
+}));

package/templates/chat/src/mainview/stores/use-log-store.ts

@@ -0,0 +1,16 @@
+import { create } from "zustand";
+
+interface LogState {
+  logs: string[];
+  addLog: (message: string) => void;
+}
+
+const MAX_LOGS = 100;
+
+export const useLogStore = create<LogState>((set) => ({
+  logs: [],
+  addLog: (message) =>
+    set((state) => ({
+      logs: [...state.logs.slice(-(MAX_LOGS - 1)), `[${new Date().toISOString().slice(11, 19)}] ${message}`],
+    })),
+}));