@vaadin/hilla-file-router 24.6.0-beta2 → 24.6.0-beta3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/hilla-file-router",
-  "version": "24.6.0-beta2",
+  "version": "24.6.0-beta3",
   "description": "Hilla file-based router",
   "main": "index.js",
   "module": "index.js",
@@ -79,9 +79,9 @@
     "type-fest": "^4.9.0"
   },
   "dependencies": {
-    "@vaadin/hilla-generator-utils": "24.6.0-beta2",
-    "@vaadin/hilla-react-auth": "24.6.0-beta2",
-    "@vaadin/hilla-react-signals": "24.6.0-beta2",
+    "@vaadin/hilla-generator-utils": "24.6.0-beta3",
+    "@vaadin/hilla-react-auth": "24.6.0-beta3",
+    "@vaadin/hilla-react-signals": "24.6.0-beta3",
     "react": "^18.2.0",
     "rollup": "^4.12.0",
     "typescript": "5.6.2"

package/runtime/createMenuItems.js

@@ -2,7 +2,7 @@ function __REGISTER__(feature, vaadinObj = window.Vaadin ??= {}) {
   vaadinObj.registrations ??= [];
   vaadinObj.registrations.push({
     is: feature ? `${"@vaadin/hilla-file-router"}/${feature}` : "@vaadin/hilla-file-router",
-    version: "24.6.0-beta2"
+    version: "24.6.0-beta3"
   });
 }
 import { signal } from "@vaadin/hilla-react-signals";

package/runtime/createRoute.d.ts

@@ -1,4 +1,13 @@
-import type { AgnosticRoute, Module } from '../types.js';
+import type { AgnosticRoute, Module, ViewConfig } from '../types.js';
+/**
+ * Extends a router module's config with additional properties. The original
+ * module config is preferred over the extension.
+ *
+ * @param module - The module to extend.
+ * @param config - The extension config.
+ * @returns
+ */
+export declare function extendModule(module: Module, config?: ViewConfig): Module;
 /**
  * Create a single framework-agnostic route object. Later, it can be transformed into a framework-specific route object,
  * e.g., the one used by React Router.

package/runtime/createRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createRoute.d.ts","sourceRoot":"","sources":["../src/runtime/createRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,aAAa,CAAC;AAC9F,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,aAAa,CAAC"}
+{"version":3,"file":"createRoute.d.ts","sourceRoot":"","sources":["../src/runtime/createRoute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErE;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAQxE;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,aAAa,CAAC;AAC9F,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,aAAa,CAAC"}

package/runtime/createRoute.js

@@ -1,3 +1,12 @@
+function extendModule(module, config) {
+  return {
+    ...module,
+    config: {
+      ...config,
+      ...module.config
+    }
+  };
+}
 function createRoute(path, moduleOrChildren, children) {
   let module;
   if (Array.isArray(moduleOrChildren)) {
@@ -12,6 +21,7 @@ function createRoute(path, moduleOrChildren, children) {
   };
 }
 export {
-  createRoute
+  createRoute,
+  extendModule
 };
 //# sourceMappingURL=createRoute.js.map

package/runtime/createRoute.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/runtime/createRoute.ts"],
-  "sourcesContent": ["import type { AgnosticRoute, Module } from '../types.js';\n\n/**\n * Create a single framework-agnostic route object. Later, it can be transformed into a framework-specific route object,\n * e.g., the one used by React Router.\n *\n * @param path - A route path segment.\n * @param children - An array of child routes.\n *\n * @returns A framework-agnostic route object.\n */\nexport function createRoute(path: string, children?: readonly AgnosticRoute[]): AgnosticRoute;\nexport function createRoute(path: string, module: Module, children?: readonly AgnosticRoute[]): AgnosticRoute;\nexport function createRoute(\n  path: string,\n  moduleOrChildren?: Module | readonly AgnosticRoute[],\n  children?: readonly AgnosticRoute[],\n): AgnosticRoute {\n  let module: Module | undefined;\n  if (Array.isArray(moduleOrChildren)) {\n    // eslint-disable-next-line no-param-reassign\n    children = moduleOrChildren;\n  } else {\n    module = moduleOrChildren as Module | undefined;\n  }\n\n  return {\n    path,\n    module,\n    children,\n  };\n}\n"],
-  "mappings": "AAaO,SAAS,YACd,MACA,kBACA,UACe;AACf,MAAI;AACJ,MAAI,MAAM,QAAQ,gBAAgB,GAAG;AAEnC,eAAW;AAAA,EACb,OAAO;AACL,aAAS;AAAA,EACX;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { AgnosticRoute, Module, ViewConfig } from '../types.js';\n\n/**\n * Extends a router module's config with additional properties. The original\n * module config is preferred over the extension.\n *\n * @param module - The module to extend.\n * @param config - The extension config.\n * @returns\n */\nexport function extendModule(module: Module, config?: ViewConfig): Module {\n  return {\n    ...module,\n    config: {\n      ...config,\n      ...(module.config as ViewConfig),\n    },\n  };\n}\n\n/**\n * Create a single framework-agnostic route object. Later, it can be transformed into a framework-specific route object,\n * e.g., the one used by React Router.\n *\n * @param path - A route path segment.\n * @param children - An array of child routes.\n *\n * @returns A framework-agnostic route object.\n */\nexport function createRoute(path: string, children?: readonly AgnosticRoute[]): AgnosticRoute;\nexport function createRoute(path: string, module: Module, children?: readonly AgnosticRoute[]): AgnosticRoute;\nexport function createRoute(\n  path: string,\n  moduleOrChildren?: Module | readonly AgnosticRoute[],\n  children?: readonly AgnosticRoute[],\n): AgnosticRoute {\n  let module: Module | undefined;\n  if (Array.isArray(moduleOrChildren)) {\n    // eslint-disable-next-line no-param-reassign\n    children = moduleOrChildren;\n  } else {\n    module = moduleOrChildren as Module | undefined;\n  }\n\n  return {\n    path,\n    module,\n    children,\n  };\n}\n"],
+  "mappings": "AAUO,SAAS,aAAa,QAAgB,QAA6B;AACxE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAI,OAAO;AAAA,IACb;AAAA,EACF;AACF;AAaO,SAAS,YACd,MACA,kBACA,UACe;AACf,MAAI;AACJ,MAAI,MAAM,QAAQ,gBAAgB,GAAG;AAEnC,eAAW;AAAA,EACb,OAAO;AACL,aAAS;AAAA,EACX;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/vite-plugin/applyLayouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applyLayouts.d.ts","sourceRoot":"","sources":["../src/vite-plugin/applyLayouts.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AA+CH;;;;;;GAMG;AACH,wBAA8B,YAAY,CACxC,SAAS,EAAE,SAAS,SAAS,EAAE,EAC/B,WAAW,EAAE,GAAG,GACf,OAAO,CAAC,SAAS,SAAS,EAAE,CAAC,CAW/B"}
+{"version":3,"file":"applyLayouts.d.ts","sourceRoot":"","sources":["../src/vite-plugin/applyLayouts.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAyCH;;;;;;GAMG;AACH,wBAA8B,YAAY,CACxC,SAAS,EAAE,SAAS,SAAS,EAAE,EAC/B,WAAW,EAAE,GAAG,GACf,OAAO,CAAC,SAAS,SAAS,EAAE,CAAC,CAY/B"}

package/vite-plugin/applyLayouts.js

@@ -4,14 +4,10 @@ function stripLeadingSlash(path) {
   return path.startsWith("/") ? path.slice(1) : path;
 }
 function enableFlowLayout(route) {
-  const routeWithFlowLayout = {
+  return {
     ...route,
     flowLayout: true
   };
-  return route.children ? {
-    ...routeWithFlowLayout,
-    children: route.children.map(enableFlowLayout)
-  } : routeWithFlowLayout;
 }
 function layoutExists(layoutPaths, path) {
   const splitPath = path.split("/");
@@ -32,15 +28,16 @@ function layoutExists(layoutPaths, path) {
   });
 }
 async function applyLayouts(routeMeta, layoutsFile) {
-  if (!existsSync(layoutsFile)) {
+  try {
+    const layoutContents = await readFile(layoutsFile, "utf-8");
+    const availableLayouts = JSON.parse(layoutContents);
+    const layoutPaths = availableLayouts.map((layout) => stripLeadingSlash(layout.path));
+    return routeMeta.map(
+      (route) => layoutExists(layoutPaths, stripLeadingSlash(route.path)) ? enableFlowLayout(route) : route
+    );
+  } catch (e) {
     return routeMeta;
   }
-  const layoutContents = await readFile(layoutsFile, "utf-8");
-  const availableLayouts = JSON.parse(layoutContents);
-  const layoutPaths = availableLayouts.map((layout) => stripLeadingSlash(layout.path));
-  return routeMeta.map(
-    (route) => layoutExists(layoutPaths, stripLeadingSlash(route.path)) ? enableFlowLayout(route) : route
-  );
 }
 export {
   applyLayouts as default

package/vite-plugin/applyLayouts.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/vite-plugin/applyLayouts.ts"],
-  "sourcesContent": ["import { existsSync } from 'node:fs';\nimport { readFile } from 'node:fs/promises';\nimport type { RouteMeta } from './collectRoutesFromFS.js';\n\n/**\n * The information about a particular server-side layout.\n */\nexport type LayoutMeta = Readonly<{\n  path: string;\n}>;\n\nfunction stripLeadingSlash(path: string) {\n  return path.startsWith('/') ? path.slice(1) : path;\n}\n\nfunction enableFlowLayout(route: RouteMeta): RouteMeta {\n  const routeWithFlowLayout = {\n    ...route,\n    flowLayout: true,\n  };\n  return route.children\n    ? {\n        ...routeWithFlowLayout,\n        children: route.children.map(enableFlowLayout),\n      }\n    : routeWithFlowLayout;\n}\n\n/**\n * Check if there is a layout available that can handle the given path.\n * Layouts match the starting parts of the path so '/' will match all paths\n * and '/home' matches '/home' anything with the start path '/home/*'\n *\n * @param layoutPaths - available layout paths\n * @param path - to check for layout\n */\nfunction layoutExists(layoutPaths: string[], path: string) {\n  const splitPath: string[] = path.split('/');\n\n  return layoutPaths.some((layout) => {\n    if (layout.length === 0) {\n      return true;\n    }\n    const splitLayout: string[] = layout.split('/');\n    if (splitLayout.length > splitPath.length) {\n      return false;\n    }\n    for (let i = 0; i < splitLayout.length; i++) {\n      if (splitPath[i] !== splitLayout[i]) {\n        return false;\n      }\n    }\n    return true;\n  });\n}\n\n/**\n * Enables Flow layout flag on the matching routes based on the information from the layouts JSON file.\n *\n * @param routeMeta - The routes tree to process.\n * @param layoutsFile - The server layouts JSON file.\n * @returns Processed routes tree.\n */\nexport default async function applyLayouts(\n  routeMeta: readonly RouteMeta[],\n  layoutsFile: URL,\n): Promise<readonly RouteMeta[]> {\n  if (!existsSync(layoutsFile)) {\n    return routeMeta;\n  }\n  const layoutContents = await readFile(layoutsFile, 'utf-8');\n  const availableLayouts: readonly LayoutMeta[] = JSON.parse(layoutContents);\n  const layoutPaths = availableLayouts.map((layout) => stripLeadingSlash(layout.path));\n\n  return routeMeta.map((route) =>\n    layoutExists(layoutPaths, stripLeadingSlash(route.path)) ? enableFlowLayout(route) : route,\n  );\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAUzB,SAAS,kBAAkB,MAAc;AACvC,SAAO,KAAK,WAAW,GAAG,IAAI,KAAK,MAAM,CAAC,IAAI;AAChD;AAEA,SAAS,iBAAiB,OAA6B;AACrD,QAAM,sBAAsB;AAAA,IAC1B,GAAG;AAAA,IACH,YAAY;AAAA,EACd;AACA,SAAO,MAAM,WACT;AAAA,IACE,GAAG;AAAA,IACH,UAAU,MAAM,SAAS,IAAI,gBAAgB;AAAA,EAC/C,IACA;AACN;AAUA,SAAS,aAAa,aAAuB,MAAc;AACzD,QAAM,YAAsB,KAAK,MAAM,GAAG;AAE1C,SAAO,YAAY,KAAK,CAAC,WAAW;AAClC,QAAI,OAAO,WAAW,GAAG;AACvB,aAAO;AAAA,IACT;AACA,UAAM,cAAwB,OAAO,MAAM,GAAG;AAC9C,QAAI,YAAY,SAAS,UAAU,QAAQ;AACzC,aAAO;AAAA,IACT;AACA,aAAS,IAAI,GAAG,IAAI,YAAY,QAAQ,KAAK;AAC3C,UAAI,UAAU,CAAC,MAAM,YAAY,CAAC,GAAG;AACnC,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC;AACH;AASA,eAAO,aACL,WACA,aAC+B;AAC/B,MAAI,CAAC,WAAW,WAAW,GAAG;AAC5B,WAAO;AAAA,EACT;AACA,QAAM,iBAAiB,MAAM,SAAS,aAAa,OAAO;AAC1D,QAAM,mBAA0C,KAAK,MAAM,cAAc;AACzE,QAAM,cAAc,iBAAiB,IAAI,CAAC,WAAW,kBAAkB,OAAO,IAAI,CAAC;AAEnF,SAAO,UAAU;AAAA,IAAI,CAAC,UACpB,aAAa,aAAa,kBAAkB,MAAM,IAAI,CAAC,IAAI,iBAAiB,KAAK,IAAI;AAAA,EACvF;AACF;",
+  "sourcesContent": ["import { existsSync } from 'node:fs';\nimport { readFile } from 'node:fs/promises';\nimport type { RouteMeta } from './collectRoutesFromFS.js';\n\n/**\n * The information about a particular server-side layout.\n */\nexport type LayoutMeta = Readonly<{\n  path: string;\n}>;\n\nfunction stripLeadingSlash(path: string) {\n  return path.startsWith('/') ? path.slice(1) : path;\n}\n\nfunction enableFlowLayout(route: RouteMeta): RouteMeta {\n  return {\n    ...route,\n    flowLayout: true,\n  };\n}\n\n/**\n * Check if there is a layout available that can handle the given path.\n * Layouts match the starting parts of the path so '/' will match all paths\n * and '/home' matches '/home' anything with the start path '/home/*'\n *\n * @param layoutPaths - available layout paths\n * @param path - to check for layout\n */\nfunction layoutExists(layoutPaths: string[], path: string) {\n  const splitPath: string[] = path.split('/');\n\n  return layoutPaths.some((layout) => {\n    if (layout.length === 0) {\n      return true;\n    }\n    const splitLayout: string[] = layout.split('/');\n    if (splitLayout.length > splitPath.length) {\n      return false;\n    }\n    for (let i = 0; i < splitLayout.length; i++) {\n      if (splitPath[i] !== splitLayout[i]) {\n        return false;\n      }\n    }\n    return true;\n  });\n}\n\n/**\n * Enables Flow layout flag on the matching routes based on the information from the layouts JSON file.\n *\n * @param routeMeta - The routes tree to process.\n * @param layoutsFile - The server layouts JSON file.\n * @returns Processed routes tree.\n */\nexport default async function applyLayouts(\n  routeMeta: readonly RouteMeta[],\n  layoutsFile: URL,\n): Promise<readonly RouteMeta[]> {\n  try {\n    const layoutContents = await readFile(layoutsFile, 'utf-8');\n    const availableLayouts: readonly LayoutMeta[] = JSON.parse(layoutContents);\n    const layoutPaths = availableLayouts.map((layout) => stripLeadingSlash(layout.path));\n\n    return routeMeta.map((route) =>\n      layoutExists(layoutPaths, stripLeadingSlash(route.path)) ? enableFlowLayout(route) : route,\n    );\n  } catch (e: unknown) {\n    return routeMeta;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAUzB,SAAS,kBAAkB,MAAc;AACvC,SAAO,KAAK,WAAW,GAAG,IAAI,KAAK,MAAM,CAAC,IAAI;AAChD;AAEA,SAAS,iBAAiB,OAA6B;AACrD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,EACd;AACF;AAUA,SAAS,aAAa,aAAuB,MAAc;AACzD,QAAM,YAAsB,KAAK,MAAM,GAAG;AAE1C,SAAO,YAAY,KAAK,CAAC,WAAW;AAClC,QAAI,OAAO,WAAW,GAAG;AACvB,aAAO;AAAA,IACT;AACA,UAAM,cAAwB,OAAO,MAAM,GAAG;AAC9C,QAAI,YAAY,SAAS,UAAU,QAAQ;AACzC,aAAO;AAAA,IACT;AACA,aAAS,IAAI,GAAG,IAAI,YAAY,QAAQ,KAAK;AAC3C,UAAI,UAAU,CAAC,MAAM,YAAY,CAAC,GAAG;AACnC,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC;AACH;AASA,eAAO,aACL,WACA,aAC+B;AAC/B,MAAI;AACF,UAAM,iBAAiB,MAAM,SAAS,aAAa,OAAO;AAC1D,UAAM,mBAA0C,KAAK,MAAM,cAAc;AACzE,UAAM,cAAc,iBAAiB,IAAI,CAAC,WAAW,kBAAkB,OAAO,IAAI,CAAC;AAEnF,WAAO,UAAU;AAAA,MAAI,CAAC,UACpB,aAAa,aAAa,kBAAkB,MAAM,IAAI,CAAC,IAAI,iBAAiB,KAAK,IAAI;AAAA,IACvF;AAAA,EACF,SAAS,GAAY;AACnB,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/vite-plugin/createRoutesFromMeta.d.ts

@@ -1,10 +1,4 @@
 import type { RouteMeta } from './collectRoutesFromFS.js';
 import type { RuntimeFileUrls } from './generateRuntimeFiles.js';
-/**
- * Loads all the files from the received metadata and creates a framework-agnostic route tree.
- *
- * @param views - The abstract route tree.
- * @param generatedDir - The directory where the generated view file will be stored.
- */
-export default function createRoutesFromMeta(views: readonly RouteMeta[], { code: codeFile }: RuntimeFileUrls): string;
+export default function createRoutesFromMeta(views: readonly RouteMeta[], urls: RuntimeFileUrls): string;
 //# sourceMappingURL=createRoutesFromMeta.d.ts.map

package/vite-plugin/createRoutesFromMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createRoutesFromMeta.d.ts","sourceRoot":"","sources":["../src/vite-plugin/createRoutesFromMeta.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAqDjE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,MAAM,CA0ErH"}
+{"version":3,"file":"createRoutesFromMeta.d.ts","sourceRoot":"","sources":["../src/vite-plugin/createRoutesFromMeta.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAyIjE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,GAAG,MAAM,CAEvG"}

package/vite-plugin/createRoutesFromMeta.js

@@ -2,94 +2,110 @@ import { relative, sep } from "node:path";
 import { fileURLToPath } from "node:url";
 import { template, transform as transformer } from "@vaadin/hilla-generator-utils/ast.js";
 import createSourceFile from "@vaadin/hilla-generator-utils/createSourceFile.js";
-import ts, {
-} from "typescript";
+import DependencyManager from "@vaadin/hilla-generator-utils/dependencies/DependencyManager.js";
+import PathManager from "@vaadin/hilla-generator-utils/dependencies/PathManager.js";
+import ts, {} from "typescript";
 import { transformTree } from "../shared/transformTree.js";
 import { convertFSRouteSegmentToURLPatternFormat } from "./utils.js";
 const printer = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed });
-function relativize(url, generatedDir) {
-  const result = relative(fileURLToPath(generatedDir), fileURLToPath(url)).replaceAll(sep, "/");
-  if (!result.startsWith(".")) {
-    return `./${result}`;
+const extensions = [".ts", ".tsx", ".js", ".jsx"];
+class RouteFromMetaProcessor {
+  #manager;
+  #views;
+  constructor(views, { code: codeFile }) {
+    this.#views = views;
+    const codeDir = new URL("./", codeFile);
+    this.#manager = new DependencyManager(new PathManager({ extension: ".js", relativeTo: codeDir }));
   }
-  return result;
-}
-function createImport(mod, file) {
-  const path = `${file.substring(0, file.lastIndexOf("."))}.js`;
-  return template(`import * as ${mod} from '${path}';
-`, ([statement]) => statement);
-}
-function createRouteData(path, mod, children) {
-  return template(
-    `const route = createRoute("${path}", ${mod ? `, ${mod}` : ""}${children ? `, CHILDREN` : ""})`,
-    ([statement]) => statement.declarationList.declarations[0].initializer,
-    [
-      transformer(
-        (node) => ts.isIdentifier(node) && node.text === "CHILDREN" ? ts.factory.createArrayLiteralExpression(children, true) : node
-      )
-    ]
-  );
-}
-function createRoutesFromMeta(views, { code: codeFile }) {
-  const codeDir = new URL("./", codeFile);
-  const imports = [];
-  const errors = [];
-  let id = 0;
-  const routes = transformTree(views, (metas, next) => {
-    errors.push(
-      ...metas.map((route) => route.path).filter((item, index, arr) => arr.indexOf(item) !== index).map((dup) => `console.error("Two views share the same path: ${dup}");`)
-    );
-    return metas.map(({ file: file2, layout, path, children, flowLayout }) => {
-      let _children;
-      if (children) {
-        _children = next(...children);
-      }
-      const currentId = id;
-      id += 1;
-      let mod;
-      if (file2) {
-        mod = `Page${currentId}`;
-        imports.push(createImport(mod, relativize(file2, codeDir)));
-      } else if (layout) {
-        mod = `Layout${currentId}`;
-        imports.push(createImport(mod, relativize(layout, codeDir)));
-      }
-      return createRouteData(convertFSRouteSegmentToURLPatternFormat(path), mod, _children);
+  /**
+   * Loads all the files from the received metadata and creates a framework-agnostic route tree.
+   *
+   * @param views - The abstract route tree.
+   * @param generatedDir - The directory where the generated view file will be stored.
+   */
+  process() {
+    const {
+      paths,
+      imports: { named, namespace }
+    } = this.#manager;
+    const errors = [];
+    const routes = transformTree(this.#views, (metas, next) => {
+      errors.push(
+        ...metas.map((route) => route.path).filter((item, index, arr) => arr.indexOf(item) !== index).map((dup) => `console.error("Two views share the same path: ${dup}");`)
+      );
+      return metas.map(({ file: file2, layout, path, children, flowLayout }) => {
+        let _children;
+        if (children) {
+          _children = next(...children);
+        }
+        let mod;
+        if (file2) {
+          const extension2 = extensions.find((ext) => file2.pathname.endsWith(ext));
+          mod = namespace.add(paths.createRelativePath(file2, extension2), `Page`);
+        } else if (layout) {
+          const extension2 = extensions.find((ext) => layout.pathname.endsWith(ext));
+          mod = namespace.add(paths.createRelativePath(layout, extension2), `Layout`);
+        }
+        const extension = flowLayout ? { flowLayout } : void 0;
+        return this.#createRouteData(convertFSRouteSegmentToURLPatternFormat(path), mod, extension, _children);
+      });
     });
-  });
-  if (imports.length > 0) {
-    const createRouteImport = template(
-      'import { createRoute } from "@vaadin/hilla-file-router/runtime.js";',
-      ([statement]) => statement
-    );
-    imports.unshift(createRouteImport);
-  }
-  imports.unshift(
-    template(
-      'import type { AgnosticRoute } from "@vaadin/hilla-file-router/types.js";',
-      ([statement]) => statement
-    )
-  );
-  const routeDeclaration = template(
-    `import a from 'IMPORTS';
+    const agnosticRouteId = named.getIdentifier("@vaadin/hilla-file-router/types.js", "AgnosticRoute") ?? named.add("@vaadin/hilla-file-router/types.js", "AgnosticRoute", true);
+    let routeDeclaration = template(
+      `${errors.join("\n")}
 
-${errors.join("\n")}
-
-const routes: readonly AgnosticRoute[] = ROUTE;
+const routes: readonly AGNOSTIC_ROUTE[] = ROUTE;
 
 export default routes;
 `,
-    [
-      transformer(
-        (node) => ts.isImportDeclaration(node) && node.moduleSpecifier.text === "IMPORTS" ? imports : node
-      ),
-      transformer(
-        (node) => ts.isIdentifier(node) && node.text === "ROUTE" ? ts.factory.createArrayLiteralExpression(routes, true) : node
-      )
-    ]
-  );
-  const file = createSourceFile(routeDeclaration, "file-routes.ts");
-  return printer.printFile(file);
+      [
+        transformer(
+          (node) => ts.isIdentifier(node) && node.text === "ROUTE" ? ts.factory.createArrayLiteralExpression(routes, true) : node
+        ),
+        transformer((node) => ts.isIdentifier(node) && node.text === "AGNOSTIC_ROUTE" ? agnosticRouteId : node)
+      ]
+    );
+    routeDeclaration = [...this.#manager.imports.toCode(), ...routeDeclaration];
+    const file = createSourceFile(routeDeclaration, "file-routes.ts");
+    return printer.printFile(file);
+  }
+  /**
+   * Create an abstract route creation function call. The nested function calls
+   * create a route tree.
+   *
+   * @param path - The path of the route.
+   * @param mod - The name of the route module imported as a namespace.
+   * @param children - The list of child route call expressions.
+   */
+  #createRouteData(path, mod, extension, children) {
+    const { named } = this.#manager.imports;
+    let extendModuleId;
+    let modNode = "";
+    if (mod) {
+      if (extension) {
+        extendModuleId = named.getIdentifier("@vaadin/hilla-file-router/runtime.js", "extendModule") ?? named.add("@vaadin/hilla-file-router/runtime.js", "extendModule");
+        modNode = `, EXTEND_MODULE(MOD, ${JSON.stringify(extension)})`;
+      } else {
+        modNode = `, MOD`;
+      }
+    }
+    const createRouteId = named.getIdentifier("@vaadin/hilla-file-router/runtime.js", "createRoute") ?? named.add("@vaadin/hilla-file-router/runtime.js", "createRoute");
+    return template(
+      `const route = CREATE_ROUTE("${path}", ${modNode}${children ? `, CHILDREN` : ""})`,
+      ([statement]) => statement.declarationList.declarations[0].initializer,
+      [
+        transformer(
+          (node) => ts.isIdentifier(node) && node.text === "CHILDREN" ? ts.factory.createArrayLiteralExpression(children, true) : node
+        ),
+        transformer((node) => ts.isIdentifier(node) && node.text === "MOD" ? mod : node),
+        transformer((node) => ts.isIdentifier(node) && node.text === "EXTEND_MODULE" ? extendModuleId : node),
+        transformer((node) => ts.isIdentifier(node) && node.text === "CREATE_ROUTE" ? createRouteId : node)
+      ]
+    );
+  }
+}
+function createRoutesFromMeta(views, urls) {
+  return new RouteFromMetaProcessor(views, urls).process();
 }
 export {
   createRoutesFromMeta as default

package/vite-plugin/createRoutesFromMeta.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/vite-plugin/createRoutesFromMeta.ts"],
-  "sourcesContent": ["import { relative, sep } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { template, transform as transformer } from '@vaadin/hilla-generator-utils/ast.js';\nimport createSourceFile from '@vaadin/hilla-generator-utils/createSourceFile.js';\nimport ts, {\n  type CallExpression,\n  type ImportDeclaration,\n  type StringLiteral,\n  type VariableStatement,\n} from 'typescript';\n\nimport { transformTree } from '../shared/transformTree.js';\nimport type { RouteMeta } from './collectRoutesFromFS.js';\nimport type { RuntimeFileUrls } from './generateRuntimeFiles.js';\nimport { convertFSRouteSegmentToURLPatternFormat } from './utils.js';\n\nconst printer = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed });\n\n/**\n * Convert a file URL to a relative path from the generated directory.\n *\n * @param url - The file URL to convert.\n * @param generatedDir - The directory where the generated view file will be stored.\n */\nfunction relativize(url: URL, generatedDir: URL): string {\n  const result = relative(fileURLToPath(generatedDir), fileURLToPath(url)).replaceAll(sep, '/');\n\n  if (!result.startsWith('.')) {\n    return `./${result}`;\n  }\n\n  return result;\n}\n\n/**\n * Create an import declaration for a `views` module.\n *\n * @param mod - The name of the route module to import.\n * @param file - The file path of the module.\n */\nfunction createImport(mod: string, file: string): ImportDeclaration {\n  const path = `${file.substring(0, file.lastIndexOf('.'))}.js`;\n  return template(`import * as ${mod} from '${path}';\\n`, ([statement]) => statement as ts.ImportDeclaration);\n}\n\n/**\n * Create an abstract route creation function call. The nested function calls create a route tree.\n *\n * @param path - The path of the route.\n * @param mod - The name of the route module imported as a namespace.\n * @param children - The list of child route call expressions.\n */\nfunction createRouteData(path: string, mod: string | undefined, children?: readonly CallExpression[]): CallExpression {\n  return template(\n    `const route = createRoute(\"${path}\", ${mod ? `, ${mod}` : ''}${children ? `, CHILDREN` : ''})`,\n    ([statement]) => (statement as VariableStatement).declarationList.declarations[0].initializer as CallExpression,\n    [\n      transformer((node) =>\n        ts.isIdentifier(node) && node.text === 'CHILDREN'\n          ? ts.factory.createArrayLiteralExpression(children, true)\n          : node,\n      ),\n    ],\n  );\n}\n\n/**\n * Loads all the files from the received metadata and creates a framework-agnostic route tree.\n *\n * @param views - The abstract route tree.\n * @param generatedDir - The directory where the generated view file will be stored.\n */\nexport default function createRoutesFromMeta(views: readonly RouteMeta[], { code: codeFile }: RuntimeFileUrls): string {\n  const codeDir = new URL('./', codeFile);\n  const imports: ImportDeclaration[] = [];\n  const errors: string[] = [];\n  let id = 0;\n\n  const routes = transformTree<readonly RouteMeta[], readonly CallExpression[]>(views, (metas, next) => {\n    errors.push(\n      ...metas\n        .map((route) => route.path)\n        .filter((item, index, arr) => arr.indexOf(item) !== index)\n        .map((dup) => `console.error(\"Two views share the same path: ${dup}\");`),\n    );\n\n    return metas.map(({ file, layout, path, children, flowLayout }) => {\n      let _children: readonly CallExpression[] | undefined;\n\n      if (children) {\n        _children = next(...children);\n      }\n\n      const currentId = id;\n      id += 1;\n\n      let mod: string | undefined;\n      if (file) {\n        mod = `Page${currentId}`;\n        imports.push(createImport(mod, relativize(file, codeDir)));\n      } else if (layout) {\n        mod = `Layout${currentId}`;\n        imports.push(createImport(mod, relativize(layout, codeDir)));\n      }\n\n      return createRouteData(convertFSRouteSegmentToURLPatternFormat(path), mod, _children);\n    });\n  });\n\n  // Prepend the import for `createRoute` if it was used\n  if (imports.length > 0) {\n    const createRouteImport = template(\n      'import { createRoute } from \"@vaadin/hilla-file-router/runtime.js\";',\n      ([statement]) => statement as ts.ImportDeclaration,\n    );\n    imports.unshift(createRouteImport);\n  }\n\n  imports.unshift(\n    template(\n      'import type { AgnosticRoute } from \"@vaadin/hilla-file-router/types.js\";',\n      ([statement]) => statement as ts.ImportDeclaration,\n    ),\n  );\n\n  const routeDeclaration = template(\n    `import a from 'IMPORTS';\n\n${errors.join('\\n')}\n\nconst routes: readonly AgnosticRoute[] = ROUTE;\n\nexport default routes;\n`,\n    [\n      transformer((node) =>\n        ts.isImportDeclaration(node) && (node.moduleSpecifier as StringLiteral).text === 'IMPORTS' ? imports : node,\n      ),\n      transformer((node) =>\n        ts.isIdentifier(node) && node.text === 'ROUTE' ? ts.factory.createArrayLiteralExpression(routes, true) : node,\n      ),\n    ],\n  );\n\n  const file = createSourceFile(routeDeclaration, 'file-routes.ts');\n  return printer.printFile(file);\n}\n"],
-  "mappings": "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",
-  "names": ["file"]
+  "sourcesContent": ["import { relative, sep } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { template, transform as transformer } from '@vaadin/hilla-generator-utils/ast.js';\nimport createSourceFile from '@vaadin/hilla-generator-utils/createSourceFile.js';\nimport DependencyManager from '@vaadin/hilla-generator-utils/dependencies/DependencyManager.js';\nimport PathManager from '@vaadin/hilla-generator-utils/dependencies/PathManager.js';\nimport ts, { type CallExpression, type Identifier, type StringLiteral, type VariableStatement } from 'typescript';\n\nimport { transformTree } from '../shared/transformTree.js';\nimport type { RouteMeta } from './collectRoutesFromFS.js';\nimport type { RuntimeFileUrls } from './generateRuntimeFiles.js';\nimport { convertFSRouteSegmentToURLPatternFormat } from './utils.js';\n\nconst printer = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed });\n\nconst extensions = ['.ts', '.tsx', '.js', '.jsx'];\n\nclass RouteFromMetaProcessor {\n  readonly #manager: DependencyManager;\n  readonly #views: readonly RouteMeta[];\n\n  constructor(views: readonly RouteMeta[], { code: codeFile }: RuntimeFileUrls) {\n    this.#views = views;\n\n    const codeDir = new URL('./', codeFile);\n    this.#manager = new DependencyManager(new PathManager({ extension: '.js', relativeTo: codeDir }));\n  }\n\n  /**\n   * Loads all the files from the received metadata and creates a framework-agnostic route tree.\n   *\n   * @param views - The abstract route tree.\n   * @param generatedDir - The directory where the generated view file will be stored.\n   */\n  process(): string {\n    const {\n      paths,\n      imports: { named, namespace },\n    } = this.#manager;\n    const errors: string[] = [];\n\n    const routes = transformTree<readonly RouteMeta[], readonly CallExpression[]>(this.#views, (metas, next) => {\n      errors.push(\n        ...metas\n          .map((route) => route.path)\n          .filter((item, index, arr) => arr.indexOf(item) !== index)\n          .map((dup) => `console.error(\"Two views share the same path: ${dup}\");`),\n      );\n\n      return metas.map(({ file, layout, path, children, flowLayout }) => {\n        let _children: readonly CallExpression[] | undefined;\n\n        if (children) {\n          _children = next(...children);\n        }\n\n        let mod: Identifier | undefined;\n        if (file) {\n          const extension = extensions.find((ext) => file.pathname.endsWith(ext));\n          mod = namespace.add(paths.createRelativePath(file, extension), `Page`);\n        } else if (layout) {\n          const extension = extensions.find((ext) => layout.pathname.endsWith(ext));\n          mod = namespace.add(paths.createRelativePath(layout, extension), `Layout`);\n        }\n\n        const extension = flowLayout ? { flowLayout } : undefined;\n\n        return this.#createRouteData(convertFSRouteSegmentToURLPatternFormat(path), mod, extension, _children);\n      });\n    });\n\n    const agnosticRouteId =\n      named.getIdentifier('@vaadin/hilla-file-router/types.js', 'AgnosticRoute') ??\n      named.add('@vaadin/hilla-file-router/types.js', 'AgnosticRoute', true);\n\n    let routeDeclaration = template(\n      `${errors.join('\\n')}\n\nconst routes: readonly AGNOSTIC_ROUTE[] = ROUTE;\n\nexport default routes;\n`,\n      [\n        transformer((node) =>\n          ts.isIdentifier(node) && node.text === 'ROUTE' ? ts.factory.createArrayLiteralExpression(routes, true) : node,\n        ),\n        transformer((node) => (ts.isIdentifier(node) && node.text === 'AGNOSTIC_ROUTE' ? agnosticRouteId : node)),\n      ],\n    );\n\n    routeDeclaration = [...this.#manager.imports.toCode(), ...routeDeclaration];\n\n    const file = createSourceFile(routeDeclaration, 'file-routes.ts');\n    return printer.printFile(file);\n  }\n\n  /**\n   * Create an abstract route creation function call. The nested function calls\n   * create a route tree.\n   *\n   * @param path - The path of the route.\n   * @param mod - The name of the route module imported as a namespace.\n   * @param children - The list of child route call expressions.\n   */\n  #createRouteData(\n    path: string,\n    mod: Identifier | undefined,\n    extension?: Readonly<Record<string, unknown>>,\n    children?: readonly CallExpression[],\n  ): CallExpression {\n    const { named } = this.#manager.imports;\n\n    let extendModuleId: Identifier | undefined;\n    let modNode = '';\n\n    if (mod) {\n      if (extension) {\n        extendModuleId =\n          named.getIdentifier('@vaadin/hilla-file-router/runtime.js', 'extendModule') ??\n          named.add('@vaadin/hilla-file-router/runtime.js', 'extendModule');\n        modNode = `, EXTEND_MODULE(MOD, ${JSON.stringify(extension)})`;\n      } else {\n        modNode = `, MOD`;\n      }\n    }\n\n    const createRouteId =\n      named.getIdentifier('@vaadin/hilla-file-router/runtime.js', 'createRoute') ??\n      named.add('@vaadin/hilla-file-router/runtime.js', 'createRoute');\n\n    return template(\n      `const route = CREATE_ROUTE(\"${path}\", ${modNode}${children ? `, CHILDREN` : ''})`,\n      ([statement]) => (statement as VariableStatement).declarationList.declarations[0].initializer as CallExpression,\n      [\n        transformer((node) =>\n          ts.isIdentifier(node) && node.text === 'CHILDREN'\n            ? ts.factory.createArrayLiteralExpression(children, true)\n            : node,\n        ),\n        transformer((node) => (ts.isIdentifier(node) && node.text === 'MOD' ? mod : node)),\n        transformer((node) => (ts.isIdentifier(node) && node.text === 'EXTEND_MODULE' ? extendModuleId : node)),\n        transformer((node) => (ts.isIdentifier(node) && node.text === 'CREATE_ROUTE' ? createRouteId : node)),\n      ],\n    );\n  }\n}\n\nexport default function createRoutesFromMeta(views: readonly RouteMeta[], urls: RuntimeFileUrls): string {\n  return new RouteFromMetaProcessor(views, urls).process();\n}\n"],
+  "mappings": "AAAA,SAAS,UAAU,WAAW;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,UAAU,aAAa,mBAAmB;AACnD,OAAO,sBAAsB;AAC7B,OAAO,uBAAuB;AAC9B,OAAO,iBAAiB;AACxB,OAAO,YAA8F;AAErG,SAAS,qBAAqB;AAG9B,SAAS,+CAA+C;AAExD,MAAM,UAAU,GAAG,cAAc,EAAE,SAAS,GAAG,YAAY,SAAS,CAAC;AAErE,MAAM,aAAa,CAAC,OAAO,QAAQ,OAAO,MAAM;AAEhD,MAAM,uBAAuB;AAAA,EAClB;AAAA,EACA;AAAA,EAET,YAAY,OAA6B,EAAE,MAAM,SAAS,GAAoB;AAC5E,SAAK,SAAS;AAEd,UAAM,UAAU,IAAI,IAAI,MAAM,QAAQ;AACtC,SAAK,WAAW,IAAI,kBAAkB,IAAI,YAAY,EAAE,WAAW,OAAO,YAAY,QAAQ,CAAC,CAAC;AAAA,EAClG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,UAAkB;AAChB,UAAM;AAAA,MACJ;AAAA,MACA,SAAS,EAAE,OAAO,UAAU;AAAA,IAC9B,IAAI,KAAK;AACT,UAAM,SAAmB,CAAC;AAE1B,UAAM,SAAS,cAA+D,KAAK,QAAQ,CAAC,OAAO,SAAS;AAC1G,aAAO;AAAA,QACL,GAAG,MACA,IAAI,CAAC,UAAU,MAAM,IAAI,EACzB,OAAO,CAAC,MAAM,OAAO,QAAQ,IAAI,QAAQ,IAAI,MAAM,KAAK,EACxD,IAAI,CAAC,QAAQ,iDAAiD,GAAG,KAAK;AAAA,MAC3E;AAEA,aAAO,MAAM,IAAI,CAAC,EAAE,MAAAA,OAAM,QAAQ,MAAM,UAAU,WAAW,MAAM;AACjE,YAAI;AAEJ,YAAI,UAAU;AACZ,sBAAY,KAAK,GAAG,QAAQ;AAAA,QAC9B;AAEA,YAAI;AACJ,YAAIA,OAAM;AACR,gBAAMC,aAAY,WAAW,KAAK,CAAC,QAAQD,MAAK,SAAS,SAAS,GAAG,CAAC;AACtE,gBAAM,UAAU,IAAI,MAAM,mBAAmBA,OAAMC,UAAS,GAAG,MAAM;AAAA,QACvE,WAAW,QAAQ;AACjB,gBAAMA,aAAY,WAAW,KAAK,CAAC,QAAQ,OAAO,SAAS,SAAS,GAAG,CAAC;AACxE,gBAAM,UAAU,IAAI,MAAM,mBAAmB,QAAQA,UAAS,GAAG,QAAQ;AAAA,QAC3E;AAEA,cAAM,YAAY,aAAa,EAAE,WAAW,IAAI;AAEhD,eAAO,KAAK,iBAAiB,wCAAwC,IAAI,GAAG,KAAK,WAAW,SAAS;AAAA,MACvG,CAAC;AAAA,IACH,CAAC;AAED,UAAM,kBACJ,MAAM,cAAc,sCAAsC,eAAe,KACzE,MAAM,IAAI,sCAAsC,iBAAiB,IAAI;AAEvE,QAAI,mBAAmB;AAAA,MACrB,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMpB;AAAA,QACE;AAAA,UAAY,CAAC,SACX,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,UAAU,GAAG,QAAQ,6BAA6B,QAAQ,IAAI,IAAI;AAAA,QAC3G;AAAA,QACA,YAAY,CAAC,SAAU,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,mBAAmB,kBAAkB,IAAK;AAAA,MAC1G;AAAA,IACF;AAEA,uBAAmB,CAAC,GAAG,KAAK,SAAS,QAAQ,OAAO,GAAG,GAAG,gBAAgB;AAE1E,UAAM,OAAO,iBAAiB,kBAAkB,gBAAgB;AAChE,WAAO,QAAQ,UAAU,IAAI;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,iBACE,MACA,KACA,WACA,UACgB;AAChB,UAAM,EAAE,MAAM,IAAI,KAAK,SAAS;AAEhC,QAAI;AACJ,QAAI,UAAU;AAEd,QAAI,KAAK;AACP,UAAI,WAAW;AACb,yBACE,MAAM,cAAc,wCAAwC,cAAc,KAC1E,MAAM,IAAI,wCAAwC,cAAc;AAClE,kBAAU,wBAAwB,KAAK,UAAU,SAAS,CAAC;AAAA,MAC7D,OAAO;AACL,kBAAU;AAAA,MACZ;AAAA,IACF;AAEA,UAAM,gBACJ,MAAM,cAAc,wCAAwC,aAAa,KACzE,MAAM,IAAI,wCAAwC,aAAa;AAEjE,WAAO;AAAA,MACL,+BAA+B,IAAI,MAAM,OAAO,GAAG,WAAW,eAAe,EAAE;AAAA,MAC/E,CAAC,CAAC,SAAS,MAAO,UAAgC,gBAAgB,aAAa,CAAC,EAAE;AAAA,MAClF;AAAA,QACE;AAAA,UAAY,CAAC,SACX,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,aACnC,GAAG,QAAQ,6BAA6B,UAAU,IAAI,IACtD;AAAA,QACN;AAAA,QACA,YAAY,CAAC,SAAU,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,QAAQ,MAAM,IAAK;AAAA,QACjF,YAAY,CAAC,SAAU,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,kBAAkB,iBAAiB,IAAK;AAAA,QACtG,YAAY,CAAC,SAAU,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS,iBAAiB,gBAAgB,IAAK;AAAA,MACtG;AAAA,IACF;AAAA,EACF;AACF;AAEe,SAAR,qBAAsC,OAA6B,MAA+B;AACvG,SAAO,IAAI,uBAAuB,OAAO,IAAI,EAAE,QAAQ;AACzD;",
+  "names": ["file", "extension"]
 }