@wtdlee/repomap 0.6.0 → 0.8.0

package/dist/generators/assets/rails-map.css

@@ -66,14 +66,22 @@ header h1 {
   transition: background 0.2s;
 }
 
-.stat:hover { background: var(--bg-tertiary); }
+.stat:hover {
+  background: var(--bg-tertiary);
+}
 .stat.active {
   background: var(--bg-tertiary);
   box-shadow: inset 0 0 0 1px var(--accent-blue);
 }
 
-.stat-value { font-size: 18px; font-weight: 600; }
-.stat-label { color: var(--text-secondary); font-size: 12px; }
+.stat-value {
+  font-size: 18px;
+  font-weight: 600;
+}
+.stat-label {
+  color: var(--text-secondary);
+  font-size: 12px;
+}
 
 /* Container Layout */
 .container {
@@ -159,7 +167,10 @@ header h1 {
 }
 
 /* Namespace List */
-.namespace-list { max-height: none; overflow-y: auto; }
+.namespace-list {
+  max-height: none;
+  overflow-y: auto;
+}
 
 /* Panel Count */
 .panel-count {
@@ -210,8 +221,13 @@ header h1 {
   gap: 6px;
 }
 
-.namespace-item:hover { background: var(--bg-tertiary); }
-.namespace-item.active { background: var(--accent-blue); color: white; }
+.namespace-item:hover {
+  background: var(--bg-tertiary);
+}
+.namespace-item.active {
+  background: var(--accent-blue);
+  color: white;
+}
 
 .namespace-count {
   background: var(--bg-tertiary);
@@ -222,7 +238,10 @@ header h1 {
 }
 
 /* Main Panel */
-.main-panel { overflow-y: auto; padding: 20px; }
+.main-panel {
+  overflow-y: auto;
+  padding: 20px;
+}
 
 .panel-header {
   display: flex;
@@ -231,7 +250,10 @@ header h1 {
   margin-bottom: 16px;
 }
 
-.panel-title { font-size: 16px; font-weight: 600; }
+.panel-title {
+  font-size: 16px;
+  font-weight: 600;
+}
 
 /* View Toggle */
 .view-toggle {
@@ -258,8 +280,8 @@ header h1 {
 }
 
 /* Routes Table */
-.routes-table { 
-  width: 100%; 
+.routes-table {
+  width: 100%;
   border-collapse: collapse;
   table-layout: fixed;
 }
@@ -274,11 +296,17 @@ header h1 {
 }
 
 .routes-table th:nth-child(1),
-.routes-table td:nth-child(1) { width: 120px; }
+.routes-table td:nth-child(1) {
+  width: 120px;
+}
 .routes-table th:nth-child(2),
-.routes-table td:nth-child(2) { width: 45%; }
+.routes-table td:nth-child(2) {
+  width: 45%;
+}
 .routes-table th:nth-child(3),
-.routes-table td:nth-child(3) { width: auto; }
+.routes-table td:nth-child(3) {
+  width: auto;
+}
 
 .routes-table th {
   background: var(--bg-secondary);
@@ -290,8 +318,12 @@ header h1 {
   top: 0;
 }
 
-.routes-table tr { cursor: pointer; }
-.routes-table tr:hover { background: var(--bg-secondary); }
+.routes-table tr {
+  cursor: pointer;
+}
+.routes-table tr:hover {
+  background: var(--bg-secondary);
+}
 
 /* Method Badges */
 .method-badge {
@@ -302,16 +334,40 @@ header h1 {
   text-transform: uppercase;
 }
 
-.method-GET { background: #238636; color: white; }
-.method-POST { background: #1f6feb; color: white; }
-.method-PUT, .method-PATCH { background: #9e6a03; color: white; }
-.method-DELETE { background: #da3633; color: white; }
-.method-ALL { background: #6e7681; color: white; }
+.method-GET {
+  background: #238636;
+  color: white;
+}
+.method-POST {
+  background: #1f6feb;
+  color: white;
+}
+.method-PUT,
+.method-PATCH {
+  background: #9e6a03;
+  color: white;
+}
+.method-DELETE {
+  background: #da3633;
+  color: white;
+}
+.method-ALL {
+  background: #6e7681;
+  color: white;
+}
 
 /* Path Text */
-.path-text { font-family: 'SF Mono', Monaco, monospace; font-size: 13px; }
-.param { color: var(--accent-orange); }
-.controller-text { color: var(--text-secondary); font-size: 13px; }
+.path-text {
+  font-family: 'SF Mono', Monaco, monospace;
+  font-size: 13px;
+}
+.param {
+  color: var(--accent-orange);
+}
+.controller-text {
+  color: var(--text-secondary);
+  font-size: 13px;
+}
 
 /* Detail Panel */
 .detail-panel {
@@ -328,7 +384,10 @@ header h1 {
   justify-content: space-between;
 }
 
-.detail-title { font-size: 14px; font-weight: 600; }
+.detail-title {
+  font-size: 14px;
+  font-weight: 600;
+}
 
 .close-btn {
   background: none;
@@ -338,9 +397,13 @@ header h1 {
   font-size: 18px;
 }
 
-.detail-content { padding: 16px; }
+.detail-content {
+  padding: 16px;
+}
 
-.detail-section { margin-bottom: 20px; }
+.detail-section {
+  margin-bottom: 20px;
+}
 
 .detail-section-title {
   font-size: 11px;
@@ -376,11 +439,26 @@ header h1 {
   margin-right: 6px;
 }
 
-.tag-blue { background: rgba(88, 166, 255, 0.2); color: var(--accent-blue); }
-.tag-green { background: rgba(63, 185, 80, 0.2); color: var(--accent-green); }
-.tag-purple { background: rgba(163, 113, 247, 0.2); color: var(--accent-purple); }
-.tag-orange { background: rgba(210, 153, 34, 0.2); color: var(--accent-orange); }
-.tag-pink { background: rgba(219, 97, 162, 0.2); color: var(--accent-pink); }
+.tag-blue {
+  background: rgba(88, 166, 255, 0.2);
+  color: var(--accent-blue);
+}
+.tag-green {
+  background: rgba(63, 185, 80, 0.2);
+  color: var(--accent-green);
+}
+.tag-purple {
+  background: rgba(163, 113, 247, 0.2);
+  color: var(--accent-purple);
+}
+.tag-orange {
+  background: rgba(210, 153, 34, 0.2);
+  color: var(--accent-orange);
+}
+.tag-pink {
+  background: rgba(219, 97, 162, 0.2);
+  color: var(--accent-pink);
+}
 
 /* Empty State */
 .empty-state {
@@ -389,7 +467,10 @@ header h1 {
   color: var(--text-secondary);
 }
 
-.empty-state-icon { font-size: 48px; margin-bottom: 16px; }
+.empty-state-icon {
+  font-size: 48px;
+  margin-bottom: 16px;
+}
 
 /* Model Card */
 .model-card {
@@ -402,7 +483,9 @@ header h1 {
   transition: border-color 0.2s;
 }
 
-.model-card:hover { border-color: var(--accent-blue); }
+.model-card:hover {
+  border-color: var(--accent-blue);
+}
 
 .model-name {
   font-weight: 600;
@@ -437,12 +520,25 @@ header h1 {
   justify-content: space-between;
 }
 
-.controller-header:hover { background: var(--bg-tertiary); }
-.controller-name { font-weight: 600; font-size: 14px; }
-.controller-namespace { color: var(--text-secondary); font-size: 12px; }
+.controller-header:hover {
+  background: var(--bg-tertiary);
+}
+.controller-name {
+  font-weight: 600;
+  font-size: 14px;
+}
+.controller-namespace {
+  color: var(--text-secondary);
+  font-size: 12px;
+}
 
-.controller-actions { padding: 8px; display: none; }
-.controller-card.expanded .controller-actions { display: block; }
+.controller-actions {
+  padding: 8px;
+  display: none;
+}
+.controller-card.expanded .controller-actions {
+  display: block;
+}
 
 .action-item {
   padding: 6px 12px;
@@ -452,22 +548,99 @@ header h1 {
   gap: 8px;
 }
 
-.action-visibility { width: 8px; height: 8px; border-radius: 50%; }
-.visibility-public { background: var(--accent-green); }
-.visibility-private { background: var(--accent-red); }
-.visibility-protected { background: var(--accent-orange); }
+.action-visibility {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+.visibility-public {
+  background: var(--accent-green);
+}
+.visibility-private {
+  background: var(--accent-red);
+}
+.visibility-protected {
+  background: var(--accent-orange);
+}
 
 /* Mermaid Container */
 .mermaid-container {
   background: var(--bg-secondary);
   border-radius: 8px;
   padding: 20px;
-  overflow-x: auto;
+  overflow: hidden;
+  position: relative;
+  min-height: 300px;
+  cursor: grab;
 }
 
-/* Scrollbar */
-::-webkit-scrollbar { width: 8px; height: 8px; }
-::-webkit-scrollbar-track { background: var(--bg-primary); }
-::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
+.mermaid-container:active {
+  cursor: grabbing;
+}
+
+.diagram-controls button {
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 4px;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  font-size: 16px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.2s;
+}
+
+.diagram-controls button:hover {
+  background: var(--accent);
+}
+
+/* Fullscreen mode */
+.mermaid-container:fullscreen {
+  background: var(--bg-primary);
+  padding: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
+.mermaid-container:fullscreen svg {
+  max-width: none;
+  max-height: none;
+  cursor: pointer;
+}
+
+.mermaid-container:fullscreen .diagram-controls {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+}
+
+/* Detail panel in fullscreen - overlay style */
+.mermaid-container:fullscreen ~ .detail-panel,
+body:has(.mermaid-container:fullscreen) .detail-panel.open {
+  position: fixed;
+  right: 0;
+  top: 0;
+  height: 100vh;
+  z-index: 10001;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
+}
+
+/* Scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background: var(--bg-primary);
+}
+::-webkit-scrollbar-thumb {
+  background: var(--border-color);
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+}

package/dist/generators/index.d.ts

@@ -2,7 +2,6 @@ import { AnalysisResult, CrossRepoLink, MermaidDiagram, DataFlow, DocumentationR
 
 /**
  * Mermaid diagram generator
- * Mermaidダイアグラム生成器
  */
 declare class MermaidGenerator {
     /**
@@ -37,7 +36,6 @@ declare class MermaidGenerator {
 
 /**
  * Markdown documentation generator
- * Markdownドキュメント生成器
  */
 declare class MarkdownGenerator {
     /**
@@ -62,7 +60,6 @@ declare class MarkdownGenerator {
 
 /**
  * Environment detection utilities
- * 環境検出ユーティリティ
  */
 type EnvironmentType = 'nextjs' | 'react' | 'rails' | 'generic';
 interface DetectedEnvironment {
@@ -82,7 +79,6 @@ interface EnvironmentDetectionResult {
 
 /**
  * Rails Routes Analyzer using tree-sitter
- * tree-sitterを使用してroutes.rbを解析する
  */
 interface RailsRoute {
     method: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'ALL';
@@ -120,7 +116,6 @@ interface RailsRoutesResult {
 
 /**
  * Rails Controller Analyzer using tree-sitter
- * tree-sitterを使用してコントローラファイルを解析する
  */
 interface ControllerInfo {
     name: string;
@@ -186,7 +181,6 @@ interface RailsControllersResult {
 
 /**
  * Rails Model Analyzer using tree-sitter
- * tree-sitterを使用してモデルファイルを解析する
  */
 interface ModelInfo {
     name: string;
@@ -255,7 +249,6 @@ interface RailsModelsResult {
 
 /**
  * Rails gRPC Service Analyzer using tree-sitter
- * tree-sitterを使用してgRPCサービスを解析する
  */
 interface GrpcServiceInfo {
     name: string;
@@ -379,7 +372,6 @@ interface DetectedPaths {
 
 /**
  * Rails Analyzers - Index
- * Rails分析モジュールのエクスポート
  */
 
 interface RailsAnalysisResult {

package/dist/generators/index.js

@@ -1 +1 @@
-export{b as MarkdownGenerator,a as MermaidGenerator}from'../chunk-XWZH2RDG.js';export{a as PageMapGenerator}from'../chunk-QZWPOG5B.js';
+export{b as MarkdownGenerator,a as MermaidGenerator}from'../chunk-HPBPEGHS.js';export{a as PageMapGenerator}from'../chunk-GCIRJGW3.js';

package/dist/index.d.ts

@@ -1,27 +1,23 @@
 import { DocGeneratorConfig, DocumentationReport } from './types.js';
-export { APICall, APIConnection, APIEndpoint, AnalysisConfig, AnalysisResult, AnalyzerType, AssociationInfo, AttributeInfo, AuthRequirement, ComponentInfo, CrossRepoAnalysis, CrossRepoLink, DataFetchingInfo, DataFlow, DataFlowNode, DiagramConfig, DiagramType, GraphQLField, GraphQLOperation, IntegrationsConfig, MermaidDiagram, ModelInfo, NavigationFlow, NavigationInfo, PageInfo, ParameterInfo, PropInfo, RepositoryConfig, RepositoryReport, RepositorySummary, ResponseInfo, SiteConfig, StepInfo, VariableInfo, WatchConfig } from './types.js';
-export { B as BaseAnalyzer, D as DataFlowAnalyzer, G as GraphQLAnalyzer, P as PagesAnalyzer } from './dataflow-analyzer-s6ufFkKC.js';
+export { APICall, APIConnection, APIEndpoint, AnalysisConfig, AnalysisResult, AnalyzerType, AssociationInfo, AttributeInfo, AuthRequirement, ComponentInfo, CrossRepoAnalysis, CrossRepoLink, DataFetchingInfo, DataFlow, DataFlowNode, DiagramConfig, DiagramType, GraphQLField, GraphQLOperation, ImportInfo, IntegrationsConfig, MermaidDiagram, ModelInfo, NavigationFlow, NavigationInfo, PageInfo, ParameterInfo, PropInfo, RepositoryConfig, RepositoryReport, RepositorySummary, ResponseInfo, SiteConfig, StepInfo, VariableInfo, WatchConfig } from './types.js';
+export { B as BaseAnalyzer, D as DataFlowAnalyzer, G as GraphQLAnalyzer, P as PagesAnalyzer } from './dataflow-analyzer-CJ2T0cGS.js';
 export { MarkdownGenerator, MermaidGenerator, PageMapGenerator, PageMapOptions } from './generators/index.js';
-export { DocServer, DocServerOptions } from './server/index.js';
+export { DocServer } from './server/index.js';
 
 /**
  * Main documentation generation engine
- * メインドキュメント生成エンジン
  */
 declare class DocGeneratorEngine {
     private config;
     private mermaidGenerator;
     private markdownGenerator;
-    private noCache;
-    constructor(config: DocGeneratorConfig, options?: {
-        noCache?: boolean;
-    });
+    constructor(config: DocGeneratorConfig);
     /**
      * Run documentation generation for all configured repositories
      */
     generate(): Promise<DocumentationReport>;
     /**
-     * Analyze a single repository (with caching)
+     * Analyze a single repository
      */
     private analyzeRepository;
     /**
@@ -44,6 +40,19 @@ declare class DocGeneratorEngine {
      * Extract cross-repository links
      */
     private extractCrossRepoLinks;
+    /**
+     * Enrich pages with GraphQL operations from custom hooks and imported variables
+     * Links GraphQL operations to pages via custom hooks and imported variables
+     *
+     * Strategy:
+     * 1. Build hookName → GraphQL operations mapping from:
+     *    - graphqlOperations.filePath (hook files contain GraphQL definitions)
+     *    - components with type='hook' and their hooks array
+     * 2. Build variableName → GraphQL operations mapping from:
+     *    - graphqlOperations.variableNames (e.g., "Query" → "GetNewProfile")
+     * 3. For each page/component, add matched GraphQL operations to dataFetching
+     */
+    private enrichPagesWithHookGraphQL;
     /**
      * Write documentation to output directory
      */

package/dist/index.js

@@ -1 +1 @@
-import'./chunk-6F4PWJZI.js';export{a as DocGeneratorEngine,b as DocServer}from'./chunk-WQANJ7IA.js';import'./chunk-H4YGP3GL.js';import'./chunk-VV3A3UE3.js';export{a as BaseAnalyzer,d as DataFlowAnalyzer,c as GraphQLAnalyzer,b as PagesAnalyzer}from'./chunk-BPV4UZSW.js';export{b as MarkdownGenerator,a as MermaidGenerator}from'./chunk-XWZH2RDG.js';export{a as PageMapGenerator}from'./chunk-QZWPOG5B.js';import'./chunk-PTR5IROV.js';
+import'./chunk-6F4PWJZI.js';export{a as DocGeneratorEngine,b as DocServer}from'./chunk-JDM7Y7PX.js';import'./chunk-OQAXO3X2.js';import'./chunk-VV3A3UE3.js';export{a as BaseAnalyzer,A as DataFlowAnalyzer,z as GraphQLAnalyzer,y as PagesAnalyzer}from'./chunk-TNUKDIO7.js';export{b as MarkdownGenerator,a as MermaidGenerator}from'./chunk-HPBPEGHS.js';export{a as PageMapGenerator}from'./chunk-GCIRJGW3.js';import'./chunk-H7VVRHQZ.js';

package/dist/page-map-generator-3GO6GL2P.js

@@ -0,0 +1 @@
+export{a as PageMapGenerator}from'./chunk-GCIRJGW3.js';

package/dist/{rails-FFISZ4AE.js → rails-3HNUFTQV.js}

@@ -1 +1 @@
-export{f as RailsControllerAnalyzer,h as RailsGrpcAnalyzer,g as RailsModelAnalyzer,e as RailsRoutesAnalyzer,k as analyzeRailsApp,i as analyzeRailsViews,j as analyzeReactComponents,d as findNodes,a as initRubyParser,b as parseRuby,c as parseRubyFile}from'./chunk-PTR5IROV.js';
+export{f as RailsControllerAnalyzer,h as RailsGrpcAnalyzer,g as RailsModelAnalyzer,e as RailsRoutesAnalyzer,k as analyzeRailsApp,i as analyzeRailsViews,j as analyzeReactComponents,d as findNodes,a as initRubyParser,b as parseRuby,c as parseRubyFile}from'./chunk-H7VVRHQZ.js';

package/dist/rails-map-generator-CAQZUBI6.js

@@ -0,0 +1 @@
+export{a as RailsMapGenerator}from'./chunk-OQAXO3X2.js';import'./chunk-H7VVRHQZ.js';

package/dist/server/index.d.ts

@@ -1,11 +1,7 @@
 import { DocGeneratorConfig } from '../types.js';
 
-interface DocServerOptions {
-    noCache?: boolean;
-}
 /**
  * Documentation server with live reload
- * ライブリロード機能付きドキュメントサーバー
  */
 declare class DocServer {
     private config;
@@ -17,7 +13,7 @@ declare class DocServer {
     private currentReport;
     private envResult;
     private railsAnalysis;
-    constructor(config: DocGeneratorConfig, port?: number, options?: DocServerOptions);
+    constructor(config: DocGeneratorConfig, port?: number);
     private setupRoutes;
     private setupSocketIO;
     private renderPage;
@@ -30,4 +26,4 @@ declare class DocServer {
     stop(): void;
 }
 
-export { DocServer, type DocServerOptions };
+export { DocServer };

package/dist/server/index.js

@@ -1 +1 @@
-export{b as DocServer}from'../chunk-WQANJ7IA.js';import'../chunk-H4YGP3GL.js';import'../chunk-VV3A3UE3.js';import'../chunk-BPV4UZSW.js';import'../chunk-XWZH2RDG.js';import'../chunk-QZWPOG5B.js';import'../chunk-PTR5IROV.js';
+export{b as DocServer}from'../chunk-JDM7Y7PX.js';import'../chunk-OQAXO3X2.js';import'../chunk-VV3A3UE3.js';import'../chunk-TNUKDIO7.js';import'../chunk-HPBPEGHS.js';import'../chunk-GCIRJGW3.js';import'../chunk-H7VVRHQZ.js';

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 /**
  * Type definitions for the documentation generator
- * ドキュメント生成ツールの型定義
  */
 interface DocGeneratorConfig {
     outputDir: string;
@@ -69,7 +68,6 @@ interface AnalysisResult {
 }
 /**
  * Frontend API call information
- * フロントエンドAPIコール情報
  */
 interface APICall {
     /** Unique identifier */
@@ -171,6 +169,17 @@ interface ComponentInfo {
     dependents: string[];
     hooks: string[];
     stateManagement: string[];
+    /**
+     * Import information with resolved paths
+     * Used for accurate GraphQL operation mapping
+     */
+    imports?: ImportInfo[];
+}
+interface ImportInfo {
+    /** Imported name (e.g., "Query", "useUserHook") */
+    name: string;
+    /** Import path (e.g., "../../features/profile/NewProfilePage") */
+    path: string;
 }
 interface PropInfo {
     name: string;
@@ -294,4 +303,4 @@ interface NavigationFlow {
     trigger: string;
 }
 
-export type { APICall, APIConnection, APIEndpoint, AnalysisConfig, AnalysisResult, AnalyzerType, AssociationInfo, AttributeInfo, AuthRequirement, ComponentInfo, CrossRepoAnalysis, CrossRepoLink, DataFetchingInfo, DataFlow, DataFlowNode, DiagramConfig, DiagramType, DocGeneratorConfig, DocumentationReport, GraphQLField, GraphQLOperation, IntegrationsConfig, MermaidDiagram, ModelInfo, NavigationFlow, NavigationInfo, PageInfo, ParameterInfo, PropInfo, RepositoryConfig, RepositoryReport, RepositorySummary, ResponseInfo, SiteConfig, StepInfo, VariableInfo, WatchConfig };
+export type { APICall, APIConnection, APIEndpoint, AnalysisConfig, AnalysisResult, AnalyzerType, AssociationInfo, AttributeInfo, AuthRequirement, ComponentInfo, CrossRepoAnalysis, CrossRepoLink, DataFetchingInfo, DataFlow, DataFlowNode, DiagramConfig, DiagramType, DocGeneratorConfig, DocumentationReport, GraphQLField, GraphQLOperation, ImportInfo, IntegrationsConfig, MermaidDiagram, ModelInfo, NavigationFlow, NavigationInfo, PageInfo, ParameterInfo, PropInfo, RepositoryConfig, RepositoryReport, RepositorySummary, ResponseInfo, SiteConfig, StepInfo, VariableInfo, WatchConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wtdlee/repomap",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Interactive documentation generator for code repositories - visualize pages, components, GraphQL operations, and data flows",
   "type": "module",
   "main": "dist/index.js",
@@ -75,8 +75,6 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@babel/parser": "^7.23.0",
-    "@babel/traverse": "^7.23.0",
     "@swc/core": "^1.15.3",
     "chalk": "^5.3.0",
     "commander": "^14.0.2",
@@ -89,14 +87,12 @@
     "simple-git": "^3.21.0",
     "socket.io": "^4.7.2",
     "tree-sitter-wasms": "^0.1.13",
-    "ts-morph": "^27.0.2",
     "web-tree-sitter": "^0.25.10",
     "yaml": "^2.3.4"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.0",
     "@eslint/js": "^9.39.1",
-    "@types/babel__traverse": "^7.20.4",
     "@types/express": "^5.0.6",
     "@types/node": "^25.0.1",
     "eslint": "^9.39.1",