@tanstack/create 0.49.1

package/src/frameworks/react/add-ons/form/small-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 633 633"><defs><linearGradient id="b" x1="50%" x2="50%" y1="0%" y2="71.65%"><stop offset="0%" stop-color="#6BDAFF"/><stop offset="31.922%" stop-color="#F9FFB5"/><stop offset="70.627%" stop-color="#FFA770"/><stop offset="100%" stop-color="#FF7373"/></linearGradient><linearGradient id="d" x1="43.996%" x2="53.441%" y1="8.54%" y2="93.872%"><stop offset="0%" stop-color="#673800"/><stop offset="100%" stop-color="#B65E00"/></linearGradient><linearGradient id="e" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="f" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="g" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="h" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="i" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="j" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F8A00"/><stop offset="100%" stop-color="#90FF57"/></linearGradient><linearGradient id="k" x1="92.9%" x2="8.641%" y1="45.768%" y2="54.892%"><stop offset="0%" stop-color="#EE2700"/><stop offset="100%" stop-color="#FF008E"/></linearGradient><linearGradient id="l" x1="61.109%" x2="43.717%" y1="3.633%" y2="43.072%"><stop offset="0%" stop-color="#FFF400"/><stop offset="100%" stop-color="#3C8700"/></linearGradient><linearGradient id="m" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFDF00"/><stop offset="100%" stop-color="#FF9D00"/></linearGradient><linearGradient id="n" x1="127.279%" x2="0%" y1="49.778%" y2="50.222%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="o" x1="127.279%" x2="0%" y1="47.531%" y2="52.469%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="p" x1="127.279%" x2="0%" y1="46.195%" y2="53.805%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="q" x1="127.279%" x2="0%" y1="35.33%" y2="64.67%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="r" x1="127.279%" x2="0%" y1="4.875%" y2="95.125%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="s" x1="78.334%" x2="31.668%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="t" x1="57.913%" x2="44.88%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><linearGradient id="u" x1="50.495%" x2="49.68%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFA400"/><stop offset="100%" stop-color="#FF5E00"/></linearGradient><circle id="a" cx="308.5" cy="308.5" r="308.5"/><circle id="v" cx="307.5" cy="308.5" r="316.5"/></defs><g fill="none" fill-rule="evenodd" transform="translate(9 8)"><mask id="c" fill="#fff"><use xlink:href="#a"/></mask><use xlink:href="#a" fill="url(#b)"/><ellipse cx="81.5" cy="602.5" fill="#015064" stroke="#00CFE2" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><ellipse cx="535.5" cy="602.5" fill="#015064" stroke="#00CFE2" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><ellipse cx="81.5" cy="640.5" fill="#015064" stroke="#00A8B8" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><ellipse cx="535.5" cy="640.5" fill="#015064" stroke="#00A8B8" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><ellipse cx="81.5" cy="676.5" fill="#015064" stroke="#007782" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><ellipse cx="535.5" cy="676.5" fill="#015064" stroke="#007782" stroke-width="25" mask="url(#c)" rx="214.5" ry="185.968"/><g mask="url(#c)"><path fill="url(#d)" stroke="#6E3A00" stroke-width="6.088" d="M98.318 88.007c7.691 37.104 16.643 72.442 26.856 106.013 10.212 33.571 25.57 68.934 46.07 106.088l-51.903 11.67c-10.057-60.01-17.232-99.172-21.525-117.487-4.293-18.315-10.989-51.434-20.089-99.357l20.591-6.927" transform="scale(-1 1) rotate(25 -300.37 -553.013)"/><g stroke="#2F8A00"><path fill="url(#e)" stroke-width="9.343" d="M108.544 66.538s-13.54-21.305-37.417-27.785c-15.917-4.321-33.933.31-54.048 13.892C33.464 65.975 47.24 73.52 58.405 75.28c16.749 2.64 50.14-8.74 50.14-8.74Z" transform="rotate(1 -6061.691 5926.397)"/><path fill="url(#f)" stroke-width="9.343" d="M108.544 67.138s-47.187-5.997-81.077 19.936C4.873 104.362-3.782 137.794 1.502 187.369c28.42-29.22 48.758-50.836 61.016-64.846 18.387-21.016 46.026-55.385 46.026-55.385Z" transform="rotate(1 -6061.691 5926.397)"/><path fill="url(#g)" stroke-width="9.343" d="M108.544 66.538c-1.96-21.705 3.98-38.018 17.82-48.94C140.203 6.674 154.85.808 170.303 0c-4.865 21.527-12.373 36.314-22.524 44.361-10.151 8.048-23.23 15.44-39.236 22.177Z" transform="rotate(1 -6061.691 5926.397)"/><path fill="url(#h)" stroke-width="9.343" d="M108.544 67.138c29.838-31.486 61.061-42.776 93.669-33.869C234.82 42.176 253.749 60.785 259 89.096c-34.898-3.657-59.974-6.343-75.228-8.058-15.254-1.716-40.33-6.349-75.228-13.9Z" transform="rotate(1 -6061.691 5926.397)"/><path fill="url(#i)" stroke-width="9.343" d="M108.544 67.138c34.868-9.381 64.503-3.658 88.905 17.17 24.402 20.829 39.656 46.686 45.762 77.571-39.626-7.574-68.4-20.115-86.322-37.624a395.051 395.051 0 0 1-48.345-57.117Z" transform="rotate(1 -6061.691 5926.397)"/><path fill="url(#j)" stroke-width="9.343" d="M108.544 67.138C76.206 82.6 57.608 105.366 52.75 135.436c-4.858 30.07-.292 62.89 13.698 98.462 24.873-41.418 38.905-71.368 42.096-89.849 3.191-18.48 3.191-44.118 0-76.91Z" transform="rotate(1 -6061.691 5926.397)"/><path stroke-linecap="round" stroke-width="5.91" d="M211.284 173.477c-13.851 21.992-23.291 42.022-28.32 60.093-5.03 18.071-8.175 33.143-9.436 45.216"/><path stroke-linecap="round" stroke-width="5.91" d="M209.814 176.884c-23.982 2.565-42.792 10.469-56.428 23.714-13.639 13.245-23.483 26.136-29.536 38.674M219.045 167.299c29.028-7.723 50.972-10.173 65.831-7.352 14.859 2.822 26.807 7.659 35.842 14.51M211.31 172.618c20.29 9.106 38.353 19.052 54.186 29.837 15.833 10.786 27.714 20.99 35.643 30.617"/></g><path stroke="#830305" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="6.937" d="m409.379 398.157-23.176 18.556M328.04 375.516l-22.313 28.398M312.904 353.698l53.18 59.816"/><path fill="url(#k)" d="M67.585 27.463H5.68C1.893 28.148 0 30.38 0 34.16c0 3.78 1.893 6.211 5.68 7.293h67.17l41.751-30.356c2.488-2.646 2.794-5.315.92-8.006s-4.6-3.626-8.177-2.803l-39.76 27.174Z" transform="scale(-1 1) rotate(-9 2092.128 2856.854)"/><path fill="#D8D8D8" stroke="#FFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="4.414" d="m402.861 391.51.471-4.088M382.21 388.752l.472-4.087M361.546 385.404l.485-3.845M337.59 371.883l2.56-2.498M324.276 359.567l2.56-2.497"/></g><ellipse cx="308.5" cy="720.5" fill="url(#l)" mask="url(#c)" rx="266" ry="316.5"/><ellipse cx="308.5" cy="720.5" stroke="#6DA300" stroke-opacity=".502" stroke-width="26" mask="url(#c)" rx="253" ry="303.5"/><g mask="url(#c)"><g transform="translate(389 -32)"><circle cx="168.5" cy="113.5" r="113.5" fill="url(#m)"/><circle cx="168.5" cy="113.5" r="106" stroke="#FFC900" stroke-opacity=".529" stroke-width="15"/><path stroke="url(#n)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="M30 113H0"/><path stroke="url(#o)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="M33.5 79.5 7 74"/><path stroke="url(#p)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="m34 146-29 8"/><path stroke="url(#q)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="m45 177-24 13"/><path stroke="url(#r)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="m67 204-20 19"/><path stroke="url(#s)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="m94.373 227-13.834 22.847"/><path stroke="url(#t)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="M127.5 243.5 120 268"/><path stroke="url(#u)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12" d="m167.5 252.5.5 24.5"/></g></g><circle cx="307.5" cy="308.5" r="304" stroke="#000" stroke-width="25"/></g></svg>

package/src/frameworks/react/add-ons/mcp/assets/_dot_gitignore.append

@@ -0,0 +1 @@
+mcp-todos.json

package/src/frameworks/react/add-ons/mcp/assets/src/mcp-todos.ts

@@ -0,0 +1,51 @@
+import fs from 'node:fs'
+
+const todosPath = './mcp-todos.json'
+
+// In-memory todos storage
+const todos = fs.existsSync(todosPath)
+  ? JSON.parse(fs.readFileSync(todosPath, 'utf8'))
+  : [
+      {
+        id: 1,
+        title: 'Buy groceries',
+      },
+    ]
+
+// Subscription callbacks per userID
+let subscribers: ((todos: Todo[]) => void)[] = []
+
+export type Todo = {
+  id: number
+  title: string
+}
+
+// Get the todos for a user
+export function getTodos(): Todo[] {
+  return todos
+}
+
+// Add an item to the todos
+export function addTodo(title: string) {
+  todos.push({ id: todos.length + 1, title })
+  fs.writeFileSync(todosPath, JSON.stringify(todos, null, 2))
+  notifySubscribers()
+}
+
+// Subscribe to cart changes for a user
+export function subscribeToTodos(callback: (todos: Todo[]) => void) {
+  subscribers.push(callback)
+  callback(todos)
+  return () => {
+    subscribers = subscribers.filter((cb) => cb !== callback)
+  }
+}
+
+// Notify all subscribers of a user's cart
+function notifySubscribers() {
+  for (const cb of subscribers) {
+    try {
+      cb(todos)
+    } catch {}
+  }
+}

package/src/frameworks/react/add-ons/mcp/assets/src/routes/demo/api.mcp-todos.ts

@@ -0,0 +1,37 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { addTodo, getTodos, subscribeToTodos } from '@/mcp-todos'
+
+export const Route = createFileRoute('/api/mcp-todos')({
+  server: {
+    handlers: {
+      GET: () => {
+        const stream = new ReadableStream({
+          start(controller) {
+            function ping() {
+              try {
+                controller.enqueue(`event: ping\n\n`)
+                setTimeout(ping, 1000)
+              } catch {}
+            }
+            ping()
+            const unsubscribe = subscribeToTodos((todos) => {
+              controller.enqueue(`data: ${JSON.stringify(todos)}\n\n`)
+            })
+            const todos = getTodos()
+            controller.enqueue(`data: ${JSON.stringify(todos)}\n\n`)
+            return () => unsubscribe()
+          },
+        })
+        return new Response(stream, {
+          headers: { 'Content-Type': 'text/event-stream' },
+        })
+      },
+      POST: async ({ request }) => {
+        const { title } = await request.json()
+        addTodo(title)
+        return Response.json(getTodos())
+      },
+    },
+  },
+})

package/src/frameworks/react/add-ons/mcp/assets/src/routes/demo/mcp-todos.tsx

@@ -0,0 +1,78 @@
+import { useCallback, useState, useEffect } from 'react'
+import { createFileRoute } from '@tanstack/react-router'
+
+type Todo = {
+  id: number
+  title: string
+}
+
+export const Route = createFileRoute('/demo/mcp-todos')({
+  component: ORPCTodos,
+})
+
+function ORPCTodos() {
+  const [todos, setTodos] = useState<Todo[]>([])
+
+  useEffect(() => {
+    const eventSource = new EventSource('/demo/api/mcp-todos')
+    eventSource.onmessage = (event) => {
+      setTodos(JSON.parse(event.data))
+    }
+    return () => eventSource.close()
+  }, [])
+
+  const [todo, setTodo] = useState('')
+
+  const submitTodo = useCallback(async () => {
+    await fetch('/demo/api/mcp-todos', {
+      method: 'POST',
+      body: JSON.stringify({ title: todo }),
+    })
+    setTodo('')
+  }, [todo])
+
+  return (
+    <div
+      className="flex items-center justify-center min-h-screen bg-gradient-to-br from-teal-200 to-emerald-900 p-4 text-white"
+      style={{
+        backgroundImage:
+          'radial-gradient(70% 70% at 20% 20%, #07A798 0%, #045C4B 60%, #01251F 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">MCP Todos list</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.title}</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/src/frameworks/react/add-ons/mcp/assets/src/routes/mcp.ts

@@ -0,0 +1,53 @@
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import { createFileRoute } from '@tanstack/react-router'
+import z from 'zod'
+
+import { handleMcpRequest } from '@/utils/mcp-handler'
+
+import { addTodo } from '@/mcp-todos'
+
+const server = new McpServer({
+  name: 'start-server',
+  version: '1.0.0',
+})
+
+server.registerTool(
+  'addTodo',
+  {
+    title: 'Tool to add a todo to a list of todos',
+    description: 'Add a todo to a list of todos',
+    inputSchema: {
+      title: z.string().describe('The title of the todo'),
+    },
+  },
+  ({ title }) => ({
+    content: [{ type: 'text', text: String(addTodo(title)) }],
+  }),
+)
+
+// server.registerResource(
+//   "counter-value",
+//   "count://",
+//   {
+//     title: "Counter Resource",
+//     description: "Returns the current value of the counter",
+//   },
+//   async (uri) => {
+//     return {
+//       contents: [
+//         {
+//           uri: uri.href,
+//           text: `The counter is at 20!`,
+//         },
+//       ],
+//     };
+//   }
+// );
+
+export const Route = createFileRoute('/mcp')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => handleMcpRequest(request, server),
+    },
+  },
+})

package/src/frameworks/react/add-ons/mcp/assets/src/utils/mcp-handler.ts

@@ -0,0 +1,61 @@
+import { InMemoryTransport } from '@modelcontextprotocol/sdk/inMemory.js'
+
+import type { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import type { JSONRPCMessage } from '@modelcontextprotocol/sdk/types.js'
+
+export async function handleMcpRequest(
+  request: Request,
+  server: McpServer,
+): Promise<Response> {
+  try {
+    const jsonRpcRequest = (await request.json()) as JSONRPCMessage
+
+    const [clientTransport, serverTransport] =
+      InMemoryTransport.createLinkedPair()
+
+    let responseData: JSONRPCMessage | null = null
+
+    clientTransport.onmessage = (message: JSONRPCMessage) => {
+      responseData = message
+    }
+
+    await server.connect(serverTransport)
+
+    await clientTransport.start()
+    await serverTransport.start()
+
+    await clientTransport.send(jsonRpcRequest)
+
+    await new Promise((resolve) => setTimeout(resolve, 10))
+
+    await clientTransport.close()
+    await serverTransport.close()
+
+    return Response.json(responseData, {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+  } catch (error) {
+    console.error('MCP handler error:', error)
+
+    // Return a JSON-RPC error response
+    return Response.json(
+      {
+        jsonrpc: '2.0',
+        error: {
+          code: -32603,
+          message: 'Internal server error',
+          data: error instanceof Error ? error.message : String(error),
+        },
+        id: null,
+      },
+      {
+        status: 500,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      },
+    )
+  }
+}

package/src/frameworks/react/add-ons/mcp/info.json

@@ -0,0 +1,22 @@
+{
+  "name": "MCP",
+  "phase": "setup",
+  "description": "Add Model Context Protocol (MCP) support.",
+  "link": "https://mcp.dev",
+  "modes": ["file-router"],
+  "type": "add-on",
+  "category": "api",
+  "color": "#10B981",
+  "priority": 42,
+  "warning": "MCP is still in development and may change significantly or not be compatible with other add-ons.\nThe MCP implementation does not support authentication.",
+  "routes": [
+    {
+      "icon": "Webhook",
+      "url": "/demo/mcp-todos",
+      "name": "MCP",
+      "path": "src/routes/demo.mcp-todos.tsx",
+      "jsName": "MCPTodosDemo"
+    }
+  ],
+  "dependsOn": ["start"]
+}

package/src/frameworks/react/add-ons/mcp/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.17.0",
+    "zod": "4.2.1"
+  }
+}

package/src/frameworks/react/add-ons/mcp/small-logo.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>ModelContextProtocol</title><path d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"></path><path d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"></path></svg>

package/src/frameworks/react/add-ons/module-federation/assets/module-federation.config.js.ejs

@@ -0,0 +1,31 @@
+import packageJSON from './package.json'
+
+function remoteConfig(name, url) {
+  return {
+    type: 'module',
+    name,
+    entry: url,
+    entryGlobalName: 'remote',
+    shareScope: 'default',
+  }
+}
+
+export default {
+  filename: 'remoteEntry.js',
+  name: '<%= projectName %>',
+  exposes: {
+    './DemoMfComponent': './src/demo-mf-component.tsx',
+    './DemoMfSelfContained': './src/demo-mf-self-contained.tsx',
+  },
+  remotes: {},
+  shared: {
+    react: {
+      singleton: true,
+      requiredVersion: packageJSON.dependencies.react,
+    },
+    'react-dom': {
+      singleton: true,
+      requiredVersion: packageJSON.dependencies['react-dom'],
+    },
+  },
+}

package/src/frameworks/react/add-ons/module-federation/assets/src/demo-mf-component.tsx

@@ -0,0 +1,3 @@
+export function DemoMfComponent() {
+  return <div>Demo Mf Component</div>
+}

package/src/frameworks/react/add-ons/module-federation/assets/src/demo-mf-self-contained.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+
+function App() {
+  return <div>Hello from self-contained module federation</div>
+}
+
+export function DemoMfSelfContained(rootElement: HTMLElement) {
+  const root = ReactDOM.createRoot(rootElement)
+  root.render(<App />)
+}

package/src/frameworks/react/add-ons/module-federation/info.json

@@ -0,0 +1,11 @@
+{
+  "name": "Module Federation",
+  "description": "Module Federation",
+  "phase": "add-on",
+  "modes": ["code-router"],
+  "link": "https://module-federation.io/",
+  "type": "add-on",
+  "category": "tooling",
+  "color": "#1B72BE",
+  "priority": 38
+}

package/src/frameworks/react/add-ons/module-federation/package.json

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

package/src/frameworks/react/add-ons/module-federation/small-logo.svg

@@ -0,0 +1,87 @@
+<svg width="159" height="152" viewBox="0 0 159 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M96.2834 12.6942L79.0983 3.20801" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M80.9289 3.11991C80.9289 4.10042 80.1336 4.89569 79.152 4.89569C78.1705 4.89569 77.3752 4.10042 77.3752 3.11991C77.3752 2.13939 78.1705 1.34412 79.152 1.34412C80.1336 1.34412 80.9289 2.13939 80.9289 3.11991Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M98.06 12.6946C98.06 13.6751 97.2647 14.4704 96.2832 14.4704C95.3016 14.4704 94.5063 13.6751 94.5063 12.6946C94.5063 11.7141 95.3016 10.9188 96.2832 10.9188C97.2647 10.9188 98.06 11.7141 98.06 12.6946Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M61.9091 12.8208L79.0981 3.20801" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M63.6861 12.6946C63.6861 13.6751 62.8908 14.4704 61.9092 14.4704C60.9277 14.4704 60.1324 13.6751 60.1324 12.6946C60.1324 11.7141 60.9277 10.9188 61.9092 10.9188C62.8908 10.9188 63.6861 11.7141 63.6861 12.6946Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M96.2834 139.344L79.0983 148.834" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M80.9289 148.923C80.9289 149.904 80.1336 150.699 79.152 150.699C78.1705 150.699 77.3752 149.904 77.3752 148.923C77.3752 147.943 78.1705 147.147 79.152 147.147C80.1336 147.147 80.9289 147.943 80.9289 148.923Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M98.06 139.344C98.06 140.325 97.2647 141.12 96.2832 141.12C95.3016 141.12 94.5063 140.325 94.5063 139.344C94.5063 138.364 95.3016 137.568 96.2832 137.568C97.2647 137.568 98.06 138.364 98.06 139.344Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M61.9091 139.222L79.0981 148.834" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M63.6861 139.344C63.6861 140.325 62.8908 141.12 61.9093 141.12C60.9277 141.12 60.1324 140.325 60.1324 139.344C60.1324 138.364 60.9277 137.568 61.9093 137.568C62.8908 137.568 63.6861 138.364 63.6861 139.344Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M32.7162 29.5874L15.9264 39.7641" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M17.6533 39.6726C17.6533 40.6532 16.858 41.4484 15.8764 41.4484C14.8949 41.4484 14.0996 40.6532 14.0996 39.6726C14.0996 38.6921 14.8949 37.8969 15.8764 37.8969C16.858 37.8969 17.6533 38.6921 17.6533 39.6726Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M4.38269 32.0545C4.38269 33.035 3.5874 33.8303 2.60585 33.8303C1.6243 33.8303 0.829007 33.035 0.829007 32.0545C0.829007 31.074 1.6243 30.2787 2.60585 30.2787C3.5874 30.2787 4.38269 31.074 4.38269 32.0545Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M34.493 29.5877C34.493 30.5682 33.6977 31.3635 32.7162 31.3635C31.7346 31.3635 30.9394 30.5682 30.9394 29.5877C30.9394 28.6072 31.7346 27.8119 32.7162 27.8119C33.6977 27.8119 34.493 28.6072 34.493 29.5877Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M15.7038 59.4467L15.9264 39.7646" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M17.3732 59.3846C17.3732 60.3651 16.5779 61.1603 15.5964 61.1603C14.6148 61.1603 13.8195 60.3651 13.8195 59.3846C13.8195 58.404 14.6148 57.6088 15.5964 57.6088C16.5779 57.6088 17.3732 58.404 17.3732 59.3846Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M15.9265 39.7647L2.19912 31.8857" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M142.597 92.6567L142.267 112.277" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M144.147 112.278C144.147 113.258 143.352 114.053 142.37 114.053C141.389 114.053 140.593 113.258 140.593 112.278C140.593 111.297 141.389 110.502 142.37 110.502C143.352 110.502 144.147 111.297 144.147 112.278Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M157.418 119.892C157.418 120.872 156.622 121.668 155.641 121.668C154.659 121.668 153.864 120.872 153.864 119.892C153.864 118.911 154.659 118.116 155.641 118.116C156.622 118.116 157.418 118.911 157.418 119.892Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M144.373 92.657C144.373 93.6375 143.578 94.4328 142.597 94.4328C141.615 94.4328 140.82 93.6375 140.82 92.657C140.82 91.6765 141.615 90.8812 142.597 90.8812C143.578 90.8812 144.373 91.6765 144.373 92.657Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M125.369 122.389L142.267 112.277" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M127.254 122.454C127.254 123.434 126.458 124.23 125.477 124.23C124.495 124.23 123.7 123.434 123.7 122.454C123.7 121.473 124.495 120.678 125.477 120.678C126.458 120.678 127.254 121.473 127.254 122.454Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M142.267 112.277L155.994 120.156" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M15.6729 92.9106L16.072 112.531" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M17.7453 112.532C17.7453 113.512 16.95 114.307 15.9684 114.307C14.9869 114.307 14.1916 113.512 14.1916 112.532C14.1916 111.551 14.9869 110.756 15.9684 110.756C16.95 110.756 17.7453 111.551 17.7453 112.532Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M4.50523 120.196C4.50523 121.177 3.70993 121.972 2.72838 121.972C1.74683 121.972 0.951542 121.177 0.951542 120.196C0.951542 119.216 1.74683 118.42 2.72838 118.42C3.70993 118.42 4.50523 119.216 4.50523 120.196Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M17.4498 92.9109C17.4498 93.8914 16.6545 94.6867 15.6729 94.6867C14.6914 94.6867 13.8961 93.8914 13.8961 92.9109C13.8961 91.9304 14.6914 91.1351 15.6729 91.1351C16.6545 91.1351 17.4498 91.9304 17.4498 92.9109Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M33.0039 122.581L16.0721 112.531" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M34.6731 122.647C34.6731 123.628 33.8778 124.423 32.8962 124.423C31.9147 124.423 31.1194 123.628 31.1194 122.647C31.1194 121.667 31.9147 120.871 32.8962 120.871C33.8778 120.871 34.6731 121.667 34.6731 122.647Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M16.072 112.531L2.37531 120.46" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M125.323 29.4409L142.147 39.5524" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M143.974 39.4646C143.974 40.4451 143.179 41.2404 142.197 41.2404C141.215 41.2404 140.42 40.4451 140.42 39.4646C140.42 38.4841 141.215 37.6888 142.197 37.6888C143.179 37.6888 143.974 38.4841 143.974 39.4646Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M157.218 31.8001C157.218 32.7806 156.422 33.5759 155.441 33.5759C154.459 33.5759 153.664 32.7806 153.664 31.8001C153.664 30.8196 154.459 30.0243 155.441 30.0243C156.422 30.0243 157.218 30.8196 157.218 31.8001Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M127.1 29.4412C127.1 30.4217 126.305 31.217 125.323 31.217C124.341 31.217 123.546 30.4217 123.546 29.4412C123.546 28.4607 124.341 27.6654 125.323 27.6654C126.305 27.6654 127.1 28.4607 127.1 29.4412Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M142.439 59.2381L142.147 39.5522" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M144.323 59.1731C144.323 60.1536 143.528 60.9489 142.546 60.9489C141.565 60.9489 140.77 60.1536 140.77 59.1731C140.77 58.1926 141.565 57.3973 142.546 57.3973C143.528 57.3973 144.323 58.1926 144.323 59.1731Z" fill="#108CB9" stroke="#108CB9" stroke-width="1.05152"/>
+<path d="M142.147 39.5529L155.844 31.6279" stroke="#108CB9" stroke-width="3.15457" stroke-miterlimit="10"/>
+<path d="M96.5177 43.3354L79.0294 33.2432L61.5411 43.3354L79.0294 53.4277L96.5177 43.3354Z" fill="#9589EC"/>
+<path d="M79.0294 73.6123V53.4277L61.5411 43.3354V63.52L79.0294 73.6123Z" fill="#6559A2"/>
+<path d="M79.0294 73.6123V53.4277L96.5177 43.3354V63.52L79.0294 73.6123Z" fill="#6559A2"/>
+<path d="M79.0294 32.8018L61.1573 43.1165V63.7422L79.0294 74.057L96.9014 63.7422V43.1165L79.0294 32.8018ZM95.7501 43.3352L79.0294 52.9863L62.3086 43.339L79.0294 33.6879L95.7501 43.339V43.3352ZM61.9249 43.9988L78.6456 53.6461V72.9445L61.9249 63.2934V43.9949V43.9988ZM79.4131 72.9445V53.6461L96.1339 43.9949V63.2934L79.4131 72.9445Z" fill="#1C2135"/>
+<path d="M77.3292 77.0913L59.8409 66.999L42.3527 77.0913L59.8409 87.1836L77.3292 77.0913Z" fill="#6559A2"/>
+<path d="M59.8409 107.368V87.1831L42.3527 77.0908V97.2754L59.8409 107.368Z" fill="#9589EC"/>
+<path d="M59.8409 107.368V87.1831L77.3292 77.0908V97.2754L59.8409 107.368Z" fill="#6559A2"/>
+<path d="M59.8409 66.5571L41.9689 76.8719V97.4976L59.8409 107.812L77.7129 97.4976V76.8719L59.8409 66.5571ZM76.5616 77.0905L59.8409 86.7417L43.1202 77.0944L59.8409 67.4432L76.5616 77.0944V77.0905ZM42.7364 77.7541L59.4571 87.4015V106.7L42.7364 97.0488V77.7503V77.7541ZM60.2246 106.7V87.4015L76.9454 77.7503V97.0488L60.2246 106.7Z" fill="#1C2135"/>
+<path d="M115.706 77.0913L98.2176 66.999L80.7294 77.0913L98.2176 87.1836L115.706 77.0913Z" fill="#6559A2"/>
+<path d="M98.2176 107.368V87.1831L80.7294 77.0908V97.2754L98.2176 107.368Z" fill="#6559A2"/>
+<path d="M98.2176 107.368V87.1831L115.706 77.0908V97.2754L98.2176 107.368Z" fill="#9589EC"/>
+<path d="M98.2176 66.5571L80.3456 76.8719V97.4976L98.2176 107.812L116.09 97.4976V76.8719L98.2176 66.5571ZM114.938 77.0905L98.2176 86.7417L81.4969 77.0944L98.2176 67.4432L114.938 77.0944V77.0905ZM81.1131 77.7541L97.8338 87.4015V106.7L81.1131 97.0526V77.7541ZM98.6014 106.704V87.4053L115.322 77.7541V97.0526L98.6014 106.704Z" fill="#1C2135"/>
+<path d="M115.706 54.8423L98.2176 44.75L80.7294 54.8423L98.2176 64.9346L115.706 54.8423Z" fill="#9589EC"/>
+<path d="M98.2176 85.1191V64.9346L80.7294 54.8423V75.0268L98.2176 85.1191Z" fill="#6559A2"/>
+<path d="M98.2176 85.1191V64.9346L115.706 54.8423V75.0268L98.2176 85.1191Z" fill="#9589EC"/>
+<path d="M98.2176 44.3091L80.3456 54.6238V75.2495L98.2176 85.5643L116.09 75.2495V54.6238L98.2176 44.3091ZM114.938 54.8425L98.2176 64.4936L81.4969 54.8463L98.2176 45.1952L114.938 54.8463V54.8425ZM81.1131 55.5061L97.8338 65.1534V84.4519L81.1131 74.8046V55.5061ZM98.6014 84.4557V65.1573L115.322 55.5061V74.8046L98.6014 84.4557Z" fill="#1C2135"/>
+<path d="M77.3292 54.8423L59.8409 44.75L42.3527 54.8423L59.8409 64.9346L77.3292 54.8423Z" fill="#9589EC"/>
+<path d="M59.8409 85.1191V64.9346L42.3527 54.8423V75.0268L59.8409 85.1191Z" fill="#9589EC"/>
+<path d="M59.8409 85.1191V64.9346L77.3292 54.8423V75.0268L59.8409 85.1191Z" fill="#6559A2"/>
+<path d="M59.8409 44.3091L41.9689 54.6238V75.2495L59.8409 85.5643L77.7129 75.2495V54.6238L59.8409 44.3091ZM76.5616 54.8425L59.8409 64.4936L43.1202 54.8463L59.8409 45.1952L76.5616 54.8463V54.8425ZM42.7364 55.5061L59.4571 65.1534V84.4519L42.7364 74.8007V55.5023V55.5061ZM60.2246 84.4519V65.1534L76.9454 55.5023V74.8007L60.2246 84.4519Z" fill="#1C2135"/>
+<path d="M96.5177 88.2153L79.0294 78.123L61.5411 88.2153L79.0294 98.3076L96.5177 88.2153Z" fill="#6559A2"/>
+<path d="M79.0294 118.492V98.3076L61.5411 88.2153V108.4L79.0294 118.492Z" fill="#9589EC"/>
+<path d="M79.0294 118.492V98.3076L96.5177 88.2153V108.4L79.0294 118.492Z" fill="#9589EC"/>
+<path d="M79.0294 77.6816L61.1573 87.9964V108.622L79.0294 118.937L96.9014 108.622V87.9964L79.0294 77.6816ZM95.7501 88.215L79.0294 97.8662L62.3086 88.2189L79.0294 78.5677L95.7501 88.2189V88.215ZM61.9249 88.8787L78.6456 98.526V117.824L61.9249 108.177V88.8787ZM79.4131 117.828V98.5298L96.1339 88.8787V108.177L79.4131 117.828Z" fill="#1C2135"/>
+<path d="M96.5177 66.3511L79.0294 56.2588L61.5411 66.3511L79.0294 76.4434L96.5177 66.3511Z" fill="#9589EC"/>
+<path d="M79.0294 96.6279V76.4434L61.5411 66.3511V86.5356L79.0294 96.6279Z" fill="#9589EC"/>
+<path d="M79.0294 96.6279V76.4434L96.5177 66.3511V86.5356L79.0294 96.6279Z" fill="#9589EC"/>
+<path d="M79.0294 97.0726L61.1573 86.7578V66.1321L79.0294 55.8174L96.9014 66.1321V86.7578L79.0294 97.0726ZM61.9249 86.3167L79.0294 96.1865L96.1339 86.3167V66.5733L79.0294 56.7035L61.9249 66.5733V86.3129V86.3167Z" fill="#1C2135"/>
+<path d="M61.7396 66.0285L61.3558 66.6929L78.8442 76.7852L79.2279 76.1208L61.7396 66.0285Z" fill="#1C2135"/>
+<path d="M96.3385 66.0602L78.8484 76.1494L79.232 76.8139L96.7222 66.7247L96.3385 66.0602Z" fill="#1C2135"/>
+<path d="M79.4131 76.4429H78.6456V96.6274H79.4131V76.4429Z" fill="#1C2135"/>
+<path d="M134.545 43.1704L79.866 11.6162V31.5476L117.276 53.1361L134.545 43.1704Z" fill="#71BEDB"/>
+<path d="M80.6336 12.9434L133.014 43.1703L117.279 52.2499L80.6336 31.1026V12.9434ZM79.866 11.6161V31.5475L117.279 53.136L134.549 43.1703L79.866 11.6123V11.6161Z" fill="#1C2135"/>
+<path d="M40.8101 53.1975L78.331 31.5476V11.6162L23.5405 43.2318L40.8101 53.1975Z" fill="#71BEDB"/>
+<path d="M77.5639 12.9434V31.1026L40.8143 52.3114L25.0799 43.2318L77.5639 12.9434ZM78.3314 11.6162L23.5448 43.2318L40.8143 53.1975L78.3314 31.5476V11.6162Z" fill="#1C2135"/>
+<path d="M118.012 54.4823V97.7514L135.282 107.717V44.5166L118.012 54.4823Z" fill="#71BEDB"/>
+<path d="M134.514 45.8477V106.39L118.78 97.3102V54.9273L134.514 45.8477ZM135.282 44.5204L118.012 54.4861V97.7514L135.282 107.717V44.5166V44.5204Z" fill="#1C2135"/>
+<path d="M40.1806 54.6053L22.9111 44.6396V107.595L40.1806 97.6289V54.6053Z" fill="#71BEDB"/>
+<path d="M23.6786 45.9669L39.413 55.0465V97.1839L23.6786 106.264V45.9669ZM22.9111 44.6396V107.595L40.1806 97.6289V54.6053L22.9111 44.6396Z" fill="#1C2135"/>
+<path d="M23.7093 108.907L78.3309 140.427V120.495L40.9788 98.9414L23.7093 108.907Z" fill="#71BEDB"/>
+<path d="M40.9788 99.8275L77.5633 120.94V139.1L25.2444 108.907L40.9788 99.8275ZM40.9788 98.9414L23.7093 108.907L78.3309 140.427V120.495L40.9788 98.9414Z" fill="#1C2135"/>
+<path d="M79.8665 120.494V140.425L134.381 108.967L117.111 99.001L79.8665 120.494Z" fill="#71BEDB"/>
+<path d="M117.111 99.8871L132.845 108.967L80.6297 139.098V120.939L117.111 99.8871ZM117.111 99.001L79.8622 120.497V140.429L134.38 108.967L117.111 99.001Z" fill="#1C2135"/>
+<path d="M96.5177 66.3511L79.0294 56.2588L61.5411 66.3511L79.0294 76.4434L96.5177 66.3511Z" fill="#9589EC"/>
+<path d="M79.0294 96.6279V76.4434L61.5411 66.3511V86.5356L79.0294 96.6279Z" fill="#9589EC"/>
+<path d="M79.0294 96.6279V76.4434L96.5177 66.3511V86.5356L79.0294 96.6279Z" fill="#9589EC"/>
+<path d="M79.0294 55.8174L61.1573 66.1321V86.7578L79.0294 97.0726L96.9014 86.7578V66.1321L79.0294 55.8174ZM95.7501 66.3508L79.0294 76.0019L62.3086 66.3546L79.0294 56.7035L95.7501 66.3546V66.3508ZM61.9249 67.0144L78.6456 76.6617V95.9602L61.9249 86.309V67.0106V67.0144ZM79.4131 95.9602V76.6617L96.1339 67.0106V86.309L79.4131 95.9602Z" fill="#1C2135"/>
+</svg>

package/src/frameworks/react/add-ons/neon/README.md

@@ -0,0 +1,8 @@
+## Setting up Neon
+
+When running the `dev` command, the `@neondatabase/vite-plugin-postgres` will identify there is not a database setup. It will then create and seed a claimable database.
+
+It is the same process as [Neon Launchpad](https://neon.new).
+
+> [!IMPORTANT]  
+> Claimable databases expire in 72 hours.

package/src/frameworks/react/add-ons/neon/assets/_dot_env.example.append

@@ -0,0 +1,4 @@
+# These will be automatically created by Neon Launchpad (https://neon.new).
+# You will also need to 
+VITE_DATABASE_URL=
+VITE_DATABASE_URL_POOLER=

package/src/frameworks/react/add-ons/neon/assets/db/init.sql

@@ -0,0 +1,14 @@
+-- Schema for a simple to-do list
+CREATE TABLE IF NOT EXISTS todos (
+    id SERIAL PRIMARY KEY,
+    title VARCHAR(255) NOT NULL,
+    description TEXT,
+    is_completed BOOLEAN DEFAULT FALSE,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+-- Initial data for the to-do list
+INSERT INTO todos (title, description, is_completed) VALUES
+('Buy groceries', 'Milk, Bread, Eggs, and Butter', FALSE),
+('Read a book', 'Finish reading "The Great Gatsby"', FALSE),
+('Workout', 'Go for a 30-minute run', FALSE);

package/src/frameworks/react/add-ons/neon/assets/neon-vite-plugin.ts

@@ -0,0 +1,10 @@
+import postgresPlugin from '@neondatabase/vite-plugin-postgres'
+
+export default postgresPlugin({
+  seed: {
+    type: 'sql-script',
+    path: 'db/init.sql',
+  },
+  referrer: 'create-tanstack',
+  dotEnvKey: 'VITE_DATABASE_URL',
+})

package/src/frameworks/react/add-ons/neon/assets/public/demo-neon.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" width="256" height="256" preserveAspectRatio="xMidYMid"><defs><linearGradient id="a" x1="100%" x2="12.069%" y1="100%" y2="0%"><stop offset="0%" stop-color="#62F755"/><stop offset="100%" stop-color="#8FF986" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="100%" x2="40.603%" y1="100%" y2="76.897%"><stop offset="0%" stop-opacity=".9"/><stop offset="100%" stop-color="#1A1A1A" stop-opacity="0"/></linearGradient></defs><path fill="#00E0D9" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="url(#a)" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="url(#b)" fill-opacity=".4" d="M0 44.139C0 19.762 19.762 0 44.139 0H211.86C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723h-76.36C19.763 256 0 236.238 0 211.861V44.14Zm44.139-8.825c-4.879 0-8.825 3.946-8.825 8.818v167.73c0 4.878 3.946 8.831 8.818 8.831h77.688c2.44 0 3.087-1.977 3.087-4.416v-101.22c0-25.222 31.914-36.166 47.395-16.255l48.391 62.243V44.14c0-4.879.455-8.825-4.416-8.825H44.14Z"/><path fill="#63F655" d="M211.861 0C236.238 0 256 19.762 256 44.139v142.649c0 25.216-31.915 36.16-47.388 16.256l-48.392-62.251v75.484c0 21.939-17.784 39.723-39.722 39.723a4.409 4.409 0 0 0 4.409-4.409V115.058c0-25.223 31.914-36.167 47.395-16.256l48.391 62.243V8.825c0-4.871-3.953-8.825-8.832-8.825Z"/></svg>

package/src/frameworks/react/add-ons/neon/assets/src/db.ts

@@ -0,0 +1,13 @@
+import { neon } from '@neondatabase/serverless'
+
+let client: ReturnType<typeof neon>
+
+export async function getClient() {
+  if (!process.env.VITE_DATABASE_URL) {
+    return undefined
+  }
+  if (!client) {
+    client = await neon(process.env.VITE_DATABASE_URL!)
+  }
+  return client
+}