@aiready/visualizer 0.1.0

package/README.md

@@ -0,0 +1,100 @@
+# @aiready/visualizer
+
+Interactive graph visualization for analysis results produced by `aiready-cli`.
+
+## Overview
+
+This package provides tools to transform AIReady analysis results into interactive force-directed graph visualizations. It consists of:
+
+- **Graph Builder**: Transforms analysis data into graph structures
+- **CLI Tool**: Generates standalone HTML visualizations
+- **Type Definitions**: Comprehensive TypeScript types for graph data
+
+## Installation
+
+```bash
+pnpm add @aiready/visualizer
+```
+
+## Usage
+
+### As a Library
+
+```typescript
+import { buildGraph, createSampleGraph } from '@aiready/visualizer';
+
+// Build graph from analysis results
+const graph = buildGraph(analysisResults);
+
+// Or create a sample graph for testing
+const sampleGraph = createSampleGraph();
+
+console.log(`Graph has ${graph.nodes.length} nodes and ${graph.edges.length} edges`);
+```
+
+### As a CLI Tool
+
+```bash
+# Generate a sample visualization
+aiready-visualize sample -o visualization.html
+
+# Generate from analysis results (Phase 4B)
+aiready-visualize generate results.json -o visualization.html
+```
+
+## Data Structure
+
+The visualizer uses a comprehensive graph data structure:
+
+```typescript
+interface GraphData {
+  nodes: FileNode[];        // Files in the codebase
+  edges: DependencyEdge[];  // Import/dependency relationships
+  clusters: Cluster[];      // Domain/module groupings
+  issues: IssueOverlay[];   // Detected issues
+  metadata: GraphMetadata;  // Aggregate information
+}
+```
+
+### Node Properties
+
+- **Metrics**: Lines of code, token cost, complexity
+- **Issues**: Duplicates, inconsistencies count
+- **Categorization**: Domain, module type
+- **Visual**: Color, size, group
+
+### Edge Properties
+
+- **Type**: import, require, dynamic
+- **Weight**: Dependency strength
+- **Visual**: Color, width, label
+
+## Development Status
+
+**Phase 4A (Current)**: CLI package foundation
+- ✅ Type definitions
+- ✅ Graph builder with sample data
+- ✅ Basic CLI structure
+- ⏳ HTML generation (Phase 4B)
+
+**Phase 4B (Next)**: Interactive frontend
+- Vite + React setup
+- ForceDirectedGraph integration
+- Controls and filters
+- Standalone HTML output
+
+## Architecture
+
+This package follows the hub-and-spoke pattern:
+
+- **Hub**: `@aiready/core` (HUB) and the public CLI `aiready-cli`
+- **Spoke**: Independent repo at `aiready-visualizer`
+- **Integration**: With `@aiready/components` for UI
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for development guidelines.
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.js

@@ -0,0 +1,125 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+
+// src/graph/builder.ts
+function createSampleGraph() {
+  const nodes = [
+    {
+      id: "file1",
+      path: "src/components/Button.tsx",
+      label: "Button",
+      linesOfCode: 120,
+      tokenCost: 450,
+      domain: "components",
+      moduleType: "component",
+      color: "#3b82f6",
+      size: 15
+    },
+    {
+      id: "file2",
+      path: "src/utils/helpers.ts",
+      label: "helpers",
+      linesOfCode: 80,
+      tokenCost: 300,
+      domain: "utils",
+      moduleType: "util",
+      color: "#10b981",
+      size: 12
+    },
+    {
+      id: "file3",
+      path: "src/services/api.ts",
+      label: "api",
+      linesOfCode: 200,
+      tokenCost: 750,
+      domain: "services",
+      moduleType: "service",
+      color: "#f59e0b",
+      size: 18
+    }
+  ];
+  const edges = [
+    {
+      source: "file1",
+      target: "file2",
+      type: "import",
+      weight: 1
+    },
+    {
+      source: "file2",
+      target: "file3",
+      type: "import",
+      weight: 1
+    }
+  ];
+  const clusters = [
+    {
+      id: "cluster1",
+      name: "Components",
+      nodeIds: ["file1"],
+      color: "#3b82f6"
+    },
+    {
+      id: "cluster2",
+      name: "Utils",
+      nodeIds: ["file2"],
+      color: "#10b981"
+    },
+    {
+      id: "cluster3",
+      name: "Services",
+      nodeIds: ["file3"],
+      color: "#f59e0b"
+    }
+  ];
+  const issues = [
+    {
+      id: "issue1",
+      type: "high-cost",
+      severity: "minor",
+      nodeIds: ["file3"],
+      message: "High token cost detected",
+      details: "This file has a token cost of 750, consider refactoring"
+    }
+  ];
+  return {
+    nodes,
+    edges,
+    clusters,
+    issues,
+    metadata: {
+      projectName: "Sample Project",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      totalFiles: nodes.length,
+      totalDependencies: edges.length,
+      analysisTypes: ["sample"],
+      totalLinesOfCode: 400,
+      totalTokenCost: 1500,
+      criticalIssues: 0,
+      majorIssues: 0,
+      minorIssues: 1,
+      infoIssues: 0
+    }
+  };
+}
+
+// src/cli/index.ts
+var program = new Command();
+program.name("aiready-visualize").description("Generate interactive visualizations from AIReady analysis results").version("0.1.0");
+program.command("sample").description("Generate a sample visualization for testing").option("-o, --output <file>", "Output HTML file", "visualization.html").action((options) => {
+  console.log("Generating sample visualization...");
+  const graph = createSampleGraph();
+  console.log(`Graph data:`, JSON.stringify(graph, null, 2));
+  console.log(`
+Sample graph created with ${graph.nodes.length} nodes and ${graph.edges.length} edges`);
+  console.log(`Output would be saved to: ${options.output}`);
+  console.log("\n\u26A0\uFE0F  Full HTML generation will be implemented in Phase 4B");
+});
+program.command("generate").description("Generate visualization from analysis results").argument("<input>", "Input JSON file with analysis results").option("-o, --output <file>", "Output HTML file", "visualization.html").action((input, options) => {
+  console.log(`Input: ${input}`);
+  console.log(`Output: ${options.output}`);
+  console.log("\n\u26A0\uFE0F  This command will be implemented in Phase 4B");
+});
+program.parse();
+//# sourceMappingURL=cli.js.map
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/builder.ts","../src/cli/index.ts"],"names":[],"mappings":"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","file":"cli.js","sourcesContent":["/**\n * Graph builder - transforms AIReady analysis results into graph data\n */\n\nimport type {\n  GraphData,\n  FileNode,\n  DependencyEdge,\n  Cluster,\n  IssueOverlay,\n  IssueSeverity,\n} from '../types';\n\n/**\n * Build graph data from AIReady analysis results\n * This is a placeholder that will be expanded to handle real analysis data\n */\nexport function buildGraph(analysisResults: any): GraphData {\n  const nodes: FileNode[] = [];\n  const edges: DependencyEdge[] = [];\n  const clusters: Cluster[] = [];\n  const issues: IssueOverlay[] = [];\n\n  // TODO: Parse analysis results and build graph\n  // For now, return empty graph structure\n  \n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: [],\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 0,\n      infoIssues: 0,\n    },\n  };\n}\n\n/**\n * Create a sample graph for testing\n */\nexport function createSampleGraph(): GraphData {\n  const nodes: FileNode[] = [\n    {\n      id: 'file1',\n      path: 'src/components/Button.tsx',\n      label: 'Button',\n      linesOfCode: 120,\n      tokenCost: 450,\n      domain: 'components',\n      moduleType: 'component',\n      color: '#3b82f6',\n      size: 15,\n    },\n    {\n      id: 'file2',\n      path: 'src/utils/helpers.ts',\n      label: 'helpers',\n      linesOfCode: 80,\n      tokenCost: 300,\n      domain: 'utils',\n      moduleType: 'util',\n      color: '#10b981',\n      size: 12,\n    },\n    {\n      id: 'file3',\n      path: 'src/services/api.ts',\n      label: 'api',\n      linesOfCode: 200,\n      tokenCost: 750,\n      domain: 'services',\n      moduleType: 'service',\n      color: '#f59e0b',\n      size: 18,\n    },\n  ];\n\n  const edges: DependencyEdge[] = [\n    {\n      source: 'file1',\n      target: 'file2',\n      type: 'import',\n      weight: 1,\n    },\n    {\n      source: 'file2',\n      target: 'file3',\n      type: 'import',\n      weight: 1,\n    },\n  ];\n\n  const clusters: Cluster[] = [\n    {\n      id: 'cluster1',\n      name: 'Components',\n      nodeIds: ['file1'],\n      color: '#3b82f6',\n    },\n    {\n      id: 'cluster2',\n      name: 'Utils',\n      nodeIds: ['file2'],\n      color: '#10b981',\n    },\n    {\n      id: 'cluster3',\n      name: 'Services',\n      nodeIds: ['file3'],\n      color: '#f59e0b',\n    },\n  ];\n\n  const issues: IssueOverlay[] = [\n    {\n      id: 'issue1',\n      type: 'high-cost',\n      severity: 'minor',\n      nodeIds: ['file3'],\n      message: 'High token cost detected',\n      details: 'This file has a token cost of 750, consider refactoring',\n    },\n  ];\n\n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      projectName: 'Sample Project',\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: ['sample'],\n      totalLinesOfCode: 400,\n      totalTokenCost: 1500,\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 1,\n      infoIssues: 0,\n    },\n  };\n}","#!/usr/bin/env node\n\n/**\n * CLI for AIReady Visualizer\n * Placeholder for now - will be expanded to generate HTML visualizations\n */\n\nimport { Command } from 'commander';\nimport { createSampleGraph } from '../graph/builder';\n\nconst program = new Command();\n\nprogram\n  .name('aiready-visualize')\n  .description('Generate interactive visualizations from AIReady analysis results')\n  .version('0.1.0');\n\nprogram\n  .command('sample')\n  .description('Generate a sample visualization for testing')\n  .option('-o, --output <file>', 'Output HTML file', 'visualization.html')\n  .action((options) => {\n    console.log('Generating sample visualization...');\n    const graph = createSampleGraph();\n    console.log(`Graph data:`, JSON.stringify(graph, null, 2));\n    console.log(`\\nSample graph created with ${graph.nodes.length} nodes and ${graph.edges.length} edges`);\n    console.log(`Output would be saved to: ${options.output}`);\n    console.log('\\n⚠️  Full HTML generation will be implemented in Phase 4B');\n  });\n\nprogram\n  .command('generate')\n  .description('Generate visualization from analysis results')\n  .argument('<input>', 'Input JSON file with analysis results')\n  .option('-o, --output <file>', 'Output HTML file', 'visualization.html')\n  .action((input, options) => {\n    console.log(`Input: ${input}`);\n    console.log(`Output: ${options.output}`);\n    console.log('\\n⚠️  This command will be implemented in Phase 4B');\n  });\n\nprogram.parse();"]}

package/dist/graph/index.d.ts

@@ -0,0 +1,154 @@
+/**
+ * Core types for graph visualization
+ */
+/**
+ * Severity levels for issues
+ */
+type IssueSeverity = 'critical' | 'major' | 'minor' | 'info';
+/**
+ * Base graph node (compatible with d3-force SimulationNodeDatum)
+ */
+interface BaseGraphNode {
+    id: string;
+    x?: number;
+    y?: number;
+    vx?: number;
+    vy?: number;
+    fx?: number | null;
+    fy?: number | null;
+}
+/**
+ * Base graph link (compatible with d3-force SimulationLinkDatum)
+ */
+interface BaseGraphLink {
+    source: string | BaseGraphNode;
+    target: string | BaseGraphNode;
+    index?: number;
+}
+/**
+ * File node in the dependency graph
+ */
+interface FileNode extends BaseGraphNode {
+    id: string;
+    path: string;
+    label: string;
+    linesOfCode?: number;
+    tokenCost?: number;
+    complexity?: number;
+    duplicates?: number;
+    inconsistencies?: number;
+    domain?: string;
+    moduleType?: 'component' | 'util' | 'service' | 'config' | 'test' | 'other';
+    color?: string;
+    size?: number;
+    group?: string;
+}
+/**
+ * Dependency edge between files
+ */
+interface DependencyEdge extends BaseGraphLink {
+    source: string | FileNode;
+    target: string | FileNode;
+    type?: 'import' | 'require' | 'dynamic';
+    weight?: number;
+    color?: string;
+    width?: number;
+    label?: string;
+}
+/**
+ * Domain or module cluster
+ */
+interface Cluster {
+    id: string;
+    name: string;
+    nodeIds: string[];
+    color?: string;
+    description?: string;
+}
+/**
+ * Issue overlay on the graph
+ */
+interface IssueOverlay {
+    id: string;
+    type: 'duplicate' | 'circular-dependency' | 'inconsistency' | 'high-cost' | 'complexity';
+    severity: IssueSeverity;
+    nodeIds: string[];
+    edgeIds?: string[];
+    message: string;
+    details?: string;
+}
+/**
+ * Complete graph data structure
+ */
+interface GraphData {
+    nodes: FileNode[];
+    edges: DependencyEdge[];
+    clusters: Cluster[];
+    issues: IssueOverlay[];
+    metadata: GraphMetadata;
+}
+/**
+ * Metadata about the graph
+ */
+interface GraphMetadata {
+    projectName?: string;
+    timestamp: string;
+    totalFiles: number;
+    totalDependencies: number;
+    analysisTypes: string[];
+    totalLinesOfCode?: number;
+    totalTokenCost?: number;
+    averageComplexity?: number;
+    criticalIssues: number;
+    majorIssues: number;
+    minorIssues: number;
+    infoIssues: number;
+}
+/**
+ * Filter options for the visualization
+ */
+interface FilterOptions {
+    severities?: IssueSeverity[];
+    issueTypes?: IssueOverlay['type'][];
+    domains?: string[];
+    moduleTypes?: FileNode['moduleType'][];
+    minTokenCost?: number;
+    maxTokenCost?: number;
+    showOnlyIssues?: boolean;
+}
+/**
+ * Layout configuration
+ */
+interface LayoutConfig {
+    type: 'force' | 'hierarchical' | 'circular' | 'radial';
+    chargeStrength?: number;
+    linkDistance?: number;
+    collisionRadius?: number;
+}
+/**
+ * Visualization configuration
+ */
+interface VisualizationConfig {
+    layout: LayoutConfig;
+    filters: FilterOptions;
+    colorBy: 'severity' | 'domain' | 'moduleType' | 'tokenCost';
+    sizeBy: 'tokenCost' | 'loc' | 'complexity' | 'duplicates';
+    showLabels: boolean;
+    showClusters: boolean;
+}
+
+/**
+ * Graph builder - transforms AIReady analysis results into graph data
+ */
+
+/**
+ * Build graph data from AIReady analysis results
+ * This is a placeholder that will be expanded to handle real analysis data
+ */
+declare function buildGraph(analysisResults: any): GraphData;
+/**
+ * Create a sample graph for testing
+ */
+declare function createSampleGraph(): GraphData;
+
+export { type BaseGraphLink, type BaseGraphNode, type Cluster, type DependencyEdge, type FileNode, type FilterOptions, type GraphData, type GraphMetadata, type IssueOverlay, type IssueSeverity, type LayoutConfig, type VisualizationConfig, buildGraph, createSampleGraph };

package/dist/graph/index.js

@@ -0,0 +1,127 @@
+// src/graph/builder.ts
+function buildGraph(analysisResults) {
+  const nodes = [];
+  const edges = [];
+  const clusters = [];
+  const issues = [];
+  return {
+    nodes,
+    edges,
+    clusters,
+    issues,
+    metadata: {
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      totalFiles: nodes.length,
+      totalDependencies: edges.length,
+      analysisTypes: [],
+      criticalIssues: 0,
+      majorIssues: 0,
+      minorIssues: 0,
+      infoIssues: 0
+    }
+  };
+}
+function createSampleGraph() {
+  const nodes = [
+    {
+      id: "file1",
+      path: "src/components/Button.tsx",
+      label: "Button",
+      linesOfCode: 120,
+      tokenCost: 450,
+      domain: "components",
+      moduleType: "component",
+      color: "#3b82f6",
+      size: 15
+    },
+    {
+      id: "file2",
+      path: "src/utils/helpers.ts",
+      label: "helpers",
+      linesOfCode: 80,
+      tokenCost: 300,
+      domain: "utils",
+      moduleType: "util",
+      color: "#10b981",
+      size: 12
+    },
+    {
+      id: "file3",
+      path: "src/services/api.ts",
+      label: "api",
+      linesOfCode: 200,
+      tokenCost: 750,
+      domain: "services",
+      moduleType: "service",
+      color: "#f59e0b",
+      size: 18
+    }
+  ];
+  const edges = [
+    {
+      source: "file1",
+      target: "file2",
+      type: "import",
+      weight: 1
+    },
+    {
+      source: "file2",
+      target: "file3",
+      type: "import",
+      weight: 1
+    }
+  ];
+  const clusters = [
+    {
+      id: "cluster1",
+      name: "Components",
+      nodeIds: ["file1"],
+      color: "#3b82f6"
+    },
+    {
+      id: "cluster2",
+      name: "Utils",
+      nodeIds: ["file2"],
+      color: "#10b981"
+    },
+    {
+      id: "cluster3",
+      name: "Services",
+      nodeIds: ["file3"],
+      color: "#f59e0b"
+    }
+  ];
+  const issues = [
+    {
+      id: "issue1",
+      type: "high-cost",
+      severity: "minor",
+      nodeIds: ["file3"],
+      message: "High token cost detected",
+      details: "This file has a token cost of 750, consider refactoring"
+    }
+  ];
+  return {
+    nodes,
+    edges,
+    clusters,
+    issues,
+    metadata: {
+      projectName: "Sample Project",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      totalFiles: nodes.length,
+      totalDependencies: edges.length,
+      analysisTypes: ["sample"],
+      totalLinesOfCode: 400,
+      totalTokenCost: 1500,
+      criticalIssues: 0,
+      majorIssues: 0,
+      minorIssues: 1,
+      infoIssues: 0
+    }
+  };
+}
+
+export { buildGraph, createSampleGraph };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/graph/builder.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Graph builder - transforms AIReady analysis results into graph data\n */\n\nimport type {\n  GraphData,\n  FileNode,\n  DependencyEdge,\n  Cluster,\n  IssueOverlay,\n  IssueSeverity,\n} from '../types';\n\n/**\n * Build graph data from AIReady analysis results\n * This is a placeholder that will be expanded to handle real analysis data\n */\nexport function buildGraph(analysisResults: any): GraphData {\n  const nodes: FileNode[] = [];\n  const edges: DependencyEdge[] = [];\n  const clusters: Cluster[] = [];\n  const issues: IssueOverlay[] = [];\n\n  // TODO: Parse analysis results and build graph\n  // For now, return empty graph structure\n  \n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: [],\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 0,\n      infoIssues: 0,\n    },\n  };\n}\n\n/**\n * Create a sample graph for testing\n */\nexport function createSampleGraph(): GraphData {\n  const nodes: FileNode[] = [\n    {\n      id: 'file1',\n      path: 'src/components/Button.tsx',\n      label: 'Button',\n      linesOfCode: 120,\n      tokenCost: 450,\n      domain: 'components',\n      moduleType: 'component',\n      color: '#3b82f6',\n      size: 15,\n    },\n    {\n      id: 'file2',\n      path: 'src/utils/helpers.ts',\n      label: 'helpers',\n      linesOfCode: 80,\n      tokenCost: 300,\n      domain: 'utils',\n      moduleType: 'util',\n      color: '#10b981',\n      size: 12,\n    },\n    {\n      id: 'file3',\n      path: 'src/services/api.ts',\n      label: 'api',\n      linesOfCode: 200,\n      tokenCost: 750,\n      domain: 'services',\n      moduleType: 'service',\n      color: '#f59e0b',\n      size: 18,\n    },\n  ];\n\n  const edges: DependencyEdge[] = [\n    {\n      source: 'file1',\n      target: 'file2',\n      type: 'import',\n      weight: 1,\n    },\n    {\n      source: 'file2',\n      target: 'file3',\n      type: 'import',\n      weight: 1,\n    },\n  ];\n\n  const clusters: Cluster[] = [\n    {\n      id: 'cluster1',\n      name: 'Components',\n      nodeIds: ['file1'],\n      color: '#3b82f6',\n    },\n    {\n      id: 'cluster2',\n      name: 'Utils',\n      nodeIds: ['file2'],\n      color: '#10b981',\n    },\n    {\n      id: 'cluster3',\n      name: 'Services',\n      nodeIds: ['file3'],\n      color: '#f59e0b',\n    },\n  ];\n\n  const issues: IssueOverlay[] = [\n    {\n      id: 'issue1',\n      type: 'high-cost',\n      severity: 'minor',\n      nodeIds: ['file3'],\n      message: 'High token cost detected',\n      details: 'This file has a token cost of 750, consider refactoring',\n    },\n  ];\n\n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      projectName: 'Sample Project',\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: ['sample'],\n      totalLinesOfCode: 400,\n      totalTokenCost: 1500,\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 1,\n      infoIssues: 0,\n    },\n  };\n}"]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { BaseGraphLink, BaseGraphNode, Cluster, DependencyEdge, FileNode, FilterOptions, GraphData, GraphMetadata, IssueOverlay, IssueSeverity, LayoutConfig, VisualizationConfig, buildGraph, createSampleGraph } from './graph/index.js';

package/dist/index.js

@@ -0,0 +1,127 @@
+// src/graph/builder.ts
+function buildGraph(analysisResults) {
+  const nodes = [];
+  const edges = [];
+  const clusters = [];
+  const issues = [];
+  return {
+    nodes,
+    edges,
+    clusters,
+    issues,
+    metadata: {
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      totalFiles: nodes.length,
+      totalDependencies: edges.length,
+      analysisTypes: [],
+      criticalIssues: 0,
+      majorIssues: 0,
+      minorIssues: 0,
+      infoIssues: 0
+    }
+  };
+}
+function createSampleGraph() {
+  const nodes = [
+    {
+      id: "file1",
+      path: "src/components/Button.tsx",
+      label: "Button",
+      linesOfCode: 120,
+      tokenCost: 450,
+      domain: "components",
+      moduleType: "component",
+      color: "#3b82f6",
+      size: 15
+    },
+    {
+      id: "file2",
+      path: "src/utils/helpers.ts",
+      label: "helpers",
+      linesOfCode: 80,
+      tokenCost: 300,
+      domain: "utils",
+      moduleType: "util",
+      color: "#10b981",
+      size: 12
+    },
+    {
+      id: "file3",
+      path: "src/services/api.ts",
+      label: "api",
+      linesOfCode: 200,
+      tokenCost: 750,
+      domain: "services",
+      moduleType: "service",
+      color: "#f59e0b",
+      size: 18
+    }
+  ];
+  const edges = [
+    {
+      source: "file1",
+      target: "file2",
+      type: "import",
+      weight: 1
+    },
+    {
+      source: "file2",
+      target: "file3",
+      type: "import",
+      weight: 1
+    }
+  ];
+  const clusters = [
+    {
+      id: "cluster1",
+      name: "Components",
+      nodeIds: ["file1"],
+      color: "#3b82f6"
+    },
+    {
+      id: "cluster2",
+      name: "Utils",
+      nodeIds: ["file2"],
+      color: "#10b981"
+    },
+    {
+      id: "cluster3",
+      name: "Services",
+      nodeIds: ["file3"],
+      color: "#f59e0b"
+    }
+  ];
+  const issues = [
+    {
+      id: "issue1",
+      type: "high-cost",
+      severity: "minor",
+      nodeIds: ["file3"],
+      message: "High token cost detected",
+      details: "This file has a token cost of 750, consider refactoring"
+    }
+  ];
+  return {
+    nodes,
+    edges,
+    clusters,
+    issues,
+    metadata: {
+      projectName: "Sample Project",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      totalFiles: nodes.length,
+      totalDependencies: edges.length,
+      analysisTypes: ["sample"],
+      totalLinesOfCode: 400,
+      totalTokenCost: 1500,
+      criticalIssues: 0,
+      majorIssues: 0,
+      minorIssues: 1,
+      infoIssues: 0
+    }
+  };
+}
+
+export { buildGraph, createSampleGraph };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/builder.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Graph builder - transforms AIReady analysis results into graph data\n */\n\nimport type {\n  GraphData,\n  FileNode,\n  DependencyEdge,\n  Cluster,\n  IssueOverlay,\n  IssueSeverity,\n} from '../types';\n\n/**\n * Build graph data from AIReady analysis results\n * This is a placeholder that will be expanded to handle real analysis data\n */\nexport function buildGraph(analysisResults: any): GraphData {\n  const nodes: FileNode[] = [];\n  const edges: DependencyEdge[] = [];\n  const clusters: Cluster[] = [];\n  const issues: IssueOverlay[] = [];\n\n  // TODO: Parse analysis results and build graph\n  // For now, return empty graph structure\n  \n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: [],\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 0,\n      infoIssues: 0,\n    },\n  };\n}\n\n/**\n * Create a sample graph for testing\n */\nexport function createSampleGraph(): GraphData {\n  const nodes: FileNode[] = [\n    {\n      id: 'file1',\n      path: 'src/components/Button.tsx',\n      label: 'Button',\n      linesOfCode: 120,\n      tokenCost: 450,\n      domain: 'components',\n      moduleType: 'component',\n      color: '#3b82f6',\n      size: 15,\n    },\n    {\n      id: 'file2',\n      path: 'src/utils/helpers.ts',\n      label: 'helpers',\n      linesOfCode: 80,\n      tokenCost: 300,\n      domain: 'utils',\n      moduleType: 'util',\n      color: '#10b981',\n      size: 12,\n    },\n    {\n      id: 'file3',\n      path: 'src/services/api.ts',\n      label: 'api',\n      linesOfCode: 200,\n      tokenCost: 750,\n      domain: 'services',\n      moduleType: 'service',\n      color: '#f59e0b',\n      size: 18,\n    },\n  ];\n\n  const edges: DependencyEdge[] = [\n    {\n      source: 'file1',\n      target: 'file2',\n      type: 'import',\n      weight: 1,\n    },\n    {\n      source: 'file2',\n      target: 'file3',\n      type: 'import',\n      weight: 1,\n    },\n  ];\n\n  const clusters: Cluster[] = [\n    {\n      id: 'cluster1',\n      name: 'Components',\n      nodeIds: ['file1'],\n      color: '#3b82f6',\n    },\n    {\n      id: 'cluster2',\n      name: 'Utils',\n      nodeIds: ['file2'],\n      color: '#10b981',\n    },\n    {\n      id: 'cluster3',\n      name: 'Services',\n      nodeIds: ['file3'],\n      color: '#f59e0b',\n    },\n  ];\n\n  const issues: IssueOverlay[] = [\n    {\n      id: 'issue1',\n      type: 'high-cost',\n      severity: 'minor',\n      nodeIds: ['file3'],\n      message: 'High token cost detected',\n      details: 'This file has a token cost of 750, consider refactoring',\n    },\n  ];\n\n  return {\n    nodes,\n    edges,\n    clusters,\n    issues,\n    metadata: {\n      projectName: 'Sample Project',\n      timestamp: new Date().toISOString(),\n      totalFiles: nodes.length,\n      totalDependencies: edges.length,\n      analysisTypes: ['sample'],\n      totalLinesOfCode: 400,\n      totalTokenCost: 1500,\n      criticalIssues: 0,\n      majorIssues: 0,\n      minorIssues: 1,\n      infoIssues: 0,\n    },\n  };\n}"]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@aiready/visualizer",
+  "version": "0.1.0",
+  "description": "Interactive graph visualization for AIReady analysis results",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "aiready-visualize": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./graph": {
+      "import": "./dist/graph/index.js",
+      "types": "./dist/graph/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "web/dist"
+  ],
+  "keywords": [
+    "aiready",
+    "visualization",
+    "graph",
+    "d3",
+    "dependency-graph"
+  ],
+  "author": "Peng Cao <caopengau@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/caopengau/aiready-visualizer.git"
+  },
+  "dependencies": {
+    "commander": "^13.0.0",
+    "@aiready/core": "0.9.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.5",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "dev:web": "cd web && vite",
+    "build": "tsup && cd web && vite build",
+    "build:cli": "tsup",
+    "build:web": "cd web && vite build",
+    "typecheck": "tsc --noEmit && cd web && tsc --noEmit",
+    "test": "vitest"
+  }
+}