wcz-test 1.2.0 → 1.4.0

package/dist/routeTree.gen.js

@@ -0,0 +1,204 @@
+/* eslint-disable */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+// Import Routes
+import { Route as rootRoute } from './routes/__root';
+import { Route as RedirectImport } from './routes/redirect';
+import { Route as DeferredImport } from './routes/deferred';
+import { Route as PathlessLayoutImport } from './routes/_pathlessLayout';
+import { Route as UsersRouteImport } from './routes/users.route';
+import { Route as PostsRouteImport } from './routes/posts.route';
+import { Route as IndexImport } from './routes/index';
+import { Route as UsersIndexImport } from './routes/users.index';
+import { Route as PostsIndexImport } from './routes/posts.index';
+import { Route as UsersUserIdImport } from './routes/users.$userId';
+import { Route as PostsPostIdImport } from './routes/posts.$postId';
+import { Route as PathlessLayoutNestedLayoutImport } from './routes/_pathlessLayout/_nested-layout';
+import { Route as PostsPostIdDeepImport } from './routes/posts_.$postId.deep';
+import { Route as PathlessLayoutNestedLayoutRouteBImport } from './routes/_pathlessLayout/_nested-layout/route-b';
+import { Route as PathlessLayoutNestedLayoutRouteAImport } from './routes/_pathlessLayout/_nested-layout/route-a';
+// Create/Update Routes
+const RedirectRoute = RedirectImport.update({
+    id: '/redirect',
+    path: '/redirect',
+    getParentRoute: () => rootRoute,
+});
+const DeferredRoute = DeferredImport.update({
+    id: '/deferred',
+    path: '/deferred',
+    getParentRoute: () => rootRoute,
+});
+const PathlessLayoutRoute = PathlessLayoutImport.update({
+    id: '/_pathlessLayout',
+    getParentRoute: () => rootRoute,
+});
+const UsersRouteRoute = UsersRouteImport.update({
+    id: '/users',
+    path: '/users',
+    getParentRoute: () => rootRoute,
+});
+const PostsRouteRoute = PostsRouteImport.update({
+    id: '/posts',
+    path: '/posts',
+    getParentRoute: () => rootRoute,
+});
+const IndexRoute = IndexImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => rootRoute,
+});
+const UsersIndexRoute = UsersIndexImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => UsersRouteRoute,
+});
+const PostsIndexRoute = PostsIndexImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => PostsRouteRoute,
+});
+const UsersUserIdRoute = UsersUserIdImport.update({
+    id: '/$userId',
+    path: '/$userId',
+    getParentRoute: () => UsersRouteRoute,
+});
+const PostsPostIdRoute = PostsPostIdImport.update({
+    id: '/$postId',
+    path: '/$postId',
+    getParentRoute: () => PostsRouteRoute,
+});
+const PathlessLayoutNestedLayoutRoute = PathlessLayoutNestedLayoutImport.update({
+    id: '/_nested-layout',
+    getParentRoute: () => PathlessLayoutRoute,
+});
+const PostsPostIdDeepRoute = PostsPostIdDeepImport.update({
+    id: '/posts_/$postId/deep',
+    path: '/posts/$postId/deep',
+    getParentRoute: () => rootRoute,
+});
+const PathlessLayoutNestedLayoutRouteBRoute = PathlessLayoutNestedLayoutRouteBImport.update({
+    id: '/route-b',
+    path: '/route-b',
+    getParentRoute: () => PathlessLayoutNestedLayoutRoute,
+});
+const PathlessLayoutNestedLayoutRouteARoute = PathlessLayoutNestedLayoutRouteAImport.update({
+    id: '/route-a',
+    path: '/route-a',
+    getParentRoute: () => PathlessLayoutNestedLayoutRoute,
+});
+const PostsRouteRouteChildren = {
+    PostsPostIdRoute: PostsPostIdRoute,
+    PostsIndexRoute: PostsIndexRoute,
+};
+const PostsRouteRouteWithChildren = PostsRouteRoute._addFileChildren(PostsRouteRouteChildren);
+const UsersRouteRouteChildren = {
+    UsersUserIdRoute: UsersUserIdRoute,
+    UsersIndexRoute: UsersIndexRoute,
+};
+const UsersRouteRouteWithChildren = UsersRouteRoute._addFileChildren(UsersRouteRouteChildren);
+const PathlessLayoutNestedLayoutRouteChildren = {
+    PathlessLayoutNestedLayoutRouteARoute: PathlessLayoutNestedLayoutRouteARoute,
+    PathlessLayoutNestedLayoutRouteBRoute: PathlessLayoutNestedLayoutRouteBRoute,
+};
+const PathlessLayoutNestedLayoutRouteWithChildren = PathlessLayoutNestedLayoutRoute._addFileChildren(PathlessLayoutNestedLayoutRouteChildren);
+const PathlessLayoutRouteChildren = {
+    PathlessLayoutNestedLayoutRoute: PathlessLayoutNestedLayoutRouteWithChildren,
+};
+const PathlessLayoutRouteWithChildren = PathlessLayoutRoute._addFileChildren(PathlessLayoutRouteChildren);
+const rootRouteChildren = {
+    IndexRoute: IndexRoute,
+    PostsRouteRoute: PostsRouteRouteWithChildren,
+    UsersRouteRoute: UsersRouteRouteWithChildren,
+    PathlessLayoutRoute: PathlessLayoutRouteWithChildren,
+    DeferredRoute: DeferredRoute,
+    RedirectRoute: RedirectRoute,
+    PostsPostIdDeepRoute: PostsPostIdDeepRoute,
+};
+export const routeTree = rootRoute
+    ._addFileChildren(rootRouteChildren)
+    ._addFileTypes();
+/* ROUTE_MANIFEST_START
+{
+  "routes": {
+    "__root__": {
+      "filePath": "__root.tsx",
+      "children": [
+        "/",
+        "/posts",
+        "/users",
+        "/_pathlessLayout",
+        "/deferred",
+        "/redirect",
+        "/posts_/$postId/deep"
+      ]
+    },
+    "/": {
+      "filePath": "index.tsx"
+    },
+    "/posts": {
+      "filePath": "posts.route.tsx",
+      "children": [
+        "/posts/$postId",
+        "/posts/"
+      ]
+    },
+    "/users": {
+      "filePath": "users.route.tsx",
+      "children": [
+        "/users/$userId",
+        "/users/"
+      ]
+    },
+    "/_pathlessLayout": {
+      "filePath": "_pathlessLayout.tsx",
+      "children": [
+        "/_pathlessLayout/_nested-layout"
+      ]
+    },
+    "/deferred": {
+      "filePath": "deferred.tsx"
+    },
+    "/redirect": {
+      "filePath": "redirect.tsx"
+    },
+    "/_pathlessLayout/_nested-layout": {
+      "filePath": "_pathlessLayout/_nested-layout.tsx",
+      "parent": "/_pathlessLayout",
+      "children": [
+        "/_pathlessLayout/_nested-layout/route-a",
+        "/_pathlessLayout/_nested-layout/route-b"
+      ]
+    },
+    "/posts/$postId": {
+      "filePath": "posts.$postId.tsx",
+      "parent": "/posts"
+    },
+    "/users/$userId": {
+      "filePath": "users.$userId.tsx",
+      "parent": "/users"
+    },
+    "/posts/": {
+      "filePath": "posts.index.tsx",
+      "parent": "/posts"
+    },
+    "/users/": {
+      "filePath": "users.index.tsx",
+      "parent": "/users"
+    },
+    "/_pathlessLayout/_nested-layout/route-a": {
+      "filePath": "_pathlessLayout/_nested-layout/route-a.tsx",
+      "parent": "/_pathlessLayout/_nested-layout"
+    },
+    "/_pathlessLayout/_nested-layout/route-b": {
+      "filePath": "_pathlessLayout/_nested-layout/route-b.tsx",
+      "parent": "/_pathlessLayout/_nested-layout"
+    },
+    "/posts_/$postId/deep": {
+      "filePath": "posts_.$postId.deep.tsx"
+    }
+  }
+}
+ROUTE_MANIFEST_END */

package/dist/router.d.ts

@@ -0,0 +1,7 @@
+export declare function createRouter(): import("@tanstack/router-core").RouterCore<import("@tanstack/router-core").Route<any, "/", "/", string, "__root__", undefined, {}, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, import("./routeTree.gen").RootRouteChildren, import("./routeTree.gen").FileRouteTypes>, "never", false, import("@tanstack/history").RouterHistory, Record<string, any>>;
+declare module '@tanstack/react-router' {
+    interface Register {
+        router: ReturnType<typeof createRouter>;
+    }
+}
+//# sourceMappingURL=router.d.ts.map

package/dist/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,0ZAU3B;AAED,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,QAAQ;QAChB,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;KACxC;CACF"}

package/dist/router.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRouter as createTanStackRouter } from '@tanstack/react-router';
+import { routeTree } from './routeTree.gen';
+import { DefaultCatchBoundary } from './components/DefaultCatchBoundary';
+import { NotFound } from './components/NotFound';
+export function createRouter() {
+    const router = createTanStackRouter({
+        routeTree,
+        defaultPreload: 'intent',
+        defaultErrorComponent: DefaultCatchBoundary,
+        defaultNotFoundComponent: () => _jsx(NotFound, {}),
+        scrollRestoration: true,
+    });
+    return router;
+}

package/dist/routes/__root.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=__root.d.ts.map

package/dist/routes/__root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"__root.d.ts","sourceRoot":"","sources":["../../src/routes/__root.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK,oLAgDhB,CAAA"}

package/dist/routes/__root.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HeadContent, Link, Outlet, Scripts, createRootRoute, } from '@tanstack/react-router';
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools';
+import { DefaultCatchBoundary } from '~/components/DefaultCatchBoundary';
+import { NotFound } from '~/components/NotFound';
+import appCss from '~/styles/app.css?url';
+import { seo } from '~/utils/seo';
+export const Route = createRootRoute({
+    head: () => ({
+        meta: [
+            {
+                charSet: 'utf-8',
+            },
+            {
+                name: 'viewport',
+                content: 'width=device-width, initial-scale=1',
+            },
+            ...seo({
+                title: 'TanStack Start | Type-Safe, Client-First, Full-Stack React Framework',
+                description: `TanStack Start is a type-safe, client-first, full-stack React framework. `,
+            }),
+        ],
+        links: [
+            { rel: 'stylesheet', href: appCss },
+            {
+                rel: 'apple-touch-icon',
+                sizes: '180x180',
+                href: '/apple-touch-icon.png',
+            },
+            {
+                rel: 'icon',
+                type: 'image/png',
+                sizes: '32x32',
+                href: '/favicon-32x32.png',
+            },
+            {
+                rel: 'icon',
+                type: 'image/png',
+                sizes: '16x16',
+                href: '/favicon-16x16.png',
+            },
+            { rel: 'manifest', href: '/site.webmanifest', color: '#fffff' },
+            { rel: 'icon', href: '/favicon.ico' },
+        ],
+    }),
+    errorComponent: (props) => {
+        return (_jsx(RootDocument, { children: _jsx(DefaultCatchBoundary, { ...props }) }));
+    },
+    notFoundComponent: () => _jsx(NotFound, {}),
+    component: RootComponent,
+});
+function RootComponent() {
+    return (_jsx(RootDocument, { children: _jsx(Outlet, {}) }));
+}
+function RootDocument({ children }) {
+    return (_jsxs("html", { children: [_jsx("head", { children: _jsx(HeadContent, {}) }), _jsxs("body", { children: [_jsxs("div", { className: "p-2 flex gap-2 text-lg", children: [_jsx(Link, { to: "/", activeProps: {
+                                    className: 'font-bold',
+                                }, activeOptions: { exact: true }, children: "Home" }), ' ', _jsx(Link, { to: "/posts", activeProps: {
+                                    className: 'font-bold',
+                                }, children: "Posts" }), ' ', _jsx(Link, { to: "/users", activeProps: {
+                                    className: 'font-bold',
+                                }, children: "Users" }), ' ', _jsx(Link, { to: "/route-a", activeProps: {
+                                    className: 'font-bold',
+                                }, children: "Pathless Layout" }), ' ', _jsx(Link, { to: "/deferred", activeProps: {
+                                    className: 'font-bold',
+                                }, children: "Deferred" }), ' ', _jsx(Link
+                            // @ts-expect-error
+                            , { 
+                                // @ts-expect-error
+                                to: "/this-route-does-not-exist", activeProps: {
+                                    className: 'font-bold',
+                                }, children: "This Route Does Not Exist" })] }), _jsx("hr", {}), children, _jsx(TanStackRouterDevtools, { position: "bottom-right" }), _jsx(Scripts, {})] })] }));
+}

package/dist/routes/_pathlessLayout/_nested-layout/route-a.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout", "/_pathlessLayout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout/_nested-layout", "/_pathlessLayout/_nested-layout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/route-a", "/route-a", "/_pathlessLayout/_nested-layout/route-a", "/_pathlessLayout/_nested-layout/route-a", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=route-a.d.ts.map

package/dist/routes/_pathlessLayout/_nested-layout/route-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-a.d.ts","sourceRoot":"","sources":["../../../../src/routes/_pathlessLayout/_nested-layout/route-a.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,0mCAIjB,CAAA"}

package/dist/routes/_pathlessLayout/_nested-layout/route-a.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/_pathlessLayout/_nested-layout/route-a')({
+    component: LayoutAComponent,
+});
+function LayoutAComponent() {
+    return _jsx("div", { children: "I'm A!" });
+}

package/dist/routes/_pathlessLayout/_nested-layout/route-b.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout", "/_pathlessLayout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout/_nested-layout", "/_pathlessLayout/_nested-layout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/route-b", "/route-b", "/_pathlessLayout/_nested-layout/route-b", "/_pathlessLayout/_nested-layout/route-b", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=route-b.d.ts.map

package/dist/routes/_pathlessLayout/_nested-layout/route-b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-b.d.ts","sourceRoot":"","sources":["../../../../src/routes/_pathlessLayout/_nested-layout/route-b.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,0mCAIjB,CAAA"}

package/dist/routes/_pathlessLayout/_nested-layout/route-b.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/_pathlessLayout/_nested-layout/route-b')({
+    component: LayoutBComponent,
+});
+function LayoutBComponent() {
+    return _jsx("div", { children: "I'm B!" });
+}

package/dist/routes/_pathlessLayout/_nested-layout.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout", "/_pathlessLayout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout/_nested-layout", "/_pathlessLayout/_nested-layout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=_nested-layout.d.ts.map

package/dist/routes/_pathlessLayout/_nested-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_nested-layout.d.ts","sourceRoot":"","sources":["../../../src/routes/_pathlessLayout/_nested-layout.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,8wBAEhB,CAAA"}

package/dist/routes/_pathlessLayout/_nested-layout.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Outlet, createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/_pathlessLayout/_nested-layout')({
+    component: LayoutComponent,
+});
+function LayoutComponent() {
+    return (_jsxs("div", { children: [_jsx("div", { children: "I'm a nested layout" }), _jsxs("div", { className: "flex gap-2 border-b", children: [_jsx(Link, { to: "/route-a", activeProps: {
+                            className: 'font-bold',
+                        }, children: "Go to route A" }), _jsx(Link, { to: "/route-b", activeProps: {
+                            className: 'font-bold',
+                        }, children: "Go to route B" })] }), _jsx("div", { children: _jsx(Outlet, {}) })] }));
+}

package/dist/routes/_pathlessLayout.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "", "", "/_pathlessLayout", "/_pathlessLayout", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=_pathlessLayout.d.ts.map

package/dist/routes/_pathlessLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_pathlessLayout.d.ts","sourceRoot":"","sources":["../../src/routes/_pathlessLayout.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,kdAEhB,CAAA"}

package/dist/routes/_pathlessLayout.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Outlet, createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/_pathlessLayout')({
+    component: LayoutComponent,
+});
+function LayoutComponent() {
+    return (_jsxs("div", { className: "p-2", children: [_jsx("div", { className: "border-b", children: "I'm a layout" }), _jsx("div", { children: _jsx(Outlet, {}) })] }));
+}

package/dist/routes/api/users.$id.d.ts

@@ -0,0 +1,5 @@
+export declare const APIRoute: {
+    path: "/api/users/$id";
+    methods: Partial<Record<"GET" | "POST" | "HEAD" | "PATCH" | "PUT" | "DELETE" | "OPTIONS", import("@tanstack/start-api-routes").StartAPIMethodCallback<"/api/users/$id">>>;
+};
+//# sourceMappingURL=users.$id.d.ts.map

package/dist/routes/api/users.$id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.$id.d.ts","sourceRoot":"","sources":["../../../src/routes/api/users.$id.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAkBnB,CAAA"}

package/dist/routes/api/users.$id.js

@@ -0,0 +1,20 @@
+import { json } from '@tanstack/react-start';
+import { createAPIFileRoute } from '@tanstack/react-start/api';
+import axios from 'redaxios';
+export const APIRoute = createAPIFileRoute('/api/users/$id')({
+    GET: async ({ request, params }) => {
+        console.info(`Fetching users by id=${params.id}... @`, request.url);
+        try {
+            const res = await axios.get('https://jsonplaceholder.typicode.com/users/' + params.id);
+            return json({
+                id: res.data.id,
+                name: res.data.name,
+                email: res.data.email,
+            });
+        }
+        catch (e) {
+            console.error(e);
+            return json({ error: 'User not found' }, { status: 404 });
+        }
+    },
+});

package/dist/routes/api/users.d.ts

@@ -0,0 +1,5 @@
+export declare const APIRoute: {
+    path: "/api/users";
+    methods: Partial<Record<"GET" | "POST" | "HEAD" | "PATCH" | "PUT" | "DELETE" | "OPTIONS", import("@tanstack/start-api-routes").StartAPIMethodCallback<"/api/users">>>;
+};
+//# sourceMappingURL=users.d.ts.map

package/dist/routes/api/users.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/routes/api/users.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAWnB,CAAA"}

package/dist/routes/api/users.js

@@ -0,0 +1,11 @@
+import { json } from '@tanstack/react-start';
+import { createAPIFileRoute } from '@tanstack/react-start/api';
+import axios from 'redaxios';
+export const APIRoute = createAPIFileRoute('/api/users')({
+    GET: async ({ request }) => {
+        console.info('Fetching users... @', request.url);
+        const res = await axios.get('https://jsonplaceholder.typicode.com/users');
+        const list = res.data.slice(0, 10);
+        return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })));
+    },
+});

package/dist/routes/deferred.d.ts

@@ -0,0 +1,12 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/deferred", "/deferred", "/deferred", "/deferred", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, () => Promise<{
+    deferredStuff: Promise<string>;
+    deferredPerson: Promise<{
+        name: string;
+        randomNumber: number;
+    }>;
+    person: {
+        name: string;
+        randomNumber: number;
+    };
+}>, unknown, unknown>;
+//# sourceMappingURL=deferred.d.ts.map

package/dist/routes/deferred.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred.d.ts","sourceRoot":"","sources":["../../src/routes/deferred.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,KAAK;;;;;;;;;;qBAWhB,CAAA"}

package/dist/routes/deferred.js

@@ -0,0 +1,30 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Await, createFileRoute } from '@tanstack/react-router';
+import { createServerFn } from '@tanstack/react-start';
+import { Suspense, useState } from 'react';
+const personServerFn = createServerFn({ method: 'GET' })
+    .validator((d) => d)
+    .handler(({ data: name }) => {
+    return { name, randomNumber: Math.floor(Math.random() * 100) };
+});
+const slowServerFn = createServerFn({ method: 'GET' })
+    .validator((d) => d)
+    .handler(async ({ data: name }) => {
+    await new Promise((r) => setTimeout(r, 1000));
+    return { name, randomNumber: Math.floor(Math.random() * 100) };
+});
+export const Route = createFileRoute('/deferred')({
+    loader: async () => {
+        return {
+            deferredStuff: new Promise((r) => setTimeout(() => r('Hello deferred!'), 2000)),
+            deferredPerson: slowServerFn({ data: 'Tanner Linsley' }),
+            person: await personServerFn({ data: 'John Doe' }),
+        };
+    },
+    component: Deferred,
+});
+function Deferred() {
+    const [count, setCount] = useState(0);
+    const { deferredStuff, deferredPerson, person } = Route.useLoaderData();
+    return (_jsxs("div", { className: "p-2", children: [_jsxs("div", { "data-testid": "regular-person", children: [person.name, " - ", person.randomNumber] }), _jsx(Suspense, { fallback: _jsx("div", { children: "Loading person..." }), children: _jsx(Await, { promise: deferredPerson, children: (data) => (_jsxs("div", { "data-testid": "deferred-person", children: [data.name, " - ", data.randomNumber] })) }) }), _jsx(Suspense, { fallback: _jsx("div", { children: "Loading stuff..." }), children: _jsx(Await, { promise: deferredStuff, children: (data) => _jsx("h3", { "data-testid": "deferred-stuff", children: data }) }) }), _jsxs("div", { children: ["Count: ", count] }), _jsx("div", { children: _jsx("button", { onClick: () => setCount(count + 1), children: "Increment" }) })] }));
+}

package/dist/routes/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/", "/", "/", "/", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,sbAEhB,CAAA"}

package/dist/routes/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/')({
+    component: Home,
+});
+function Home() {
+    return (_jsx("div", { className: "p-2", children: _jsx("h3", { children: "Welcome Home!!!" }) }));
+}

package/dist/routes/posts.$postId.d.ts

@@ -0,0 +1,14 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts", "/posts", "/posts", "/posts", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, () => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}[]>, unknown, unknown>, "/$postId", "/posts/$postId", "/posts/$postId", "/posts/$postId", undefined, Record<"postId", string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, ({ params: { postId } }: import("@tanstack/router-core").LoaderFnContext<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts", "/posts", "/posts", "/posts", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, () => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}[]>, unknown, unknown>, "/posts/$postId", Record<"postId", string>, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext>) => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}>, unknown, unknown>;
+//# sourceMappingURL=posts.$postId.d.ts.map

package/dist/routes/posts.$postId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts.$postId.d.ts","sourceRoot":"","sources":["../../src/routes/posts.$postId.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;;;;;;;;;qBAOhB,CAAA"}

package/dist/routes/posts.$postId.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, createFileRoute } from '@tanstack/react-router';
+import { fetchPost } from '../utils/posts';
+import { NotFound } from '~/components/NotFound';
+import { PostErrorComponent } from '~/components/PostError';
+export const Route = createFileRoute('/posts/$postId')({
+    loader: ({ params: { postId } }) => fetchPost({ data: postId }),
+    errorComponent: PostErrorComponent,
+    component: PostComponent,
+    notFoundComponent: () => {
+        return _jsx(NotFound, { children: "Post not found" });
+    },
+});
+function PostComponent() {
+    const post = Route.useLoaderData();
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-xl font-bold underline", children: post.title }), _jsx("div", { className: "text-sm", children: post.body }), _jsx(Link, { to: "/posts/$postId/deep", params: {
+                    postId: post.id,
+                }, activeProps: { className: 'text-black font-bold' }, className: "block py-1 text-blue-800 hover:text-blue-600", children: "Deep View" })] }));
+}

package/dist/routes/posts.index.d.ts

@@ -0,0 +1,6 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts", "/posts", "/posts", "/posts", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, () => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}[]>, unknown, unknown>, "/", "/posts/", "/posts/", "/posts/", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>;
+//# sourceMappingURL=posts.index.d.ts.map

package/dist/routes/posts.index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts.index.d.ts","sourceRoot":"","sources":["../../src/routes/posts.index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;qQAEhB,CAAA"}

package/dist/routes/posts.index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createFileRoute } from '@tanstack/react-router';
+export const Route = createFileRoute('/posts/')({
+    component: PostsIndexComponent,
+});
+function PostsIndexComponent() {
+    return _jsx("div", { children: "Select a post." });
+}

package/dist/routes/posts.route.d.ts

@@ -0,0 +1,6 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts", "/posts", "/posts", "/posts", undefined, Record<never, string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, () => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}[]>, unknown, unknown>;
+//# sourceMappingURL=posts.route.d.ts.map

package/dist/routes/posts.route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts.route.d.ts","sourceRoot":"","sources":["../../src/routes/posts.route.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;uBAGhB,CAAA"}

package/dist/routes/posts.route.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Outlet, createFileRoute } from '@tanstack/react-router';
+import { fetchPosts } from '../utils/posts';
+export const Route = createFileRoute('/posts')({
+    loader: async () => fetchPosts(),
+    component: PostsLayoutComponent,
+});
+function PostsLayoutComponent() {
+    const posts = Route.useLoaderData();
+    return (_jsxs("div", { className: "p-2 flex gap-2", children: [_jsx("ul", { className: "list-disc pl-4", children: [...posts, { id: 'i-do-not-exist', title: 'Non-existent Post' }].map((post) => {
+                    return (_jsx("li", { className: "whitespace-nowrap", children: _jsx(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' }, children: _jsx("div", { children: post.title.substring(0, 20) }) }) }, post.id));
+                }) }), _jsx("hr", {}), _jsx(Outlet, {})] }));
+}

package/dist/routes/posts_.$postId.deep.d.ts

@@ -0,0 +1,6 @@
+export declare const Route: import("@tanstack/router-core").Route<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts/$postId/deep", "/posts/$postId/deep", "/posts_/$postId/deep", "/posts_/$postId/deep", undefined, Record<"postId", string>, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, ({ params: { postId } }: import("@tanstack/router-core").LoaderFnContext<import("@tanstack/react-router").RootRoute<undefined, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, {}, undefined, unknown, unknown>, "/posts_/$postId/deep", Record<"postId", string>, {}, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext, import("@tanstack/router-core").AnyContext>) => Promise<{
+    id: string;
+    title: string;
+    body: string;
+}>, unknown, unknown>;
+//# sourceMappingURL=posts_.$postId.deep.d.ts.map