npm - alchemy - Versions diffs - 0.69.0 → 0.69.1 - Mend

alchemy 0.69.0 → 0.69.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/bin/alchemy.js +14 -33
package/bin/commands/init.ts +41 -55
package/lib/cloudflare/bucket-object.d.ts +5 -0
package/lib/cloudflare/bucket-object.d.ts.map +1 -1
package/lib/cloudflare/bucket-object.js +1 -1
package/lib/cloudflare/bucket-object.js.map +1 -1
package/lib/cloudflare/bucket.d.ts +6 -3
package/lib/cloudflare/bucket.d.ts.map +1 -1
package/lib/cloudflare/bucket.js +60 -8
package/lib/cloudflare/bucket.js.map +1 -1
package/lib/cloudflare/container.js +1 -1
package/lib/cloudflare/container.js.map +1 -1
package/lib/cloudflare/miniflare/miniflare-worker-proxy.d.ts.map +1 -1
package/lib/cloudflare/miniflare/miniflare-worker-proxy.js +44 -12
package/lib/cloudflare/miniflare/miniflare-worker-proxy.js.map +1 -1
package/lib/cloudflare/tanstack-start/plugin.d.ts +2 -15
package/lib/cloudflare/tanstack-start/plugin.d.ts.map +1 -1
package/lib/cloudflare/tanstack-start/plugin.js +5 -25
package/lib/cloudflare/tanstack-start/plugin.js.map +1 -1
package/lib/cloudflare/tanstack-start/tanstack-start.d.ts.map +1 -1
package/lib/cloudflare/tanstack-start/tanstack-start.js +15 -4
package/lib/cloudflare/tanstack-start/tanstack-start.js.map +1 -1
package/lib/cloudflare/website.d.ts.map +1 -1
package/lib/cloudflare/website.js +1 -0
package/lib/cloudflare/website.js.map +1 -1
package/lib/cloudflare/worker-metadata.d.ts +4 -1
package/lib/cloudflare/worker-metadata.d.ts.map +1 -1
package/lib/cloudflare/worker-metadata.js +2 -0
package/lib/cloudflare/worker-metadata.js.map +1 -1
package/lib/cloudflare/worker.d.ts +6 -0
package/lib/cloudflare/worker.d.ts.map +1 -1
package/lib/cloudflare/worker.js +1 -0
package/lib/cloudflare/worker.js.map +1 -1
package/lib/cloudflare/wrangler.json.d.ts +7 -1
package/lib/cloudflare/wrangler.json.d.ts.map +1 -1
package/lib/cloudflare/wrangler.json.js +9 -0
package/lib/cloudflare/wrangler.json.js.map +1 -1
package/lib/docker/api.d.ts +22 -1
package/lib/docker/api.d.ts.map +1 -1
package/lib/docker/api.js +64 -2
package/lib/docker/api.js.map +1 -1
package/lib/docker/container.d.ts +88 -0
package/lib/docker/container.d.ts.map +1 -1
package/lib/docker/container.js +36 -0
package/lib/docker/container.js.map +1 -1
package/package.json +1 -1
package/src/cloudflare/bucket-object.ts +11 -1
package/src/cloudflare/bucket.ts +72 -6
package/src/cloudflare/container.ts +2 -2
package/src/cloudflare/miniflare/miniflare-worker-proxy.ts +57 -13
package/src/cloudflare/tanstack-start/plugin.ts +7 -28
package/src/cloudflare/tanstack-start/tanstack-start.ts +15 -4
package/src/cloudflare/website.ts +1 -0
package/src/cloudflare/worker-metadata.ts +6 -1
package/src/cloudflare/worker.ts +7 -0
package/src/cloudflare/wrangler.json.ts +15 -1
package/src/docker/api.ts +86 -2
package/src/docker/container.ts +97 -0
package/templates/tanstack-start/.cta.json +13 -0
package/templates/tanstack-start/README.md +267 -49
package/templates/tanstack-start/_gitignore +9 -18
package/templates/tanstack-start/alchemy.run.ts +2 -2
package/templates/tanstack-start/package.json +24 -19
package/templates/tanstack-start/public/favicon.ico +0 -0
package/templates/tanstack-start/public/logo192.png +0 -0
package/templates/tanstack-start/public/logo512.png +0 -0
package/templates/tanstack-start/public/manifest.json +25 -0
package/templates/tanstack-start/public/robots.txt +3 -0
package/templates/tanstack-start/src/components/Header.tsx +21 -0
package/templates/tanstack-start/src/logo.svg +12 -0
package/templates/tanstack-start/src/router.tsx +7 -16
package/templates/tanstack-start/src/routes/__root.tsx +13 -114
package/templates/tanstack-start/src/routes/api.demo-names.ts +15 -0
package/templates/tanstack-start/src/routes/demo.start.api-request.tsx +44 -0
package/templates/tanstack-start/src/routes/demo.start.server-funcs.tsx +97 -0
package/templates/tanstack-start/src/routes/index.tsx +31 -4
package/templates/tanstack-start/src/styles.css +15 -0
package/templates/tanstack-start/tsconfig.json +19 -22
package/templates/tanstack-start/types/env.d.ts +2 -2
package/templates/tanstack-start/vite.config.ts +16 -25
package/workers/tunnel-proxy.js +1 -1
package/templates/tanstack-start/_prettierignore +0 -4
package/templates/tanstack-start/public/android-chrome-192x192.png +0 -0
package/templates/tanstack-start/public/android-chrome-512x512.png +0 -0
package/templates/tanstack-start/public/apple-touch-icon.png +0 -0
package/templates/tanstack-start/public/favicon-16x16.png +0 -0
package/templates/tanstack-start/public/favicon-32x32.png +0 -0
package/templates/tanstack-start/public/favicon.png +0 -0
package/templates/tanstack-start/public/site.webmanifest +0 -19
package/templates/tanstack-start/src/components/DefaultCatchBoundary.tsx +0 -53
package/templates/tanstack-start/src/components/NotFound.tsx +0 -25
package/templates/tanstack-start/src/components/PostError.tsx +0 -5
package/templates/tanstack-start/src/components/UserError.tsx +0 -5
package/templates/tanstack-start/src/routes/_pathlessLayout/_nested-layout/route-a.tsx +0 -10
package/templates/tanstack-start/src/routes/_pathlessLayout/_nested-layout/route-b.tsx +0 -10
package/templates/tanstack-start/src/routes/_pathlessLayout/_nested-layout.tsx +0 -34
package/templates/tanstack-start/src/routes/_pathlessLayout.tsx +0 -16
package/templates/tanstack-start/src/routes/api/users.$userId.ts +0 -28
package/templates/tanstack-start/src/routes/api/users.ts +0 -59
package/templates/tanstack-start/src/routes/customScript[.]js.ts +0 -10
package/templates/tanstack-start/src/routes/deferred.tsx +0 -62
package/templates/tanstack-start/src/routes/posts.$postId.tsx +0 -34
package/templates/tanstack-start/src/routes/posts.index.tsx +0 -8
package/templates/tanstack-start/src/routes/posts.tsx +0 -38
package/templates/tanstack-start/src/routes/posts_.$postId.deep.tsx +0 -29
package/templates/tanstack-start/src/routes/redirect.tsx +0 -9
package/templates/tanstack-start/src/routes/users.$userId.tsx +0 -44
package/templates/tanstack-start/src/routes/users.index.tsx +0 -18
package/templates/tanstack-start/src/routes/users.tsx +0 -49
package/templates/tanstack-start/src/styles/app.css +0 -12
package/templates/tanstack-start/src/utils/loggingMiddleware.tsx +0 -41
package/templates/tanstack-start/src/utils/posts.tsx +0 -40
package/templates/tanstack-start/src/utils/seo.ts +0 -33
package/templates/tanstack-start/src/utils/users.tsx +0 -5

package/templates/tanstack-start/src/routes/__root.tsx CHANGED Viewed

@@ -1,17 +1,8 @@
-/// <reference types="vite/client" />
-import {
-  HeadContent,
-  Link,
-  Outlet,
-  Scripts,
-  createRootRoute,
-} from '@tanstack/react-router'
-import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
-import * as React from 'react'
-import { DefaultCatchBoundary } from '~/components/DefaultCatchBoundary'
-import { NotFound } from '~/components/NotFound'
-import appCss from '~/styles/app.css?url'
-import { seo } from '~/utils/seo'
+import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
+import Header from '../components/Header'
+import appCss from '../styles.css?url'
 export const Route = createRootRoute({
   head: () => ({
@@ -23,122 +14,30 @@ export const Route = createRootRoute({
         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',
+        title: 'TanStack Start Starter',
       },
-      { rel: 'manifest', href: '/site.webmanifest', color: '#fffff' },
-      { rel: 'icon', href: '/favicon.ico' },
     ],
-    scripts: [
+    links: [
       {
-        src: '/customScript.js',
-        type: 'text/javascript',
+        rel: 'stylesheet',
+        href: appCss,
       },
     ],
   }),
-  errorComponent: (props) => {
-    return (
-      <RootDocument>
-        <DefaultCatchBoundary {...props} />
-      </RootDocument>
-    )
-  },
-  notFoundComponent: () => <NotFound />,
-  component: RootComponent,
-})
-function RootComponent() {
-  return (
-    <RootDocument>
-      <Outlet />
-    </RootDocument>
-  )
-}
+  shellComponent: RootDocument,
+})
 function RootDocument({ children }: { children: React.ReactNode }) {
   return (
-    <html>
+    <html lang="en">
       <head>
         <HeadContent />
       </head>
       <body>
-        <div className="p-2 flex gap-2 text-lg">
-          <Link
-            to="/"
-            activeProps={{
-              className: 'font-bold',
-            }}
-            activeOptions={{ exact: true }}
-          >
-            Home
-          </Link>{' '}
-          <Link
-            to="/posts"
-            activeProps={{
-              className: 'font-bold',
-            }}
-          >
-            Posts
-          </Link>{' '}
-          <Link
-            to="/users"
-            activeProps={{
-              className: 'font-bold',
-            }}
-          >
-            Users
-          </Link>{' '}
-          <Link
-            to="/route-a"
-            activeProps={{
-              className: 'font-bold',
-            }}
-          >
-            Pathless Layout
-          </Link>{' '}
-          <Link
-            to="/deferred"
-            activeProps={{
-              className: 'font-bold',
-            }}
-          >
-            Deferred
-          </Link>{' '}
-          <Link
-            // @ts-expect-error
-            to="/this-route-does-not-exist"
-            activeProps={{
-              className: 'font-bold',
-            }}
-          >
-            This Route Does Not Exist
-          </Link>
-        </div>
-        <hr />
+        <Header />
         {children}
-        <TanStackRouterDevtools position="bottom-right" />
         <Scripts />
       </body>
     </html>

package/templates/tanstack-start/src/routes/api.demo-names.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { createFileRoute } from '@tanstack/react-router'
+export const Route = createFileRoute('/api/demo-names')({
+  server: {
+    handlers: {
+      GET: () => {
+        return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        })
+      },
+    },
+  },
+})

package/templates/tanstack-start/src/routes/demo.start.api-request.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import { useEffect, useState } from 'react'
+import { createFileRoute } from '@tanstack/react-router'
+function getNames() {
+  return fetch('/api/demo-names').then((res) => res.json())
+}
+export const Route = createFileRoute('/demo/start/api-request')({
+  component: Home,
+})
+function Home() {
+  const [names, setNames] = useState<Array<string>>([])
+  useEffect(() => {
+    getNames().then(setNames)
+  }, [])
+  return (
+    <div
+      className="flex items-center justify-center min-h-screen p-4 text-white"
+      style={{
+        backgroundColor: '#000',
+        backgroundImage:
+          'radial-gradient(ellipse 60% 60% at 0% 100%, #444 0%, #222 60%, #000 100%)',
+      }}
+    >
+      <div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
+        <h1 className="text-2xl mb-4">Start API Request Demo - Names List</h1>
+        <ul className="mb-4 space-y-2">
+          {names.map((name) => (
+            <li
+              key={name}
+              className="bg-white/10 border border-white/20 rounded-lg p-3 backdrop-blur-sm shadow-md"
+            >
+              <span className="text-lg text-white">{name}</span>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  )
+}

package/templates/tanstack-start/src/routes/demo.start.server-funcs.tsx ADDED Viewed

@@ -0,0 +1,97 @@
+import fs from 'node:fs'
+import { useCallback, useState } from 'react'
+import { createFileRoute, useRouter } from '@tanstack/react-router'
+import { createServerFn } from '@tanstack/react-start'
+const filePath = 'todos.json'
+async function readTodos() {
+  return JSON.parse(
+    await fs.promises.readFile(filePath, 'utf-8').catch(() =>
+      JSON.stringify(
+        [
+          { id: 1, name: 'Get groceries' },
+          { id: 2, name: 'Buy a new phone' },
+        ],
+        null,
+        2,
+      ),
+    ),
+  )
+}
+const getTodos = createServerFn({
+  method: 'GET',
+}).handler(async () => await readTodos())
+const addTodo = createServerFn({ method: 'POST' })
+  .inputValidator((d: string) => d)
+  .handler(async ({ data }) => {
+    const todos = await readTodos()
+    todos.push({ id: todos.length + 1, name: data })
+    await fs.promises.writeFile(filePath, JSON.stringify(todos, null, 2))
+    return todos
+  })
+export const Route = createFileRoute('/demo/start/server-funcs')({
+  component: Home,
+  loader: async () => await getTodos(),
+})
+function Home() {
+  const router = useRouter()
+  let todos = Route.useLoaderData()
+  const [todo, setTodo] = useState('')
+  const submitTodo = useCallback(async () => {
+    todos = await addTodo({ data: todo })
+    setTodo('')
+    router.invalidate()
+  }, [addTodo, todo])
+  return (
+    <div
+      className="flex items-center justify-center min-h-screen bg-gradient-to-br from-zinc-800 to-black p-4 text-white"
+      style={{
+        backgroundImage:
+          'radial-gradient(50% 50% at 20% 60%, #23272a 0%, #18181b 50%, #000000 100%)',
+      }}
+    >
+      <div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
+        <h1 className="text-2xl mb-4">Start Server Functions - Todo Example</h1>
+        <ul className="mb-4 space-y-2">
+          {todos?.map((t) => (
+            <li
+              key={t.id}
+              className="bg-white/10 border border-white/20 rounded-lg p-3 backdrop-blur-sm shadow-md"
+            >
+              <span className="text-lg text-white">{t.name}</span>
+            </li>
+          ))}
+        </ul>
+        <div className="flex flex-col gap-2">
+          <input
+            type="text"
+            value={todo}
+            onChange={(e) => setTodo(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                submitTodo()
+              }
+            }}
+            placeholder="Enter a new todo..."
+            className="w-full px-4 py-3 rounded-lg border border-white/20 bg-white/10 backdrop-blur-sm text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent"
+          />
+          <button
+            disabled={todo.trim().length === 0}
+            onClick={submitTodo}
+            className="bg-blue-500 hover:bg-blue-600 disabled:bg-blue-500/50 disabled:cursor-not-allowed text-white font-bold py-3 px-4 rounded-lg transition-colors"
+          >
+            Add todo
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}

package/templates/tanstack-start/src/routes/index.tsx CHANGED Viewed

@@ -1,12 +1,39 @@
 import { createFileRoute } from '@tanstack/react-router'
+import logo from '../logo.svg'
 export const Route = createFileRoute('/')({
-  component: Home,
+  component: App,
 })
-function Home() {
+function App() {
   return (
-    <div className="p-2">
-      <h3>Welcome Home!!!</h3>
+    <div className="text-center">
+      <header className="min-h-screen flex flex-col items-center justify-center bg-[#282c34] text-white text-[calc(10px+2vmin)]">
+        <img
+          src={logo}
+          className="h-[40vmin] pointer-events-none animate-[spin_20s_linear_infinite]"
+          alt="logo"
+        />
+        <p>
+          Edit <code>src/routes/index.tsx</code> and save to reload.
+        </p>
+        <a
+          className="text-[#61dafb] hover:underline"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+        <a
+          className="text-[#61dafb] hover:underline"
+          href="https://tanstack.com"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn TanStack
+        </a>
+      </header>
     </div>
   )
 }

package/templates/tanstack-start/src/styles.css ADDED Viewed

@@ -0,0 +1,15 @@
+@import "tailwindcss";
+body {
+  @apply m-0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}

package/templates/tanstack-start/tsconfig.json CHANGED Viewed

@@ -1,31 +1,28 @@
 {
-  "include": [
-    "alchemy.run.ts",
-    "types/**/*.ts",
-    "**/*.ts",
-    "**/*.tsx"
-  ],
+  "include": ["**/*.ts", "**/*.tsx"],
   "compilerOptions": {
-    "strict": true,
-    "esModuleInterop": true,
+    "target": "ES2022",
     "jsx": "react-jsx",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "isolatedModules": true,
-    "resolveJsonModule": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@cloudflare/workers-types"],
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": false,
+    "noEmit": true,
+    /* Linting */
     "skipLibCheck": true,
-    "target": "ES2022",
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
-    },
-    "noEmit": true,
-    "types": [
-      "@cloudflare/workers-types",
-      "./types/env.d.ts"
-    ]
+      "@/*": ["./src/*"],
+    }
   }
 }

package/templates/tanstack-start/types/env.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 // This file infers types for the cloudflare:workers environment from your Alchemy Worker.
 // @see https://alchemy.run/concepts/bindings/#type-safe-bindings
-import type { worker } from "../alchemy.run.ts";
+import type { website } from "../alchemy.run.ts";
-export type CloudflareEnv = typeof worker.Env;
+export type CloudflareEnv = typeof website.Env;
 declare global {
   type Env = CloudflareEnv;

package/templates/tanstack-start/vite.config.ts CHANGED Viewed

@@ -1,30 +1,21 @@
-import tailwindcss from "@tailwindcss/vite";
-import { tanstackStart } from "@tanstack/react-start/plugin/vite";
-import viteReact from "@vitejs/plugin-react";
-import alchemy from "alchemy/cloudflare/tanstack-start";
-import { defineConfig, PluginOption } from "vite";
-import tsConfigPaths from "vite-tsconfig-paths";
+import tailwindcss from '@tailwindcss/vite'
+import { tanstackStart } from '@tanstack/react-start/plugin/vite'
+import viteReact from '@vitejs/plugin-react'
+import alchemy from 'alchemy/cloudflare/tanstack-start'
+import { defineConfig, type PluginOption } from 'vite'
+import viteTsConfigPaths from 'vite-tsconfig-paths'
-export default defineConfig({
-  server: {
-    port: 3000,
-  },
-  build: {
-    target: "esnext",
-    rollupOptions: {
-      external: ["node:async_hooks", "cloudflare:workers"],
-    },
-  },
+const config = defineConfig({
   plugins: [
-    tailwindcss() as PluginOption,
-    alchemy(),
-    tsConfigPaths({
-      projects: ["./tsconfig.json"],
-    }),
-    tanstackStart({
-      target: "cloudflare-module",
-      customViteReactPlugin: true,
+    // this is the plugin that enables path aliases
+    viteTsConfigPaths({
+      projects: ['./tsconfig.json'],
     }),
+    tailwindcss(),
+    alchemy() as PluginOption,
+    tanstackStart(),
     viteReact(),
   ],
-});
+})
+export default config

package/workers/tunnel-proxy.js CHANGED Viewed

@@ -34,7 +34,7 @@ var h={async fetch(e,r){let n=new URL(e.url);n.host=r.TUNNEL_HOST;let l=new Head
             Alchemy</a>.</p>
       </div>
       <div class="bg-slate-200 px-5 py-3 flex flex-col w-full max-w-lg">
-        <p class="text-sm text-slate-500">Alchemy 0.69.0</p>
+        <p class="text-sm text-slate-500">Alchemy 0.69.1</p>
       </div>
     </div>
   </body>

package/templates/tanstack-start/_prettierignore DELETED Viewed

@@ -1,4 +0,0 @@
-**/build
-**/public
-pnpm-lock.yaml
-routeTree.gen.ts

package/templates/tanstack-start/public/android-chrome-192x192.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/android-chrome-512x512.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/apple-touch-icon.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/favicon-16x16.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/favicon-32x32.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/favicon.png DELETED Viewed

Binary file

package/templates/tanstack-start/public/site.webmanifest DELETED Viewed

@@ -1,19 +0,0 @@
-{
-  "name": "",
-  "short_name": "",
-  "icons": [
-    {
-      "src": "/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
-}

package/templates/tanstack-start/src/components/DefaultCatchBoundary.tsx DELETED Viewed

@@ -1,53 +0,0 @@
-import {
-  ErrorComponent,
-  Link,
-  rootRouteId,
-  useMatch,
-  useRouter,
-} from '@tanstack/react-router'
-import type { ErrorComponentProps } from '@tanstack/react-router'
-export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
-  const router = useRouter()
-  const isRoot = useMatch({
-    strict: false,
-    select: (state) => state.id === rootRouteId,
-  })
-  console.error('DefaultCatchBoundary Error:', error)
-  return (
-    <div className="min-w-0 flex-1 p-4 flex flex-col items-center justify-center gap-6">
-      <ErrorComponent error={error} />
-      <div className="flex gap-2 items-center flex-wrap">
-        <button
-          onClick={() => {
-            router.invalidate()
-          }}
-          className={`px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`}
-        >
-          Try Again
-        </button>
-        {isRoot ? (
-          <Link
-            to="/"
-            className={`px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`}
-          >
-            Home
-          </Link>
-        ) : (
-          <Link
-            to="/"
-            className={`px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`}
-            onClick={(e) => {
-              e.preventDefault()
-              window.history.back()
-            }}
-          >
-            Go Back
-          </Link>
-        )}
-      </div>
-    </div>
-  )
-}

package/templates/tanstack-start/src/components/NotFound.tsx DELETED Viewed

@@ -1,25 +0,0 @@
-import { Link } from '@tanstack/react-router'
-export function NotFound({ children }: { children?: any }) {
-  return (
-    <div className="space-y-2 p-2">
-      <div className="text-gray-600 dark:text-gray-400">
-        {children || <p>The page you are looking for does not exist.</p>}
-      </div>
-      <p className="flex items-center gap-2 flex-wrap">
-        <button
-          onClick={() => window.history.back()}
-          className="bg-emerald-500 text-white px-2 py-1 rounded uppercase font-black text-sm"
-        >
-          Go back
-        </button>
-        <Link
-          to="/"
-          className="bg-cyan-600 text-white px-2 py-1 rounded uppercase font-black text-sm"
-        >
-          Start Over
-        </Link>
-      </p>
-    </div>
-  )
-}

package/templates/tanstack-start/src/components/PostError.tsx DELETED Viewed

@@ -1,5 +0,0 @@
-import { ErrorComponent, ErrorComponentProps } from '@tanstack/react-router'
-export function PostErrorComponent({ error }: ErrorComponentProps) {
-  return <ErrorComponent error={error} />
-}

package/templates/tanstack-start/src/components/UserError.tsx DELETED Viewed

@@ -1,5 +0,0 @@
-import { ErrorComponent, ErrorComponentProps } from '@tanstack/react-router'
-export function UserErrorComponent({ error }: ErrorComponentProps) {
-  return <ErrorComponent error={error} />
-}

package/templates/tanstack-start/src/routes/_pathlessLayout/_nested-layout/route-a.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_pathlessLayout/_nested-layout/route-a')(
-  {
-    component: LayoutAComponent,
-  },
-)
-function LayoutAComponent() {
-  return <div>I'm A!</div>
-}

package/templates/tanstack-start/src/routes/_pathlessLayout/_nested-layout/route-b.tsx DELETED Viewed

@@ -1,10 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_pathlessLayout/_nested-layout/route-b')(
-  {
-    component: LayoutBComponent,
-  },
-)
-function LayoutBComponent() {
-  return <div>I'm B!</div>
-}