@prmichaelsen/acp-visualizer 0.2.1 → 0.5.0

package/src/services/projects.service.ts

@@ -0,0 +1,69 @@
+import { createServerFn } from '@tanstack/react-start'
+
+export interface AcpProject {
+  id: string
+  path: string
+  type: string
+  description: string
+  status: string
+  hasProgress: boolean
+}
+
+export const listProjects = createServerFn({ method: 'GET' }).handler(
+  async (): Promise<AcpProject[]> => {
+    try {
+      const { readFileSync, existsSync } = await import('fs')
+      const { resolve } = await import('path')
+      const { homedir } = await import('os')
+      const yaml = await import('js-yaml')
+
+      const projectsFile = resolve(homedir(), '.acp', 'projects.yaml')
+      if (!existsSync(projectsFile)) return []
+
+      const raw = readFileSync(projectsFile, 'utf-8')
+      const doc = yaml.load(raw, { json: true }) as Record<string, unknown>
+      const projects = (doc?.projects || {}) as Record<string, Record<string, unknown>>
+
+      return Object.entries(projects).map(([id, p]) => {
+        const projectPath = String(p.path || '')
+        const progressPath = resolve(projectPath, 'agent', 'progress.yaml')
+        return {
+          id,
+          path: projectPath,
+          type: String(p.type || 'unknown'),
+          description: String(p.description || ''),
+          status: String(p.status || 'unknown'),
+          hasProgress: existsSync(progressPath),
+        }
+      })
+    } catch {
+      // Cloudflare Workers: no filesystem
+      return []
+    }
+  },
+)
+
+export const getProjectProgressPath = createServerFn({ method: 'GET' })
+  .validator((input: { projectId: string }) => input)
+  .handler(async ({ data }): Promise<string | null> => {
+    try {
+      const { readFileSync, existsSync } = await import('fs')
+      const { resolve } = await import('path')
+      const { homedir } = await import('os')
+      const yaml = await import('js-yaml')
+
+      const projectsFile = resolve(homedir(), '.acp', 'projects.yaml')
+      if (!existsSync(projectsFile)) return null
+
+      const raw = readFileSync(projectsFile, 'utf-8')
+      const doc = yaml.load(raw, { json: true }) as Record<string, unknown>
+      const projects = (doc?.projects || {}) as Record<string, Record<string, unknown>>
+      const project = projects[data.projectId]
+      if (!project) return null
+
+      const progressPath = resolve(String(project.path), 'agent', 'progress.yaml')
+      return existsSync(progressPath) ? progressPath : null
+    } catch {
+      return null
+    }
+  })

package/vite.config.ts

@@ -3,9 +3,14 @@ import { tanstackStart } from '@tanstack/react-start/plugin/vite'
 import viteReact from '@vitejs/plugin-react'
 import viteTsConfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from '@tailwindcss/vite'
+import { cloudflare } from '@cloudflare/vite-plugin'
 
-export default defineConfig({
+export default defineConfig(({ command }) => ({
   plugins: [
+    cloudflare({
+      viteEnvironment: { name: 'ssr' },
+      ...(command === 'serve' ? { config: { observability: { enabled: false } } } : {}),
+    }),
     viteTsConfigPaths({
       projects: ['./tsconfig.json'],
     }),
@@ -13,4 +18,4 @@ export default defineConfig({
     tanstackStart(),
     viteReact(),
   ],
-})
+}))