@tanstack/router-vite-plugin 1.26.8 → 1.26.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/router-vite-plugin",
-  "version": "1.26.8",
+  "version": "1.26.10",
   "description": "",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -64,7 +64,7 @@
     "@types/babel__traverse": "^7.20.5",
     "@vitejs/plugin-react": "^4.2.1",
     "zod": "^3.22.4",
-    "@tanstack/router-generator": "1.23.0"
+    "@tanstack/router-generator": "1.26.10"
   },
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./coverage",

package/src/tests/index.test.ts

@@ -1,60 +0,0 @@
-import { readFile, readdir } from 'fs/promises'
-import path from 'path'
-import { expect, test } from 'vitest'
-import { compileFile, makeCompile, splitFile } from '../compilers'
-import { splitPrefix } from '../constants'
-
-test('it compiles and splits', async () => {
-  // get the list of files from the /test-files directory
-  const files = await readdir(path.resolve(__dirname, './test-files'))
-  for (const file of files) {
-    console.log('Testing:', file)
-    await compileTestFile({ file })
-    await splitTestFile({ file })
-  }
-})
-
-async function compileTestFile(opts: { file: string }) {
-  const code = (
-    await readFile(path.resolve(__dirname, `./test-files/${opts.file}`))
-  ).toString()
-
-  // console.log('Compiling...')
-  // console.log('⬇️⬇️⬇️⬇️⬇️')
-  // console.log()
-  const result = await compileFile({
-    code,
-    compile: makeCompile({
-      root: path.resolve(__dirname, './test-files'),
-    }),
-    filename: `${opts.file}`,
-  })
-
-  // console.log(result.code)
-  // console.log()
-
-  await expect(result.code).toMatchFileSnapshot(`./snapshots/${opts.file}`)
-}
-
-async function splitTestFile(opts: { file: string }) {
-  const code = (
-    await readFile(path.resolve(__dirname, `./test-files/${opts.file}`))
-  ).toString()
-
-  // console.log('Splitting...')
-  // console.log('⬇️⬇️⬇️⬇️⬇️')
-  // console.log()
-  const result = await splitFile({
-    code,
-    compile: makeCompile({
-      root: path.resolve(__dirname, './test-files'),
-    }),
-    filename: `${opts.file}?${splitPrefix}`,
-  })
-
-  // console.log(result.code)
-  // console.log()
-  await expect(result.code).toMatchFileSnapshot(
-    `./snapshots/${opts.file.replace('.tsx', '')}?split.tsx`,
-  )
-}

package/src/tests/shared/imported.tsx

@@ -1,11 +0,0 @@
-import * as React from 'react'
-
-export const importedComponent = () => {
-  return <div>I am imported</div>
-}
-
-export const importedLoader = () => {
-  return {
-    randomNumber: Math.random(),
-  }
-}

package/src/tests/snapshots/function-declaration.tsx

@@ -1,10 +0,0 @@
-import { lazyRouteComponent } from '@tanstack/react-router';
-const $$splitComponentImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/function-declaration.tsx?tsr-split');
-import { lazyFn } from '@tanstack/react-router';
-const $$splitLoaderImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/function-declaration.tsx?tsr-split');
-import { createFileRoute } from '@tanstack/react-router';
-import '../posts';
-export const Route = createFileRoute('/posts')({
-  loader: lazyFn($$splitLoaderImporter, 'loader'),
-  component: lazyRouteComponent($$splitComponentImporter, 'component')
-});

package/src/tests/snapshots/function-declaration?split.tsx

@@ -1,29 +0,0 @@
-import { Link, Outlet } from '@tanstack/react-router';
-import { fetchPosts } from '../posts';
-import { Route } from "function-declaration.tsx";
-const component = function PostsComponent() {
-  const posts = Route.useLoaderData();
-  return <div className="p-2 flex gap-2">
-      <ul className="list-disc pl-4">
-        {[...posts, {
-        id: 'i-do-not-exist',
-        title: 'Non-existent Post'
-      }]?.map(post => {
-        return <li key={post.id} className="whitespace-nowrap">
-                <Link to="/posts/$postId" params={{
-            postId: post.id
-          }} className="block py-1 text-blue-800 hover:text-blue-600" activeProps={{
-            className: 'text-black font-bold'
-          }}>
-                  <div>{post.title.substring(0, 20)}</div>
-                </Link>
-              </li>;
-      })}
-      </ul>
-      <hr />
-      <Outlet />
-    </div>;
-};
-export { component };
-const loader = fetchPosts;
-export { loader };

package/src/tests/snapshots/imported.tsx

@@ -1,10 +0,0 @@
-import { lazyFn } from '@tanstack/react-router';
-const $$splitLoaderImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/imported.tsx?tsr-split');
-import { lazyRouteComponent } from '@tanstack/react-router';
-const $$splitComponentImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/imported.tsx?tsr-split');
-import { createFileRoute } from '@tanstack/react-router';
-import '../shared/imported';
-export const Route = createFileRoute('/')({
-  component: lazyRouteComponent($$splitComponentImporter, 'component'),
-  loader: lazyFn($$splitLoaderImporter, 'loader')
-});

package/src/tests/snapshots/imported?split.tsx

@@ -1,5 +0,0 @@
-import { importedComponent, importedLoader } from '../shared/imported';
-const component = importedComponent;
-export { component };
-const loader = importedLoader;
-export { loader };

package/src/tests/snapshots/inline.tsx

@@ -1,8 +0,0 @@
-import { lazyRouteComponent } from '@tanstack/react-router';
-const $$splitComponentImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/inline.tsx?tsr-split');
-import { createFileRoute } from '@tanstack/react-router';
-export const Route = createFileRoute('/')({
-  component: lazyRouteComponent($$splitComponentImporter, 'component')
-});
-Route.addChildren([]);
-export const test = 'test';

package/src/tests/snapshots/inline?split.tsx

@@ -1,18 +0,0 @@
-import * as styles from '../style.css';
-import { TEST_DATA } from '../test.const';
-const Button = (props: {
-  children: any;
-}) => {
-  return <button>{props.children}</button>;
-};
-import { Route } from "inline.tsx";
-Route.addChildren([]);
-import { test } from "inline.tsx";
-const component = () => {
-  return <div className="p-2">
-        {test}
-        <h3 className={styles.indexPageTitle}>{TEST_DATA.welcome}</h3>
-        <Button>Click me</Button>
-      </div>;
-};
-export { component };

package/src/tests/snapshots/random-number.tsx

@@ -1,11 +0,0 @@
-import { lazyRouteComponent } from '@tanstack/react-router';
-const $$splitComponentImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/random-number.tsx?tsr-split');
-import { lazyFn } from '@tanstack/react-router';
-const $$splitLoaderImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/random-number.tsx?tsr-split');
-import { createFileRoute } from '@tanstack/react-router';
-export const textColors = [`text-rose-500`, `text-yellow-500`, `text-teal-500`, `text-blue-500`];
-export const gradients = [`from-rose-500 to-yellow-500`, `from-yellow-500 to-teal-500`, `from-teal-500 to-violet-500`, `from-blue-500 to-pink-500`];
-export const Route = createFileRoute('/')({
-  loader: lazyFn($$splitLoaderImporter, 'loader'),
-  component: lazyRouteComponent($$splitComponentImporter, 'component')
-});

package/src/tests/snapshots/random-number?split.tsx

@@ -1,27 +0,0 @@
-import { defer } from '@tanstack/react-router';
-import { getSponsorsForSponsorPack } from '~/server/sponsors';
-import discordImage from '~/images/discord-logo-white.svg';
-import { sample } from '~/utils/utils';
-import { textColors } from "random-number.tsx";
-import { gradients } from "random-number.tsx";
-import { Route } from "random-number.tsx";
-const component = function Index() {
-  const {
-    randomNumber
-  } = Route.useLoaderData();
-  const gradient = sample(gradients, randomNumber);
-  const textColor = sample(textColors, randomNumber);
-  return <>
-      {discordImage}
-      {gradient}
-      {textColor}
-    </>;
-};
-export { component };
-const loader = () => {
-  return {
-    randomNumber: Math.random(),
-    sponsorsPromise: defer(getSponsorsForSponsorPack())
-  };
-};
-export { loader };

package/src/tests/snapshots/useStateDestructure.tsx

@@ -1,12 +0,0 @@
-import { lazyRouteComponent } from '@tanstack/react-router';
-const $$splitComponentImporter = () => import('tsr-split:/Users/tannerlinsley/GitHub/router/packages/router-vite-plugin/useStateDestructure.tsx?tsr-split');
-import { startProject } from '~/projects/start';
-import { createFileRoute } from '@tanstack/react-router';
-import { seo } from '~/utils/seo';
-export const Route = createFileRoute('/_libraries/start/$version/')({
-  component: lazyRouteComponent($$splitComponentImporter, 'component'),
-  meta: () => seo({
-    title: startProject.name,
-    description: startProject.description
-  })
-});