next-arch-map 0.1.23 → 0.1.25

package/dist/analyzers/pagesToEndpoints.d.ts

@@ -5,6 +5,7 @@ type AnalyzePagesToEndpointsOptions = {
     extraScanDirs?: string[];
     httpClientIdentifiers?: string[];
     httpClientMethods?: string[];
+    sdkClientIdentifiers?: string[];
 };
 export declare function analyzePagesToEndpoints(options: AnalyzePagesToEndpointsOptions): Promise<Graph>;
 export {};

package/dist/analyzers/pagesToEndpoints.js

@@ -5,6 +5,7 @@ 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"];
 const DEFAULT_HTTP_CLIENT_METHODS = ["get", "post", "put", "patch", "delete", "head", "options"];
+const DEFAULT_SDK_CLIENT_IDENTIFIERS = ["supabase"];
 export async function analyzePagesToEndpoints(options) {
     const projectRoot = resolveProjectRoot(options.projectRoot);
     const appDirs = getExistingDirectories(projectRoot, options.appDirs ?? DEFAULT_APP_DIRS);
@@ -14,6 +15,7 @@ export async function analyzePagesToEndpoints(options) {
     const extraScanDirs = getExistingDirectories(projectRoot, options.extraScanDirs ?? DEFAULT_EXTRA_SCAN_DIRS);
     const httpClientIdentifiers = new Set((options.httpClientIdentifiers ?? DEFAULT_HTTP_CLIENT_IDENTIFIERS).map((value) => value.trim()));
     const httpClientMethods = new Set((options.httpClientMethods ?? DEFAULT_HTTP_CLIENT_METHODS).map((value) => value.toLowerCase()));
+    const sdkClientIdentifiers = new Set((options.sdkClientIdentifiers ?? DEFAULT_SDK_CLIENT_IDENTIFIERS).map((value) => value.trim()));
     const nodes = [];
     const edges = [];
     const nodeIds = new Set();
@@ -34,7 +36,7 @@ export async function analyzePagesToEndpoints(options) {
                 // 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);
+                    const httpCalls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers);
                     for (const call of httpCalls) {
                         ensureNode(nodes, nodeIds, buildEndpointNode(call.endpoint, filePath));
                     }
@@ -42,7 +44,7 @@ export async function analyzePagesToEndpoints(options) {
                 }
                 // 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 httpCalls = collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers, sourceFileCache);
                 const route = getPageRouteFromFile(appDir, filePath);
                 ensureNode(nodes, nodeIds, buildPageNode(route, filePath));
                 for (const call of httpCalls) {
@@ -101,7 +103,7 @@ export async function analyzePagesToEndpoints(options) {
                 if (!sourceFile) {
                     continue;
                 }
-                for (const call of collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods)) {
+                for (const call of collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers)) {
                     ensureNode(nodes, nodeIds, buildEndpointNode(call.endpoint, filePath));
                 }
             }
@@ -135,7 +137,7 @@ function collectImportSpecifiers(sourceFile) {
     }
     return specifiers;
 }
-function collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifiers, httpClientMethods, sourceFileCache, visited) {
+function collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers, sourceFileCache, visited) {
     const resolvedPath = path.resolve(filePath);
     const seen = visited ?? new Set();
     if (seen.has(resolvedPath)) {
@@ -146,18 +148,18 @@ function collectHttpCallsTransitively(filePath, projectRoot, httpClientIdentifie
     if (!sourceFile) {
         return [];
     }
-    const calls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods);
+    const calls = collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers);
     for (const specifier of collectImportSpecifiers(sourceFile)) {
         const resolved = resolveLocalModulePath(filePath, specifier, projectRoot);
         if (!resolved) {
             continue;
         }
-        const transitiveCalls = collectHttpCallsTransitively(resolved, projectRoot, httpClientIdentifiers, httpClientMethods, sourceFileCache, seen);
+        const transitiveCalls = collectHttpCallsTransitively(resolved, projectRoot, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers, sourceFileCache, seen);
         calls.push(...transitiveCalls);
     }
     return calls;
 }
-function collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods) {
+function collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods, sdkClientIdentifiers) {
     const calls = [];
     const constMap = collectStringConstants(sourceFile);
     const visitNode = (node) => {
@@ -170,6 +172,16 @@ function collectHttpCalls(sourceFile, httpClientIdentifiers, httpClientMethods)
                     node,
                 });
             }
+            else {
+                const sdkCall = parseSdkCall(node, sdkClientIdentifiers);
+                if (sdkCall) {
+                    calls.push({
+                        endpoint: sdkCall.endpoint,
+                        method: sdkCall.method,
+                        node,
+                    });
+                }
+            }
         }
         ts.forEachChild(node, visitNode);
     };
@@ -198,6 +210,32 @@ function parseHttpCall(node, constMap, httpClientIdentifiers, httpClientMethods)
     }
     return null;
 }
+/**
+ * Detect SDK-style calls like `supabase.auth.signInWithPassword(...)`.
+ * Walks the property access chain to find a root identifier that matches
+ * one of the configured SDK client identifiers, then uses the full
+ * method chain as the endpoint label.
+ */
+function parseSdkCall(node, sdkClientIdentifiers) {
+    if (!ts.isPropertyAccessExpression(node.expression)) {
+        return null;
+    }
+    const segments = [];
+    let current = node.expression;
+    while (ts.isPropertyAccessExpression(current)) {
+        segments.unshift(current.name.text);
+        current = current.expression;
+    }
+    if (!ts.isIdentifier(current) || !sdkClientIdentifiers.has(current.text)) {
+        return null;
+    }
+    // Need at least one segment beyond the client name (e.g. supabase.auth.method)
+    if (segments.length < 2) {
+        return null;
+    }
+    const endpoint = `${current.text}.${segments.join(".")}`;
+    return { endpoint };
+}
 function getEndpointArgument(expression, constMap) {
     if (!expression) {
         return null;

package/package.json

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

package/viewer/src/App.tsx

@@ -9,15 +9,12 @@ const ALL_NODE_TYPES: NodeType[] = [
   "page",
   "endpoint",
   "handler",
-  "action",
   "db",
 ];
 const ALL_EDGE_KINDS: EdgeKind[] = [
   "page-endpoint",
   "endpoint-db",
   "endpoint-handler",
-  "page-action",
-  "action-endpoint",
 ];
 
 

package/viewer/src/Filters.tsx

@@ -15,7 +15,6 @@ const NODE_TYPE_COLORS: Record<NodeType, string> = {
   page: "bg-blue-500",
   endpoint: "bg-emerald-600",
   handler: "bg-teal-500",
-  action: "bg-amber-400",
   db: "bg-red-600",
 };
 

package/viewer/src/GraphView.tsx

@@ -31,7 +31,6 @@ const NODE_COLOR: Record<NodeType, string> = {
   endpoint: "#059669",
   db: "#dc2626",
   handler: "#14b8a6",
-  action: "#fbbf24",
 };
 
 const NODE_BORDER: Record<NodeType, string> = {
@@ -39,15 +38,12 @@ const NODE_BORDER: Record<NodeType, string> = {
   endpoint: "#047857",
   db: "#b91c1c",
   handler: "#0d9488",
-  action: "#f59e0b",
 };
 
 const EDGE_COLOR: Record<EdgeKind, string> = {
   "page-endpoint": "#06b6d4",
   "endpoint-db": "#f97316",
   "endpoint-handler": "#22c55e",
-  "page-action": "#eab308",
-  "action-endpoint": "#a855f7",
 };
 
 const DIFF_BORDER_COLOR: Record<DiffStatus, string> = {
@@ -241,7 +237,7 @@ export function GraphView(props: GraphViewProps) {
 
   // Compute layout without hover state — this is the expensive part
   const { flowNodes: baseFlowNodes, flowEdges: baseFlowEdges } = useMemo(() => {
-    const typeOrder: NodeType[] = ["page", "action", "endpoint", "handler", "db"];
+    const typeOrder: NodeType[] = ["page", "endpoint", "handler", "db"];
     const visibleNodes = graph.nodes.filter((node) => visibleNodeTypes.has(node.type));
     const visibleNodeIds = new Set(visibleNodes.map((node) => node.id));
     const nodesByType = new Map<NodeType, typeof visibleNodes>(
@@ -278,7 +274,7 @@ export function GraphView(props: GraphViewProps) {
         const isPage = node.type === "page";
         const screenshot = isPage ? (node.meta?.screenshot as string | undefined) : undefined;
         const description = node.meta?.description as string | undefined;
-        const isDarkText = node.type === "action";
+        const isDarkText = false;
 
         const nodeType = isPage
           ? "pageNode"
@@ -308,7 +304,7 @@ export function GraphView(props: GraphViewProps) {
             border: `2px ${borderStyle} ${borderColor}`,
             padding: "10px 14px",
             background: NODE_COLOR[node.type],
-            color: node.type === "action" ? "#1e293b" : "#ffffff",
+            color: "#ffffff",
             fontSize: 12,
             fontWeight: 600,
             fontFamily: "'Inter', -apple-system, sans-serif",

package/viewer/src/types.ts

@@ -2,8 +2,7 @@ export type NodeType =
   | "page"
   | "endpoint"
   | "db"
-  | "handler"
-  | "action";
+  | "handler";
 
 export type Node = {
   id: string;