npm - @wtdlee/repomap - Versions diffs - 0.1.0 - Mend

@wtdlee/repomap 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (123) hide show

package/LICENSE +21 -0
package/README.md +527 -0
package/dist/analyzers/base-analyzer.d.ts +46 -0
package/dist/analyzers/base-analyzer.d.ts.map +1 -0
package/dist/analyzers/base-analyzer.js +48 -0
package/dist/analyzers/base-analyzer.js.map +1 -0
package/dist/analyzers/dataflow-analyzer.d.ts +30 -0
package/dist/analyzers/dataflow-analyzer.d.ts.map +1 -0
package/dist/analyzers/dataflow-analyzer.js +426 -0
package/dist/analyzers/dataflow-analyzer.js.map +1 -0
package/dist/analyzers/graphql-analyzer.d.ts +23 -0
package/dist/analyzers/graphql-analyzer.d.ts.map +1 -0
package/dist/analyzers/graphql-analyzer.js +387 -0
package/dist/analyzers/graphql-analyzer.js.map +1 -0
package/dist/analyzers/index.d.ts +6 -0
package/dist/analyzers/index.d.ts.map +1 -0
package/dist/analyzers/index.js +6 -0
package/dist/analyzers/index.js.map +1 -0
package/dist/analyzers/pages-analyzer.d.ts +85 -0
package/dist/analyzers/pages-analyzer.d.ts.map +1 -0
package/dist/analyzers/pages-analyzer.js +1696 -0
package/dist/analyzers/pages-analyzer.js.map +1 -0
package/dist/analyzers/rails/index.d.ts +47 -0
package/dist/analyzers/rails/index.d.ts.map +1 -0
package/dist/analyzers/rails/index.js +146 -0
package/dist/analyzers/rails/index.js.map +1 -0
package/dist/analyzers/rails/rails-controller-analyzer.d.ts +83 -0
package/dist/analyzers/rails/rails-controller-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-controller-analyzer.js +479 -0
package/dist/analyzers/rails/rails-controller-analyzer.js.map +1 -0
package/dist/analyzers/rails/rails-grpc-analyzer.d.ts +45 -0
package/dist/analyzers/rails/rails-grpc-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-grpc-analyzer.js +263 -0
package/dist/analyzers/rails/rails-grpc-analyzer.js.map +1 -0
package/dist/analyzers/rails/rails-model-analyzer.d.ts +89 -0
package/dist/analyzers/rails/rails-model-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-model-analyzer.js +494 -0
package/dist/analyzers/rails/rails-model-analyzer.js.map +1 -0
package/dist/analyzers/rails/rails-react-analyzer.d.ts +42 -0
package/dist/analyzers/rails/rails-react-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-react-analyzer.js +530 -0
package/dist/analyzers/rails/rails-react-analyzer.js.map +1 -0
package/dist/analyzers/rails/rails-routes-analyzer.d.ts +63 -0
package/dist/analyzers/rails/rails-routes-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-routes-analyzer.js +541 -0
package/dist/analyzers/rails/rails-routes-analyzer.js.map +1 -0
package/dist/analyzers/rails/rails-view-analyzer.d.ts +50 -0
package/dist/analyzers/rails/rails-view-analyzer.d.ts.map +1 -0
package/dist/analyzers/rails/rails-view-analyzer.js +387 -0
package/dist/analyzers/rails/rails-view-analyzer.js.map +1 -0
package/dist/analyzers/rails/ruby-parser.d.ts +64 -0
package/dist/analyzers/rails/ruby-parser.d.ts.map +1 -0
package/dist/analyzers/rails/ruby-parser.js +213 -0
package/dist/analyzers/rails/ruby-parser.js.map +1 -0
package/dist/analyzers/rest-api-analyzer.d.ts +66 -0
package/dist/analyzers/rest-api-analyzer.d.ts.map +1 -0
package/dist/analyzers/rest-api-analyzer.js +480 -0
package/dist/analyzers/rest-api-analyzer.js.map +1 -0
package/dist/cli.d.ts +3 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +550 -0
package/dist/cli.js.map +1 -0
package/dist/core/cache.d.ts +48 -0
package/dist/core/cache.d.ts.map +1 -0
package/dist/core/cache.js +152 -0
package/dist/core/cache.js.map +1 -0
package/dist/core/engine.d.ts +47 -0
package/dist/core/engine.d.ts.map +1 -0
package/dist/core/engine.js +320 -0
package/dist/core/engine.js.map +1 -0
package/dist/core/index.d.ts +3 -0
package/dist/core/index.d.ts.map +1 -0
package/dist/core/index.js +3 -0
package/dist/core/index.js.map +1 -0
package/dist/generators/assets/common.css +187 -0
package/dist/generators/assets/docs.css +363 -0
package/dist/generators/assets/page-map.css +305 -0
package/dist/generators/assets/rails-map.css +473 -0
package/dist/generators/index.d.ts +4 -0
package/dist/generators/index.d.ts.map +1 -0
package/dist/generators/index.js +4 -0
package/dist/generators/index.js.map +1 -0
package/dist/generators/markdown-generator.d.ts +26 -0
package/dist/generators/markdown-generator.d.ts.map +1 -0
package/dist/generators/markdown-generator.js +783 -0
package/dist/generators/markdown-generator.js.map +1 -0
package/dist/generators/mermaid-generator.d.ts +36 -0
package/dist/generators/mermaid-generator.d.ts.map +1 -0
package/dist/generators/mermaid-generator.js +365 -0
package/dist/generators/mermaid-generator.js.map +1 -0
package/dist/generators/page-map-generator.d.ts +23 -0
package/dist/generators/page-map-generator.d.ts.map +1 -0
package/dist/generators/page-map-generator.js +3563 -0
package/dist/generators/page-map-generator.js.map +1 -0
package/dist/generators/rails-map-generator.d.ts +22 -0
package/dist/generators/rails-map-generator.d.ts.map +1 -0
package/dist/generators/rails-map-generator.js +909 -0
package/dist/generators/rails-map-generator.js.map +1 -0
package/dist/index.d.ts +11 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +12 -0
package/dist/index.js.map +1 -0
package/dist/server/doc-server.d.ts +31 -0
package/dist/server/doc-server.d.ts.map +1 -0
package/dist/server/doc-server.js +1233 -0
package/dist/server/doc-server.js.map +1 -0
package/dist/server/index.d.ts +2 -0
package/dist/server/index.d.ts.map +1 -0
package/dist/server/index.js +2 -0
package/dist/server/index.js.map +1 -0
package/dist/types.d.ts +294 -0
package/dist/types.d.ts.map +1 -0
package/dist/types.js +6 -0
package/dist/types.js.map +1 -0
package/dist/utils/env-detector.d.ts +32 -0
package/dist/utils/env-detector.d.ts.map +1 -0
package/dist/utils/env-detector.js +189 -0
package/dist/utils/env-detector.js.map +1 -0
package/dist/utils/parallel.d.ts +24 -0
package/dist/utils/parallel.d.ts.map +1 -0
package/dist/utils/parallel.js +71 -0
package/dist/utils/parallel.js.map +1 -0
package/package.json +131 -0

package/dist/generators/rails-map-generator.js ADDED Viewed

@@ -0,0 +1,909 @@
+/**
+ * Rails Map Generator
+ * Rails分析結果をインタラクティブなHTMLページとして生成する
+ */
+import * as fs from 'fs';
+import * as path from 'path';
+import { analyzeRailsApp, } from '../analyzers/rails/index.js';
+export class RailsMapGenerator {
+    rootPath;
+    result = null;
+    constructor(rootPath) {
+        this.rootPath = rootPath;
+    }
+    async generate(options = {}) {
+        if (!this.rootPath)
+            throw new Error('Root path required for analysis');
+        const { title = 'Rails Application Map' } = options;
+        // Run analysis
+        this.result = await analyzeRailsApp(this.rootPath);
+        // Generate HTML
+        const html = this.generateHTML(title);
+        // Save if output path specified
+        if (options.outputPath) {
+            fs.writeFileSync(options.outputPath, html);
+            console.log(`\n📄 Generated: ${options.outputPath}`);
+        }
+        return html;
+    }
+    // Generate from existing analysis result (for doc-server)
+    generateFromResult(analysisResult, title = 'Rails Application Map') {
+        this.result = analysisResult;
+        return this.generateHTML(title);
+    }
+    generateHTML(title) {
+        if (!this.result)
+            throw new Error('Analysis not run');
+        const { routes, controllers, models, grpc, summary } = this.result;
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title}</title>
+  <link rel="stylesheet" href="/rails-map.css">
+</head>
+<body>
+  <header>
+    <h1>🛤️ ${title}</h1>
+    <nav class="header-nav">
+      <a href="/page-map" class="nav-link">Page Map</a>
+      <a href="/rails-map" class="nav-link active">Rails Map</a>
+      <a href="/docs" class="nav-link">Docs</a>
+    </nav>
+    <div class="stats-bar">
+      <div class="stat active" data-view="routes">
+        <div>
+          <div class="stat-value">${summary.totalRoutes.toLocaleString()}</div>
+          <div class="stat-label">Routes</div>
+        </div>
+      </div>
+      <div class="stat" data-view="controllers">
+        <div>
+          <div class="stat-value">${summary.totalControllers}</div>
+          <div class="stat-label">Controllers</div>
+        </div>
+      </div>
+      <div class="stat" data-view="models">
+        <div>
+          <div class="stat-value">${summary.totalModels}</div>
+          <div class="stat-label">Models</div>
+        </div>
+      </div>
+      <div class="stat" data-view="grpc">
+        <div>
+          <div class="stat-value">${summary.totalGrpcServices}</div>
+          <div class="stat-label">gRPC</div>
+        </div>
+      </div>
+      <div class="stat" data-view="diagram">
+        <div>
+          <div class="stat-value">📊</div>
+          <div class="stat-label">Diagram</div>
+        </div>
+      </div>
+    </div>
+  </header>
+  <div class="container">
+    <aside class="sidebar">
+      <div class="sidebar-section">
+        <div class="sidebar-title">Search</div>
+        <input type="text" class="search-box" id="searchBox" placeholder="Search routes, controllers...">
+      </div>
+      <div class="sidebar-section namespaces" id="namespaceFilter">
+        <div class="sidebar-title">Namespaces (${summary.namespaces.length})</div>
+        <div class="namespace-list">
+          <div class="namespace-item active" data-namespace="all">
+            <span>All</span>
+            <span class="namespace-count">${routes.routes.length}</span>
+          </div>
+          ${this.generateNamespaceList(routes.routes)}
+        </div>
+      </div>
+      <div class="sidebar-section" id="methodFilter">
+        <div class="sidebar-title">HTTP Methods</div>
+        <div class="namespace-list methods-list">
+          ${this.generateMethodFilters(routes.routes)}
+        </div>
+      </div>
+    </aside>
+    <main class="main-panel" id="mainPanel">
+      ${this.generateRoutesView(routes.routes)}
+    </main>
+    <aside class="detail-panel" id="detailPanel">
+      <div class="empty-state">
+        <div class="empty-state-icon">👆</div>
+        <div>Select an item to view details</div>
+      </div>
+    </aside>
+  </div>
+  <script>
+    // Data
+    const routes = ${JSON.stringify(routes.routes)};
+    const controllers = ${JSON.stringify(controllers.controllers)};
+    const models = ${JSON.stringify(models.models)};
+    const grpcServices = ${JSON.stringify(grpc.services)};
+    // State
+    let currentView = 'routes';
+    let selectedNamespaces = new Set(['all']);
+    let selectedMethods = new Set(['all']);
+    let searchQuery = '';
+    let routesDisplayCount = 200;
+    let controllersDisplayCount = 50;
+    let modelsDisplayCount = 50;
+    // Filtered data cache for click handlers
+    let filteredControllers = [];
+    let filteredModels = [];
+    // URL State Management
+    function saveStateToUrl() {
+      const params = new URLSearchParams();
+      params.set('view', currentView);
+      if (!selectedNamespaces.has('all')) {
+        params.set('ns', [...selectedNamespaces].join(','));
+      }
+      if (!selectedMethods.has('all')) {
+        params.set('method', [...selectedMethods].join(','));
+      }
+      if (searchQuery) {
+        params.set('q', searchQuery);
+      }
+      const newUrl = window.location.pathname + '?' + params.toString();
+      window.history.replaceState({}, '', newUrl);
+    }
+    function loadStateFromUrl() {
+      const params = new URLSearchParams(window.location.search);
+      if (params.has('view')) {
+        currentView = params.get('view');
+        document.querySelectorAll('.stat').forEach(s => {
+          s.classList.toggle('active', s.dataset.view === currentView);
+        });
+      }
+      if (params.has('ns')) {
+        const ns = params.get('ns').split(',').filter(Boolean);
+        if (ns.length > 0) {
+          selectedNamespaces = new Set(ns);
+        }
+      }
+      if (params.has('method')) {
+        const methods = params.get('method').split(',').filter(Boolean);
+        if (methods.length > 0) {
+          selectedMethods = new Set(methods);
+        }
+      }
+      if (params.has('q')) {
+        searchQuery = params.get('q');
+        searchBox.value = searchQuery;
+      }
+      updateFilterUI();
+    }
+    // DOM Elements
+    const mainPanel = document.getElementById('mainPanel');
+    const detailPanel = document.getElementById('detailPanel');
+    const searchBox = document.getElementById('searchBox');
+    // Event Listeners
+    document.querySelectorAll('.stat').forEach(stat => {
+      stat.addEventListener('click', () => {
+        document.querySelectorAll('.stat').forEach(s => s.classList.remove('active'));
+        stat.classList.add('active');
+        currentView = stat.dataset.view;
+        saveStateToUrl();
+        renderMainPanel();
+      });
+    });
+    // Namespace filter (multi-select with Ctrl/Cmd)
+    document.querySelectorAll('.namespace-item[data-namespace]').forEach(item => {
+      item.addEventListener('click', (e) => {
+        const ns = item.dataset.namespace;
+        if (e.ctrlKey || e.metaKey) {
+          // Multi-select
+          if (ns === 'all') {
+            selectedNamespaces = new Set(['all']);
+          } else {
+            selectedNamespaces.delete('all');
+            if (selectedNamespaces.has(ns)) {
+              selectedNamespaces.delete(ns);
+              if (selectedNamespaces.size === 0) selectedNamespaces.add('all');
+            } else {
+              selectedNamespaces.add(ns);
+            }
+          }
+        } else {
+          // Single select
+          selectedNamespaces = new Set([ns]);
+        }
+        updateFilterUI();
+        routesDisplayCount = 200;
+        saveStateToUrl();
+        renderMainPanel();
+      });
+    });
+    // Method filter (multi-select with Ctrl/Cmd)
+    document.querySelectorAll('.namespace-item[data-method]').forEach(item => {
+      item.addEventListener('click', (e) => {
+        const method = item.dataset.method;
+        if (e.ctrlKey || e.metaKey) {
+          if (selectedMethods.has('all')) {
+            selectedMethods = new Set([method]);
+          } else if (selectedMethods.has(method)) {
+            selectedMethods.delete(method);
+            if (selectedMethods.size === 0) selectedMethods.add('all');
+          } else {
+            selectedMethods.add(method);
+          }
+        } else {
+          if (selectedMethods.has(method) && selectedMethods.size === 1) {
+            selectedMethods = new Set(['all']);
+          } else {
+            selectedMethods = new Set([method]);
+          }
+        }
+        updateFilterUI();
+        routesDisplayCount = 200;
+        saveStateToUrl();
+        renderMainPanel();
+      });
+    });
+    function updateFilterUI() {
+      document.querySelectorAll('.namespace-item[data-namespace]').forEach(item => {
+        item.classList.toggle('active', selectedNamespaces.has(item.dataset.namespace));
+      });
+      document.querySelectorAll('.namespace-item[data-method]').forEach(item => {
+        // Only highlight selected methods, not all when 'all' is selected
+        item.classList.toggle('active', selectedMethods.has(item.dataset.method));
+      });
+    }
+    searchBox.addEventListener('input', (e) => {
+      searchQuery = e.target.value.toLowerCase();
+      saveStateToUrl();
+      renderMainPanel();
+    });
+    // Render Functions
+    function renderMainPanel() {
+      // Disable filters for models/diagram tabs
+      const namespaceFilter = document.getElementById('namespaceFilter');
+      const methodFilter = document.getElementById('methodFilter');
+      const filtersDisabled = currentView === 'models' || currentView === 'diagram';
+      if (namespaceFilter) {
+        namespaceFilter.style.opacity = filtersDisabled ? '0.4' : '1';
+        namespaceFilter.style.pointerEvents = filtersDisabled ? 'none' : 'auto';
+      }
+      if (methodFilter) {
+        methodFilter.style.opacity = filtersDisabled ? '0.4' : '1';
+        methodFilter.style.pointerEvents = filtersDisabled ? 'none' : 'auto';
+      }
+      switch (currentView) {
+        case 'routes':
+          mainPanel.innerHTML = renderRoutesView();
+          break;
+        case 'controllers':
+          mainPanel.innerHTML = renderControllersView();
+          break;
+        case 'models':
+          mainPanel.innerHTML = renderModelsView();
+          break;
+        case 'grpc':
+          mainPanel.innerHTML = renderGrpcView();
+          break;
+        case 'diagram':
+          mainPanel.innerHTML = renderDiagramView();
+          setTimeout(loadMermaid, 100);
+          break;
+      }
+      attachEventListeners();
+    }
+    function filterRoutes() {
+      return routes.filter(route => {
+        // Namespace filter (multi-select)
+        if (!selectedNamespaces.has('all')) {
+          const routeNs = route.namespace || '';
+          if (!selectedNamespaces.has(routeNs)) return false;
+        }
+        // Method filter (multi-select)
+        if (!selectedMethods.has('all') && !selectedMethods.has(route.method)) return false;
+        // Search filter
+        if (searchQuery) {
+          const searchStr = (route.path + route.controller + route.action + (route.namespace || '')).toLowerCase();
+          if (!searchStr.includes(searchQuery)) return false;
+        }
+        return true;
+      });
+    }
+    function renderRoutesView() {
+      const filtered = filterRoutes();
+      const displayed = filtered.slice(0, routesDisplayCount);
+      const hasMore = filtered.length > routesDisplayCount;
+      return \`
+        <div class="panel-header">
+          <div class="panel-title">Routes <span class="panel-count">(\${Math.min(routesDisplayCount, filtered.length)} / \${filtered.length})</span></div>
+        </div>
+        <table class="routes-table">
+          <thead>
+            <tr>
+              <th>Method</th>
+              <th>Path</th>
+              <th>Controller#Action</th>
+            </tr>
+          </thead>
+          <tbody>
+            \${displayed.map((route, idx) => \`
+              <tr data-type="route" data-index="\${idx}">
+                <td><span class="method-badge method-\${route.method}">\${route.method}</span></td>
+                <td class="path-text">\${highlightParams(route.path)}</td>
+                <td class="controller-text">\${route.controller}#\${route.action}</td>
+              </tr>
+            \`).join('')}
+          </tbody>
+        </table>
+        \${hasMore ? \`
+          <div class="show-more-container">
+            <button class="show-more-btn" onclick="loadMoreRoutes()">Show More (+200)</button>
+            <span class="show-more-count">\${routesDisplayCount} / \${filtered.length}</span>
+          </div>
+        \` : ''}
+      \`;
+    }
+    window.loadMoreRoutes = function() {
+      routesDisplayCount += 200;
+      renderMainPanel();
+    };
+    function renderControllersView() {
+      filteredControllers = controllers;
+      if (searchQuery) {
+        filteredControllers = controllers.filter(c =>
+          c.className.toLowerCase().includes(searchQuery) ||
+          c.actions.some(a => a.name.toLowerCase().includes(searchQuery))
+        );
+      }
+      if (!selectedNamespaces.has('all')) {
+        filteredControllers = filteredControllers.filter(c => selectedNamespaces.has(c.namespace || ''));
+      }
+      const displayed = filteredControllers.slice(0, controllersDisplayCount);
+      const hasMore = filteredControllers.length > controllersDisplayCount;
+      return \`
+        <div class="panel-header">
+          <div class="panel-title">Controllers <span class="panel-count">(\${Math.min(controllersDisplayCount, filteredControllers.length)} / \${filteredControllers.length})</span></div>
+        </div>
+        <div>
+          \${displayed.map((ctrl, idx) => \`
+            <div class="controller-card" data-type="controller" data-index="\${idx}">
+              <div class="controller-header">
+                <div>
+                  <div class="controller-name">\${ctrl.className}</div>
+                  <div class="controller-namespace">\${ctrl.namespace || 'root'} • \${ctrl.actions.length} actions</div>
+                </div>
+                <span>▶</span>
+              </div>
+              <div class="controller-actions">
+                \${ctrl.actions.map(action => \`
+                  <div class="action-item">
+                    <div class="action-visibility visibility-\${action.visibility}"></div>
+                    <span>\${action.name}</span>
+                    \${action.rendersJson ? '<span class="tag tag-blue">JSON</span>' : ''}
+                    \${action.redirectsTo ? '<span class="tag tag-purple">Redirect</span>' : ''}
+                  </div>
+                \`).join('')}
+              </div>
+            </div>
+          \`).join('')}
+        </div>
+        \${hasMore ? \`
+          <div class="show-more-container">
+            <button class="show-more-btn" onclick="loadMoreControllers()">Show More (+50)</button>
+            <span class="show-more-count">\${controllersDisplayCount} / \${filteredControllers.length}</span>
+          </div>
+        \` : ''}
+      \`;
+    }
+    window.loadMoreControllers = function() {
+      controllersDisplayCount += 50;
+      renderMainPanel();
+    };
+    function renderModelsView() {
+      filteredModels = models;
+      if (searchQuery) {
+        filteredModels = models.filter(m =>
+          m.className.toLowerCase().includes(searchQuery)
+        );
+      }
+      const displayed = filteredModels.slice(0, modelsDisplayCount);
+      const hasMore = filteredModels.length > modelsDisplayCount;
+      return \`
+        <div class="panel-header">
+          <div class="panel-title">Models <span class="panel-count">(\${Math.min(modelsDisplayCount, filteredModels.length)} / \${filteredModels.length})</span></div>
+        </div>
+        <div>
+          \${displayed.map((model, idx) => \`
+            <div class="model-card" data-type="model" data-index="\${idx}">
+              <div class="model-name">
+                \${model.className}
+                \${model.concerns.length > 0 ? \`<span class="tag tag-purple">\${model.concerns.length} concerns</span>\` : ''}
+              </div>
+              <div class="model-stats">
+                <span>\${model.associations.length} assoc</span>
+                <span>\${model.validations.length} valid</span>
+                <span>\${model.callbacks.length} callbacks</span>
+              </div>
+            </div>
+          \`).join('')}
+        </div>
+        \${hasMore ? \`
+          <div class="show-more-container">
+            <button class="show-more-btn" onclick="loadMoreModels()">Show More (+50)</button>
+            <span class="show-more-count">\${modelsDisplayCount} / \${filteredModels.length}</span>
+          </div>
+        \` : ''}
+      \`;
+    }
+    window.loadMoreModels = function() {
+      modelsDisplayCount += 50;
+      renderMainPanel();
+    };
+    let grpcDisplayCount = 50;
+    let filteredGrpc = grpcServices;
+    function renderGrpcView() {
+      filteredGrpc = grpcServices;
+      if (searchQuery) {
+        filteredGrpc = grpcServices.filter(svc =>
+          (svc.className && svc.className.toLowerCase().includes(searchQuery)) ||
+          (svc.namespace && svc.namespace.toLowerCase().includes(searchQuery)) ||
+          (svc.rpcs && svc.rpcs.some(rpc => rpc.name && rpc.name.toLowerCase().includes(searchQuery)))
+        );
+      }
+      const displayedGrpc = filteredGrpc.slice(0, grpcDisplayCount);
+      return \`
+        <div class="panel-header">
+          <div class="panel-title">gRPC Services <span class="panel-count">(\${Math.min(grpcDisplayCount, filteredGrpc.length)} / \${filteredGrpc.length})</span></div>
+        </div>
+        <div style="display:grid;gap:12px">
+          \${displayedGrpc.map((svc, idx) => \`
+            <div class="model-card" onclick="showGrpcDetail(\${idx})">
+              <div class="model-name">
+                🔌 \${svc.className || 'Unknown'}
+              </div>
+              <div class="model-stats">
+                \${svc.namespace ? \`<span>📁 \${svc.namespace}</span>\` : ''}
+                <span>⚡ \${svc.rpcs ? svc.rpcs.length : 0} RPCs</span>
+              </div>
+            </div>
+          \`).join('')}
+        </div>
+        \${filteredGrpc.length > grpcDisplayCount ? \`
+          <div class="show-more-container">
+            <button class="show-more-btn" onclick="loadMoreGrpc()">Show More (+50)</button>
+            <span class="show-more-count">\${grpcDisplayCount} / \${filteredGrpc.length}</span>
+          </div>
+        \` : ''}
+      \`;
+    }
+    window.loadMoreGrpc = function() {
+      grpcDisplayCount += 50;
+      renderMainPanel();
+    };
+    window.showGrpcDetail = function(idx) {
+      const svc = filteredGrpc[idx];
+      if (!svc) return;
+      let detail = \`
+        <div class="detail-header">
+          <div class="detail-title">🔌 \${svc.className || 'gRPC Service'}</div>
+          <button class="close-btn" onclick="closeDetail()">×</button>
+        </div>
+        <div class="detail-content">
+          <div class="detail-section">
+            <div class="detail-section-title">Service Info</div>
+            <div class="detail-item"><span class="tag tag-purple">class</span>\${svc.className || 'N/A'}</div>
+            \${svc.namespace ? \`<div class="detail-item"><span class="tag tag-blue">namespace</span>\${svc.namespace}</div>\` : ''}
+            \${svc.filePath ? \`<div class="detail-item"><span class="tag tag-green">file</span><span style="word-break:break-all">\${svc.filePath}</span></div>\` : ''}
+          </div>
+          \${svc.rpcs && svc.rpcs.length > 0 ? \`
+            <div class="detail-section">
+              <div class="detail-section-title">RPCs (\${svc.rpcs.length})</div>
+              \${svc.rpcs.map(rpc => \`
+                <div class="detail-item">
+                  <span class="tag tag-orange">rpc</span>
+                  <span>\${rpc.name || 'unknown'}</span>
+                  \${rpc.request ? \`<span style="margin-left:auto;font-size:11px;color:var(--text-secondary)">(\${rpc.request})</span>\` : ''}
+                </div>
+              \`).join('')}
+            </div>
+          \` : ''}
+        </div>
+      \`;
+      detailPanel.innerHTML = detail;
+      detailPanel.classList.add('open');
+    };
+    function renderDiagramView() {
+      const topModels = [...models]
+        .sort((a, b) => b.associations.length - a.associations.length)
+        .slice(0, 15);
+      const modelNames = new Set(topModels.map(m => m.name || m.className));
+      let mermaidCode = 'erDiagram\\n';
+      const addedRelations = new Set();
+      topModels.forEach(model => {
+        const modelName = (model.name || model.className).replace(/[^a-zA-Z0-9]/g, '_');
+        model.associations.forEach(assoc => {
+          let targetModel = assoc.className || capitalize(singularize(assoc.name));
+          targetModel = targetModel.replace(/[^a-zA-Z0-9]/g, '_');
+          if (modelNames.has(assoc.className) || modelNames.has(capitalize(singularize(assoc.name)))) {
+            const relKey = [modelName, targetModel].sort().join('-') + assoc.type;
+            if (!addedRelations.has(relKey)) {
+              addedRelations.add(relKey);
+              const rel =
+                assoc.type === 'belongs_to' ? '||--o{' :
+                assoc.type === 'has_one' ? '||--||' : '||--o{';
+              mermaidCode += \`  \${modelName} \${rel} \${targetModel} : "\${assoc.type}"\\n\`;
+            }
+          }
+        });
+      });
+      // Ensure there's content even if no relations found
+      if (mermaidCode === 'erDiagram\\n') {
+        topModels.slice(0, 5).forEach(model => {
+          const modelName = (model.name || model.className).replace(/[^a-zA-Z0-9]/g, '_');
+          mermaidCode += \`  \${modelName} {\\n    string id\\n  }\\n\`;
+        });
+      }
+      return \`
+        <div class="panel-header">
+          <div class="panel-title">Model Relationships (Top 15 by associations)</div>
+        </div>
+        <div class="mermaid-container" id="mermaid-container">
+          <pre class="mermaid" id="mermaid-diagram">\${mermaidCode}</pre>
+        </div>
+      \`;
+    }
+    // Load mermaid dynamically
+    function loadMermaid() {
+      const container = document.getElementById('mermaid-diagram');
+      if (!container) return;
+      if (window.mermaid) {
+        try {
+          // Re-render mermaid diagram
+          container.removeAttribute('data-processed');
+          window.mermaid.init(undefined, container);
+        } catch (e) {
+          console.error('Mermaid error:', e);
+        }
+        return;
+      }
+      const script = document.createElement('script');
+      script.src = 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js';
+      script.onload = () => {
+        window.mermaid.initialize({
+          startOnLoad: false,
+          theme: 'dark',
+          securityLevel: 'loose'
+        });
+        const diagram = document.getElementById('mermaid-diagram');
+        if (diagram) {
+          window.mermaid.init(undefined, diagram);
+        }
+      };
+      document.head.appendChild(script);
+    }
+    function highlightParams(path) {
+      return path.replace(/:([a-zA-Z_]+)/g, '<span class="param">:$1</span>');
+    }
+    function capitalize(str) {
+      return str.charAt(0).toUpperCase() + str.slice(1);
+    }
+    function singularize(str) {
+      if (str.endsWith('ies')) return str.slice(0, -3) + 'y';
+      if (str.endsWith('s')) return str.slice(0, -1);
+      return str;
+    }
+    function attachEventListeners() {
+      document.querySelectorAll('[data-type="route"]').forEach(row => {
+        row.addEventListener('click', () => {
+          const idx = parseInt(row.dataset.index);
+          const route = filterRoutes()[idx];
+          showRouteDetail(route);
+        });
+      });
+      document.querySelectorAll('[data-type="controller"]').forEach(card => {
+        card.addEventListener('click', (e) => {
+          if (e.target.closest('.controller-header')) {
+            card.classList.toggle('expanded');
+          }
+          const idx = parseInt(card.dataset.index);
+          // Use filtered array to get correct item
+          if (filteredControllers[idx]) {
+            showControllerDetail(filteredControllers[idx]);
+          }
+        });
+      });
+      document.querySelectorAll('[data-type="model"]').forEach(card => {
+        card.addEventListener('click', () => {
+          const idx = parseInt(card.dataset.index);
+          // Use filtered array to get correct item
+          if (filteredModels[idx]) {
+            showModelDetail(filteredModels[idx]);
+          }
+        });
+      });
+    }
+    function showRouteDetail(route) {
+      detailPanel.innerHTML = \`
+        <div class="detail-header">
+          <div class="detail-title">Route Details</div>
+          <button class="close-btn" onclick="clearDetail()">×</button>
+        </div>
+        <div class="detail-content">
+          <div class="detail-section">
+            <div class="detail-section-title">Method & Path</div>
+            <div class="detail-item">
+              <span class="method-badge method-\${route.method}">\${route.method}</span>
+              <code>\${route.path}</code>
+            </div>
+          </div>
+          <div class="detail-section">
+            <div class="detail-section-title">Controller</div>
+            <div class="detail-item">\${route.controller}#\${route.action}</div>
+          </div>
+          \${route.namespace ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Namespace</div>
+            <div class="detail-item">\${route.namespace}</div>
+          </div>
+          \` : ''}
+          <div class="detail-section">
+            <div class="detail-section-title">Line</div>
+            <div class="detail-item">routes.rb:\${route.line}</div>
+          </div>
+        </div>
+      \`;
+    }
+    function showControllerDetail(ctrl) {
+      detailPanel.innerHTML = \`
+        <div class="detail-header">
+          <div class="detail-title">Controller Details</div>
+          <button class="close-btn" onclick="clearDetail()">×</button>
+        </div>
+        <div class="detail-content">
+          <div class="detail-section">
+            <div class="detail-section-title">Class</div>
+            <div class="detail-item">\${ctrl.className}</div>
+            <div class="detail-item" style="color: var(--text-secondary)">extends \${ctrl.parentClass}</div>
+          </div>
+          \${ctrl.beforeActions.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Before Actions</div>
+            \${ctrl.beforeActions.map(f => \`
+              <div class="detail-item">
+                <span class="tag tag-orange">before</span>
+                \${f.name}
+                \${f.only ? \`<br><small style="color: var(--text-secondary)">only: \${f.only.join(', ')}</small>\` : ''}
+              </div>
+            \`).join('')}
+          </div>
+          \` : ''}
+          \${ctrl.concerns.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Concerns</div>
+            \${ctrl.concerns.map(c => \`<div class="detail-item"><span class="tag tag-purple">include</span>\${c}</div>\`).join('')}
+          </div>
+          \` : ''}
+          <div class="detail-section">
+            <div class="detail-section-title">Actions (\${ctrl.actions.length})</div>
+            \${ctrl.actions.slice(0, 20).map(a => \`
+              <div class="detail-item">
+                <span class="tag tag-\${a.visibility === 'public' ? 'green' : a.visibility === 'private' ? 'pink' : 'orange'}">\${a.visibility}</span>
+                \${a.name}
+              </div>
+            \`).join('')}
+            \${ctrl.actions.length > 20 ? '<div class="detail-item" style="color: var(--text-secondary)">...</div>' : ''}
+          </div>
+        </div>
+      \`;
+    }
+    function showModelDetail(model) {
+      detailPanel.innerHTML = \`
+        <div class="detail-header">
+          <div class="detail-title">Model Details</div>
+          <button class="close-btn" onclick="clearDetail()">×</button>
+        </div>
+        <div class="detail-content">
+          <div class="detail-section">
+            <div class="detail-section-title">Class</div>
+            <div class="detail-item">\${model.className}</div>
+            <div class="detail-item" style="color: var(--text-secondary)">extends \${model.parentClass}</div>
+          </div>
+          \${model.associations.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Associations (\${model.associations.length})</div>
+            \${model.associations.slice(0, 15).map(a => \`
+              <div class="detail-item">
+                <span class="tag tag-blue">\${a.type}</span>
+                :\${a.name}
+                \${a.through ? \`<small style="color: var(--text-secondary)"> through: \${a.through}</small>\` : ''}
+                \${a.polymorphic ? '<span class="tag tag-purple">poly</span>' : ''}
+              </div>
+            \`).join('')}
+            \${model.associations.length > 15 ? '<div class="detail-item" style="color: var(--text-secondary)">...</div>' : ''}
+          </div>
+          \` : ''}
+          \${model.validations.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Validations (\${model.validations.length})</div>
+            \${model.validations.slice(0, 10).map(v => \`
+              <div class="detail-item">
+                <span class="tag tag-green">\${v.type}</span>
+                \${v.attributes.join(', ')}
+              </div>
+            \`).join('')}
+          </div>
+          \` : ''}
+          \${model.scopes.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Scopes (\${model.scopes.length})</div>
+            \${model.scopes.map(s => \`<div class="detail-item"><span class="tag tag-orange">scope</span>\${s.name}</div>\`).join('')}
+          </div>
+          \` : ''}
+          \${model.enums.length > 0 ? \`
+          <div class="detail-section">
+            <div class="detail-section-title">Enums</div>
+            \${model.enums.map(e => \`
+              <div class="detail-item">
+                <span class="tag tag-pink">enum</span>
+                \${e.name}: \${e.values.slice(0, 5).join(', ')}\${e.values.length > 5 ? '...' : ''}
+              </div>
+            \`).join('')}
+          </div>
+          \` : ''}
+        </div>
+      \`;
+    }
+    function clearDetail() {
+      detailPanel.innerHTML = \`
+        <div class="empty-state">
+          <div class="empty-state-icon">👆</div>
+          <div>Select an item to view details</div>
+        </div>
+      \`;
+    }
+    // Initialize
+    loadStateFromUrl();
+    renderMainPanel();
+  </script>
+</body>
+</html>`;
+    }
+    generateNamespaceList(routes) {
+        const namespaces = new Map();
+        for (const route of routes) {
+            const ns = route.namespace || 'root';
+            namespaces.set(ns, (namespaces.get(ns) || 0) + 1);
+        }
+        const sorted = [...namespaces.entries()].sort((a, b) => b[1] - a[1]);
+        return sorted
+            .map(([ns, count]) => `
+      <div class="namespace-item" data-namespace="${ns === 'root' ? '' : ns}">
+        <span>${ns}</span>
+        <span class="namespace-count">${count}</span>
+      </div>
+    `)
+            .join('');
+    }
+    generateMethodFilters(routes) {
+        const methods = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];
+        const counts = new Map();
+        for (const route of routes) {
+            counts.set(route.method, (counts.get(route.method) || 0) + 1);
+        }
+        return methods
+            .map((method) => `
+      <div class="namespace-item" data-method="${method}">
+        <span class="method-badge method-${method}">${method}</span>
+        <span class="namespace-count">${counts.get(method) || 0}</span>
+      </div>
+    `)
+            .join('');
+    }
+    generateRoutesView(routes) {
+        return `
+      <div class="panel-header">
+        <div class="panel-title">Routes (${routes.length})</div>
+      </div>
+      <table class="routes-table">
+        <thead>
+          <tr>
+            <th>Method</th>
+            <th>Path</th>
+            <th>Controller#Action</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${routes
+            .slice(0, 200)
+            .map((route, idx) => `
+            <tr data-type="route" data-index="${idx}">
+              <td><span class="method-badge method-${route.method}">${route.method}</span></td>
+              <td class="path-text">${this.highlightParams(route.path)}</td>
+              <td class="controller-text">${route.controller}#${route.action}</td>
+            </tr>
+          `)
+            .join('')}
+        </tbody>
+      </table>
+    `;
+    }
+    highlightParams(path) {
+        return path.replace(/:([a-zA-Z_]+)/g, '<span class="param">:$1</span>');
+    }
+}
+// Standalone execution
+async function main() {
+    const targetPath = process.argv[2] || process.cwd();
+    const outputPath = process.argv[3] || path.join(targetPath, 'rails-map.html');
+    const generator = new RailsMapGenerator(targetPath);
+    await generator.generate({
+        title: 'Rails Application Map',
+        outputPath,
+    });
+}
+const isMainModule = import.meta.url === `file://${process.argv[1]}`;
+if (isMainModule) {
+    main().catch(console.error);
+}
+//# sourceMappingURL=rails-map-generator.js.map