@tanstack/create 0.49.1

package/dist/frameworks/solid/examples/tanchat/assets/src/routes/example.chat.tsx

@@ -0,0 +1,435 @@
+import { createEffect, createSignal, Show } from 'solid-js'
+import { createFileRoute } from '@tanstack/solid-router'
+import {
+  PlusCircle,
+  MessageCircle,
+  Trash2,
+  Send,
+  Settings,
+  Edit2,
+} from 'lucide-solid'
+import MarkdownIt from 'markdown-it'
+import { SettingsDialog } from '../components/demo.SettingsDialog'
+import {
+  useAppActions,
+  useAppSelectors,
+  useAppState,
+} from '../store/demo.hooks'
+import { store } from '../store/demo.store'
+
+import '../demo.index.css'
+
+type Message = {
+  id: string
+  role: 'user' | 'assistant'
+  content: string
+}
+
+const md = new MarkdownIt()
+
+function Home() {
+  const state = useAppState()
+  const actions = useAppActions()
+  const selectors = useAppSelectors()
+
+  const currentConversation = () =>
+    state().conversations.find((c) => c.id === state().currentConversationId)
+  const messages = () => currentConversation()?.messages || []
+
+  // Local state
+  const [input, setInput] = createSignal('')
+  const [editingChatId, setEditingChatId] = createSignal<string | null>(null)
+  const [isSettingsOpen, setIsSettingsOpen] = createSignal(false)
+  let messagesContainerRef: HTMLDivElement | null
+  const [pendingMessage, setPendingMessage] = createSignal<Message | null>(null)
+
+  const scrollToBottom = () => {
+    if (messagesContainerRef) {
+      messagesContainerRef.scrollTop = messagesContainerRef.scrollHeight
+    }
+  }
+
+  // Scroll to bottom when messages change or loading state changes
+  createEffect(() => {
+    state().isLoading
+    messages()
+    scrollToBottom()
+  })
+
+  const handleSubmit = async (e: any) => {
+    e.preventDefault()
+    if (!input().trim() || state().isLoading) return
+
+    const currentInput = input()
+    setInput('') // Clear input early for better UX
+    actions.setLoading(true)
+
+    try {
+      let conversationId = state().currentConversationId
+
+      // If no current conversation, create one
+      if (!conversationId) {
+        conversationId = Date.now().toString()
+        const newConversation = {
+          id: conversationId,
+          title: currentInput.trim().slice(0, 30),
+          messages: [],
+        }
+        actions.addConversation(newConversation)
+      }
+
+      const userMessage: Message = {
+        id: Date.now().toString(),
+        role: 'user' as const,
+        content: currentInput.trim(),
+      }
+
+      // Add user message
+      actions.addMessage(conversationId, userMessage)
+
+      // Get active prompt
+      const activePrompt = selectors.getActivePrompt(store.state)
+      let systemPrompt
+      if (activePrompt) {
+        systemPrompt = {
+          value: activePrompt.content,
+          enabled: true,
+        }
+      }
+
+      const response = await fetch('http://localhost:8080/api/chat', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          messages: [...messages(), userMessage],
+          systemPrompt,
+        }),
+      })
+
+      const reader = response.body?.getReader()
+      if (!reader) {
+        throw new Error('No reader found in response')
+      }
+
+      const decoder = new TextDecoder()
+
+      let done = false
+      let newMessage = {
+        id: (Date.now() + 1).toString(),
+        role: 'assistant' as const,
+        content: '',
+      }
+      while (!done) {
+        const out = await reader.read()
+        done = out.done
+        if (!done) {
+          try {
+            const jsonTxt = decoder.decode(out.value).replace(/^data:\s+/, '')
+            console.log(jsonTxt)
+            const json = JSON.parse(jsonTxt)
+            if (json.type === 'content_block_delta') {
+              newMessage = {
+                ...newMessage,
+                content: newMessage.content + json.delta.text,
+              }
+              setPendingMessage(newMessage)
+            }
+          } catch (e) {
+            console.error(e)
+          }
+        }
+      }
+
+      setPendingMessage(null)
+      if (newMessage.content.trim()) {
+        actions.addMessage(conversationId, newMessage)
+      }
+    } catch (error) {
+      console.error('Error:', error)
+      const errorMessage: Message = {
+        id: (Date.now() + 1).toString(),
+        role: 'assistant' as const,
+        content: 'Sorry, I encountered an error processing your request.',
+      }
+      if (state().currentConversationId) {
+        actions.addMessage(state().currentConversationId!, errorMessage)
+      }
+    } finally {
+      actions.setLoading(false)
+    }
+  }
+
+  const handleNewChat = () => {
+    const newConversation = {
+      id: Date.now().toString(),
+      title: 'New Chat',
+      messages: [],
+    }
+    actions.addConversation(newConversation)
+  }
+
+  const handleDeleteChat = (id: string) => {
+    actions.deleteConversation(id)
+  }
+
+  const handleUpdateChatTitle = (id: string, title: string) => {
+    actions.updateConversationTitle(id, title)
+    setEditingChatId(null)
+  }
+
+  // Handle input change
+  const handleInputChange = (e: any) => {
+    setInput(e.target.value)
+  }
+
+  return (
+    <div class="relative flex h-[calc(100vh-32px)] bg-gray-900">
+      {/* Settings Button */}
+      <div class="absolute top-5 right-5 z-50">
+        <button
+          onClick={() => setIsSettingsOpen(true)}
+          class="w-10 h-10 rounded-full bg-gradient-to-r from-orange-500 to-red-600 flex items-center justify-center text-white hover:opacity-90 transition-opacity focus:outline-none focus:ring-2 focus:ring-orange-500"
+        >
+          <Settings class="w-5 h-5" />
+        </button>
+      </div>
+
+      {/* Sidebar */}
+      <div class="flex flex-col w-64 bg-gray-800 border-r border-gray-700">
+        <div class="p-4 border-b border-gray-700">
+          <button
+            onClick={handleNewChat}
+            class="flex items-center gap-2 px-3 py-2 text-sm font-medium text-white bg-gradient-to-r from-orange-500 to-red-600 rounded-lg hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-orange-500 w-full justify-center"
+          >
+            <PlusCircle class="w-4 h-4" />
+            New Chat
+          </button>
+        </div>
+
+        {/* Chat List */}
+        <div class="flex-1 overflow-y-auto">
+          {state().conversations.map((chat) => (
+            <div
+              class={`group flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-gray-700/50 ${
+                chat.id === state().currentConversationId
+                  ? 'bg-gray-700/50'
+                  : ''
+              }`}
+              onClick={() => actions.setCurrentConversationId(chat.id)}
+            >
+              <MessageCircle class="w-4 h-4 text-gray-400" />
+              {editingChatId() === chat.id ? (
+                <input
+                  type="text"
+                  value={chat.title}
+                  onChange={(e) =>
+                    handleUpdateChatTitle(chat.id, e.target.value)
+                  }
+                  onBlur={() => setEditingChatId(null)}
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      handleUpdateChatTitle(chat.id, chat.title)
+                    }
+                  }}
+                  class="flex-1 bg-transparent text-sm text-white focus:outline-none"
+                  autofocus
+                />
+              ) : (
+                <span class="flex-1 text-sm text-gray-300 truncate">
+                  {chat.title}
+                </span>
+              )}
+              <div class="hidden group-hover:flex items-center gap-1">
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    setEditingChatId(chat.id)
+                  }}
+                  class="p-1 text-gray-400 hover:text-white"
+                >
+                  <Edit2 class="w-3 h-3" />
+                </button>
+                <button
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    handleDeleteChat(chat.id)
+                  }}
+                  class="p-1 text-gray-400 hover:text-red-500"
+                >
+                  <Trash2 class="w-3 h-3" />
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      {/* Main Content */}
+      <div class="flex-1 flex flex-col">
+        {state().currentConversationId ? (
+          <>
+            {/* Messages */}
+            <div
+              ref={messagesContainerRef}
+              class="flex-1 overflow-y-auto pb-24"
+            >
+              <div class="max-w-3xl mx-auto w-full px-4">
+                {[...messages(), pendingMessage()]
+                  .filter((v) => v)
+                  .map((message) => (
+                    <div
+                      class={`py-6 ${
+                        message!.role === 'assistant'
+                          ? 'bg-gradient-to-r from-orange-500/5 to-red-600/5'
+                          : 'bg-transparent'
+                      }`}
+                    >
+                      <div class="flex items-start gap-4 max-w-3xl mx-auto w-full">
+                        {message!.role === 'assistant' ? (
+                          <div class="w-8 h-8 rounded-lg bg-gradient-to-r from-orange-500 to-red-600 mt-2 flex items-center justify-center text-sm font-medium text-white flex-shrink-0">
+                            AI
+                          </div>
+                        ) : (
+                          <div class="w-8 h-8 rounded-lg bg-gray-700 flex items-center justify-center text-sm font-medium text-white flex-shrink-0">
+                            Y
+                          </div>
+                        )}
+                        <div
+                          innerHTML={md.render(message!.content)}
+                          class="flex-1 min-w-0 text-white"
+                        ></div>
+                      </div>
+                    </div>
+                  ))}
+                {state().isLoading && (
+                  <div class="py-6 bg-gradient-to-r from-orange-500/5 to-red-600/5">
+                    <div class="flex items-start gap-4 max-w-3xl mx-auto w-full">
+                      <div class="relative w-8 h-8 flex-shrink-0">
+                        <div class="absolute inset-0 rounded-lg bg-gradient-to-r from-orange-500 via-red-500 to-orange-500 animate-[spin_2s_linear_infinite]"></div>
+                        <div class="absolute inset-[2px] rounded-lg bg-gray-900 flex items-center justify-center">
+                          <div class="relative w-full h-full rounded-lg bg-gradient-to-r from-orange-500 to-red-600 flex items-center justify-center">
+                            <div class="absolute inset-0 rounded-lg bg-gradient-to-r from-orange-500 to-red-600 animate-pulse"></div>
+                            <span class="relative z-10 text-sm font-medium text-white">
+                              AI
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="flex items-center gap-3">
+                        <div class="text-gray-400 font-medium text-lg">
+                          Thinking
+                        </div>
+                        <div class="flex gap-2">
+                          <div
+                            class="w-2 h-2 rounded-full bg-orange-500 animate-[bounce_0.8s_infinite]"
+                            style={{ 'animation-delay': '0ms' }}
+                          ></div>
+                          <div
+                            class="w-2 h-2 rounded-full bg-orange-500 animate-[bounce_0.8s_infinite]"
+                            style={{ 'animation-delay': '200ms' }}
+                          ></div>
+                          <div
+                            class="w-2 h-2 rounded-full bg-orange-500 animate-[bounce_0.8s_infinite]"
+                            style={{ 'animation-delay': '400ms' }}
+                          ></div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+
+            {/* Input */}
+            <div class="absolute bottom-0 right-0 left-64 bg-gray-900/80 backdrop-blur-sm border-t border-orange-500/10">
+              <div class="max-w-3xl mx-auto w-full px-4 py-3">
+                <form onSubmit={handleSubmit}>
+                  <div class="relative">
+                    <textarea
+                      value={input()}
+                      onKeyDown={(e) => {
+                        if (e.key === 'Enter' && !e.shiftKey) {
+                          e.preventDefault()
+                          handleSubmit(e)
+                        }
+                      }}
+                      placeholder="Type something clever..."
+                      class="w-full rounded-lg border border-orange-500/20 bg-gray-800/50 pl-4 pr-12 py-3 text-sm text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-orange-500/50 focus:border-transparent resize-none overflow-hidden shadow-lg"
+                      rows={1}
+                      style={{ 'min-height': '44px', 'max-height': '200px' }}
+                      onInput={(e) => {
+                        const target = e.target as HTMLTextAreaElement
+                        target.style.height = 'auto'
+                        target.style.height =
+                          Math.min(target.scrollHeight, 200) + 'px'
+                        handleInputChange(e)
+                      }}
+                    />
+                    <button
+                      type="submit"
+                      disabled={!input().trim() || state().isLoading}
+                      class="absolute right-2 top-1/2 -translate-y-1/2 p-2 text-orange-500 hover:text-orange-400 disabled:text-gray-500 transition-colors focus:outline-none"
+                    >
+                      <Send class="w-4 h-4" />
+                    </button>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </>
+        ) : (
+          <div class="flex-1 flex items-center justify-center px-4">
+            <div class="text-center max-w-3xl mx-auto w-full">
+              <h1 class="text-6xl font-bold mb-4 bg-gradient-to-r from-orange-500 to-red-600 text-transparent bg-clip-text uppercase">
+                <span class="text-white">TanStack</span> Chat
+              </h1>
+              <p class="text-gray-400 mb-6 w-2/3 mx-auto text-lg">
+                You can ask me about anything, I might or might not have a good
+                answer, but you can still ask.
+              </p>
+              <form onSubmit={handleSubmit}>
+                <div class="relative max-w-xl mx-auto">
+                  <textarea
+                    value={input()}
+                    onInput={handleInputChange}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Enter' && !e.shiftKey) {
+                        e.preventDefault()
+                        handleSubmit(e)
+                      }
+                    }}
+                    placeholder="Type something clever..."
+                    class="w-full rounded-lg border border-orange-500/20 bg-gray-800/50 pl-4 pr-12 py-3 text-sm text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-orange-500/50 focus:border-transparent resize-none overflow-hidden"
+                    rows={1}
+                    style={{ 'min-height': '88px' }}
+                  />
+                  <button
+                    type="submit"
+                    disabled={!input().trim() || state().isLoading}
+                    class="absolute right-2 top-1/2 -translate-y-1/2 p-2 text-orange-500 hover:text-orange-400 disabled:text-gray-500 transition-colors focus:outline-none"
+                  >
+                    <Send class="w-4 h-4" />
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* Settings Dialog */}
+      <Show when={isSettingsOpen()}>
+        <SettingsDialog
+          isOpen={isSettingsOpen()}
+          onClose={() => setIsSettingsOpen(false)}
+        />
+      </Show>
+    </div>
+  )
+}
+
+export const Route = createFileRoute('/example/chat')({
+  component: Home,
+})

package/dist/frameworks/solid/examples/tanchat/assets/src/store/demo.hooks.js

@@ -0,0 +1,12 @@
+import { useStore } from '@tanstack/solid-store';
+import { store, actions, selectors } from './demo.store';
+export function useAppState() {
+    const state = useStore(store);
+    return state;
+}
+export function useAppActions() {
+    return actions;
+}
+export function useAppSelectors() {
+    return selectors;
+}

package/dist/frameworks/solid/examples/tanchat/assets/src/store/demo.store.js

@@ -0,0 +1,92 @@
+import { Store } from '@tanstack/store';
+const initialState = {
+    prompts: [],
+    conversations: [],
+    currentConversationId: null,
+    isLoading: false
+};
+export const store = new Store(initialState);
+export const actions = {
+    // Prompt actions
+    createPrompt: (name, content) => {
+        const id = Date.now().toString();
+        store.setState(state => {
+            const updatedPrompts = state.prompts.map(p => ({ ...p, is_active: false }));
+            return {
+                ...state,
+                prompts: [
+                    ...updatedPrompts,
+                    {
+                        id,
+                        name,
+                        content,
+                        is_active: true,
+                        created_at: Date.now()
+                    }
+                ]
+            };
+        });
+    },
+    deletePrompt: (id) => {
+        store.setState(state => ({
+            ...state,
+            prompts: state.prompts.filter(p => p.id !== id)
+        }));
+    },
+    setPromptActive: (id, shouldActivate) => {
+        store.setState(state => ({
+            ...state,
+            prompts: state.prompts.map(p => ({
+                ...p,
+                is_active: p.id === id ? shouldActivate : false
+            }))
+        }));
+    },
+    // Chat actions
+    setConversations: (conversations) => {
+        store.setState(state => ({ ...state, conversations }));
+    },
+    setCurrentConversationId: (id) => {
+        store.setState(state => ({ ...state, currentConversationId: id }));
+    },
+    addConversation: (conversation) => {
+        store.setState(state => ({
+            ...state,
+            conversations: [...state.conversations, conversation],
+            currentConversationId: conversation.id
+        }));
+    },
+    updateConversationTitle: (id, title) => {
+        store.setState(state => ({
+            ...state,
+            conversations: state.conversations.map(conv => conv.id === id ? { ...conv, title } : conv)
+        }));
+    },
+    deleteConversation: (id) => {
+        store.setState(state => ({
+            ...state,
+            conversations: state.conversations.filter(conv => conv.id !== id),
+            currentConversationId: state.currentConversationId === id ? null : state.currentConversationId
+        }));
+    },
+    addMessage: (conversationId, message) => {
+        store.setState(state => ({
+            ...state,
+            conversations: state.conversations.map(conv => conv.id === conversationId
+                ? { ...conv, messages: [...conv.messages, message] }
+                : conv)
+        }));
+    },
+    setLoading: (isLoading) => {
+        store.setState(state => ({ ...state, isLoading }));
+    }
+};
+// Selectors
+export const selectors = {
+    getActivePrompt: (state) => state.prompts.find(p => p.is_active),
+    getCurrentConversation: (state) => state.conversations.find(c => c.id === state.currentConversationId),
+    getPrompts: (state) => state.prompts,
+    getConversations: (state) => state.conversations,
+    getCurrentConversationId: (state) => state.currentConversationId,
+    getIsLoading: (state) => state.isLoading
+};

package/dist/frameworks/solid/examples/tanchat/info.json

@@ -0,0 +1,17 @@
+{
+  "name": "TanStack Chat",
+  "description": "A chat example that uses TanStack Start and TanStack Store. Features chat with Anthropic Sonnet, chat history and custom prompts.",
+  "phase": "example",
+  "type": "example",
+  "category": "other",
+  "color": "#00D1B2",
+  "modes": ["file-router"],
+  "link": "",
+  "routes": [
+    {
+      "url": "/example/chat",
+      "name": "Chat"
+    }
+  ],
+  "dependsOn": ["solid-ui", "store"]
+}

package/dist/frameworks/solid/examples/tanchat/package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "highlight.js": "^11.11.1",
+    "markdown-it": "^14.1.0",
+    "lucide-solid": "^0.544.0"
+  }
+}

package/dist/frameworks/solid/hosts/cloudflare/assets/wrangler.jsonc

@@ -0,0 +1,9 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "tanstack-start-app",
+  "compatibility_date": "2025-09-02",
+  "compatibility_flags": [
+    "nodejs_compat"
+  ],
+  "main": "@tanstack/solid-start/server-entry"
+}

package/dist/frameworks/solid/hosts/cloudflare/info.json

@@ -0,0 +1,20 @@
+{
+  "name": "Cloudflare",
+  "description": "Cloudflare deployment setup",
+  "link": "https://developers.cloudflare.com/workers/vite-plugin/",
+  "phase": "add-on",
+  "modes": ["file-router", "code-router"],
+  "type": "deployment",
+  "category": "deploy",
+  "exclusive": ["deploy"],
+  "color": "#F38020",
+  "priority": 200,
+  "tailwind": false,
+  "integrations": [
+    {
+      "type": "vite-plugin",
+      "import": "import { cloudflare } from '@cloudflare/vite-plugin'",
+      "code": "cloudflare({ viteEnvironment: { name: 'ssr' } })"
+    }
+  ]
+}

package/dist/frameworks/solid/hosts/cloudflare/package.json.ejs

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "deploy": "<%= packageManager %> run build && wrangler deploy"
+  },
+  "dependencies": {
+    "@cloudflare/vite-plugin": "^1.13.8"
+  },
+  "devDependencies": {
+    "wrangler": "^4.40.3"
+  }
+}

package/dist/frameworks/solid/hosts/cloudflare/small-logo.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 256 116" xmlns="http://www.w3.org/2000/svg" width="256" height="116" preserveAspectRatio="xMidYMid"><path fill="#FFF" d="m202.357 49.394-5.311-2.124C172.085 103.434 72.786 69.289 66.81 85.997c-.996 11.286 54.227 2.146 93.706 4.059 12.039.583 18.076 9.671 12.964 24.484l10.069.031c11.615-36.209 48.683-17.73 50.232-29.68-2.545-7.857-42.601 0-31.425-35.497Z"/><path fill="#F4811F" d="M176.332 108.348c1.593-5.31 1.062-10.622-1.593-13.809-2.656-3.187-6.374-5.31-11.154-5.842L71.17 87.634c-.531 0-1.062-.53-1.593-.53-.531-.532-.531-1.063 0-1.594.531-1.062 1.062-1.594 2.124-1.594l92.946-1.062c11.154-.53 22.839-9.56 27.087-20.182l5.312-13.809c0-.532.531-1.063 0-1.594C191.203 20.182 166.772 0 138.091 0 111.535 0 88.697 16.995 80.73 40.896c-5.311-3.718-11.684-5.843-19.12-5.31-12.747 1.061-22.838 11.683-24.432 24.43-.531 3.187 0 6.374.532 9.56C16.996 70.107 0 87.103 0 108.348c0 2.124 0 3.718.531 5.842 0 1.063 1.062 1.594 1.594 1.594h170.489c1.062 0 2.125-.53 2.125-1.594l1.593-5.842Z"/><path fill="#FAAD3F" d="M205.544 48.863h-2.656c-.531 0-1.062.53-1.593 1.062l-3.718 12.747c-1.593 5.31-1.062 10.623 1.594 13.809 2.655 3.187 6.373 5.31 11.153 5.843l19.652 1.062c.53 0 1.062.53 1.593.53.53.532.53 1.063 0 1.594-.531 1.063-1.062 1.594-2.125 1.594l-20.182 1.062c-11.154.53-22.838 9.56-27.087 20.182l-1.063 4.78c-.531.532 0 1.594 1.063 1.594h70.108c1.062 0 1.593-.531 1.593-1.593 1.062-4.25 2.124-9.03 2.124-13.81 0-27.618-22.838-50.456-50.456-50.456"/></svg>

package/dist/frameworks/solid/hosts/netlify/assets/netlify.toml

@@ -0,0 +1,7 @@
+[build]
+  command = "vite build"
+  dir = "dist/client"
+[dev]
+  command = "npm run dev"
+  targetPort = 3000
+  port = 8888

package/dist/frameworks/solid/hosts/netlify/info.json

@@ -0,0 +1,20 @@
+{
+  "name": "Netlify",
+  "description": "Netlify deployment setup",
+  "link": "https://docs.netlify.com",
+  "phase": "add-on",
+  "modes": ["file-router", "code-router"],
+  "type": "deployment",
+  "category": "deploy",
+  "exclusive": ["deploy"],
+  "color": "#00C7B7",
+  "priority": 180,
+  "tailwind": false,
+  "integrations": [
+    {
+      "type": "vite-plugin",
+      "import": "import netlify from '@netlify/vite-plugin-tanstack-start'",
+      "code": "netlify()"
+    }
+  ]
+}

package/dist/frameworks/solid/hosts/netlify/package.json

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

package/dist/frameworks/solid/hosts/netlify/small-logo.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 256 226" xmlns="http://www.w3.org/2000/svg" width="256" height="226" preserveAspectRatio="xMidYMid"><path fill="#05BDBA" d="M69.181 188.087h-2.417l-12.065-12.065v-2.417l18.444-18.444h12.778l1.704 1.704v12.778zM54.699 51.628v-2.417l12.065-12.065h2.417L87.625 55.59v12.778l-1.704 1.704H73.143z"/><path fill="#014847" d="M160.906 149.198h-17.552l-1.466-1.466v-41.089c0-7.31-2.873-12.976-11.689-13.174-4.537-.119-9.727 0-15.274.218l-.833.852v53.173l-1.466 1.466H95.074l-1.466-1.466v-70.19l1.466-1.467h39.503c15.354 0 27.795 12.441 27.795 27.795v43.882l-1.466 1.466Z"/><path fill="#05BDBA" d="M71.677 122.889H1.466L0 121.423V103.83l1.466-1.466h70.211l1.466 1.466v17.593zM254.534 122.889h-70.211l-1.466-1.466V103.83l1.466-1.466h70.211L256 103.83v17.593zM117.876 54.124V1.466L119.342 0h17.593l1.466 1.466v52.658l-1.466 1.466h-17.593zM117.876 223.787v-52.658l1.466-1.466h17.593l1.466 1.466v52.658l-1.466 1.465h-17.593z"/></svg>

package/dist/frameworks/solid/hosts/nitro/info.json

@@ -0,0 +1,20 @@
+{
+  "name": "Nitro (agnostic)",
+  "description": "Nitro deployment setup",
+  "link": "https://v3.nitro.build/",
+  "phase": "add-on",
+  "modes": ["file-router", "code-router"],
+  "type": "deployment",
+  "category": "deploy",
+  "exclusive": ["deploy"],
+  "color": "#ECDC5A",
+  "tailwind": false,
+  "integrations": [
+    {
+      "type": "vite-plugin",
+      "import": "import { nitro } from 'nitro/vite'",
+      "code": "nitro()"
+    }
+  ],
+  "default": true
+}