@tanstack/cta-engine 0.14.3 → 0.14.4

package/templates/solid/add-on/solid-ui/package.json

@@ -1,9 +0,0 @@
-{
-  "dependencies": {
-    "@fontsource/inter": "^5.1.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.0.2",
-    "tailwindcss-animate": "^1.0.7"
-  }
-}

package/templates/solid/add-on/start/assets/app.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from '@tanstack/solid-start/config'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-
-export default defineConfig({
-  tsr: {
-    appDirectory: 'src',
-  },
-  vite: {
-    plugins: [
-      // this is the plugin that enables path aliases
-      viteTsConfigPaths({
-        projects: ['./tsconfig.json'],
-      }),
-    ],
-  },
-})

package/templates/solid/add-on/start/assets/src/api.ts

@@ -1,6 +0,0 @@
-import {
-  createStartAPIHandler,
-  defaultAPIFileRouteHandler,
-} from '@tanstack/solid-start/api'
-
-export default createStartAPIHandler(defaultAPIFileRouteHandler)

package/templates/solid/add-on/start/assets/src/client.tsx

@@ -1,7 +0,0 @@
-import { hydrate } from 'solid-js/web'
-import { StartClient } from '@tanstack/solid-start'
-import { createRouter } from './router'
-
-const router = createRouter()
-
-hydrate(() => <StartClient router={router} />, document.body)

package/templates/solid/add-on/start/assets/src/router.tsx.ejs

@@ -1,24 +0,0 @@
-import { createRouter as createTanstackRouter } from '@tanstack/solid-router'
-
-// Import the generated route tree
-import { routeTree } from './routeTree.gen'
-
-import './styles.css'
-
-// Create a new router instance
-export const createRouter = () => {
-  const router = createTanstackRouter({
-    routeTree,
-    scrollRestoration: true,
-  })
-  return router
-}
-
-const router = createRouter()
-
-// Register the router instance for type safety
-declare module '@tanstack/solid-router' {
-  interface Register {
-    router: typeof router
-  }
-}

package/templates/solid/add-on/start/assets/src/routes/demo.start.server-funcs.tsx

@@ -1,49 +0,0 @@
-import * as fs from 'fs'
-import { createFileRoute, useRouter } from '@tanstack/solid-router'
-import { createServerFn } from '@tanstack/solid-start'
-
-const filePath = 'count.txt'
-
-async function readCount() {
-  return parseInt(
-    await fs.promises.readFile(filePath, 'utf-8').catch(() => '0'),
-  )
-}
-
-const getCount = createServerFn({
-  method: 'GET',
-}).handler(() => {
-  return readCount()
-})
-
-const updateCount = createServerFn({ method: 'POST' })
-  .validator((d: number) => d)
-  .handler(async ({ data }) => {
-    const count = await readCount()
-    await fs.promises.writeFile(filePath, `${count + data}`)
-  })
-
-export const Route = createFileRoute('/demo/start/server-funcs')({
-  component: Home,
-  loader: async () => await getCount(),
-})
-
-function Home() {
-  const router = useRouter()
-  const state = Route.useLoaderData()
-
-  return (
-    <div class="p-4">
-      <button
-        onClick={() => {
-          updateCount({ data: 1 }).then(() => {
-            router.invalidate()
-          })
-        }}
-        claclassssName="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-      >
-        Add 1 to {state}?
-      </button>
-    </div>
-  )
-}

package/templates/solid/add-on/start/assets/src/ssr.tsx

@@ -1,12 +0,0 @@
-import {
-  createStartHandler,
-  defaultStreamHandler,
-} from '@tanstack/solid-start/server'
-import { getRouterManifest } from '@tanstack/solid-start/router-manifest'
-
-import { createRouter } from './router'
-
-export default createStartHandler({
-  createRouter,
-  getRouterManifest,
-})(defaultStreamHandler)

package/templates/solid/add-on/start/info.json

@@ -1,14 +0,0 @@
-{
-  "name": "Start",
-  "phase": "setup",
-  "description": "Add TanStack Start for SSR, API endpoints, and more.",
-  "link": "https://tanstack.com/start/latest",
-  "templates": ["file-router"],
-  "warning": "TanStack Start is not yet at 1.0 and may change significantly or not be compatible with other add-ons.",
-  "routes": [
-    {
-      "url": "/demo/start/server-funcs",
-      "name": "Start - Server Functions"
-    }
-  ]
-}

package/templates/solid/add-on/start/package.json

@@ -1,12 +0,0 @@
-{
-  "scripts": {
-    "dev": "vinxi dev",
-    "build": "vinxi build",
-    "start": "vinxi start"
-  },
-  "dependencies": {
-    "@tanstack/solid-start": "^1.114.3",
-    "vinxi": "^0.5.3",
-    "vite-tsconfig-paths": "^5.1.4"
-  }
-}

package/templates/solid/add-on/store/assets/src/lib/demo-store.ts

@@ -1,13 +0,0 @@
-import { Derived, Store } from '@tanstack/store'
-
-export const store = new Store({
-  firstName: 'Jane',
-  lastName: 'Smith',
-})
-
-export const fullName = new Derived({
-  fn: () => `${store.state.firstName} ${store.state.lastName}`,
-  deps: [store],
-})
-
-fullName.mount()

package/templates/solid/add-on/store/assets/src/routes/demo.store.tsx.ejs

@@ -1,77 +0,0 @@
-import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/solid-router'
-import { useStore } from '@tanstack/solid-store'
-
-import { fullName, store } from '../lib/demo-store'
-
-<% if (codeRouter) { %>
-import type { RootRoute } from '@tanstack/solid-router'
-<% } else { %>
-export const Route = createFileRoute('/demo/store')({
-  component: DemoStore,
-})
-<% } %>
-
-function FirstName() {
-  const firstName = useStore(store, (state) => state.firstName)
-  return (
-    <input
-      type="text"
-      value={firstName()}
-      onInput={(e) =>
-        store.setState((state) => ({ ...state, firstName: e.target.value }))
-      }
-      class="bg-white/10 rounded-lg px-4 py-2 outline-none border border-white/20 hover:border-white/40 focus:border-white/60 transition-colors duration-200 placeholder-white/40"
-    />
-  )
-}
-
-function LastName() {
-  const lastName = useStore(store, (state) => state.lastName)
-  return (
-    <input
-      type="text"
-      value={lastName()}
-      onInput={(e) =>
-        store.setState((state) => ({ ...state, lastName: e.target.value }))
-      }
-      class="bg-white/10 rounded-lg px-4 py-2 outline-none border border-white/20 hover:border-white/40 focus:border-white/60 transition-colors duration-200 placeholder-white/40"
-    />
-  )
-}
-
-function FullName() {
-  const fName = useStore(fullName)
-  return (
-    <div class="bg-white/10 rounded-lg px-4 py-2 outline-none ">
-      {fName}
-    </div>
-  )
-}
-
-function DemoStore() {
-  return (
-    <div
-      class="min-h-[calc(100vh-32px)] text-white p-8 flex items-center justify-center w-full h-full"
-      style={{
-        'background-image':
-          'radial-gradient(50% 50% at 80% 80%, #f4a460 0%, #8b4513 70%, #1a0f0a 100%)',
-      }}
-    >
-      <div class="bg-white/10 backdrop-blur-lg rounded-xl p-8 shadow-lg flex flex-col gap-4 text-3xl min-w-1/2">
-        <h1 class="text-4xl font-bold mb-5">Store Example</h1>
-        <FirstName />
-        <LastName />
-        <FullName />
-      </div>
-    </div>
-  )
-}
-
-<% if (codeRouter) { %>
-export default (parentRoute: RootRoute) => createRoute({
-  path: '/demo/store',
-  component: DemoStore,
-  getParentRoute: () => parentRoute,
-})
-<% } %>
-    

package/templates/solid/add-on/store/info.json

@@ -1,13 +0,0 @@
-{
-  "name": "Store",
-  "description": "Add TanStack Store to your application.",
-  "phase": "add-on",
-  "templates": ["file-router", "code-router"],
-  "link": "https://tanstack.com/store/latest",
-  "routes": [
-    {
-      "url": "/demo/store",
-      "name": "Store"
-    }
-  ]
-}

package/templates/solid/add-on/store/package.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": {
-    "@tanstack/store": "^0.7.0",
-    "@tanstack/solid-store": "^0.7.0"
-  }
-}

package/templates/solid/add-on/t3env/README.md

@@ -1,16 +0,0 @@
-## T3Env
-
-- You can use T3Env to add type safety to your environment variables.
-- Add Environment variables to the `src/env.mjs` file.
-- Use the environment variables in your code.
-
-### Usage
-
-```ts
-import { env } from "@/env";
-
-console.log(env.VITE_APP_TITLE);
-```
-
-
-

package/templates/solid/add-on/t3env/assets/src/env.ts

@@ -1,39 +0,0 @@
-import { createEnv } from "@t3-oss/env-core";
-import { z } from "zod";
- 
-export const env = createEnv({
-  server: {
-    SERVER_URL: z.string().url().optional(),
-  },
- 
-  /**
-   * The prefix that client-side variables must have. This is enforced both at
-   * a type-level and at runtime.
-   */
-  clientPrefix: "VITE_",
- 
-  client: {
-    VITE_APP_TITLE: z.string().min(1).optional(),
-  },
- 
-  /**
-   * What object holds the environment variables at runtime. This is usually
-   * `process.env` or `import.meta.env`.
-   */
-  runtimeEnv: import.meta.env,
- 
-  /**
-   * By default, this library will feed the environment variables directly to
-   * the Zod validator.
-   *
-   * This means that if you have an empty string for a value that is supposed
-   * to be a number (e.g. `PORT=` in a ".env" file), Zod will incorrectly flag
-   * it as a type mismatch violation. Additionally, if you have an empty string
-   * for a value that is supposed to be a string with a default value (e.g.
-   * `DOMAIN=` in an ".env" file), the default value will never be applied.
-   *
-   * In order to solve these issues, we recommend that all new projects
-   * explicitly specify this option as true.
-   */
-  emptyStringAsUndefined: true,
-});

package/templates/solid/add-on/t3env/info.json

@@ -1,10 +0,0 @@
-{
-  "name": "T3Env",
-  "description": "Add type safety to your environment variables",
-  "phase": "add-on",
-  "link": "https://github.com/t3-oss/t3-env",
-  "templates": [
-    "file-router",
-    "code-router"
-  ]
-}

package/templates/solid/add-on/t3env/package.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": {
-    "zod": "^3.24.2",
-    "@t3-oss/env-core": "^0.12.0"
-  }
-}

package/templates/solid/add-on/tanstack-query/assets/src/integrations/tanstack-query/header-user.tsx

@@ -1,5 +0,0 @@
-import { SolidQueryDevtools } from '@tanstack/solid-query-devtools'
-
-export default function AppTanstackQueryHeaderUser() {
-  return <SolidQueryDevtools buttonPosition="bottom-right" />
-}

package/templates/solid/add-on/tanstack-query/assets/src/integrations/tanstack-query/provider.tsx

@@ -1,15 +0,0 @@
-import { QueryClient, QueryClientProvider } 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>
-  )
-}

package/templates/solid/add-on/tanstack-query/assets/src/routes/demo.tanstack-query.tsx

@@ -1,30 +0,0 @@
-import { createFileRoute } from '@tanstack/solid-router'
-import { createQuery } from '@tanstack/solid-query'
-
-export const Route = createFileRoute('/demo/tanstack-query')({
-  component: App,
-})
-
-function App() {
-  const peopleQuery = createQuery(() => ({
-    queryKey: ['people'],
-    queryFn: () =>
-      fetch('https://swapi.dev/api/people')
-        .then((res) => res.json())
-        .then((data) => data.results as Array<{ name: string }>),
-    initialData: [],
-  }))
-
-  return (
-    <div class="p-4">
-      <h1 class="text-2xl mb-4">People list from Swapi</h1>
-      <ul>
-        {peopleQuery.data.map((person) => (
-          <li>{person.name}</li>
-        ))}
-      </ul>
-    </div>
-  )
-}
-
-export default App

package/templates/solid/add-on/tanstack-query/info.json

@@ -1,13 +0,0 @@
-{
-  "name": "TanStack Query",
-  "description": "Integrate TanStack Query into your application.",
-  "phase": "add-on",
-  "templates": ["file-router"],
-  "link": "https://tanstack.com/query/latest",
-  "routes": [
-    {
-      "url": "/demo/tanstack-query",
-      "name": "TanStack Query"
-    }
-  ]
-}

package/templates/solid/add-on/tanstack-query/package.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": {
-    "@tanstack/solid-query": "^5.66.0",
-    "@tanstack/solid-query-devtools": "^5.66.0"
-  }
-}

package/templates/solid/base/README.md.ejs

@@ -1,215 +0,0 @@
-Welcome to your new TanStack app! 
-
-# Getting Started
-
-To run this application:
-
-```bash
-<%= packageManager %> install
-<%= getPackageManagerRunScript('start') %>
-```
-
-# Building For Production
-
-To build this application for production:
-
-```bash
-<%= getPackageManagerRunScript('build') %>
-```
-
-## Styling
-
-This project uses [Tailwind CSS](https://tailwindcss.com/) for styling.
-
-<% for(const addon of addOns.filter(addon => addon.readme)) { %>
-<%- addon.readme %>
-<% } %>
-
-## Routing
-<% if (fileRouter) { %>This project uses [TanStack Router](https://tanstack.com/router). The initial setup is a file based router. Which means that the routes are managed as fiels in `src/routes`.<% } else { %>This project uses [TanStack Router](https://tanstack.com/router). The initial setup is a code based router. Which means that the routes are defined in code (in the `./src/main.<%= jsx %>` file). If you like you can also use a file based routing setup by following the [File Based Routing](https://tanstack.com/router/latest/docs/framework/solid/guide/file-based-routing) guide.<% } %>
-
-### Adding A Route
-<% if (fileRouter) { %>
-To add a new route to your application just add another a new file in the `./src/routes` directory.
-
-TanStack will automatically generate the content of the route file for you.
-<% } else { %>
-To add a new route to your application just add another `createRoute` call to the `./src/main.<%= jsx %>` file. The example below adds a new `/about`route to the root route.
-
-```tsx
-const aboutRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/about",
-  component: () => <h1>About</h1>,
-});
-```
-
-You will also need to add the route to the `routeTree` in the `./src/main.<%= jsx %>` file.
-
-```tsx
-const routeTree = rootRoute.addChildren([indexRoute, aboutRoute]);
-```
-
-With this set up you should be able to navigate to `/about` and see the about page.
-
-Of course you don't need to implement the About page in the `main.<%= jsx %>` file. You can create that component in another file and import it into the `main.<%= jsx %>` file, then use it in the `component` property of the `createRoute` call, like so:
-
-```tsx
-import About from "./components/About.<%= jsx %>";
-
-const aboutRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/about",
-  component: About,
-});
-```
-
-That is how we have the `App` component set up with the home page.
-
-For more information on the options you have when you are creating code based routes check out the [Code Based Routing](https://tanstack.com/router/latest/docs/framework/solid/guide/code-based-routing) documentation.
-<% } %>
-Now that you have two routes you can use a `Link` component to navigate between them.
-
-### Adding Links
-
-To use SPA (Single Page Application) navigation you will need to import the `Link` component from `@tanstack/solid-router`.
-
-```tsx
-import { Link } from "@tanstack/solid-router";
-```
-
-Then anywhere in your JSX you can use it like so:
-
-```tsx
-<Link to="/about">About</Link>
-```
-
-This will create a link that will navigate to the `/about` route.
-
-More information on the `Link` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/solid/api/router/linkComponent).
-
-### Using A Layout
-
-<% if (codeRouter) { %>
-Layouts can be used to wrap the contents of the routes in menus, headers, footers, etc.
-
-There is already a layout in the `src/main.<%= jsx %>` file:
-
-```tsx
-const rootRoute = createRootRoute({
-  component: () => (
-    <>
-      <Outlet />
-      <TanStackRouterDevtools />
-    </>
-  ),
-});
-```
-
-You can use the Soliid component specified in the `component` property of the `rootRoute` to wrap the contents of the routes. The `<Outlet />` component is used to render the current route within the body of the layout. For example you could add a header to the layout like so:
-
-```tsx
-import { Link } from "@tanstack/solid-router";
-
-const rootRoute = createRootRoute({
-  component: () => (
-    <>
-      <header>
-        <nav>
-          <Link to="/">Home</Link>
-          <Link to="/about">About</Link>
-        </nav>
-      </header>
-      <Outlet />
-      <TanStackRouterDevtools />
-    </>
-  ),
-});
-```
-<% } else { %>In 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.
-
-Here is an example layout that includes a header:
-
-```tsx
-import { Outlet, createRootRoute } from '@tanstack/solid-router'
-import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
-
-import { Link } from "@tanstack/solid-router";
-
-export const Route = createRootRoute({
-  component: () => (
-    <>
-      <header>
-        <nav>
-          <Link to="/">Home</Link>
-          <Link to="/about">About</Link>
-        </nav>
-      </header>
-      <Outlet />
-      <TanStackRouterDevtools />
-    </>
-  ),
-})
-```
-<% } %>
-The `<TanStackRouterDevtools />` component is not required so you can remove it if you don't want it in your layout.
-
-More information on layouts can be found in the [Layouts documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/routing-concepts#layouts).
-
-## Data Fetching
-
-There 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.
-
-For example:
-
-```tsx
-const peopleRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: "/people",
-  loader: async () => {
-    const response = await fetch("https://swapi.dev/api/people");<% if (typescript) { %>
-    return response.json() as Promise<{
-      results: {
-        name: string;
-      }[];
-    }>;
-<% } else { %>
-    return response.json();
-<% } %>  },
-  component: () => {
-    const data = peopleRoute.useLoaderData();
-    return (
-      <ul>
-        {data.results.map((person) => (
-          <li key={person.name}>{person.name}</li>
-        ))}
-      </ul>
-    );
-  },
-});
-```
-
-Loaders 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).
-
-# Demo files
-
-Files 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.
-
-<% if (toolchain && toolchain !== 'none') { %>
-## Linting & Formatting
-<% if (toolchain === 'biome') { %>
-This project uses [Biome](https://biomejs.dev/) for linting and formatting. The following scripts are available:
-<% } %>
-<% if (toolchain === 'eslint+prettier') { %>
-This project uses [eslint](https://eslint.org/) and [prettier](https://prettier.io/) for linting and formatting. Eslint is configured using [tanstack/eslint-config](https://tanstack.com/config/latest/docs/eslint). The following scripts are available:
-<% } %>
-```bash
-<%= getPackageManagerRunScript('lint') %>
-<%= getPackageManagerRunScript('format') %>
-<%= getPackageManagerRunScript('check') %>
-```
-<% } %>
-
-# Learn More
-
-You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).