@tanstack/cta-engine 0.14.3 → 0.15.0

package/templates/react/add-on/clerk/assets/src/routes/demo.clerk.tsx

@@ -1,20 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { useUser } from '@clerk/clerk-react'
-
-export const Route = createFileRoute('/demo/clerk')({
-  component: App,
-})
-
-function App() {
-  const { isSignedIn, user, isLoaded } = useUser()
-
-  if (!isLoaded) {
-    return <div className="p-4">Loading...</div>
-  }
-
-  if (!isSignedIn) {
-    return <div className="p-4">Sign in to view this page</div>
-  }
-
-  return <div className="p-4">Hello {user.firstName}!</div>
-}

package/templates/react/add-on/clerk/info.json

@@ -1,13 +0,0 @@
-{
-  "name": "Clerk",
-  "description": "Add Clerk authentication to your application.",
-  "phase": "add-on",
-  "templates": ["file-router"],
-  "link": "https://clerk.com",
-  "routes": [
-    {
-      "url": "/demo/clerk",
-      "name": "Clerk"
-    }
-  ]
-}

package/templates/react/add-on/clerk/package.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": {
-    "@clerk/clerk-react": "^5.22.13"
-  }
-}

package/templates/react/add-on/convex/README.md

@@ -1,4 +0,0 @@
-## Setting up Convex
-
-- Set the `VITE_CONVEX_URL` and `CONVEX_DEPLOYMENT` environment variables in your `.env.local`. (Or run `npx convex init` to set them automatically.)
-- Run `npx convex dev` to start the Convex server.

package/templates/react/add-on/convex/assets/_dot_cursorrules.append

@@ -1,93 +0,0 @@
-This document serves as some special instructions when working with Convex.
-
-# Schemas
-
-When designing the schema please see this page on built in System fields and data types available: https://docs.convex.dev/database/types
-
-Here are some specifics that are often mishandled:
-
-## v (https://docs.convex.dev/api/modules/values#v)
-
-The validator builder.
-
-This builder allows you to build validators for Convex values.
-
-Validators can be used in schema definitions and as input validators for Convex functions.
-
-Type declaration
-Name	Type
-id	<TableName>(tableName: TableName) => VId<GenericId<TableName>, "required">
-null	() => VNull<null, "required">
-number	() => VFloat64<number, "required">
-float64	() => VFloat64<number, "required">
-bigint	() => VInt64<bigint, "required">
-int64	() => VInt64<bigint, "required">
-boolean	() => VBoolean<boolean, "required">
-string	() => VString<string, "required">
-bytes	() => VBytes<ArrayBuffer, "required">
-literal	<T>(literal: T) => VLiteral<T, "required">
-array	<T>(element: T) => VArray<T["type"][], T, "required">
-object	<T>(fields: T) => VObject<Expand<{ [Property in string | number | symbol]?: Exclude<Infer<T[Property]>, undefined> } & { [Property in string | number | symbol]: Infer<T[Property]> }>, T, "required", { [Property in string | number | symbol]: Property | `${Property & string}.${T[Property]["fieldPaths"]}` }[keyof T] & string>
-record	<Key, Value>(keys: Key, values: Value) => VRecord<Record<Infer<Key>, Value["type"]>, Key, Value, "required", string>
-union	<T>(...members: T) => VUnion<T[number]["type"], T, "required", T[number]["fieldPaths"]>
-any	() => VAny<any, "required", string>
-optional	<T>(value: T) => VOptional<T>
-
-## System fields (https://docs.convex.dev/database/types#system-fields)
-
-Every document in Convex has two automatically-generated system fields:
-
-_id: The document ID of the document.
-_creationTime: The time this document was created, in milliseconds since the Unix epoch.
-
-You do not need to add indices as these are added automatically.
-
-## Example Schema
-
-This is an example of a well crafted schema.
-
-```ts
-import { defineSchema, defineTable } from "convex/server";
-import { v } from "convex/values";
-
-export default defineSchema(
-  {
-    users: defineTable({
-      name: v.string(),
-    }),
-    
-    sessions: defineTable({
-      userId: v.id("users"),
-      sessionId: v.string(),
-    }).index("sessionId", ["sessionId"]),
-    
-    threads: defineTable({
-      uuid: v.string(),
-      summary: v.optional(v.string()),
-      summarizer: v.optional(v.id("_scheduled_functions")),
-    }).index("uuid", ["uuid"]),
-
-    messages: defineTable({
-      message: v.string(),
-      threadId: v.id("threads"),
-      author: v.union(
-        v.object({
-          role: v.literal("system"),
-        }),
-        v.object({
-          role: v.literal("assistant"),
-          context: v.array(v.id("messages")),
-          model: v.optional(v.string()),
-        }),
-        v.object({
-          role: v.literal("user"),
-          userId: v.id("users"),
-        }),
-      ),
-    })
-      .index("threadId", ["threadId"]),
-  },
-);
-```
-
-Sourced from: https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/convex-cursorrules-prompt-file/.cursorrules

package/templates/react/add-on/convex/assets/_dot_env.local.append

@@ -1,3 +0,0 @@
-# Convex configuration, get this URL from your [Dashboard](dashboard.convex.dev)
-CONVEX_DEPLOYMENT=
-VITE_CONVEX_URL=

package/templates/react/add-on/convex/assets/convex/products.ts

@@ -1,8 +0,0 @@
-import { query } from "./_generated/server";
-
-export const get = query({
-  args: {},
-  handler: async (ctx) => {
-    return await ctx.db.query("products").collect();
-  },
-});

package/templates/react/add-on/convex/assets/convex/schema.ts

@@ -1,10 +0,0 @@
-import { defineSchema, defineTable } from "convex/server";
-import { v } from "convex/values";
-
-export default defineSchema({
-  products: defineTable({
-    title: v.string(),
-    imageId: v.string(),
-    price: v.number(),
-  }),
-});

package/templates/react/add-on/convex/assets/src/integrations/convex/provider.tsx

@@ -1,20 +0,0 @@
-import { ConvexProvider } from 'convex/react'
-import { ConvexQueryClient } from '@convex-dev/react-query'
-
-const CONVEX_URL = (import.meta as any).env.VITE_CONVEX_URL
-if (!CONVEX_URL) {
-  console.error('missing envar CONVEX_URL')
-}
-const convexQueryClient = new ConvexQueryClient(CONVEX_URL)
-
-export default function AppConvexProvider({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <ConvexProvider client={convexQueryClient.convexClient}>
-      {children}
-    </ConvexProvider>
-  )
-}

package/templates/react/add-on/convex/assets/src/routes/demo.convex.tsx

@@ -1,33 +0,0 @@
-import { Suspense } from 'react'
-import { createFileRoute } from '@tanstack/react-router'
-import { useQuery } from 'convex/react'
-
-import { api } from '../../convex/_generated/api'
-
-export const Route = createFileRoute('/demo/convex')({
-  component: App,
-})
-
-function Products() {
-  const products = useQuery(api.products.get)
-
-  return (
-    <ul>
-      {(products || []).map((p) => (
-        <li key={p._id}>
-          {p.title} - {p.price}
-        </li>
-      ))}
-    </ul>
-  )
-}
-
-function App() {
-  return (
-    <div className="p-4">
-      <Suspense fallback={<div>Loading...</div>}>
-        <Products />
-      </Suspense>
-    </div>
-  )
-}

package/templates/react/add-on/convex/info.json

@@ -1,13 +0,0 @@
-{
-  "name": "Convex",
-  "description": "Add the Convex database to your application.",
-  "link": "https://convex.dev",
-  "phase": "add-on",
-  "templates": ["file-router"],
-  "routes": [
-    {
-      "url": "/demo/convex",
-      "name": "Convex"
-    }
-  ]
-}

package/templates/react/add-on/convex/package.json

@@ -1,6 +0,0 @@
-{
-  "dependencies": {
-    "@convex-dev/react-query": "0.0.0-alpha.8",
-    "convex": "^1.19.2"
-  }
-}

package/templates/react/add-on/form/assets/src/components/demo.FormComponents.tsx.ejs

@@ -1,300 +0,0 @@
-import { useStore } from '@tanstack/react-form'
-
-import { useFieldContext, useFormContext } from '../hooks/demo.form-context'
-<% if (addOnEnabled.shadcn) { %>
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Textarea as ShadcnTextarea } from '@/components/ui/textarea'
-import * as ShadcnSelect from '@/components/ui/select'
-import { Slider as ShadcnSlider } from '@/components/ui/slider'
-import { Switch as ShadcnSwitch } from '@/components/ui/switch'
-import { Label } from '@/components/ui/label'
-
-export function SubscribeButton({ label }: { label: string }) {
-  const form = useFormContext()
-  return (
-    <form.Subscribe selector={(state) => state.isSubmitting}>
-      {(isSubmitting) => (
-        <Button type="submit" disabled={isSubmitting}>
-          {label}
-        </Button>
-      )}
-    </form.Subscribe>
-  )
-}
-
-function ErrorMessages({
-  errors,
-}: {
-  errors: Array<string | { message: string }>
-}) {
-  return (
-    <>
-      {errors.map((error) => (
-        <div
-          key={typeof error === 'string' ? error : error.message}
-          className="text-red-500 mt-1 font-bold"
-        >
-          {typeof error === 'string' ? error : error.message}
-        </div>
-      ))}
-    </>
-  )
-}
-
-export function TextField({
-  label,
-  placeholder,
-}: {
-  label: string
-  placeholder?: string
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <Label htmlFor={label} className="mb-2 text-xl font-bold">
-        {label}
-      </Label>
-      <Input
-        value={field.state.value}
-        placeholder={placeholder}
-        onBlur={field.handleBlur}
-        onChange={(e) => field.handleChange(e.target.value)}
-      />
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function TextArea({
-  label,
-  rows = 3,
-}: {
-  label: string
-  rows?: number
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <Label htmlFor={label} className="mb-2 text-xl font-bold">
-        {label}
-      </Label>
-      <ShadcnTextarea
-        id={label}
-        value={field.state.value}
-        onBlur={field.handleBlur}
-        rows={rows}
-        onChange={(e) => field.handleChange(e.target.value)}
-      />
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function Select({
-  label,
-  values,
-  placeholder,
-}: {
-  label: string
-  values: Array<{ label: string; value: string }>
-  placeholder?: string
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <ShadcnSelect.Select
-        name={field.name}
-        value={field.state.value}
-        onValueChange={(value) => field.handleChange(value)}
-      >
-        <ShadcnSelect.SelectTrigger className="w-full">
-          <ShadcnSelect.SelectValue placeholder={placeholder} />
-        </ShadcnSelect.SelectTrigger>
-        <ShadcnSelect.SelectContent>
-          <ShadcnSelect.SelectGroup>
-            <ShadcnSelect.SelectLabel>{label}</ShadcnSelect.SelectLabel>
-            {values.map((value) => (
-              <ShadcnSelect.SelectItem key={value.value} value={value.value}>
-                {value.label}
-              </ShadcnSelect.SelectItem>
-            ))}
-          </ShadcnSelect.SelectGroup>
-        </ShadcnSelect.SelectContent>
-      </ShadcnSelect.Select>
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function Slider({ label }: { label: string }) {
-  const field = useFieldContext<number>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <Label htmlFor={label} className="mb-2 text-xl font-bold">
-        {label}
-      </Label>
-      <ShadcnSlider
-        id={label}
-        onBlur={field.handleBlur}
-        value={[field.state.value]}
-        onValueChange={(value) => field.handleChange(value[0])}
-      />
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function Switch({ label }: { label: string }) {
-  const field = useFieldContext<boolean>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <div className="flex items-center gap-2">
-        <ShadcnSwitch
-          id={label}
-          onBlur={field.handleBlur}
-          checked={field.state.value}
-          onCheckedChange={(checked) => field.handleChange(checked)}
-        />
-        <Label htmlFor={label}>{label}</Label>
-      </div>
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-  
-<% } else { %>
-export function SubscribeButton({ label }: { label: string }) {
-  const form = useFormContext()
-  return (
-    <form.Subscribe selector={(state) => state.isSubmitting}>
-      {(isSubmitting) => (
-        <button
-          type="submit"
-          disabled={isSubmitting}
-          className="px-6 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-colors disabled:opacity-50"
-        >
-          {label}
-        </button>
-      )}
-    </form.Subscribe>
-  )
-}
-
-function ErrorMessages({
-  errors,
-}: {
-  errors: Array<string | { message: string }>
-}) {
-  return (
-    <>
-      {errors.map((error) => (
-        <div
-          key={typeof error === 'string' ? error : error.message}
-          className="text-red-500 mt-1 font-bold"
-        >
-          {typeof error === 'string' ? error : error.message}
-        </div>
-      ))}
-    </>
-  )
-}
-
-export function TextField({
-  label,
-  placeholder,
-}: {
-  label: string
-  placeholder?: string
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <label htmlFor={label} className="block font-bold mb-1 text-xl">
-        {label}
-        <input
-          value={field.state.value}
-          placeholder={placeholder}
-          onBlur={field.handleBlur}
-          onChange={(e) => field.handleChange(e.target.value)}
-          className="w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"
-        />
-      </label>
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function TextArea({
-  label,
-  rows = 3,
-}: {
-  label: string
-  rows?: number
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <label htmlFor={label} className="block font-bold mb-1 text-xl">
-        {label}
-        <textarea
-          value={field.state.value}
-          onBlur={field.handleBlur}
-          rows={rows}
-          onChange={(e) => field.handleChange(e.target.value)}
-          className="w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"
-        />
-      </label>
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-
-export function Select({
-  label,
-  values,
-}: {
-  label: string
-  values: Array<{ label: string; value: string }>
-  placeholder?: string
-}) {
-  const field = useFieldContext<string>()
-  const errors = useStore(field.store, (state) => state.meta.errors)
-
-  return (
-    <div>
-      <label htmlFor={label} className="block font-bold mb-1 text-xl">
-        {label}
-      </label>
-      <select
-        name={field.name}
-        value={field.state.value}
-        onBlur={field.handleBlur}
-        onChange={(e) => field.handleChange(e.target.value)}
-        className="w-full px-4 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500"
-      >
-        {values.map((value) => (
-          <option key={value.value} value={value.value}>
-            {value.label}
-          </option>
-        ))}
-      </select>
-      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}
-    </div>
-  )
-}
-<% } %>

package/templates/react/add-on/form/assets/src/hooks/demo.form-context.ts

@@ -1,4 +0,0 @@
-import { createFormHookContexts } from '@tanstack/react-form'
-
-export const { fieldContext, useFieldContext, formContext, useFormContext } =
-  createFormHookContexts()

package/templates/react/add-on/form/assets/src/hooks/demo.form.ts

@@ -1,22 +0,0 @@
-import { createFormHook } from '@tanstack/react-form'
-
-import {
-  Select,
-  SubscribeButton,
-  TextArea,
-  TextField,
-} from '../components/demo.FormComponents'
-import { fieldContext, formContext } from './demo.form-context'
-
-export const { useAppForm } = createFormHook({
-  fieldComponents: {
-    TextField,
-    Select,
-    TextArea,
-  },
-  formComponents: {
-    SubscribeButton,
-  },
-  fieldContext,
-  formContext,
-})