@tanstack/cta-framework-solid 0.41.2 → 0.43.1

package/add-ons/module-federation/package.json

@@ -1,5 +1,5 @@
 {
   "dependencies": {
-    "@module-federation/vite": "^1.1.9"
+    "@module-federation/vite": "^1.9.4"
   }
 }

package/add-ons/start/assets/src/router.tsx.ejs

@@ -1,13 +1,30 @@
 import { createRouter } from '@tanstack/solid-router'
-
+<% if (addOnEnabled['tanstack-query']) { %>
+  import { setupRouterSsrQueryIntegration } from '@tanstack/solid-router-ssr-query'
+  import { getContext } from "./integrations/tanstack-query/provider";
+  <% } %>
 // Import the generated route tree
 import { routeTree } from './routeTree.gen'
 
 // Create a new router instance
 export const getRouter = () => {
+  <% if (addOnEnabled['tanstack-query']) { %>
+    const rqContext = getContext();
+
+    const router = createRouter({
+        routeTree,
+        context: { ...rqContext },
+        defaultPreload: "intent",
+      })
+
+    setupRouterSsrQueryIntegration({router, queryClient: rqContext.queryClient})
+<% } else { %>
   const router = createRouter({
     routeTree,
     scrollRestoration: true,
+    defaultPreloadStaleTime: 0,
   })
-  return router
+<% } %>
+
+  return router;
 }

package/add-ons/start/package.json

@@ -8,6 +8,7 @@
     "@tanstack/solid-start": "^1.132.25",
     "vite": "^7.1.7",
     "vite-tsconfig-paths": "^5.1.4",
-    "lucide-solid": "^0.544.0"
+    "lucide-solid": "^0.544.0",
+    "@tanstack/solid-router-ssr-query": "^1.132.25"
   }
-}
+}

package/add-ons/tanstack-query/assets/src/integrations/tanstack-query/provider.tsx

@@ -1,15 +1,8 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/solid-query'
+import { QueryClient } from '@tanstack/solid-query'
 
-import type { JSX } from 'solid-js'
-
-const queryClient = new QueryClient()
-
-export default function AppTanstackQueryProvider(props: {
-  children: JSX.Element
-}) {
-  return (
-    <QueryClientProvider client={queryClient}>
-      {props.children}
-    </QueryClientProvider>
-  )
-}
+export function getContext() {
+  const queryClient = new QueryClient();
+  return {
+    queryClient
+  };
+}

package/dist/index.js

@@ -1,7 +1,6 @@
 import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { registerFramework, scanAddOnDirectories, scanProjectDirectory, } from '@tanstack/cta-engine';
-import { contentChecksum } from './checksum.js';
 export function createFrameworkDefinition() {
     const baseDirectory = dirname(dirname(fileURLToPath(import.meta.url)));
     const addOns = scanAddOnDirectories([
@@ -32,10 +31,8 @@ export function createFrameworkDefinition() {
                 forceTypescript: true,
             },
         },
-        contentChecksum,
     };
 }
 export function register() {
     registerFramework(createFrameworkDefinition());
 }
-export { contentChecksum };

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
-import { contentChecksum } from './checksum.js';
 import type { FrameworkDefinition } from '@tanstack/cta-engine';
 export declare function createFrameworkDefinition(): FrameworkDefinition;
 export declare function register(): void;
-export { contentChecksum };

package/hosts/netlify/assets/netlify.toml

@@ -2,5 +2,6 @@
   command = "vite build"
   dir = "dist/client"
 [dev]
-  command = "vite dev"
-  port = 3000
+  command = "npm run dev"
+  targetPort = 3000
+  port = 8888

package/hosts/netlify/package.json

@@ -1,5 +1,5 @@
 {
-  "dependencies": {
-    "@netlify/vite-plugin-tanstack-start": "^1.0.2"
+  "devDependencies": {
+    "@netlify/vite-plugin-tanstack-start": "^1.2.3"
   }
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@tanstack/cta-framework-solid",
-  "version": "0.41.2",
+  "version": "0.43.1",
   "description": "CTA Framework for Solid",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/create-tsrouter-app.git"
+    "url": "git+https://github.com/TanStack/create-tsrouter-app.git"
   },
   "homepage": "https://tanstack.com/router",
   "funding": {
@@ -22,12 +22,17 @@
   "author": "Jack Herrington <jherr@pobox.com>",
   "license": "MIT",
   "dependencies": {
-    "@tanstack/cta-engine": "0.41.2"
+    "@tanstack/cta-engine": "0.43.1"
   },
   "devDependencies": {
     "@types/node": "^24.6.0",
     "typescript": "^5.6.3",
     "vitest": "^3.1.1"
   },
-  "scripts": {}
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "eslint ./src && vitest run",
+    "test:watch": "vitest"
+  }
 }

package/project/base/src/routes/__root.tsx.ejs

@@ -1,7 +1,6 @@
 <% if (!fileRouter) { ignoreFile() } %>import { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'
-import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'<% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider')) { %>
-import <%= integration.jsName %> from "<%= relativePath(integration.path) %>";
-<% } %>
+import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
+
 <% if (addOnEnabled['solid-ui']) { %>
 import "@fontsource/inter"
 <% } %>
@@ -37,9 +36,6 @@ function RootComponent() {
         <body>
           <HeadContent />
           <Suspense>
-            <% for(const integration of integrations.filter(i => i.type === 'provider')) { %>
-              <<%= integration.jsName %>>
-            <% } %>
             <% if (addOns.length || integrations.length || routes.length) { %>
               <Header />
             <% } %>
@@ -48,9 +44,6 @@ function RootComponent() {
             <% for(const integration of integrations.filter(i => i.type === 'layout')) { %>
               <<%= integration.jsName %> />
             <% } %>
-            <% for(const integration of integrations.filter(i => i.type === 'provider').reverse()) { %>
-              </<%= integration.jsName %>>
-            <% } %>
             </Suspense>
           <Scripts />
         </body>

package/src/index.ts

@@ -7,8 +7,6 @@ import {
   scanProjectDirectory,
 } from '@tanstack/cta-engine'
 
-import { contentChecksum } from './checksum.js'
-
 import type { FrameworkDefinition } from '@tanstack/cta-engine'
 
 export function createFrameworkDefinition(): FrameworkDefinition {
@@ -47,12 +45,9 @@ export function createFrameworkDefinition(): FrameworkDefinition {
         forceTypescript: true,
       },
     },
-    contentChecksum,
   }
 }
 
 export function register() {
   registerFramework(createFrameworkDefinition())
 }
-
-export { contentChecksum }

package/tests/snapshots/solid/solid-cr-ts-start-npm.json

@@ -7,13 +7,13 @@
     "/public/manifest.json": "{\n  \"short_name\": \"TanStack App\",\n  \"name\": \"Create TanStack App Sample\",\n  \"icons\": [\n    {\n      \"src\": \"favicon.ico\",\n      \"sizes\": \"64x64 32x32 24x24 16x16\",\n      \"type\": \"image/x-icon\"\n    },\n    {\n      \"src\": \"logo192.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"192x192\"\n    },\n    {\n      \"src\": \"logo512.png\",\n      \"type\": \"image/png\",\n      \"sizes\": \"512x512\"\n    }\n  ],\n  \"start_url\": \".\",\n  \"display\": \"standalone\",\n  \"theme_color\": \"#000000\",\n  \"background_color\": \"#ffffff\"\n}\n",
     "/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",
     "/src/components/Header.tsx": "import { Link } from '@tanstack/solid-router'\n\nimport { createSignal } from 'solid-js'\nimport {\n  ChevronDown,\n  ChevronRight,\n  Globe,\n  Home,\n  House,\n  Layers,\n  Menu,\n  X,\n} from 'lucide-solid'\n\nexport default function Header() {\n  const [isOpen, setIsOpen] = createSignal(false)\n  const [groupedExpanded, setGroupedExpanded] = createSignal<\n    Record<string, boolean>\n  >({})\n\n  return (\n    <>\n      <header class=\"p-4 flex items-center bg-gray-800 text-white shadow-lg\">\n        <button\n          onClick={() => setIsOpen(true)}\n          class=\"p-2 hover:bg-gray-700 rounded-lg transition-colors\"\n          aria-label=\"Open menu\"\n        >\n          <Menu size={24} />\n        </button>\n        <h1 class=\"ml-4 text-xl font-semibold\">\n          <Link to=\"/\">\n            <img\n              src=\"/tanstack-word-logo-white.svg\"\n              alt=\"TanStack Logo\"\n              class=\"h-10\"\n            />\n          </Link>\n        </h1>\n      </header>\n\n      <aside\n        class={`fixed top-0 left-0 h-full w-80 bg-gray-900 text-white shadow-2xl z-50 transform transition-transform duration-300 ease-in-out flex flex-col ${\n          isOpen() ? 'translate-x-0' : '-translate-x-full'\n        }`}\n      >\n        <div class=\"flex items-center justify-between p-4 border-b border-gray-700\">\n          <h2 class=\"text-xl font-bold\">Navigation</h2>\n          <button\n            onClick={() => setIsOpen(false)}\n            class=\"p-2 hover:bg-gray-800 rounded-lg transition-colors\"\n            aria-label=\"Close menu\"\n          >\n            <X size={24} />\n          </button>\n        </div>\n\n        <nav class=\"flex-1 p-4 overflow-y-auto\">\n          <Link\n            to=\"/\"\n            onClick={() => setIsOpen(false)}\n            class=\"flex items-center gap-3 p-3 rounded-lg hover:bg-gray-800 transition-colors mb-2\"\n            activeProps={{\n              class:\n                'flex items-center gap-3 p-3 rounded-lg bg-cyan-600 hover:bg-cyan-700 transition-colors mb-2',\n            }}\n          >\n            <Home size={20} />\n            <span class=\"font-medium\">Home</span>\n          </Link>\n\n          {/* Demo Links Start */}\n\n          <Link\n            to=\"/demo/start/server-funcs\"\n            onClick={() => setIsOpen(false)}\n            class=\"flex items-center gap-3 p-3 rounded-lg hover:bg-gray-800 transition-colors mb-2\"\n            activeProps={{\n              class:\n                'flex items-center gap-3 p-3 rounded-lg bg-cyan-600 hover:bg-cyan-700 transition-colors mb-2',\n            }}\n          >\n            <Globe size={20} />\n            <span class=\"font-medium\">Start - Server Functions</span>\n          </Link>\n\n          {/* Demo Links End */}\n        </nav>\n      </aside>\n    </>\n  )\n}\n",
-    "/src/router.tsx": "import { createRouter } from '@tanstack/solid-router'\n\n// Import the generated route tree\nimport { routeTree } from './routeTree.gen'\n\n// Create a new router instance\nexport const getRouter = () => {\n  const router = createRouter({\n    routeTree,\n    scrollRestoration: true,\n  })\n  return router\n}\n",
+    "/src/router.tsx": "import { createRouter } from '@tanstack/solid-router'\n\n// Import the generated route tree\nimport { routeTree } from './routeTree.gen'\n\n// Create a new router instance\nexport const getRouter = () => {\n  const router = createRouter({\n    routeTree,\n    scrollRestoration: true,\n    defaultPreloadStaleTime: 0,\n  })\n\n  return router\n}\n",
     "/src/routes/__root.tsx": "import {\n  HeadContent,\n  Outlet,\n  Scripts,\n  createRootRouteWithContext,\n} from '@tanstack/solid-router'\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n\nimport { HydrationScript } from 'solid-js/web'\nimport { Suspense } from 'solid-js'\n\nimport Header from '../components/Header'\n\nimport styleCss from '../styles.css?url'\n\nexport const Route = createRootRouteWithContext()({\n  head: () => ({\n    links: [{ rel: 'stylesheet', href: styleCss }],\n  }),\n  shellComponent: RootComponent,\n})\n\nfunction RootComponent() {\n  return (\n    <html>\n      <head>\n        <HydrationScript />\n      </head>\n      <body>\n        <HeadContent />\n        <Suspense>\n          <Header />\n\n          <Outlet />\n          <TanStackRouterDevtools />\n        </Suspense>\n        <Scripts />\n      </body>\n    </html>\n  )\n}\n",
     "/src/routes/demo.start.server-funcs.tsx": "import * as fs from 'fs'\nimport { createFileRoute, useRouter } from '@tanstack/solid-router'\nimport { createServerFn } from '@tanstack/solid-start'\n\nconst filePath = 'count.txt'\n\nasync function readCount() {\n  return parseInt(\n    await fs.promises.readFile(filePath, 'utf-8').catch(() => '0'),\n  )\n}\n\nconst getCount = createServerFn({\n  method: 'GET',\n}).handler(() => {\n  return readCount()\n})\n\nconst updateCount = createServerFn({ method: 'POST' })\n  .inputValidator((d: number) => d)\n  .handler(async ({ data }) => {\n    const count = await readCount()\n    await fs.promises.writeFile(filePath, `${count + data}`)\n  })\n\nexport const Route = createFileRoute('/demo/start/server-funcs')({\n  component: Home,\n  loader: async () => await getCount(),\n})\n\nfunction Home() {\n  const router = useRouter()\n  const state = Route.useLoaderData()\n\n  return (\n    <div class=\"p-4\">\n      <button\n        onClick={() => {\n          updateCount({ data: 1 }).then(() => {\n            router.invalidate()\n          })\n        }}\n        class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"\n      >\n        Add 1 to {state()}?\n      </button>\n    </div>\n  )\n}\n",
     "/src/routes/index.tsx": "import { createFileRoute } from '@tanstack/solid-router'\nimport { For } from 'solid-js'\nimport {\n  Zap,\n  Server,\n  Route as RouteIcon,\n  Shield,\n  Waves,\n  Sparkles,\n} from 'lucide-solid'\n\nexport const Route = createFileRoute('/')({ component: App })\n\nfunction App() {\n  const features = [\n    {\n      icon: <Zap class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'Powerful Server Functions',\n      description:\n        'Write server-side code that seamlessly integrates with your client components. Type-safe, secure, and simple.',\n    },\n    {\n      icon: <Server class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'Flexible Server Side Rendering',\n      description:\n        'Full-document SSR, streaming, and progressive enhancement out of the box. Control exactly what renders where.',\n    },\n    {\n      icon: <RouteIcon class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'API Routes',\n      description:\n        'Build type-safe API endpoints alongside your application. No separate backend needed.',\n    },\n    {\n      icon: <Shield class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'Strongly Typed Everything',\n      description:\n        'End-to-end type safety from server to client. Catch errors before they reach production.',\n    },\n    {\n      icon: <Waves class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'Full Streaming Support',\n      description:\n        'Stream data from server to client progressively. Perfect for AI applications and real-time updates.',\n    },\n    {\n      icon: <Sparkles class=\"w-12 h-12 text-cyan-400\" />,\n      title: 'Next Generation Ready',\n      description:\n        'Built from the ground up for modern web applications. Deploy anywhere JavaScript runs.',\n    },\n  ]\n\n  return (\n    <div class=\"min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900\">\n      <section class=\"relative py-20 px-6 text-center overflow-hidden\">\n        <div class=\"absolute inset-0 bg-gradient-to-r from-cyan-500/10 via-blue-500/10 to-purple-500/10\"></div>\n        <div class=\"relative max-w-5xl mx-auto\">\n          <div class=\"flex items-center justify-center gap-6 mb-6\">\n            <img\n              src=\"/tanstack-circle-logo.png\"\n              alt=\"TanStack Logo\"\n              class=\"w-24 h-24 md:w-32 md:h-32\"\n            />\n            <h1 class=\"text-6xl md:text-7xl font-black text-white [letter-spacing:-0.08em]\">\n              <span class=\"text-gray-300\">TANSTACK</span>{' '}\n              <span class=\"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent\">\n                START\n              </span>\n            </h1>\n          </div>\n          <p class=\"text-2xl md:text-3xl text-gray-300 mb-4 font-light\">\n            The framework for next generation AI applications\n          </p>\n          <p class=\"text-lg text-gray-400 max-w-3xl mx-auto mb-8\">\n            Full-stack framework powered by TanStack Router for React and Solid.\n            Build modern applications with server functions, streaming, and type\n            safety.\n          </p>\n          <div class=\"flex flex-col items-center gap-4\">\n            <a\n              href=\"https://tanstack.com/start\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              class=\"px-8 py-3 bg-cyan-500 hover:bg-cyan-600 text-white font-semibold rounded-lg transition-colors shadow-lg shadow-cyan-500/50\"\n            >\n              Documentation\n            </a>\n            <p class=\"text-gray-400 text-sm mt-2\">\n              Begin your TanStack Start journey by editing{' '}\n              <code class=\"px-2 py-1 bg-slate-700 rounded text-cyan-400\">\n                /src/routes/index.tsx\n              </code>\n            </p>\n          </div>\n        </div>\n      </section>\n\n      <section class=\"py-16 px-6 max-w-7xl mx-auto\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n          <For each={features}>\n            {(feature) => (\n              <div class=\"bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-6 hover:border-cyan-500/50 transition-all duration-300 hover:shadow-lg hover:shadow-cyan-500/10\">\n                <div class=\"mb-4\">{feature.icon}</div>\n                <h3 class=\"text-xl font-semibold text-white mb-3\">\n                  {feature.title}\n                </h3>\n                <p class=\"text-gray-400 leading-relaxed\">\n                  {feature.description}\n                </p>\n              </div>\n            )}\n          </For>\n        </div>\n      </section>\n    </div>\n  )\n}\n",
     "/src/styles.css": "@import \"tailwindcss\";\n\nbody {\n  @apply m-0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n",
     "README.md": "Welcome to your new TanStack app! \n\n# Getting Started\n\nTo run this application:\n\n```bash\nnpm install\nnpm run start\n```\n\n# Building For Production\n\nTo build this application for production:\n\n```bash\nnpm run build\n```\n\n## Styling\n\nThis project uses [Tailwind CSS](https://tailwindcss.com/) for styling.\n\n\n\n## Routing\nThis project uses [TanStack Router](https://tanstack.com/router). The initial setup is a file based router. Which means that the routes are managed as files in `src/routes`.\n\n### Adding A Route\n\nTo add a new route to your application just add another a new file in the `./src/routes` directory.\n\nTanStack will automatically generate the content of the route file for you.\n\nNow that you have two routes you can use a `Link` component to navigate between them.\n\n### Adding Links\n\nTo use SPA (Single Page Application) navigation you will need to import the `Link` component from `@tanstack/solid-router`.\n\n```tsx\nimport { Link } from \"@tanstack/solid-router\";\n```\n\nThen anywhere in your JSX you can use it like so:\n\n```tsx\n<Link to=\"/about\">About</Link>\n```\n\nThis will create a link that will navigate to the `/about` route.\n\nMore information on the `Link` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/solid/api/router/linkComponent).\n\n### Using A Layout\n\nIn the File Based Routing setup the layout is located in `src/routes/__root.tsx`. Anything you add to the root route will appear in all the routes. The route content will appear in the JSX where you use the `<Outlet />` component.\n\nHere is an example layout that includes a header:\n\n```tsx\nimport { Outlet, createRootRoute } from '@tanstack/solid-router'\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n\nimport { Link } from \"@tanstack/solid-router\";\n\nexport const Route = createRootRoute({\n  component: () => (\n    <>\n      <header>\n        <nav>\n          <Link to=\"/\">Home</Link>\n          <Link to=\"/about\">About</Link>\n        </nav>\n      </header>\n      <Outlet />\n      <TanStackRouterDevtools />\n    </>\n  ),\n})\n```\n\nThe `<TanStackRouterDevtools />` component is not required so you can remove it if you don't want it in your layout.\n\nMore information on layouts can be found in the [Layouts documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/routing-concepts#layouts).\n\n## Data Fetching\n\nThere are multiple ways to fetch data in your application. You can use TanStack Query to fetch data from a server. But you can also use the `loader` functionality built into TanStack Router to load the data for a route before it's rendered.\n\nFor example:\n\n```tsx\nconst peopleRoute = createRoute({\n  getParentRoute: () => rootRoute,\n  path: \"/people\",\n  loader: async () => {\n    const response = await fetch(\"https://swapi.dev/api/people\");\n    return response.json() as Promise<{\n      results: {\n        name: string;\n      }[];\n    }>;\n  },\n  component: () => {\n    const data = peopleRoute.useLoaderData();\n    return (\n      <ul>\n        {data.results.map((person) => (\n          <li key={person.name}>{person.name}</li>\n        ))}\n      </ul>\n    );\n  },\n});\n```\n\nLoaders simplify your data fetching logic dramatically. Check out more information in the [Loader documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#loader-parameters).\n\n# Demo files\n\nFiles prefixed with `demo` can be safely deleted. They are there to provide a starting point for you to play around with the features you've installed.\n\n\n\n# Learn More\n\nYou can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).\n",
-    "package.json": "{\n  \"name\": \"TEST\",\n  \"private\": true,\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite dev --port 3000\",\n    \"build\": \"vite build\",\n    \"preview\": \"vite preview\",\n    \"test\": \"vitest run\",\n    \"start\": \"node .output/server/index.mjs\"\n  },\n  \"dependencies\": {\n    \"@tailwindcss/vite\": \"^4.0.6\",\n    \"@tanstack/router-plugin\": \"^1.133.21\",\n    \"@tanstack/solid-router\": \"^1.133.20\",\n    \"@tanstack/solid-router-devtools\": \"^1.133.20\",\n    \"@tanstack/solid-start\": \"^1.132.25\",\n    \"lucide-solid\": \"^0.544.0\",\n    \"solid-js\": \"^1.9.9\",\n    \"tailwindcss\": \"^4.0.6\",\n    \"vite\": \"^7.1.7\",\n    \"vite-tsconfig-paths\": \"^5.1.4\"\n  },\n  \"devDependencies\": {\n    \"@tanstack/devtools-vite\": \"^0.3.11\",\n    \"typescript\": \"^5.7.2\",\n    \"vite\": \"^7.1.7\",\n    \"vite-plugin-solid\": \"^2.11.10\"\n  }\n}",
+    "package.json": "{\n  \"name\": \"TEST\",\n  \"private\": true,\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite dev --port 3000\",\n    \"build\": \"vite build\",\n    \"preview\": \"vite preview\",\n    \"test\": \"vitest run\",\n    \"start\": \"node .output/server/index.mjs\"\n  },\n  \"dependencies\": {\n    \"@tailwindcss/vite\": \"^4.0.6\",\n    \"@tanstack/router-plugin\": \"^1.133.21\",\n    \"@tanstack/solid-router\": \"^1.133.20\",\n    \"@tanstack/solid-router-devtools\": \"^1.133.20\",\n    \"@tanstack/solid-router-ssr-query\": \"^1.132.25\",\n    \"@tanstack/solid-start\": \"^1.132.25\",\n    \"lucide-solid\": \"^0.544.0\",\n    \"solid-js\": \"^1.9.9\",\n    \"tailwindcss\": \"^4.0.6\",\n    \"vite\": \"^7.1.7\",\n    \"vite-tsconfig-paths\": \"^5.1.4\"\n  },\n  \"devDependencies\": {\n    \"@tanstack/devtools-vite\": \"^0.3.11\",\n    \"typescript\": \"^5.7.2\",\n    \"vite\": \"^7.1.7\",\n    \"vite-plugin-solid\": \"^2.11.10\"\n  }\n}",
     "tsconfig.json": "{\n  \"include\": [\"**/*.ts\", \"**/*.tsx\"],\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"jsx\": \"preserve\",\n    \"jsxImportSource\": \"solid-js\",\n    \"module\": \"ESNext\",\n    \"lib\": [\"ES2022\", \"DOM\", \"DOM.Iterable\"],\n    \"types\": [\"vite/client\"],\n\n    /* Bundler mode */\n    \"moduleResolution\": \"bundler\",\n    \"allowImportingTsExtensions\": true,\n    \"verbatimModuleSyntax\": true,\n    \"noEmit\": true,\n\n    /* Linting */\n    \"skipLibCheck\": true,\n    \"strict\": true,\n    \"noUnusedLocals\": true,\n    \"noUnusedParameters\": true,\n    \"noFallthroughCasesInSwitch\": true,\n    \"noUncheckedSideEffectImports\": true\n  }\n}\n",
     "vite.config.ts": "import { defineConfig } from 'vite'\nimport { devtools } from '@tanstack/devtools-vite'\nimport viteTsConfigPaths from 'vite-tsconfig-paths'\nimport tailwindcss from '@tailwindcss/vite'\n\nimport { tanstackStart } from '@tanstack/solid-start/plugin/vite'\nimport solidPlugin from 'vite-plugin-solid'\n\nexport default defineConfig({\n  plugins: [\n    devtools(),\n    // this is the plugin that enables path aliases\n    viteTsConfigPaths({\n      projects: ['./tsconfig.json'],\n    }),\n    tailwindcss(),\n    tanstackStart(),\n    solidPlugin({ ssr: true }),\n  ],\n})\n"
   },

package/dist/checksum.js

@@ -1,3 +0,0 @@
-// This file is auto-generated. Do not edit manually.
-// Generated from add-ons, examples, hosts, project, and toolchains directories
-export const contentChecksum = 'a13c68662e9a710c7d3339947e7e97cded66cc91a4a97f0f06a89c76b3a6f881';

package/dist/types/checksum.d.ts

@@ -1 +0,0 @@
-export declare const contentChecksum = "a13c68662e9a710c7d3339947e7e97cded66cc91a4a97f0f06a89c76b3a6f881";

package/src/checksum.ts

@@ -1,3 +0,0 @@
-// This file is auto-generated. Do not edit manually.
-// Generated from add-ons, examples, hosts, project, and toolchains directories
-export const contentChecksum = 'a13c68662e9a710c7d3339947e7e97cded66cc91a4a97f0f06a89c76b3a6f881'