@tanstack/router-plugin 1.120.4-alpha.4 → 1.120.4

package/src/core/route-autoimport-plugin.ts

@@ -1,102 +0,0 @@
-import { generateFromAst, logDiff, parseAst } from '@tanstack/router-utils'
-import babel from '@babel/core'
-import * as template from '@babel/template'
-import { getConfig } from './config'
-import { debug, fileIsInRoutesDirectory } from './utils'
-import type { Config } from './config'
-import type { UnpluginFactory } from 'unplugin'
-
-/**
- * This plugin adds imports for createFileRoute and createLazyFileRoute to the file route.
- */
-export const unpluginRouteAutoimportFactory: UnpluginFactory<
-  Partial<Config> | undefined
-> = (options = {}) => {
-  let ROOT: string = process.cwd()
-  let userConfig = options as Config
-
-  return {
-    name: 'router-autoimport-plugin',
-    enforce: 'pre',
-
-    transform(code, id) {
-      let routeType: 'createFileRoute' | 'createLazyFileRoute'
-      if (code.includes('export const Route = createFileRoute(')) {
-        routeType = 'createFileRoute'
-      } else if (code.includes('export const Route = createLazyFileRoute(')) {
-        routeType = 'createLazyFileRoute'
-      } else {
-        return null
-      }
-
-      const routerImportPath = `@tanstack/${userConfig.target}-router`
-
-      const ast = parseAst({ code })
-
-      let isCreateRouteFunctionImported = false as boolean
-
-      babel.traverse(ast, {
-        Program: {
-          enter(programPath) {
-            programPath.traverse({
-              ImportDeclaration(path) {
-                const importedSpecifiers = path.node.specifiers.map(
-                  (specifier) => specifier.local.name,
-                )
-                if (
-                  importedSpecifiers.includes(routeType) &&
-                  path.node.source.value === routerImportPath
-                ) {
-                  isCreateRouteFunctionImported = true
-                }
-              },
-            })
-          },
-        },
-      })
-
-      if (!isCreateRouteFunctionImported) {
-        if (debug) console.info('Adding autoimports to route ', id)
-
-        const autoImportStatement = template.statement(
-          `import { ${routeType} } from '${routerImportPath}'`,
-        )()
-        ast.program.body.unshift(autoImportStatement)
-
-        const result = generateFromAst(ast, {
-          sourceMaps: true,
-          filename: id,
-          sourceFileName: id,
-        })
-        if (debug) {
-          logDiff(code, result.code)
-          console.log('Output:\n', result.code + '\n\n')
-        }
-        return result
-      }
-
-      return null
-    },
-
-    transformInclude(id) {
-      return fileIsInRoutesDirectory(id, userConfig.routesDirectory)
-    },
-
-    vite: {
-      configResolved(config) {
-        ROOT = config.root
-        userConfig = getConfig(options, ROOT)
-      },
-    },
-
-    rspack() {
-      ROOT = process.cwd()
-      userConfig = getConfig(options, ROOT)
-    },
-
-    webpack() {
-      ROOT = process.cwd()
-      userConfig = getConfig(options, ROOT)
-    },
-  }
-}

package/src/core/route-hmr-statement.ts

@@ -1,13 +0,0 @@
-import * as template from '@babel/template'
-
-export const routeHmrStatement = template.statement(
-  `
-if (import.meta.hot) {
-  import.meta.hot.accept((newModule) => {
-    if (newModule.Route && typeof newModule.Route.clone === 'function') {
-      newModule.Route.clone(Route)
-    }
-   })
-}
-`,
-)()

package/src/core/router-hmr-plugin.ts

@@ -1,65 +0,0 @@
-import { generateFromAst, logDiff, parseAst } from '@tanstack/router-utils'
-import { getConfig } from './config'
-import { routeHmrStatement } from './route-hmr-statement'
-import { debug, fileIsInRoutesDirectory } from './utils'
-import type { Config } from './config'
-import type { UnpluginFactory } from 'unplugin'
-
-/**
- * This plugin adds HMR support for file routes.
- * It is only added to the composed plugin in dev when autoCodeSplitting is disabled, since the code splitting plugin
- * handles HMR for code-split routes itself.
- */
-export const unpluginRouterHmrFactory: UnpluginFactory<
-  Partial<Config> | undefined
-> = (options = {}) => {
-  let ROOT: string = process.cwd()
-  let userConfig = options as Config
-
-  return {
-    name: 'router-hmr-plugin',
-    enforce: 'pre',
-
-    transform(code, id) {
-      if (!code.includes('export const Route = createFileRoute(')) {
-        return null
-      }
-
-      if (debug) console.info('Adding HMR handling to route ', id)
-
-      const ast = parseAst({ code })
-      ast.program.body.push(routeHmrStatement)
-      const result = generateFromAst(ast, {
-        sourceMaps: true,
-        filename: id,
-        sourceFileName: id,
-      })
-      if (debug) {
-        logDiff(code, result.code)
-        console.log('Output:\n', result.code + '\n\n')
-      }
-      return result
-    },
-
-    transformInclude(id) {
-      return fileIsInRoutesDirectory(id, userConfig.routesDirectory)
-    },
-
-    vite: {
-      configResolved(config) {
-        ROOT = config.root
-        userConfig = getConfig(options, ROOT)
-      },
-    },
-
-    rspack() {
-      ROOT = process.cwd()
-      userConfig = getConfig(options, ROOT)
-    },
-
-    webpack() {
-      ROOT = process.cwd()
-      userConfig = getConfig(options, ROOT)
-    },
-  }
-}

package/src/core/utils.ts

@@ -1,18 +0,0 @@
-import { isAbsolute, join, normalize } from 'node:path'
-
-export const debug =
-  process.env.TSR_VITE_DEBUG &&
-  ['true', 'router-plugin'].includes(process.env.TSR_VITE_DEBUG)
-
-export function fileIsInRoutesDirectory(
-  filePath: string,
-  routesDirectory: string,
-): boolean {
-  const routesDirectoryPath = isAbsolute(routesDirectory)
-    ? routesDirectory
-    : join(process.cwd(), routesDirectory)
-
-  const path = normalize(filePath)
-
-  return path.startsWith(routesDirectoryPath)
-}