@aiready/visualizer 0.7.0 → 0.7.1

package/README.md

@@ -16,11 +16,11 @@ This package provides tools to transform AIReady analysis results into interacti
                       │
                       ▼
          🎛️  @aiready/cli (orchestrator)
-          │     │     │     │     │     │     │     │     │
-          ▼     ▼     ▼     ▼     ▼     ▼     ▼     ▼     ▼
-        [PAT] [CTX] [CON] [AMP] [DEP] [DOC] [SIG] [AGT] [TST]
-          │     │     │     │     │     │     │     │     │
-          └─────┴─────┴─────┴─────┴─────┴─────┴─────┴─────┘
+          │     │     │     │     │     │     │     │     │     │
+          ▼     ▼     ▼     ▼     ▼     ▼     ▼     ▼     ▼     ▼
+        [PAT] [CTX] [CON] [AMP] [DEP] [DOC] [SIG] [AGT] [TST] [CTR]
+          │     │     │     │     │     │     │     │     │     │
+          └─────┴─────┴─────┴─────┴─────┴─────┴─────┴─────┴─────┴─────┘
                                │
                                ▼
                       🏢 @aiready/core
@@ -30,7 +30,7 @@ Legend:
   CON = consistency           AMP = change-amplification
   DEP = deps-health           DOC = doc-drift
   SIG = ai-signal-clarity     AGT = agent-grounding
-  TST = testability
+  TST = testability           CTR = contract-enforcement
   VIZ = @aiready/visualizer ★  (support package — renders analysis results, not a scorer)
   ★   = YOU ARE HERE
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiready/visualizer",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Interactive graph visualization for AIReady analysis results",
   "type": "module",
   "main": "./dist/index.js",
@@ -49,7 +49,7 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "regenerator-runtime": "^0.14.1",
-    "@aiready/core": "0.24.0"
+    "@aiready/core": "0.24.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",

package/web/package.json

@@ -12,9 +12,14 @@
   "dependencies": {
     "@aiready/components": "workspace:*",
     "@aiready/core": "workspace:*",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "d3": "^7.9.0",
+    "framer-motion": "^12.35.0",
+    "lucide-react": "^0.577.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.0.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",

package/web/vite.config.ts

@@ -1,10 +1,12 @@
-import { defineConfig } from 'vite';
+import { defineConfig, type UserConfig } from 'vite';
 import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
-import { existsSync } from 'fs';
-import tailwindcss from '@tailwindcss/vite';
+import { existsSync, readFileSync } from 'fs';
+import { createRequire } from 'module';
 
-export default defineConfig(async ({ command }) => {
+const require = createRequire(import.meta.url);
+
+export default defineConfig(({ command }): UserConfig => {
   const isDev = command === 'serve';
 
   // Resolve path to @aiready/components for alias
@@ -13,61 +15,57 @@ export default defineConfig(async ({ command }) => {
   if (!existsSync(componentsPath)) {
     // Fallback: try installed package
     try {
-      componentsPath = require.resolve('@aiready/components');
-      componentsPath = resolve(componentsPath, '..');
+      // Use synchronous resolve
+      componentsPath = resolve(
+        require.resolve('@aiready/components'),
+        '../../src'
+      );
     } catch (e) {
       // Use build dist as last resort
       componentsPath = resolve(__dirname, '../../components/dist');
     }
   }
 
-  const plugins: any[] = [react() /*, tailwindcss()*/];
-  // Dev-time middleware: if the CLI sets AIREADY_REPORT_PATH when spawning Vite,
-  // serve that file at /report-data.json so the client can fetch the report
-  // directly from the consumer working directory without copying into node_modules.
+  const plugins: any[] = [react()];
+
+  // Dev-time middleware
   const reportProxyPlugin = {
     name: 'aiready-report-proxy',
     configureServer(server: any) {
       const reportPath = process.env.AIREADY_REPORT_PATH;
       const visualizerConfigStr = process.env.AIREADY_VISUALIZER_CONFIG;
       if (!reportPath) return;
-      server.middlewares.use(async (req: any, res: any, next: any) => {
-        try {
-          const url = req.url || '';
-          if (
-            url === '/report-data.json' ||
-            url.startsWith('/report-data.json?')
-          ) {
-            const { promises: fsp } = await import('fs');
+
+      server.middlewares.use((req: any, res: any, next: any) => {
+        const url = req.url || '';
+        if (url === '/report-data.json' || url.startsWith('/report-data.json?')) {
+          try {
             if (!existsSync(reportPath)) {
               res.statusCode = 404;
               res.setHeader('Content-Type', 'text/plain; charset=utf-8');
               res.end('Report not found');
               return;
             }
-            const data = await fsp.readFile(reportPath, 'utf8');
+            const data = readFileSync(reportPath, 'utf8');
             const report = JSON.parse(data);
 
-            // Inject visualizer config from env if available
             if (visualizerConfigStr) {
               try {
                 const visualizerConfig = JSON.parse(visualizerConfigStr);
                 report.visualizerConfig = visualizerConfig;
-              } catch (e) {
-                // Silently ignore parse errors
-              }
+              } catch (e) {}
             }
 
             res.statusCode = 200;
             res.setHeader('Content-Type', 'application/json; charset=utf-8');
             res.end(JSON.stringify(report));
             return;
+          } catch (e) {
+            res.statusCode = 500;
+            res.setHeader('Content-Type', 'text/plain; charset=utf-8');
+            res.end('Error reading report');
+            return;
           }
-        } catch (e) {
-          res.statusCode = 500;
-          res.setHeader('Content-Type', 'text/plain; charset=utf-8');
-          res.end('Error reading report');
-          return;
         }
         next();
       });
@@ -89,16 +87,14 @@ export default defineConfig(async ({ command }) => {
       },
     },
     server: {
-      // Use default port (5173); don't hardcode to avoid conflicts
       open: false,
     },
     resolve: {
-      alias: {
-        // during dev resolve to source for HMR; during build use the built dist
-        '@aiready/components': isDev
-          ? componentsPath
-          : resolve(__dirname, '../../components/dist/index.js'),
-      },
+      alias: isDev
+        ? {
+            '@aiready/components': componentsPath,
+          }
+        : ({} as Record<string, string>),
     },
   };
 });