@prmichaelsen/acp-visualizer 0.1.1 → 0.1.3

package/bin/visualize.mjs

@@ -60,8 +60,29 @@ console.log(`\n  ACP Progress Visualizer`)
 console.log(`  Loading: ${progressPath}`)
 console.log(`  Port:    ${port}\n`)
 
+// Resolve vite binary — check package's own node_modules first,
+// then walk up (npx hoists deps to a shared node_modules)
+function findViteBin() {
+  // Local development: package has its own node_modules
+  const local = resolve(packageRoot, 'node_modules', '.bin', 'vite')
+  if (existsSync(local)) return local
+
+  // npx: deps hoisted — walk up from package root to find node_modules/.bin
+  let dir = packageRoot
+  while (dir !== '/') {
+    const candidate = resolve(dir, 'node_modules', '.bin', 'vite')
+    if (existsSync(candidate)) return candidate
+    dir = resolve(dir, '..')
+  }
+
+  // Fallback: hope it's on PATH
+  return 'vite'
+}
+
+const viteBin = findViteBin()
+
 // Start vite dev server from the package directory
-const child = spawn('npx', ['vite', 'dev', '--port', port, '--host'], {
+const child = spawn(viteBin, ['dev', '--port', port, '--host'], {
   cwd: packageRoot,
   stdio: 'inherit',
   env: {

package/package.json

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

package/src/components/ExtraFieldsBadge.tsx

@@ -1,4 +1,4 @@
-import type { ExtraFields } from '@/lib/types'
+import type { ExtraFields } from '../lib/types'
 
 export function ExtraFieldsBadge({ fields }: { fields: ExtraFields }) {
   const count = Object.keys(fields).length

package/src/components/FilterBar.tsx

@@ -1,4 +1,4 @@
-import type { Status } from '@/lib/types'
+import type { Status } from '../lib/types'
 
 const statusOptions: Array<{ value: Status | 'all'; label: string }> = [
   { value: 'all', label: 'All' },

package/src/components/Header.tsx

@@ -1,6 +1,6 @@
 import { StatusBadge } from './StatusBadge'
 import { ProgressBar } from './ProgressBar'
-import type { ProgressData } from '@/lib/types'
+import type { ProgressData } from '../lib/types'
 
 interface HeaderProps {
   data: ProgressData | null

package/src/components/MilestoneTable.tsx

@@ -11,7 +11,7 @@ import { ChevronDown, ChevronRight, ArrowUpDown } from 'lucide-react'
 import { StatusBadge } from './StatusBadge'
 import { ProgressBar } from './ProgressBar'
 import { TaskList } from './TaskList'
-import type { Milestone, Task } from '@/lib/types'
+import type { Milestone, Task } from '../lib/types'
 
 const columnHelper = createColumnHelper<Milestone>()
 

package/src/components/MilestoneTree.tsx

@@ -3,8 +3,8 @@ import { ChevronDown, ChevronRight } from 'lucide-react'
 import { StatusBadge } from './StatusBadge'
 import { ProgressBar } from './ProgressBar'
 import { TaskList } from './TaskList'
-import { useCollapse } from '@/lib/useCollapse'
-import type { Milestone, Task } from '@/lib/types'
+import { useCollapse } from '../lib/useCollapse'
+import type { Milestone, Task } from '../lib/types'
 
 interface MilestoneTreeProps {
   milestones: Milestone[]

package/src/components/StatusBadge.tsx

@@ -1,4 +1,4 @@
-import type { Status } from '@/lib/types'
+import type { Status } from '../lib/types'
 
 const statusStyles: Record<Status, string> = {
   completed: 'bg-green-500/15 text-green-400 border-green-500/20',

package/src/components/StatusDot.tsx

@@ -1,4 +1,4 @@
-import type { Status } from '@/lib/types'
+import type { Status } from '../lib/types'
 
 const dotStyles: Record<Status, { symbol: string; color: string }> = {
   completed: { symbol: '✓', color: 'text-green-400' },

package/src/components/TaskList.tsx

@@ -1,6 +1,6 @@
 import { StatusDot } from './StatusDot'
 import { ExtraFieldsBadge } from './ExtraFieldsBadge'
-import type { Task } from '@/lib/types'
+import type { Task } from '../lib/types'
 
 export function TaskList({ tasks }: { tasks: Task[] }) {
   if (tasks.length === 0) {

package/src/routes/__root.tsx

@@ -1,9 +1,9 @@
 import { HeadContent, Scripts, createRootRoute, Outlet } from '@tanstack/react-router'
-import { useAutoRefresh } from '@/lib/useAutoRefresh'
-import { Sidebar } from '@/components/Sidebar'
-import { Header } from '@/components/Header'
-import { ProgressDatabaseService } from '@/services/progress-database.service'
-import type { ProgressData } from '@/lib/types'
+import { useAutoRefresh } from '../lib/useAutoRefresh'
+import { Sidebar } from '../components/Sidebar'
+import { Header } from '../components/Header'
+import { ProgressDatabaseService } from '../services/progress-database.service'
+import type { ProgressData } from '../lib/types'
 
 import appCss from '../styles.css?url'
 

package/src/routes/api/watch.ts

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { getFileWatcher } from '@/lib/file-watcher'
+import { getFileWatcher } from '../../lib/file-watcher'
 
 export const Route = createFileRoute('/api/watch')({
   server: {

package/src/routes/index.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { StatusBadge } from '@/components/StatusBadge'
-import { ProgressBar } from '@/components/ProgressBar'
+import { StatusBadge } from '../components/StatusBadge'
+import { ProgressBar } from '../components/ProgressBar'
 
 export const Route = createFileRoute('/')({
   component: HomePage,

package/src/routes/milestones.tsx

@@ -1,12 +1,12 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { useState } from 'react'
-import { MilestoneTable } from '@/components/MilestoneTable'
-import { MilestoneTree } from '@/components/MilestoneTree'
-import { ViewToggle } from '@/components/ViewToggle'
-import { FilterBar } from '@/components/FilterBar'
-import { SearchInput } from '@/components/SearchInput'
-import { useFilteredData } from '@/lib/useFilteredData'
-import type { Status } from '@/lib/types'
+import { MilestoneTable } from '../components/MilestoneTable'
+import { MilestoneTree } from '../components/MilestoneTree'
+import { ViewToggle } from '../components/ViewToggle'
+import { FilterBar } from '../components/FilterBar'
+import { SearchInput } from '../components/SearchInput'
+import { useFilteredData } from '../lib/useFilteredData'
+import type { Status } from '../lib/types'
 
 export const Route = createFileRoute('/milestones')({
   component: MilestonesPage,

package/src/routes/search.tsx

@@ -1,9 +1,9 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { useState, useMemo } from 'react'
-import { SearchInput } from '@/components/SearchInput'
-import { StatusBadge } from '@/components/StatusBadge'
-import { StatusDot } from '@/components/StatusDot'
-import { buildSearchIndex } from '@/lib/search'
+import { SearchInput } from '../components/SearchInput'
+import { StatusBadge } from '../components/StatusBadge'
+import { StatusDot } from '../components/StatusDot'
+import { buildSearchIndex } from '../lib/search'
 
 export const Route = createFileRoute('/search')({
   component: SearchPage,

package/src/routes/tasks.tsx

@@ -1,7 +1,7 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { StatusDot } from '@/components/StatusDot'
-import { ExtraFieldsBadge } from '@/components/ExtraFieldsBadge'
-import type { Task } from '@/lib/types'
+import { StatusDot } from '../components/StatusDot'
+import { ExtraFieldsBadge } from '../components/ExtraFieldsBadge'
+import type { Task } from '../lib/types'
 
 export const Route = createFileRoute('/tasks')({
   component: TasksPage,

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

@@ -1,7 +1,7 @@
 import { readFileSync } from 'fs'
-import { parseProgressYaml } from '@/lib/yaml-loader'
-import { getProgressYamlPath } from '@/lib/config'
-import type { ProgressData } from '@/lib/types'
+import { parseProgressYaml } from '../lib/yaml-loader'
+import { getProgressYamlPath } from '../lib/config'
+import type { ProgressData } from '../lib/types'
 
 export type ProgressResult =
   | { ok: true; data: ProgressData }