diff --git a/packages/router-plugin/src/core/constants.ts b/packages/router-plugin/src/core/constants.ts index 690c079888c..b4d4bb940f1 100644 --- a/packages/router-plugin/src/core/constants.ts +++ b/packages/router-plugin/src/core/constants.ts @@ -12,7 +12,6 @@ export type CodeSplitGroupings = Array> export const defaultCodeSplitGroupings: CodeSplitGroupings = [ ['component'], - ['pendingComponent'], ['errorComponent'], ['notFoundComponent'], ] diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function@pendingComponent.tsx deleted file mode 100644 index b75acfb436c..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/arrow-function@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import * as React from 'react'; -import { Route } from "arrow-function.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese@pendingComponent.tsx deleted file mode 100644 index 3cf6f4a7d61..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/chinese@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "chinese.tsx"; -interface DemoProps { - title: string; -} \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties@pendingComponent.tsx deleted file mode 100644 index bf6f4765048..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/conditional-properties@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "conditional-properties.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component@pendingComponent.tsx deleted file mode 100644 index ddd3c054455..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructured-react-memo-imported-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "destructured-react-memo-imported-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructuring@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructuring@pendingComponent.tsx deleted file mode 100644 index 858c5c0e051..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/destructuring@pendingComponent.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import thing from 'thing'; -export function test() { - const { - foo: { - bar: { - destructured - } - } - } = thing; - return destructured; -} \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component-and-normal-notFound@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component-and-normal-notFound@pendingComponent.tsx deleted file mode 100644 index 327bc4b8695..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component-and-normal-notFound@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import React from 'react'; -import { Route } from "export-default-component-and-normal-notFound.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component@pendingComponent.tsx deleted file mode 100644 index 5f691824e7c..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/export-default-component@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import React from 'react'; -import { Route } from "export-default-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-as-parameter@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-as-parameter@pendingComponent.tsx deleted file mode 100644 index 23e2cd0f036..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-as-parameter@pendingComponent.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import * as React from 'react'; -// @ts-expect-error -import { useMemo } from 'tan-react'; -const useUsedVar = 'i-am-unused'; -const ReactUseMemoCall1 = React.useMemo(function performAction() { - return 'true'; -}, []); -console.info(ReactUseMemoCall1); -const ReactUseMemoCall2 = React.useMemo(() => { - return 'true'; -}, []); -console.info(ReactUseMemoCall2); -const UseMemoCall1 = useMemo(function performAction() { - return 'true'; -}, []); -console.info(UseMemoCall1); -const UseMemoCall2 = useMemo(() => { - return 'true'; -}, []); -console.info(UseMemoCall2); \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration@pendingComponent.tsx deleted file mode 100644 index 3eda0a9227d..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/function-declaration@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import * as React from 'react'; -import { Route } from "function-declaration.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute@pendingComponent.tsx deleted file mode 100644 index 2745b8a2d31..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/importAttribute@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "importAttribute.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader@pendingComponent.tsx deleted file mode 100644 index ec634683a4b..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component-destructured-loader@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-default-component-destructured-loader.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component@pendingComponent.tsx deleted file mode 100644 index 0619586a44d..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-default-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-default-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent@pendingComponent.tsx deleted file mode 100644 index 42ae8aeafe9..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-errorComponent@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-errorComponent.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent@pendingComponent.tsx deleted file mode 100644 index 8aae85019bc..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-notFoundComponent@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-notFoundComponent.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx index 143fe9c5e30..13cfc22f7b2 100644 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx +++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent.tsx @@ -1,10 +1,10 @@ -const $$splitPendingComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=pendingComponent'); const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=component'); import { lazyRouteComponent } from '@tanstack/react-router'; import { createFileRoute } from '@tanstack/react-router'; +import { importedPendingComponent } from '../../shared/imported'; export const Route = createFileRoute('/')({ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr), - pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent') + pendingComponent: importedPendingComponent }); export function TSRDummyComponent() { return null; diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent@pendingComponent.tsx deleted file mode 100644 index 8075e421dca..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported-pendingComponent@pendingComponent.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import { importedPendingComponent } from '../../shared/imported'; -import { Route } from "imported-pendingComponent.tsx"; -const SplitPendingComponent = importedPendingComponent; -export { SplitPendingComponent as pendingComponent }; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported@pendingComponent.tsx deleted file mode 100644 index 3918e275fd9..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/imported@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline@pendingComponent.tsx deleted file mode 100644 index c7b20c31278..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/inline@pendingComponent.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import * as React from 'react'; -import { Route } from "inline.tsx"; -Route.addChildren([]); -import { test } from "inline.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number@pendingComponent.tsx deleted file mode 100644 index e1a0daed5be..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/random-number@pendingComponent.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Await, Link } from '@tanstack/react-router'; -import { Carbon } from '~/components/Carbon'; -import { twMerge } from 'tailwind-merge'; -import { FaDiscord, FaGithub, FaTshirt } from 'react-icons/fa'; -import { CgMusicSpeaker, CgSpinner } from 'react-icons/cg'; -import { Footer } from '~/components/Footer'; -import SponsorPack from '~/components/SponsorPack'; -import { LogoColor } from '~/components/LogoColor'; -import agGridImage from '~/images/ag-grid.png'; -import nozzleImage from '~/images/nozzle.png'; -import bytesImage from '~/images/bytes.svg'; -import bytesUidotdevImage from '~/images/bytes-uidotdev.png'; -import { textColors } from "random-number.tsx"; -import { gradients } from "random-number.tsx"; -const courses = [{ - name: 'The Official TanStack React Query Course', - cardStyles: `border-t-4 border-red-500 hover:(border-green-500)`, - href: 'https://query.gg/?s=tanstack', - description: `Learn how to build enterprise quality apps with TanStack's React Query the easy way with our brand new course.` -}]; -import { Route } from "random-number.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component@pendingComponent.tsx deleted file mode 100644 index e7e5dfc08d3..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "react-memo-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component@pendingComponent.tsx deleted file mode 100644 index d88b8022178..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/react-memo-imported-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "react-memo-imported-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-export-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-export-component@pendingComponent.tsx deleted file mode 100644 index 912181bd1a4..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-export-component@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-export-component.tsx"; -import { SIDEBAR_WIDTH } from "retain-export-component.tsx"; -const SIDEBAR_MINI_WIDTH = '80px'; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-const@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-const@pendingComponent.tsx deleted file mode 100644 index 1d00e8f2631..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-const@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-const.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-const.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-const.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-function@pendingComponent.tsx deleted file mode 100644 index 74c5d64313e..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-function@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-function.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-function.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-function.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader@pendingComponent.tsx deleted file mode 100644 index 988a358b5d7..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/retain-exports-loader@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-loader.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-loader.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-loader.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure@pendingComponent.tsx deleted file mode 100644 index f4b72ad2a09..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/development/useStateDestructure@pendingComponent.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import { FaBolt, FaBook, FaCheckCircle, FaCogs } from 'react-icons/fa'; -import { VscPreview, VscWand } from 'react-icons/vsc'; -import { Route } from "useStateDestructure.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function@pendingComponent.tsx deleted file mode 100644 index b75acfb436c..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/arrow-function@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import * as React from 'react'; -import { Route } from "arrow-function.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese@pendingComponent.tsx deleted file mode 100644 index 3cf6f4a7d61..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/chinese@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "chinese.tsx"; -interface DemoProps { - title: string; -} \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties@pendingComponent.tsx deleted file mode 100644 index bf6f4765048..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/conditional-properties@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "conditional-properties.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component@pendingComponent.tsx deleted file mode 100644 index ddd3c054455..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructured-react-memo-imported-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "destructured-react-memo-imported-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructuring@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructuring@pendingComponent.tsx deleted file mode 100644 index 858c5c0e051..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/destructuring@pendingComponent.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import thing from 'thing'; -export function test() { - const { - foo: { - bar: { - destructured - } - } - } = thing; - return destructured; -} \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component-and-normal-notFound@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component-and-normal-notFound@pendingComponent.tsx deleted file mode 100644 index 327bc4b8695..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component-and-normal-notFound@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import React from 'react'; -import { Route } from "export-default-component-and-normal-notFound.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component@pendingComponent.tsx deleted file mode 100644 index 5f691824e7c..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/export-default-component@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import React from 'react'; -import { Route } from "export-default-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-as-parameter@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-as-parameter@pendingComponent.tsx deleted file mode 100644 index 23e2cd0f036..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-as-parameter@pendingComponent.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import * as React from 'react'; -// @ts-expect-error -import { useMemo } from 'tan-react'; -const useUsedVar = 'i-am-unused'; -const ReactUseMemoCall1 = React.useMemo(function performAction() { - return 'true'; -}, []); -console.info(ReactUseMemoCall1); -const ReactUseMemoCall2 = React.useMemo(() => { - return 'true'; -}, []); -console.info(ReactUseMemoCall2); -const UseMemoCall1 = useMemo(function performAction() { - return 'true'; -}, []); -console.info(UseMemoCall1); -const UseMemoCall2 = useMemo(() => { - return 'true'; -}, []); -console.info(UseMemoCall2); \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration@pendingComponent.tsx deleted file mode 100644 index 3eda0a9227d..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/function-declaration@pendingComponent.tsx +++ /dev/null @@ -1,2 +0,0 @@ -import * as React from 'react'; -import { Route } from "function-declaration.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute@pendingComponent.tsx deleted file mode 100644 index 2745b8a2d31..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/importAttribute@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "importAttribute.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader@pendingComponent.tsx deleted file mode 100644 index ec634683a4b..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component-destructured-loader@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-default-component-destructured-loader.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component@pendingComponent.tsx deleted file mode 100644 index 0619586a44d..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-default-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-default-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent@pendingComponent.tsx deleted file mode 100644 index 42ae8aeafe9..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-errorComponent@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-errorComponent.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent@pendingComponent.tsx deleted file mode 100644 index 8aae85019bc..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-notFoundComponent@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported-notFoundComponent.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx index 4b0c7bd790b..fc542f708a3 100644 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx +++ b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent.tsx @@ -1,8 +1,8 @@ -const $$splitPendingComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=pendingComponent'); const $$splitComponentImporter = () => import('imported-pendingComponent.tsx?tsr-split=component'); import { lazyRouteComponent } from '@tanstack/react-router'; import { createFileRoute } from '@tanstack/react-router'; +import { importedPendingComponent } from '../../shared/imported'; export const Route = createFileRoute('/')({ component: lazyRouteComponent($$splitComponentImporter, 'component', () => Route.ssr), - pendingComponent: lazyRouteComponent($$splitPendingComponentImporter, 'pendingComponent') + pendingComponent: importedPendingComponent }); \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent@pendingComponent.tsx deleted file mode 100644 index 8075e421dca..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported-pendingComponent@pendingComponent.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import { importedPendingComponent } from '../../shared/imported'; -import { Route } from "imported-pendingComponent.tsx"; -const SplitPendingComponent = importedPendingComponent; -export { SplitPendingComponent as pendingComponent }; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported@pendingComponent.tsx deleted file mode 100644 index 3918e275fd9..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/imported@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "imported.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline@pendingComponent.tsx deleted file mode 100644 index c7b20c31278..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/inline@pendingComponent.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import * as React from 'react'; -import { Route } from "inline.tsx"; -Route.addChildren([]); -import { test } from "inline.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number@pendingComponent.tsx deleted file mode 100644 index e1a0daed5be..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/random-number@pendingComponent.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { Await, Link } from '@tanstack/react-router'; -import { Carbon } from '~/components/Carbon'; -import { twMerge } from 'tailwind-merge'; -import { FaDiscord, FaGithub, FaTshirt } from 'react-icons/fa'; -import { CgMusicSpeaker, CgSpinner } from 'react-icons/cg'; -import { Footer } from '~/components/Footer'; -import SponsorPack from '~/components/SponsorPack'; -import { LogoColor } from '~/components/LogoColor'; -import agGridImage from '~/images/ag-grid.png'; -import nozzleImage from '~/images/nozzle.png'; -import bytesImage from '~/images/bytes.svg'; -import bytesUidotdevImage from '~/images/bytes-uidotdev.png'; -import { textColors } from "random-number.tsx"; -import { gradients } from "random-number.tsx"; -const courses = [{ - name: 'The Official TanStack React Query Course', - cardStyles: `border-t-4 border-red-500 hover:(border-green-500)`, - href: 'https://query.gg/?s=tanstack', - description: `Learn how to build enterprise quality apps with TanStack's React Query the easy way with our brand new course.` -}]; -import { Route } from "random-number.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component@pendingComponent.tsx deleted file mode 100644 index e7e5dfc08d3..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "react-memo-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component@pendingComponent.tsx deleted file mode 100644 index d88b8022178..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/react-memo-imported-component@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "react-memo-imported-component.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-export-component@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-export-component@pendingComponent.tsx deleted file mode 100644 index 912181bd1a4..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-export-component@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-export-component.tsx"; -import { SIDEBAR_WIDTH } from "retain-export-component.tsx"; -const SIDEBAR_MINI_WIDTH = '80px'; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-const@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-const@pendingComponent.tsx deleted file mode 100644 index 1d00e8f2631..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-const@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-const.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-const.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-const.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-function@pendingComponent.tsx deleted file mode 100644 index 74c5d64313e..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-function@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-function.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-function.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-function.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader@pendingComponent.tsx deleted file mode 100644 index 988a358b5d7..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/retain-exports-loader@pendingComponent.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import * as React from 'react'; -import { Route } from "retain-exports-loader.tsx"; -import { SIDEBAR_WIDTH } from "retain-exports-loader.tsx"; -import { SIDEBAR_MINI_WIDTH } from "retain-exports-loader.tsx"; -const ASIDE_WIDTH = '250px'; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure@pendingComponent.tsx deleted file mode 100644 index f4b72ad2a09..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/react/1-default/production/useStateDestructure@pendingComponent.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import { FaBolt, FaBook, FaCheckCircle, FaCogs } from 'react-icons/fa'; -import { VscPreview, VscWand } from 'react-icons/vsc'; -import { Route } from "useStateDestructure.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function@pendingComponent.tsx deleted file mode 100644 index 32dee4a059f..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/development/arrow-function@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "arrow-function.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function@pendingComponent.tsx b/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function@pendingComponent.tsx deleted file mode 100644 index 32dee4a059f..00000000000 --- a/packages/router-plugin/tests/code-splitter/snapshots/solid/1-default/production/arrow-function@pendingComponent.tsx +++ /dev/null @@ -1 +0,0 @@ -import { Route } from "arrow-function.tsx"; \ No newline at end of file diff --git a/packages/router-plugin/tests/detect-route-codesplit-groupings.test.ts b/packages/router-plugin/tests/detect-route-codesplit-groupings.test.ts index 69fec8ce118..49b6b40c0a0 100644 --- a/packages/router-plugin/tests/detect-route-codesplit-groupings.test.ts +++ b/packages/router-plugin/tests/detect-route-codesplit-groupings.test.ts @@ -10,13 +10,13 @@ const successCases: Array<{ expectedRouteId: string }> = [ { + // This test should be updated whenever the `defaultCodeSplitGroupings` changes name: 'defaults', code: ` import {createFileRoute} from '@tanstack/react-router' export const Route = createFileRoute('/posts')({ codeSplitGroupings: [ ['component'], - ['pendingComponent'], ['errorComponent'], ['notFoundComponent'] ]