@teardown/navigation-metro 2.0.70 → 2.0.71

package/dist/generator/route-generator.d.ts

@@ -34,4 +34,21 @@ export declare function generateLinkingFileContent(routes: RouteNode[], prefixes
  * Generates the register.d.ts file content
  */
 export declare function generateRegisterFileContent(): string;
+export interface RouteTreeEntry {
+    importName: string;
+    importPath: string;
+    path: string;
+    isLayout: boolean;
+    layoutType: string;
+    parentLayoutImportName: string | null;
+}
+/**
+ * Builds route tree entries for import generation
+ */
+export declare function buildRouteTreeEntries(routes: RouteNode[], routesDir: string, generatedDir: string): RouteTreeEntry[];
+/**
+ * Generates the routeTree.generated.ts file content
+ * Outputs a hierarchical navigator structure for nested navigation
+ */
+export declare function generateRouteTreeFileContent(routes: RouteNode[], routesDir: string, generatedDir: string): string;
 //# sourceMappingURL=route-generator.d.ts.map

package/dist/generator/route-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-generator.d.ts","sourceRoot":"","sources":["../../src/generator/route-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAiB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAuB,MAAM,yBAAyB,CAAC;AAEnH,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CA8BpE;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAwBhF;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAgDrE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAkC1F;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAepD"}
+{"version":3,"file":"route-generator.d.ts","sourceRoot":"","sources":["../../src/generator/route-generator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAiB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAuB,MAAM,yBAAyB,CAAC;AAEnH,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAiCpE;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAwBhF;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAgDrE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAkC1F;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAepD;AA4ED,MAAM,WAAW,cAAc;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAED;;GAEG;AAEH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,cAAc,EAAE,CAqDpH;AA+JD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CA4EjH"}

package/dist/generator/route-generator.js

@@ -9,6 +9,8 @@ exports.buildRouteParamsInterface = buildRouteParamsInterface;
 exports.generateRoutesFileContent = generateRoutesFileContent;
 exports.generateLinkingFileContent = generateLinkingFileContent;
 exports.generateRegisterFileContent = generateRegisterFileContent;
+exports.buildRouteTreeEntries = buildRouteTreeEntries;
+exports.generateRouteTreeFileContent = generateRouteTreeFileContent;
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
 const file_scanner_1 = require("../scanner/file-scanner");
@@ -33,6 +35,8 @@ function generateAllRouteFiles(options) {
     (0, node_fs_1.writeFileSync)((0, node_path_1.join)(generatedDir, "register.d.ts"), registerContent);
     const manifestContent = generateManifestContent(routes);
     (0, node_fs_1.writeFileSync)((0, node_path_1.join)(generatedDir, "manifest.json"), JSON.stringify(manifestContent, null, 2));
+    const routeTreeContent = generateRouteTreeFileContent(routes, routesDir, generatedDir);
+    (0, node_fs_1.writeFileSync)((0, node_path_1.join)(generatedDir, "routeTree.generated.ts"), routeTreeContent);
     if (verbose) {
         const count = countRoutes(routes);
         console.log(`[teardown/navigation] Generated ${count} routes`);
@@ -177,3 +181,275 @@ function generateManifestContent(routes) {
 function countRoutes(routes) {
     return (0, file_scanner_1.flattenRoutes)(routes).filter((r) => !r.isLayout).length;
 }
+/**
+ * Converts a relative path to a valid import variable name
+ */
+function pathToImportName(relativePath) {
+    // Remove extension
+    const withoutExt = relativePath.replace(/\.(ts|tsx)$/, "");
+    // Convert to valid identifier
+    return withoutExt
+        .replace(/\//g, "_") // Replace slashes with underscores
+        .replace(/\[\.\.\.([^\]]+)\]/g, "CatchAll_$1") // [...slug] -> CatchAll_slug
+        .replace(/\[\[([^\]]+)\]\]/g, "Optional_$1") // [[id]] -> Optional_id
+        .replace(/\[([^\]]+)\]/g, "Param_$1") // [userId] -> Param_userId
+        .replace(/[^a-zA-Z0-9_]/g, "_") // Replace other special chars
+        .replace(/^_+/, "") // Remove leading underscores
+        .replace(/_+$/g, "") // Remove trailing underscores
+        .replace(/_+/g, "_"); // Collapse multiple underscores
+}
+/**
+ * Generates the relative import path from generated dir to route file
+ */
+function getImportPath(routesDir, generatedDir, routeRelativePath) {
+    const routeAbsolutePath = (0, node_path_1.join)(routesDir, routeRelativePath);
+    const generatedAbsoluteDir = generatedDir;
+    // Get relative path from generated dir to route file
+    let importPath = (0, node_path_1.relative)(generatedAbsoluteDir, routeAbsolutePath);
+    // Remove extension for import
+    importPath = importPath.replace(/\.(ts|tsx)$/, "");
+    // Ensure it starts with ./ or ../
+    if (!importPath.startsWith(".")) {
+        importPath = `./${importPath}`;
+    }
+    return importPath;
+}
+/**
+ * Builds route tree entries for import generation
+ */
+// biome-ignore lint/complexity/noExcessiveCognitiveComplexity: route tree traversal and layout assignment
+function buildRouteTreeEntries(routes, routesDir, generatedDir) {
+    const allRoutes = (0, file_scanner_1.flattenRoutes)(routes);
+    const entries = [];
+    // Create a map to find layouts by directory
+    const layoutsByDir = new Map();
+    for (const route of allRoutes) {
+        const importName = pathToImportName(route.relativePath);
+        const importPath = getImportPath(routesDir, generatedDir, route.relativePath);
+        const entry = {
+            importName,
+            importPath,
+            path: route.path,
+            isLayout: route.isLayout,
+            layoutType: route.layoutType,
+            parentLayoutImportName: null,
+        };
+        entries.push(entry);
+        if (route.isLayout) {
+            // Store layout by its directory
+            const layoutDir = (0, node_path_1.dirname)(route.relativePath);
+            layoutsByDir.set(layoutDir === "." ? "" : layoutDir, entry);
+        }
+    }
+    // Second pass: assign parent layouts
+    for (const entry of entries) {
+        if (!entry.isLayout) {
+            // Find the relative path's directory
+            const routePath = allRoutes.find((r) => pathToImportName(r.relativePath) === entry.importName);
+            if (routePath) {
+                const routeDir = (0, node_path_1.dirname)(routePath.relativePath);
+                // Look for layout in same directory or parent directories
+                let currentDir = routeDir === "." ? "" : routeDir;
+                while (currentDir !== undefined) {
+                    const layout = layoutsByDir.get(currentDir);
+                    if (layout) {
+                        entry.parentLayoutImportName = layout.importName;
+                        break;
+                    }
+                    if (currentDir === "")
+                        break;
+                    currentDir = (0, node_path_1.dirname)(currentDir);
+                    if (currentDir === ".")
+                        currentDir = "";
+                }
+            }
+        }
+    }
+    return entries;
+}
+/**
+ * Builds a hierarchical navigator structure from route nodes
+ */
+function buildNavigatorHierarchy(routes, routesDir, generatedDir) {
+    const allImports = [];
+    // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: builds nested navigator hierarchy
+    function processNode(nodes, parentName) {
+        // Find layout in this group
+        const layoutNode = nodes.find((n) => n.isLayout);
+        // Default to stack if no layout or layout type is "none"
+        const layoutType = layoutNode?.layoutType && layoutNode.layoutType !== "none" ? layoutNode.layoutType : "stack";
+        const layoutImportName = layoutNode ? pathToImportName(layoutNode.relativePath) : null;
+        if (layoutNode) {
+            allImports.push({
+                name: pathToImportName(layoutNode.relativePath),
+                path: getImportPath(routesDir, generatedDir, layoutNode.relativePath),
+            });
+        }
+        const navigatorInfo = {
+            name: parentName,
+            type: layoutType,
+            layoutImportName,
+            screens: [],
+            nestedNavigators: [],
+        };
+        // Process children
+        for (const node of nodes) {
+            if (node.isLayout)
+                continue;
+            const importName = pathToImportName(node.relativePath);
+            const importPath = getImportPath(routesDir, generatedDir, node.relativePath);
+            allImports.push({ name: importName, path: importPath });
+            // Check if this node has children with a layout (nested navigator)
+            const childLayout = node.children.find((c) => c.isLayout);
+            if (childLayout) {
+                // This is a nested navigator
+                const nestedNav = processNode(node.children, importName);
+                navigatorInfo.nestedNavigators.push(nestedNav);
+            }
+            else if (node.children.length > 0) {
+                // Has children but no layout - process as screens in current navigator
+                navigatorInfo.screens.push({
+                    name: node.name.split("/").pop() || node.name,
+                    importName,
+                    path: node.path,
+                });
+                // Recursively add children as screens
+                const childScreens = collectScreens(node.children, routesDir, generatedDir, allImports);
+                navigatorInfo.screens.push(...childScreens);
+            }
+            else {
+                // Regular screen
+                navigatorInfo.screens.push({
+                    name: node.name.split("/").pop() || node.name,
+                    importName,
+                    path: node.path,
+                });
+            }
+        }
+        return navigatorInfo;
+    }
+    function collectScreens(nodes, rDir, gDir, imports) {
+        const screens = [];
+        for (const node of nodes) {
+            if (node.isLayout)
+                continue;
+            const importName = pathToImportName(node.relativePath);
+            const importPath = getImportPath(rDir, gDir, node.relativePath);
+            imports.push({ name: importName, path: importPath });
+            screens.push({
+                name: node.name.split("/").pop() || node.name,
+                importName,
+                path: node.path,
+            });
+            if (node.children.length > 0) {
+                screens.push(...collectScreens(node.children, rDir, gDir, imports));
+            }
+        }
+        return screens;
+    }
+    const rootNavigator = processNode(routes, "_root");
+    return { rootNavigator, allImports };
+}
+/**
+ * Generates the navigator tree as TypeScript code
+ */
+function generateNavigatorCode(nav, indent) {
+    const lines = [];
+    lines.push(`${indent}{`);
+    lines.push(`${indent}\ttype: "${nav.type}",`);
+    if (nav.layoutImportName) {
+        lines.push(`${indent}\tlayout: ${nav.layoutImportName},`);
+    }
+    // Screens
+    lines.push(`${indent}\tscreens: {`);
+    for (const screen of nav.screens) {
+        lines.push(`${indent}\t\t"${screen.name}": {`);
+        lines.push(`${indent}\t\t\tscreen: ${screen.importName},`);
+        lines.push(`${indent}\t\t\tpath: "${screen.path}",`);
+        lines.push(`${indent}\t\t},`);
+    }
+    lines.push(`${indent}\t},`);
+    // Nested navigators
+    if (nav.nestedNavigators.length > 0) {
+        lines.push(`${indent}\tnavigators: {`);
+        for (const nestedNav of nav.nestedNavigators) {
+            lines.push(`${indent}\t\t"${nestedNav.name}":`);
+            const nestedLines = generateNavigatorCode(nestedNav, `${indent}\t\t`);
+            lines.push(...nestedLines.map((l) => l.replace(/^/, "")));
+            lines[lines.length - 1] += ",";
+        }
+        lines.push(`${indent}\t},`);
+    }
+    lines.push(`${indent}}`);
+    return lines;
+}
+/**
+ * Generates the routeTree.generated.ts file content
+ * Outputs a hierarchical navigator structure for nested navigation
+ */
+function generateRouteTreeFileContent(routes, routesDir, generatedDir) {
+    const { rootNavigator, allImports } = buildNavigatorHierarchy(routes, routesDir, generatedDir);
+    const lines = [
+        "/* eslint-disable */",
+        "// @ts-nocheck",
+        "",
+        "// Auto-generated by @teardown/navigation",
+        "// Do not edit this file directly",
+        `// Generated at: ${new Date().toISOString()}`,
+        "",
+        'import type { NavigatorNode } from "@teardown/navigation";',
+        "",
+    ];
+    // Generate unique imports
+    const uniqueImports = new Map();
+    for (const imp of allImports) {
+        if (!uniqueImports.has(imp.name)) {
+            uniqueImports.set(imp.name, imp.path);
+        }
+    }
+    for (const [name, path] of uniqueImports) {
+        lines.push(`import ${name} from "${path}";`);
+    }
+    lines.push("");
+    // Generate the hierarchical routeTree
+    lines.push("export const routeTree: NavigatorNode =");
+    const treeLines = generateNavigatorCode(rootNavigator, "");
+    lines.push(...treeLines);
+    lines[lines.length - 1] += ";";
+    lines.push("");
+    // Also export flat screens for backwards compatibility
+    const entries = buildRouteTreeEntries(routes, routesDir, generatedDir);
+    const screenEntries = entries.filter((e) => !e.isLayout);
+    lines.push("// Flat screens export for backwards compatibility");
+    lines.push("export const screens = {");
+    for (const entry of screenEntries) {
+        lines.push(`\t"${entry.path}": ${entry.importName},`);
+    }
+    lines.push("} as const;");
+    lines.push("");
+    // Export layouts
+    const layoutEntries = entries.filter((e) => e.isLayout);
+    lines.push("export const layouts = {");
+    for (const entry of layoutEntries) {
+        const layoutDir = (0, node_path_1.dirname)(entry.importPath.replace(/^\.\//, "").replace(/^\.\.\//, ""));
+        const layoutKey = layoutDir === "." ? "_root" : layoutDir.replace(/\//g, "_");
+        lines.push(`\t"${layoutKey}": ${entry.importName},`);
+    }
+    lines.push("} as const;");
+    lines.push("");
+    // Export types
+    lines.push("export type Screens = typeof screens;");
+    lines.push("export type Layouts = typeof layouts;");
+    lines.push("export type RouteTreeType = typeof routeTree;");
+    lines.push("");
+    // Export route paths array
+    lines.push("export const routePaths = [");
+    for (const entry of screenEntries) {
+        lines.push(`\t"${entry.path}",`);
+    }
+    lines.push("] as const;");
+    lines.push("");
+    lines.push("export type RoutePath = (typeof routePaths)[number];");
+    lines.push("");
+    return lines.join("\n");
+}

package/dist/watcher/file-watcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-watcher.d.ts","sourceRoot":"","sources":["../../src/watcher/file-watcher.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CAC9C;AAID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,IAAI,CA0GrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAKvC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C"}
+{"version":3,"file":"file-watcher.d.ts","sourceRoot":"","sources":["../../src/watcher/file-watcher.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CAC9C;AAID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,IAAI,CA+GrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAKvC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C"}

package/dist/watcher/file-watcher.js

@@ -73,22 +73,27 @@ function startRouteWatcher(options) {
         if (verbose) {
             console.log(`[teardown/navigation] File added: ${relativePath}`);
         }
-        // Auto-populate empty files with template content
-        if (autoTemplate && (0, route_templates_1.isFileEmpty)(filePath)) {
-            try {
-                const templateContent = (0, route_templates_1.generateRouteTemplate)(relativePath);
-                (0, node_fs_1.writeFileSync)(filePath, templateContent);
-                if (verbose) {
-                    console.log(`[teardown/navigation] Generated template for: ${relativePath}`);
+        // Add delay to let filesystem settle before checking if file is empty
+        // This prevents race conditions where the file hasn't finished being created
+        // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: template generation with error handling
+        setTimeout(() => {
+            // Auto-populate empty files with template content
+            if (autoTemplate && (0, route_templates_1.isFileEmpty)(filePath)) {
+                try {
+                    const templateContent = (0, route_templates_1.generateRouteTemplate)(relativePath);
+                    (0, node_fs_1.writeFileSync)(filePath, templateContent);
+                    if (verbose) {
+                        console.log(`[teardown/navigation] Generated template for: ${relativePath}`);
+                    }
                 }
-            }
-            catch (error) {
-                if (verbose) {
-                    console.error(`[teardown/navigation] Failed to generate template for ${relativePath}:`, error);
+                catch (error) {
+                    if (verbose) {
+                        console.error(`[teardown/navigation] Failed to generate template for ${relativePath}:`, error);
+                    }
                 }
             }
-        }
-        regenerate();
+            regenerate();
+        }, 50);
     });
     watcher.on("unlink", (filePath) => {
         if (verbose) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@teardown/navigation-metro",
-	"version": "2.0.70",
+	"version": "2.0.71",
 	"description": "Metro plugin for @teardown/navigation type generation",
 	"private": false,
 	"publishConfig": {
@@ -42,7 +42,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.3.11",
-		"@teardown/tsconfig": "2.0.70",
+		"@teardown/tsconfig": "2.0.71",
 		"@types/node": "24.10.1",
 		"typescript": "5.9.3"
 	}