@tanstack/router-vite-plugin 1.23.0 → 1.25.0

package/dist/cjs/index.cjs

@@ -1,10 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const path = require("path");
+const url = require("url");
+const zod = require("zod");
 const routerGenerator = require("@tanstack/router-generator");
+const compilers = require("./compilers.cjs");
+const constants = require("./constants.cjs");
+const configSchema = routerGenerator.configSchema.extend({
+  enableRouteGeneration: zod.z.boolean().optional(),
+  experimental: zod.z.object({
+    enableCodeSplitting: zod.z.boolean().optional()
+  }).optional()
+});
 const CONFIG_FILE_NAME = "tsr.config.json";
+const getConfig = async (inlineConfig, root) => {
+  const config = await routerGenerator.getConfig(inlineConfig, root);
+  return configSchema.parse({ ...inlineConfig, ...config });
+};
 function TanStackRouterVite(inlineConfig = {}) {
-  const ROOT = process.cwd();
+  return [
+    TanStackRouterViteGenerator(inlineConfig),
+    TanStackRouterViteCodeSplitter(inlineConfig)
+  ];
+}
+function TanStackRouterViteGenerator(inlineConfig = {}) {
+  let ROOT = process.cwd();
   let userConfig;
   const generate = async () => {
     try {
@@ -14,24 +34,132 @@ function TanStackRouterVite(inlineConfig = {}) {
       console.info();
     }
   };
-  return {
-    name: "vite-plugin-tanstack-router",
-    configResolved: async () => {
-      userConfig = await routerGenerator.getConfig(inlineConfig, ROOT);
+  const handleFile = async (file) => {
+    const filePath = path.normalize(file);
+    if (filePath === path.join(ROOT, CONFIG_FILE_NAME)) {
+      userConfig = await getConfig(inlineConfig, ROOT);
+      return;
+    }
+    const routesDirectoryPath = path.isAbsolute(userConfig.routesDirectory) ? userConfig.routesDirectory : path.join(ROOT, userConfig.routesDirectory);
+    if (filePath.startsWith(routesDirectoryPath)) {
       await generate();
+    }
+  };
+  return {
+    name: "vite-plugin-tanstack-router-generator",
+    configResolved: async (config) => {
+      ROOT = config.root;
+      userConfig = await getConfig(inlineConfig, ROOT);
+      if (userConfig.enableRouteGeneration ?? true) {
+        await generate();
+      }
     },
-    handleHotUpdate: async ({ file }) => {
-      const filePath = path.normalize(file);
-      if (filePath === path.join(ROOT, CONFIG_FILE_NAME)) {
-        userConfig = await routerGenerator.getConfig(inlineConfig, ROOT);
-        return;
+    watchChange: async (file, context) => {
+      if (userConfig.enableRouteGeneration ?? true) {
+        if (["create", "update", "delete"].includes(context.event)) {
+          await handleFile(file);
+        }
       }
-      const routesDirectoryPath = path.isAbsolute(userConfig.routesDirectory) ? userConfig.routesDirectory : path.join(ROOT, userConfig.routesDirectory);
-      if (filePath.startsWith(routesDirectoryPath)) {
-        await generate();
+    }
+  };
+}
+function fileIsInRoutesDirectory(filePath, routesDirectory) {
+  const routesDirectoryPath = path.isAbsolute(routesDirectory) ? routesDirectory : path.join(process.cwd(), routesDirectory);
+  return filePath.startsWith(routesDirectoryPath);
+}
+function TanStackRouterViteCodeSplitter(inlineConfig = {}) {
+  let ROOT = process.cwd();
+  let userConfig;
+  return {
+    name: "vite-plugin-tanstack-router-code-splitter",
+    enforce: "pre",
+    configResolved: async (config) => {
+      ROOT = config.root;
+      userConfig = await getConfig(inlineConfig, ROOT);
+    },
+    resolveId(source) {
+      var _a;
+      if (!((_a = userConfig.experimental) == null ? void 0 : _a.enableCodeSplitting)) {
+        return null;
+      }
+      if (source.startsWith(constants.splitPrefix + ":")) {
+        return source.replace(constants.splitPrefix + ":", "");
+      }
+      return null;
+    },
+    async transform(code, id, transformOptions) {
+      var _a;
+      if (!((_a = userConfig.experimental) == null ? void 0 : _a.enableCodeSplitting)) {
+        return null;
+      }
+      const url$1 = url.pathToFileURL(id);
+      url$1.searchParams.delete("v");
+      id = url.fileURLToPath(url$1).replace(/\\/g, "/");
+      const compile = compilers.makeCompile({
+        root: ROOT
+      });
+      if (id.includes(constants.splitPrefix)) {
+        console.info("Splitting route: ", id);
+        const compiled = await compilers.splitFile({
+          code,
+          compile,
+          filename: id
+          // ref,
+        });
+        console.info("");
+        console.info("Split Output");
+        console.info("");
+        console.info(compiled.code);
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        return compiled;
+      } else if (fileIsInRoutesDirectory(id, userConfig.routesDirectory) && (code.includes("createRoute(") || code.includes("createFileRoute("))) {
+        if (code.includes("@react-refresh")) {
+          throw new Error(
+            `We detected that the '@vitejs/plugin-react' was passed before '@tanstack/router-vite-plugin'. Please make sure that '@tanstack/router-vite-plugin' is passed before '@vitejs/plugin-react' and try again: 
+e.g.
+
+plugins: [
+  TanStackRouterVite(), // Place this before viteReact()
+  viteReact(),
+]
+`
+          );
+        }
+        console.info("Handling createRoute: ", id);
+        const compiled = await compilers.compileFile({
+          code,
+          compile,
+          filename: id
+        });
+        console.info("");
+        console.info("Compiled Output");
+        console.info("");
+        console.info(compiled.code);
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        console.info("");
+        return compiled;
       }
+      return null;
     }
   };
 }
 exports.TanStackRouterVite = TanStackRouterVite;
+exports.TanStackRouterViteCodeSplitter = TanStackRouterViteCodeSplitter;
+exports.TanStackRouterViteGenerator = TanStackRouterViteGenerator;
+exports.configSchema = configSchema;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import { isAbsolute, join, normalize } from 'path'\nimport { type Config, generator, getConfig } from '@tanstack/router-generator'\nimport type { Plugin } from 'vite'\n\nconst CONFIG_FILE_NAME = 'tsr.config.json'\n\nexport function TanStackRouterVite(inlineConfig: Partial<Config> = {}): Plugin {\n  const ROOT: string = process.cwd()\n  let userConfig: Config\n\n  const generate = async () => {\n    try {\n      await generator(userConfig)\n    } catch (err) {\n      console.error(err)\n      console.info()\n    }\n  }\n\n  return {\n    name: 'vite-plugin-tanstack-router',\n    configResolved: async () => {\n      userConfig = await getConfig(inlineConfig, ROOT)\n      await generate()\n    },\n    handleHotUpdate: async ({ file }) => {\n      const filePath = normalize(file)\n      if (filePath === join(ROOT, CONFIG_FILE_NAME)) {\n        userConfig = await getConfig(inlineConfig, ROOT)\n        return\n      }\n      const routesDirectoryPath = isAbsolute(userConfig.routesDirectory)\n        ? userConfig.routesDirectory\n        : join(ROOT, userConfig.routesDirectory)\n      if (filePath.startsWith(routesDirectoryPath)) {\n        await generate()\n      }\n    },\n  }\n}\n"],"names":["generator","getConfig","normalize","join","isAbsolute"],"mappings":";;;;AAIA,MAAM,mBAAmB;AAET,SAAA,mBAAmB,eAAgC,IAAY;AACvE,QAAA,OAAe,QAAQ;AACzB,MAAA;AAEJ,QAAM,WAAW,YAAY;AACvB,QAAA;AACF,YAAMA,gBAAAA,UAAU,UAAU;AAAA,aACnB,KAAK;AACZ,cAAQ,MAAM,GAAG;AACjB,cAAQ,KAAK;AAAA,IACf;AAAA,EAAA;AAGK,SAAA;AAAA,IACL,MAAM;AAAA,IACN,gBAAgB,YAAY;AACb,mBAAA,MAAMC,gBAAAA,UAAU,cAAc,IAAI;AAC/C,YAAM,SAAS;AAAA,IACjB;AAAA,IACA,iBAAiB,OAAO,EAAE,WAAW;AAC7B,YAAA,WAAWC,eAAU,IAAI;AAC/B,UAAI,aAAaC,KAAAA,KAAK,MAAM,gBAAgB,GAAG;AAChC,qBAAA,MAAMF,gBAAAA,UAAU,cAAc,IAAI;AAC/C;AAAA,MACF;AACM,YAAA,sBAAsBG,KAAAA,WAAW,WAAW,eAAe,IAC7D,WAAW,kBACXD,UAAK,MAAM,WAAW,eAAe;AACrC,UAAA,SAAS,WAAW,mBAAmB,GAAG;AAC5C,cAAM,SAAS;AAAA,MACjB;AAAA,IACF;AAAA,EAAA;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/index.ts"],"sourcesContent":["import { isAbsolute, join, normalize } from 'path'\nimport { fileURLToPath, pathToFileURL } from 'url'\nimport { z } from 'zod'\nimport {\n  generator,\n  configSchema as generatorConfigSchema,\n  getConfig as getGeneratorConfig,\n} from '@tanstack/router-generator'\nimport { compileFile, makeCompile, splitFile } from './compilers'\nimport { splitPrefix } from './constants'\nimport type { Plugin } from 'vite'\n\nexport const configSchema = generatorConfigSchema.extend({\n  enableRouteGeneration: z.boolean().optional(),\n  experimental: z\n    .object({\n      enableCodeSplitting: z.boolean().optional(),\n    })\n    .optional(),\n})\n\nexport type Config = z.infer<typeof configSchema>\n\nconst CONFIG_FILE_NAME = 'tsr.config.json'\nconst debug = true as any\n\nconst getConfig = async (inlineConfig: Partial<Config>, root: string) => {\n  const config = await getGeneratorConfig(inlineConfig, root)\n\n  return configSchema.parse({ ...inlineConfig, ...config })\n}\n\nexport function TanStackRouterVite(\n  inlineConfig: Partial<Config> = {},\n): Array<Plugin> {\n  return [\n    TanStackRouterViteGenerator(inlineConfig),\n    TanStackRouterViteCodeSplitter(inlineConfig),\n  ]\n}\n\nexport function TanStackRouterViteGenerator(\n  inlineConfig: Partial<Config> = {},\n): Plugin {\n  let ROOT: string = process.cwd()\n  let userConfig: Config\n\n  const generate = async () => {\n    try {\n      await generator(userConfig)\n    } catch (err) {\n      console.error(err)\n      console.info()\n    }\n  }\n\n  const handleFile = async (file: string) => {\n    const filePath = normalize(file)\n    if (filePath === join(ROOT, CONFIG_FILE_NAME)) {\n      userConfig = await getConfig(inlineConfig, ROOT)\n      return\n    }\n    const routesDirectoryPath = isAbsolute(userConfig.routesDirectory)\n      ? userConfig.routesDirectory\n      : join(ROOT, userConfig.routesDirectory)\n    if (filePath.startsWith(routesDirectoryPath)) {\n      await generate()\n    }\n  }\n\n  return {\n    name: 'vite-plugin-tanstack-router-generator',\n    configResolved: async (config) => {\n      ROOT = config.root\n      userConfig = await getConfig(inlineConfig, ROOT)\n\n      if (userConfig.enableRouteGeneration ?? true) {\n        await generate()\n      }\n    },\n    watchChange: async (file, context) => {\n      if (userConfig.enableRouteGeneration ?? true) {\n        if (['create', 'update', 'delete'].includes(context.event)) {\n          await handleFile(file)\n        }\n      }\n    },\n  }\n}\n\nfunction fileIsInRoutesDirectory(filePath: string, routesDirectory: string) {\n  const routesDirectoryPath = isAbsolute(routesDirectory)\n    ? routesDirectory\n    : join(process.cwd(), routesDirectory)\n\n  return filePath.startsWith(routesDirectoryPath)\n}\n\nexport function TanStackRouterViteCodeSplitter(\n  inlineConfig: Partial<Config> = {},\n): Plugin {\n  let ROOT: string = process.cwd()\n  let userConfig: Config\n\n  return {\n    name: 'vite-plugin-tanstack-router-code-splitter',\n    enforce: 'pre',\n    configResolved: async (config) => {\n      ROOT = config.root\n      userConfig = await getConfig(inlineConfig, ROOT)\n    },\n    resolveId(source) {\n      if (!userConfig.experimental?.enableCodeSplitting) {\n        return null\n      }\n\n      if (source.startsWith(splitPrefix + ':')) {\n        return source.replace(splitPrefix + ':', '')\n      }\n      return null\n    },\n    async transform(code, id, transformOptions) {\n      if (!userConfig.experimental?.enableCodeSplitting) {\n        return null\n      }\n\n      const url = pathToFileURL(id)\n      url.searchParams.delete('v')\n      id = fileURLToPath(url).replace(/\\\\/g, '/')\n\n      const compile = makeCompile({\n        root: ROOT,\n      })\n\n      if (id.includes(splitPrefix)) {\n        if (debug) console.info('Splitting route: ', id)\n        // const ref = new URLSearchParams(id.split('?')[1]).get('ref') || ''\n\n        const compiled = await splitFile({\n          code,\n          compile,\n          filename: id,\n          // ref,\n        })\n\n        if (debug) console.info('')\n        if (debug) console.info('Split Output')\n        if (debug) console.info('')\n        if (debug) console.info(compiled.code)\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n\n        return compiled\n      } else if (\n        fileIsInRoutesDirectory(id, userConfig.routesDirectory) &&\n        (code.includes('createRoute(') || code.includes('createFileRoute('))\n      ) {\n        if (code.includes('@react-refresh')) {\n          throw new Error(\n            `We detected that the '@vitejs/plugin-react' was passed before '@tanstack/router-vite-plugin'. Please make sure that '@tanstack/router-vite-plugin' is passed before '@vitejs/plugin-react' and try again: \ne.g.\n\nplugins: [\n  TanStackRouterVite(), // Place this before viteReact()\n  viteReact(),\n]\n`,\n          )\n        }\n\n        if (debug) console.info('Handling createRoute: ', id)\n        const compiled = await compileFile({\n          code,\n          compile,\n          filename: id,\n        })\n\n        if (debug) console.info('')\n        if (debug) console.info('Compiled Output')\n        if (debug) console.info('')\n        if (debug) console.info(compiled.code)\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n        if (debug) console.info('')\n\n        return compiled\n      }\n\n      return null\n    },\n  }\n}\n"],"names":["generatorConfigSchema","z","getGeneratorConfig","generator","normalize","join","isAbsolute","splitPrefix","url","pathToFileURL","fileURLToPath","makeCompile","splitFile","compileFile"],"mappings":"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"}

package/dist/cjs/index.d.cts

@@ -1,3 +1,56 @@
-import { type Config } from '@tanstack/router-generator';
+import { z } from 'zod';
 import type { Plugin } from 'vite';
-export declare function TanStackRouterVite(inlineConfig?: Partial<Config>): Plugin;
+export declare const configSchema: z.ZodObject<{
+    routeFilePrefix: z.ZodOptional<z.ZodString>;
+    routeFileIgnorePrefix: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    routeFileIgnorePattern: z.ZodOptional<z.ZodString>;
+    routesDirectory: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    generatedRouteTree: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    quoteStyle: z.ZodDefault<z.ZodOptional<z.ZodEnum<["single", "double"]>>>;
+    semicolons: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    disableTypes: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    addExtensions: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    disableLogging: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    enableRouteGeneration: z.ZodOptional<z.ZodBoolean>;
+    experimental: z.ZodOptional<z.ZodObject<{
+        enableCodeSplitting: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        enableCodeSplitting?: boolean | undefined;
+    }, {
+        enableCodeSplitting?: boolean | undefined;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    routeFileIgnorePrefix: string;
+    routesDirectory: string;
+    generatedRouteTree: string;
+    quoteStyle: "single" | "double";
+    semicolons: boolean;
+    disableTypes: boolean;
+    addExtensions: boolean;
+    disableLogging: boolean;
+    routeFilePrefix?: string | undefined;
+    routeFileIgnorePattern?: string | undefined;
+    enableRouteGeneration?: boolean | undefined;
+    experimental?: {
+        enableCodeSplitting?: boolean | undefined;
+    } | undefined;
+}, {
+    routeFilePrefix?: string | undefined;
+    routeFileIgnorePrefix?: string | undefined;
+    routeFileIgnorePattern?: string | undefined;
+    routesDirectory?: string | undefined;
+    generatedRouteTree?: string | undefined;
+    quoteStyle?: "single" | "double" | undefined;
+    semicolons?: boolean | undefined;
+    disableTypes?: boolean | undefined;
+    addExtensions?: boolean | undefined;
+    disableLogging?: boolean | undefined;
+    enableRouteGeneration?: boolean | undefined;
+    experimental?: {
+        enableCodeSplitting?: boolean | undefined;
+    } | undefined;
+}>;
+export type Config = z.infer<typeof configSchema>;
+export declare function TanStackRouterVite(inlineConfig?: Partial<Config>): Array<Plugin>;
+export declare function TanStackRouterViteGenerator(inlineConfig?: Partial<Config>): Plugin;
+export declare function TanStackRouterViteCodeSplitter(inlineConfig?: Partial<Config>): Plugin;

package/dist/cjs/tests/index.test.d.cts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/tests/shared/imported.d.cts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const importedComponent: () => React.JSX.Element;
+export declare const importedLoader: () => {
+    randomNumber: number;
+};

package/dist/esm/compilers.d.ts

@@ -0,0 +1,38 @@
+export type CompileFn = (compileOpts: {
+    code: string;
+    filename: string;
+    getBabelConfig: () => {
+        plugins: Array<any>;
+    };
+}) => Promise<{
+    code: string;
+    map: any;
+}>;
+export declare function makeCompile(makeOpts: {
+    root: string;
+}): (opts: {
+    code: string;
+    filename: string;
+    getBabelConfig: () => {
+        plugins: Array<any>;
+    };
+}) => Promise<{
+    code: string;
+    map: any;
+}>;
+export declare function compileFile(opts: {
+    code: string;
+    compile: CompileFn;
+    filename: string;
+}): Promise<{
+    code: string;
+    map: any;
+}>;
+export declare function splitFile(opts: {
+    code: string;
+    compile: CompileFn;
+    filename: string;
+}): Promise<{
+    code: string;
+    map: any;
+}>;

package/dist/esm/compilers.js

@@ -0,0 +1,316 @@
+import * as t from "@babel/types";
+import * as template from "@babel/template";
+import * as babel from "@babel/core";
+import { splitPrefix } from "./constants.js";
+import { eliminateUnreferencedIdentifiers } from "./eliminateUnreferencedIdentifiers.js";
+function makeCompile(makeOpts) {
+  return async (opts) => {
+    const res = await babel.transform(opts.code, {
+      plugins: [
+        ["@babel/plugin-syntax-jsx", {}],
+        [
+          "@babel/plugin-syntax-typescript",
+          {
+            isTSX: true
+          }
+        ],
+        ...opts.getBabelConfig().plugins
+      ],
+      root: makeOpts.root,
+      filename: opts.filename,
+      sourceMaps: true
+    });
+    if (res == null ? void 0 : res.code) {
+      return {
+        code: res.code,
+        map: res.map
+      };
+    }
+    return {
+      code: opts.code,
+      map: null
+    };
+  };
+}
+async function compileFile(opts) {
+  return await opts.compile({
+    code: opts.code,
+    filename: opts.filename,
+    getBabelConfig: () => ({
+      plugins: [
+        [
+          {
+            visitor: {
+              Program: {
+                enter(programPath, state) {
+                  const splitUrl = `${splitPrefix}:${state.filename}?${splitPrefix}`;
+                  programPath.traverse(
+                    {
+                      CallExpression: (path) => {
+                        if (path.node.callee.type === "Identifier") {
+                          if (path.node.callee.name === "createRoute" || path.node.callee.name === "createFileRoute") {
+                            if (path.parentPath.node.type === "CallExpression") {
+                              const options = resolveIdentifier(
+                                path,
+                                path.parentPath.node.arguments[0]
+                              );
+                              let found = false;
+                              if (t.isObjectExpression(options)) {
+                                options.properties.forEach((prop) => {
+                                  if (t.isObjectProperty(prop)) {
+                                    if (t.isIdentifier(prop.key)) {
+                                      if (prop.key.name === "component") {
+                                        const value = prop.value;
+                                        if (t.isIdentifier(value)) {
+                                          removeIdentifierLiteral(path, value);
+                                        }
+                                        programPath.unshiftContainer("body", [
+                                          template.smart(
+                                            `import { lazyRouteComponent } from '@tanstack/react-router'`
+                                          )(),
+                                          template.smart(
+                                            `const $$splitComponentImporter = () => import('${splitUrl}')`
+                                          )()
+                                        ]);
+                                        prop.value = template.expression(
+                                          `lazyRouteComponent($$splitComponentImporter, 'component')`
+                                        )();
+                                        programPath.pushContainer("body", [
+                                          template.smart(
+                                            `function DummyComponent() { return null }`
+                                          )()
+                                        ]);
+                                        found = true;
+                                      } else if (prop.key.name === "loader") {
+                                        const value = prop.value;
+                                        if (t.isIdentifier(value)) {
+                                          removeIdentifierLiteral(path, value);
+                                        }
+                                        programPath.unshiftContainer("body", [
+                                          template.smart(
+                                            `import { lazyFn } from '@tanstack/react-router'`
+                                          )(),
+                                          template.smart(
+                                            `const $$splitLoaderImporter = () => import('${splitUrl}')`
+                                          )()
+                                        ]);
+                                        prop.value = template.expression(
+                                          `lazyFn($$splitLoaderImporter, 'loader')`
+                                        )();
+                                        found = true;
+                                      }
+                                    }
+                                  }
+                                });
+                              }
+                              if (found) {
+                                programPath.pushContainer("body", [
+                                  template.smart(
+                                    `function TSR_Dummy_Component() {}`
+                                  )()
+                                ]);
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    state
+                  );
+                  eliminateUnreferencedIdentifiers(programPath);
+                }
+              }
+            }
+          },
+          {
+            root: process.cwd(),
+            minify: process.env.NODE_ENV === "production"
+          }
+        ]
+      ].filter(Boolean)
+    })
+  });
+}
+function resolveIdentifier(path, node) {
+  if (t.isIdentifier(node)) {
+    const binding = path.scope.getBinding(node.name);
+    if (binding) {
+      const declarator = binding.path.node;
+      if (t.isObjectExpression(declarator.init)) {
+        return declarator.init;
+      } else if (t.isFunctionDeclaration(declarator.init)) {
+        return declarator.init;
+      }
+    }
+    return void 0;
+  }
+  return node;
+}
+function removeIdentifierLiteral(path, node) {
+  if (t.isIdentifier(node)) {
+    const binding = path.scope.getBinding(node.name);
+    if (binding) {
+      binding.path.remove();
+    }
+  }
+}
+const splitNodeTypes = ["component", "loader"];
+async function splitFile(opts) {
+  return await opts.compile({
+    code: opts.code,
+    filename: opts.filename,
+    getBabelConfig: () => ({
+      plugins: [
+        [
+          {
+            visitor: {
+              Program: {
+                enter(programPath, state) {
+                  const splitNodesByType = {
+                    component: void 0,
+                    loader: void 0
+                  };
+                  programPath.traverse(
+                    {
+                      CallExpression: (path) => {
+                        if (path.node.callee.type === "Identifier") {
+                          if (path.node.callee.name === "createFileRoute") {
+                            if (path.parentPath.node.type === "CallExpression") {
+                              const options = resolveIdentifier(
+                                path,
+                                path.parentPath.node.arguments[0]
+                              );
+                              if (t.isObjectExpression(options)) {
+                                options.properties.forEach((prop) => {
+                                  if (t.isObjectProperty(prop)) {
+                                    splitNodeTypes.forEach((type) => {
+                                      if (t.isIdentifier(prop.key)) {
+                                        if (prop.key.name === type) {
+                                          splitNodesByType[type] = prop.value;
+                                        }
+                                      }
+                                    });
+                                  }
+                                });
+                                options.properties = [];
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    state
+                  );
+                  splitNodeTypes.forEach((splitType) => {
+                    let splitNode = splitNodesByType[splitType];
+                    if (!splitNode) {
+                      return;
+                    }
+                    while (t.isIdentifier(splitNode)) {
+                      const binding = programPath.scope.getBinding(
+                        splitNode.name
+                      );
+                      splitNode = binding == null ? void 0 : binding.path.node;
+                    }
+                    if (splitNode) {
+                      if (t.isFunctionDeclaration(splitNode)) {
+                        programPath.pushContainer(
+                          "body",
+                          t.variableDeclaration("const", [
+                            t.variableDeclarator(
+                              t.identifier(splitType),
+                              t.functionExpression(
+                                splitNode.id || null,
+                                // Anonymize the function expression
+                                splitNode.params,
+                                splitNode.body,
+                                splitNode.generator,
+                                splitNode.async
+                              )
+                            )
+                          ])
+                        );
+                      } else if (t.isFunctionExpression(splitNode) || t.isArrowFunctionExpression(splitNode)) {
+                        programPath.pushContainer(
+                          "body",
+                          t.variableDeclaration("const", [
+                            t.variableDeclarator(
+                              t.identifier(splitType),
+                              splitNode
+                            )
+                          ])
+                        );
+                      } else if (t.isImportSpecifier(splitNode)) {
+                        programPath.pushContainer(
+                          "body",
+                          t.variableDeclaration("const", [
+                            t.variableDeclarator(
+                              t.identifier(splitType),
+                              splitNode.local
+                            )
+                          ])
+                        );
+                      } else {
+                        console.log(splitNode);
+                        throw new Error(
+                          `Unexpected splitNode type: ${splitNode.type}`
+                        );
+                      }
+                    }
+                    programPath.node.body = programPath.node.body.filter(
+                      (node) => {
+                        return node !== splitNode;
+                      }
+                    );
+                    programPath.pushContainer("body", [
+                      t.exportNamedDeclaration(null, [
+                        t.exportSpecifier(
+                          t.identifier(splitType),
+                          t.identifier(splitType)
+                        )
+                      ])
+                    ]);
+                  });
+                  programPath.traverse({
+                    ExportNamedDeclaration(path) {
+                      if (path.node.declaration) {
+                        if (t.isVariableDeclaration(path.node.declaration)) {
+                          path.replaceWith(
+                            t.importDeclaration(
+                              path.node.declaration.declarations.map(
+                                (decl) => t.importSpecifier(
+                                  t.identifier(decl.id.name),
+                                  t.identifier(decl.id.name)
+                                )
+                              ),
+                              t.stringLiteral(
+                                opts.filename.split(
+                                  `?${splitPrefix}`
+                                )[0]
+                              )
+                            )
+                          );
+                        }
+                      }
+                    }
+                  });
+                  eliminateUnreferencedIdentifiers(programPath);
+                }
+              }
+            }
+          },
+          {
+            root: process.cwd(),
+            minify: process.env.NODE_ENV === "production"
+          }
+        ]
+      ].filter(Boolean)
+    })
+  });
+}
+export {
+  compileFile,
+  makeCompile,
+  splitFile
+};
+//# sourceMappingURL=compilers.js.map