@tanstack/router-vite-plugin 1.1.8

package/build/types/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @tanstack/router-vite-plugin/src/index.ts
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+import { Plugin } from 'vite';
+import { Config } from '@tanstack/router-cli/src/config';
+
+type UserConfig = Partial<Config>;
+declare function TanStackRouterVite(inlineConfig?: UserConfig): Plugin;
+
+export { TanStackRouterVite };

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@tanstack/router-vite-plugin",
+  "author": "Tanner Linsley",
+  "version": "1.1.8",
+  "license": "MIT",
+  "repository": "tanstack/router",
+  "homepage": "https://tanstack.com/router",
+  "description": "",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "react",
+    "location",
+    "router",
+    "routing",
+    "async",
+    "async router",
+    "typescript"
+  ],
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "engines": {
+    "node": ">=12"
+  },
+  "files": [
+    "build/**",
+    "src/**"
+  ],
+  "sideEffects": false,
+  "module": "build/esm/index.js",
+  "main": "build/cjs/packages/router-vite-plugin/src/index.js",
+  "browser": "build/cjs/packages/router-vite-plugin/src/index.js",
+  "types": "build/types/index.d.ts",
+  "dependencies": {
+    "@tanstack/react-router": "1.1.11",
+    "@tanstack/router-cli": "1.1.11"
+  },
+  "scripts": {
+    "build": "rollup --config rollup.config.js"
+  }
+}

package/src/index.ts

@@ -0,0 +1,58 @@
+import { Plugin } from 'vite'
+import { join } from 'path'
+import { readFile } from 'fs/promises'
+import { Config, configSchema } from '@tanstack/router-cli/src/config'
+import { generator } from '@tanstack/router-cli/src/generator'
+
+const CONFIG_FILE_NAME = 'tsr.config.json'
+
+type UserConfig = Partial<Config>
+
+async function readConfigFile(path: string): Promise<UserConfig> {
+  try {
+    const raw = await readFile(path, 'utf-8')
+    return JSON.parse(raw) as UserConfig
+  } catch {
+    return {} as UserConfig
+  }
+}
+
+async function buildConfig(config: UserConfig, root: string): Promise<Config> {
+  const fileConfig = await readConfigFile(join(root, CONFIG_FILE_NAME))
+  return configSchema.parse({
+    ...fileConfig,
+    ...config,
+  })
+}
+
+export function TanStackRouterVite(inlineConfig: UserConfig = {}): Plugin {
+  let ROOT: string
+  let userConfig: Config
+
+  const generate = async () => {
+    try {
+      await generator(userConfig)
+    } catch (err) {
+      console.error(err)
+      console.info()
+    }
+  }
+
+  return {
+    name: 'vite-plugin-tanstack-router',
+    configResolved: async (vite) => {
+      ROOT = vite.root
+      userConfig = await buildConfig(inlineConfig, ROOT)
+      await generate()
+    },
+    handleHotUpdate: async ({ file }) => {
+      if (file === join(ROOT, CONFIG_FILE_NAME)) {
+        userConfig = await buildConfig(inlineConfig, ROOT)
+        return
+      }
+      if (file.startsWith(join(ROOT, userConfig.routesDirectory))) {
+        await generate()
+      }
+    },
+  }
+}