@prmichaelsen/acp-visualizer 0.2.1 → 0.5.2

package/src/services/progress-database.service.ts

@@ -3,47 +3,25 @@ import type { ProgressData } from '../lib/types'
 
 export type ProgressResult =
   | { ok: true; data: ProgressData }
-  | { ok: false; error: 'FILE_NOT_FOUND' | 'PARSE_ERROR'; message: string; path: string }
-
-export const getProgressData = createServerFn({ method: 'GET' }).handler(
-  async (): Promise<ProgressResult> => {
-    // Dynamic imports keep fs and yaml-loader out of the client bundle
-    const { readFileSync } = await import('fs')
-    const { parseProgressYaml } = await import('../lib/yaml-loader')
-    const { getProgressYamlPath } = await import('../lib/config')
-
-    const filePath = getProgressYamlPath()
+  | { ok: false; error: 'FILE_NOT_FOUND' | 'PARSE_ERROR' | 'NO_FILESYSTEM'; message: string; path: string }
 
+export const getProgressData = createServerFn({ method: 'GET' })
+  .inputValidator((input: { path?: string }) => input)
+  .handler(async ({ data: input }): Promise<ProgressResult> => {
     try {
-      const raw = readFileSync(filePath, 'utf-8')
+      const fs = await import('fs')
+      const { parseProgressYaml } = await import('../lib/yaml-loader')
+      const { getProgressYamlPath } = await import('../lib/config')
 
-      try {
-        const data = parseProgressYaml(raw)
-        return { ok: true, data }
-      } catch (err) {
-        return {
-          ok: false,
-          error: 'PARSE_ERROR',
-          message: err instanceof Error ? err.message : 'Failed to parse YAML',
-          path: filePath,
-        }
-      }
-    } catch (err) {
-      const code = (err as NodeJS.ErrnoException).code
-      if (code === 'ENOENT') {
-        return {
-          ok: false,
-          error: 'FILE_NOT_FOUND',
-          message: `progress.yaml not found at: ${filePath}`,
-          path: filePath,
-        }
-      }
-      return {
-        ok: false,
-        error: 'PARSE_ERROR',
-        message: err instanceof Error ? err.message : 'Failed to read file',
-        path: filePath,
+      const filePath = input.path || getProgressYamlPath()
+      const raw = fs.readFileSync(filePath, 'utf-8')
+      const data = parseProgressYaml(raw)
+      return { ok: true, data }
+    } catch (err: any) {
+      if (err?.code === 'ENOENT') {
+        return { ok: false, error: 'FILE_NOT_FOUND', message: `progress.yaml not found`, path: input.path || '' }
       }
+      // Cloudflare Workers: fs module exists but readFileSync throws
+      return { ok: false, error: 'NO_FILESYSTEM', message: 'No local filesystem — use GitHub input to load a project', path: '' }
     }
-  },
-)
+  })

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' })
+  .inputValidator((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(),
   ],
-})
+}))