next-arch-map 0.1.20 → 0.1.22

package/dist/analyzers/pagesToEndpoints.js

@@ -1,6 +1,6 @@
 import path from "node:path";
 import ts from "typescript";
-import { buildActionNode, buildEdgeKey, buildEndpointNode, buildPageNode, collectStringConstants, ensureNode, getExistingDirectories, getPageRouteFromFile, getSourceFile, getStringLiteralValue, isIgnoredSourceFile, isPageFile, resolveProjectRoot, walkDirectory, } from "../utils.js";
+import { buildActionNode, buildEdgeKey, buildEndpointNode, buildPageNode, collectStringConstants, ensureNode, getExistingDirectories, getPageRouteFromFile, getSourceFile, getStringLiteralValue, isIgnoredSourceFile, isPageFile, resolveLocalModulePath, resolveProjectRoot, walkDirectory, } from "../utils.js";
 const DEFAULT_APP_DIRS = ["app", "src/app"];
 const DEFAULT_EXTRA_SCAN_DIRS = ["src/features", "src/services", "src/lib", "src/hooks"];
 const DEFAULT_HTTP_CLIENT_IDENTIFIERS = ["fetch", "axios", "apiClient"];
@@ -31,15 +31,18 @@ export async function analyzePagesToEndpoints(options) {
                 if (!sourceFile) {
                     continue;
                 }
-                const httpCalls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods);
                 // Non-page files (route handlers, layouts, helpers) under app/ only
                 // contribute endpoint nodes without creating fake page flows.
                 if (!isPageFile(filePath)) {
+                    const httpCalls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods);
                     for (const call of httpCalls) {
                         ensureNode(nodes, nodeIds, buildEndpointNode(call.endpoint, filePath));
                     }
                     continue;
                 }
+                // For page files, follow imports transitively to find HTTP calls
+                // in hooks, utilities, and other local modules.
+                const httpCalls = collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifiers, httpClientMethods, sourceFileCache);
                 const route = getPageRouteFromFile(appDir, filePath);
                 ensureNode(nodes, nodeIds, buildPageNode(route, filePath));
                 for (const call of httpCalls) {
@@ -115,6 +118,45 @@ export async function analyzePagesToEndpoints(options) {
             left.to.localeCompare(right.to)),
     };
 }
+function collectImportSpecifiers(sourceFile) {
+    const specifiers = [];
+    for (const statement of sourceFile.statements) {
+        if (ts.isImportDeclaration(statement) &&
+            statement.moduleSpecifier &&
+            ts.isStringLiteral(statement.moduleSpecifier)) {
+            specifiers.push(statement.moduleSpecifier.text);
+        }
+        // Re-exports: export { foo } from "./bar"
+        if (ts.isExportDeclaration(statement) &&
+            statement.moduleSpecifier &&
+            ts.isStringLiteral(statement.moduleSpecifier)) {
+            specifiers.push(statement.moduleSpecifier.text);
+        }
+    }
+    return specifiers;
+}
+function collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifiers, httpClientMethods, sourceFileCache, visited) {
+    const resolvedPath = path.resolve(filePath);
+    const seen = visited ?? new Set();
+    if (seen.has(resolvedPath)) {
+        return [];
+    }
+    seen.add(resolvedPath);
+    const sourceFile = getSourceFile(filePath, sourceFileCache);
+    if (!sourceFile) {
+        return [];
+    }
+    const calls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods);
+    for (const specifier of collectImportSpecifiers(sourceFile)) {
+        const resolved = resolveLocalModulePath(filePath, specifier, projectRoot);
+        if (!resolved) {
+            continue;
+        }
+        const transitiveCalls = collectHttpCallsTransitively(resolved, projectRoot, httpClientIdentifiers, httpClientMethods, sourceFileCache, seen);
+        calls.push(...transitiveCalls);
+    }
+    return calls;
+}
 function collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods) {
     const calls = [];
     const constMap = collectStringConstants(sourceFile);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-arch-map",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Static analyzer that builds a multi-layer architecture graph for Next.js-style apps.",
   "type": "module",
   "bin": {

package/viewer/src/App.tsx

@@ -20,46 +20,6 @@ const ALL_EDGE_KINDS: EdgeKind[] = [
   "action-endpoint",
 ];
 
-type LayerPreset = "user-flow" | "data-flow" | "full-flow";
-
-const USER_FLOW_EDGE_KINDS: EdgeKind[] = [
-  "page-action",
-  "action-endpoint",
-  "page-endpoint",
-];
-
-const DATA_FLOW_EDGE_KINDS: EdgeKind[] = [
-  "endpoint-handler",
-  "endpoint-db",
-];
-
-const FULL_FLOW_EDGE_KINDS: EdgeKind[] = [
-  "page-endpoint",
-  "endpoint-db",
-  "endpoint-handler",
-  "page-action",
-  "action-endpoint",
-];
-
-const USER_FLOW_NODE_TYPES: NodeType[] = [
-  "page",
-  "action",
-  "endpoint",
-];
-
-const DATA_FLOW_NODE_TYPES: NodeType[] = [
-  "endpoint",
-  "handler",
-  "db",
-];
-
-const FULL_FLOW_NODE_TYPES: NodeType[] = [
-  "page",
-  "action",
-  "endpoint",
-  "handler",
-  "db",
-];
 
 function isRecord(value: unknown): value is Record<string, unknown> {
   return !!value && typeof value === "object";
@@ -110,7 +70,6 @@ export function App() {
   );
   const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
-  const [activePreset, setActivePreset] = useState<LayerPreset | null>(null);
   const [showAdvanced, setShowAdvanced] = useState(false);
 
   useEffect(() => {
@@ -229,7 +188,6 @@ export function App() {
   };
 
   const toggleNodeType = (type: NodeType) => {
-    setActivePreset(null);
     setVisibleNodeTypes((prev) => {
       const next = new Set(prev);
       if (next.has(type)) next.delete(type);
@@ -239,7 +197,6 @@ export function App() {
   };
 
   const toggleEdgeKind = (kind: EdgeKind) => {
-    setActivePreset(null);
     setVisibleEdgeKinds((prev) => {
       const next = new Set(prev);
       if (next.has(kind)) next.delete(kind);
@@ -248,24 +205,6 @@ export function App() {
     });
   };
 
-  const applyPreset = (preset: LayerPreset) => {
-    setActivePreset(preset);
-    if (preset === "user-flow") {
-      setVisibleNodeTypes(new Set(USER_FLOW_NODE_TYPES));
-      setVisibleEdgeKinds(new Set(USER_FLOW_EDGE_KINDS));
-      return;
-    }
-
-    if (preset === "data-flow") {
-      setVisibleNodeTypes(new Set(DATA_FLOW_NODE_TYPES));
-      setVisibleEdgeKinds(new Set(DATA_FLOW_EDGE_KINDS));
-      return;
-    }
-
-    setVisibleNodeTypes(new Set(FULL_FLOW_NODE_TYPES));
-    setVisibleEdgeKinds(new Set(FULL_FLOW_EDGE_KINDS));
-  };
-
   const handlePageToDbQuery = async () => {
     setIsQueryLoading(true);
     setQueryError(null);
@@ -317,12 +256,6 @@ export function App() {
     }
   }, [baseGraph, focusedPageRoute, pageRoutes]);
 
-  const presets: { key: LayerPreset; label: string }[] = [
-    { key: "user-flow", label: "User Flow" },
-    { key: "data-flow", label: "Data Flow" },
-    { key: "full-flow", label: "Full" },
-  ];
-
   return (
     <div className="flex h-screen bg-gradient-to-b from-slate-50 to-slate-100">
       {/* Sidebar */}
@@ -438,29 +371,6 @@ export function App() {
             </div>
           )}
 
-          {/* Presets */}
-          <div>
-            <h3 className="text-[11px] font-semibold uppercase tracking-wider text-slate-400 mb-2">
-              View preset
-            </h3>
-            <div className="flex gap-1.5">
-              {presets.map((preset) => (
-                <button
-                  key={preset.key}
-                  type="button"
-                  onClick={() => applyPreset(preset.key)}
-                  className={`flex-1 px-2 py-1.5 rounded-md text-[11px] font-medium transition-colors cursor-pointer ${
-                    activePreset === preset.key
-                      ? "bg-indigo-600 text-white shadow-sm"
-                      : "bg-white border border-slate-200 text-slate-600 hover:bg-slate-50 hover:border-slate-300"
-                  }`}
-                >
-                  {preset.label}
-                </button>
-              ))}
-            </div>
-          </div>
-
           {/* Filters */}
           <Filters
             allNodeTypes={ALL_NODE_TYPES}