feat(core): initialize project skeleton with Electron + React + TypeScript

Set up the complete project foundation for ClawX, a graphical AI assistant: - Electron main process with IPC handlers, menu, tray, and gateway management - React renderer with routing, layout components, and page scaffolding - Zustand state management for gateway, settings, channels, skills, chat, and cron - shadcn/ui components with Tailwind CSS and CSS variable theming - Build tooling with Vite, electron-builder, and TypeScript configuration - Testing setup with Vitest and Playwright - Development configurations (ESLint, Prettier, gitignore, env example)
2026-02-05 23:09:17 +08:00
parent 9442e5f77a
commit b8ab0208d0
71 changed files with 14086 additions and 3 deletions
--- a/src/stores/channels.ts
+++ b/src/stores/channels.ts
@@ -0,0 +1,90 @@
+/**
+ * Channels State Store
+ * Manages messaging channel state
+ */
+import { create } from 'zustand';
+import type { Channel } from '../types/channel';
+
+interface ChannelsState {
+  channels: Channel[];
+  loading: boolean;
+  error: string | null;
+  
+  // Actions
+  fetchChannels: () => Promise<void>;
+  connectChannel: (channelId: string) => Promise<void>;
+  disconnectChannel: (channelId: string) => Promise<void>;
+  setChannels: (channels: Channel[]) => void;
+  updateChannel: (channelId: string, updates: Partial<Channel>) => void;
+}
+
+export const useChannelsStore = create<ChannelsState>((set, get) => ({
+  channels: [],
+  loading: false,
+  error: null,
+  
+  fetchChannels: async () => {
+    set({ loading: true, error: null });
+    
+    try {
+      const result = await window.electron.ipcRenderer.invoke(
+        'gateway:rpc',
+        'channels.list'
+      ) as { success: boolean; result?: Channel[]; error?: string };
+      
+      if (result.success && result.result) {
+        set({ channels: result.result, loading: false });
+      } else {
+        set({ error: result.error || 'Failed to fetch channels', loading: false });
+      }
+    } catch (error) {
+      set({ error: String(error), loading: false });
+    }
+  },
+  
+  connectChannel: async (channelId) => {
+    const { updateChannel } = get();
+    updateChannel(channelId, { status: 'connecting' });
+    
+    try {
+      const result = await window.electron.ipcRenderer.invoke(
+        'gateway:rpc',
+        'channels.connect',
+        { channelId }
+      ) as { success: boolean; error?: string };
+      
+      if (result.success) {
+        updateChannel(channelId, { status: 'connected' });
+      } else {
+        updateChannel(channelId, { status: 'error', error: result.error });
+      }
+    } catch (error) {
+      updateChannel(channelId, { status: 'error', error: String(error) });
+    }
+  },
+  
+  disconnectChannel: async (channelId) => {
+    try {
+      await window.electron.ipcRenderer.invoke(
+        'gateway:rpc',
+        'channels.disconnect',
+        { channelId }
+      );
+      
+      const { updateChannel } = get();
+      updateChannel(channelId, { status: 'disconnected' });
+    } catch (error) {
+      console.error('Failed to disconnect channel:', error);
+    }
+  },
+  
+  setChannels: (channels) => set({ channels }),
+  
+  updateChannel: (channelId, updates) => {
+    set((state) => ({
+      channels: state.channels.map((channel) =>
+        channel.id === channelId ? { ...channel, ...updates } : channel
+      ),
+    }));
+  },
+}));