@prmichaelsen/acp-visualizer 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prmichaelsen/acp-visualizer",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "description": "Browser-based dashboard for visualizing ACP progress.yaml data",
   "bin": {

package/src/lib/file-watcher.ts

@@ -1,6 +1,3 @@
-import { watch } from 'fs'
-import { getProgressYamlPath } from './config'
-
 type Controller = ReadableStreamDefaultController
 
 let watcher: {
@@ -8,9 +5,12 @@ let watcher: {
   removeClient: (controller: Controller) => void
 } | null = null
 
-export function getFileWatcher() {
+export async function getFileWatcher() {
   if (watcher) return watcher
 
+  const { watch } = await import('fs')
+  const { getProgressYamlPath } = await import('./config')
+
   const filePath = getProgressYamlPath()
   const clients = new Set<Controller>()
 

package/src/routes/__root.tsx

@@ -2,7 +2,7 @@ import { HeadContent, Scripts, createRootRoute, Outlet } from '@tanstack/react-r
 import { useAutoRefresh } from '../lib/useAutoRefresh'
 import { Sidebar } from '../components/Sidebar'
 import { Header } from '../components/Header'
-import { ProgressDatabaseService } from '../services/progress-database.service'
+import { getProgressData } from '../services/progress-database.service'
 import type { ProgressData } from '../lib/types'
 
 import appCss from '../styles.css?url'
@@ -12,7 +12,7 @@ export const Route = createRootRoute({
     let progressData: ProgressData | null = null
 
     try {
-      const result = ProgressDatabaseService.getProgressData()
+      const result = await getProgressData()
       if (result.ok) {
         progressData = result.data
       }

package/src/routes/api/watch.ts

@@ -5,7 +5,7 @@ export const Route = createFileRoute('/api/watch')({
   server: {
     handlers: {
       GET: async () => {
-        const watcher = getFileWatcher()
+        const watcher = await getFileWatcher()
 
         const stream = new ReadableStream({
           start(controller) {

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

@@ -1,14 +1,17 @@
-import { readFileSync } from 'fs'
-import { parseProgressYaml } from '../lib/yaml-loader'
-import { getProgressYamlPath } from '../lib/config'
+import { createServerFn } from '@tanstack/react-start'
 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 class ProgressDatabaseService {
-  static getProgressData(): ProgressResult {
+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()
 
     try {
@@ -42,5 +45,5 @@ export class ProgressDatabaseService {
         path: filePath,
       }
     }
-  }
-}
+  },
+)