create-start-app 0.6.11 → 0.7.0

package/.github/workflows/auto.yml

@@ -1,46 +0,0 @@
-name: auto
-
-on:
-  push:
-    branches:
-      - main
-  schedule:
-    - cron: '0 * * * *'
-
-concurrency: ${{ github.workflow }}-${{ github.ref }}
-
-permissions:
-  contents: write
-
-jobs:
-  update-templates:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-
-      - name: Publish Packages
-        run: |
-          npm config set '//registry.npmjs.org/:_authToken' "${NPM_TOKEN}"
-          # ~ alias create-tsrouter-app
-          bunx gitpick@latest https://github.com/TanStack/create-tsrouter-app . --overwrite
-          bun i && bun run build && rm -rf bun.lock
-          bunx json -I -f package.json -e 'this.name="create-router-app"'
-          npm publish || true
-          # ~ alias create-tsrouter-app
-          bunx json -I -f package.json -e 'this.name="create-start-app"'
-          npm publish || true
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/templates/react/example/tanchat/assets/src/components/demo.SettingsDialog.tsx

@@ -1,148 +0,0 @@
-import { useState } from 'react'
-import { PlusCircle, Trash2 } from 'lucide-react'
-import { useAppState } from '../store/demo.hooks'
-
-interface SettingsDialogProps {
-  isOpen: boolean
-  onClose: () => void
-}
-
-export function SettingsDialog({ isOpen, onClose }: SettingsDialogProps) {
-  const [promptForm, setPromptForm] = useState({ name: '', content: '' })
-  const [isAddingPrompt, setIsAddingPrompt] = useState(false)
-  const { prompts, createPrompt, deletePrompt, setPromptActive } = useAppState()
-
-  const handleAddPrompt = () => {
-    if (!promptForm.name.trim() || !promptForm.content.trim()) return
-    createPrompt(promptForm.name, promptForm.content)
-    setPromptForm({ name: '', content: '' })
-    setIsAddingPrompt(false)
-  }
-
-  const handleClose = () => {
-    onClose()
-    setIsAddingPrompt(false)
-    setPromptForm({ name: '', content: '' })
-  }
-
-  if (!isOpen) return null
-
-  return (
-    <div className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center" onClick={(e) => {
-      if (e.target === e.currentTarget) handleClose()
-    }}>
-      <div className="bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto" onClick={e => e.stopPropagation()}>
-        <div className="p-6">
-          <div className="flex items-center justify-between mb-4">
-            <h2 className="text-2xl font-semibold text-white">Settings</h2>
-            <button
-              onClick={handleClose}
-              className="text-gray-400 hover:text-white focus:outline-none"
-            >
-              <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
-              </svg>
-            </button>
-          </div>
-          
-          <div className="space-y-6">
-            {/* Prompts Management */}
-            <div className="space-y-2">
-              <div className="flex items-center justify-between mb-4">
-                <label className="block text-sm font-medium text-white">
-                  System Prompts
-                </label>
-                <button
-                  onClick={() => setIsAddingPrompt(true)}
-                  className="flex items-center gap-2 px-3 py-1.5 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"
-                >
-                  <PlusCircle className="w-4 h-4" />
-                  Add Prompt
-                </button>
-              </div>
-
-              {isAddingPrompt && (
-                <div className="space-y-3 mb-4 p-3 bg-gray-700/50 rounded-lg">
-                  <input
-                    type="text"
-                    value={promptForm.name}
-                    onChange={(e) => setPromptForm(prev => ({ ...prev, name: e.target.value }))}
-                    placeholder="Prompt name..."
-                    className="w-full px-3 py-2 text-sm text-white bg-gray-700 rounded-lg border border-gray-600 focus:border-orange-500 focus:ring-1 focus:ring-orange-500"
-                  />
-                  <textarea
-                    value={promptForm.content}
-                    onChange={(e) => setPromptForm(prev => ({ ...prev, content: e.target.value }))}
-                    placeholder="Enter prompt content..."
-                    className="w-full h-32 px-3 py-2 text-sm text-white bg-gray-700 rounded-lg border border-gray-600 focus:border-orange-500 focus:ring-1 focus:ring-orange-500"
-                  />
-                  <div className="flex justify-end gap-2">
-                    <button
-                      onClick={() => setIsAddingPrompt(false)}
-                      className="px-3 py-1.5 text-sm font-medium text-gray-300 hover:text-white focus:outline-none"
-                    >
-                      Cancel
-                    </button>
-                    <button
-                      onClick={handleAddPrompt}
-                      className="px-3 py-1.5 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"
-                    >
-                      Save Prompt
-                    </button>
-                  </div>
-                </div>
-              )}
-
-              <div className="space-y-2">
-                {prompts.map((prompt) => (
-                  <div key={prompt.id} className="flex items-center justify-between p-3 bg-gray-700/50 rounded-lg">
-                    <div className="flex-1 min-w-0 mr-4">
-                      <h4 className="text-sm font-medium text-white truncate">{prompt.name}</h4>
-                      <p className="text-xs text-gray-400 truncate">{prompt.content}</p>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <label className="relative inline-flex items-center cursor-pointer">
-                        <input
-                          type="checkbox"
-                          className="sr-only peer"
-                          checked={prompt.is_active}
-                          onChange={() => setPromptActive(prompt.id, !prompt.is_active)}
-                        />
-                        <div className="w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-orange-500"></div>
-                      </label>
-                      <button
-                        onClick={() => deletePrompt(prompt.id)}
-                        className="p-1 text-gray-400 hover:text-red-500"
-                      >
-                        <Trash2 className="w-4 h-4" />
-                      </button>
-                    </div>
-                  </div>
-                ))}
-              </div>
-              <p className="text-xs text-gray-400">
-                Create and manage custom system prompts. Only one prompt can be active at a time.
-              </p>
-            </div>
-
-          </div>
-
-          <div className="mt-6 flex justify-end gap-3">
-            <button
-              onClick={handleClose}
-              className="px-4 py-2 text-sm font-medium text-gray-300 hover:text-white focus:outline-none"
-            >
-              Cancel
-            </button>
-            <button
-              onClick={handleClose}
-              className="px-4 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"
-            >
-              Close
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

package/templates/react/example/tanchat/assets/src/store/demo.hooks.ts

@@ -1,21 +0,0 @@
-import { useStore } from '@tanstack/react-store'
-import { store, actions, selectors } from './demo.store'
-
-export type { State, Prompt, Conversation } from './demo.store'
-
-export function useAppState() {
-  const state = useStore(store)
-  return {
-    ...state,
-    ...actions,
-    ...selectors
-  }
-}
-
-export function useAppActions() {
-  return actions
-}
-
-export function useAppSelectors() {
-  return selectors
-} 

package/templates/react/example/tanchat/assets/src/store/demo.store.ts

@@ -1,133 +0,0 @@
-import { Store } from '@tanstack/store'
-import type { Message } from '../utils/demo.ai'
-
-// Types
-export interface Prompt {
-  id: string
-  name: string
-  content: string
-  is_active: boolean
-  created_at: number
-}
-
-export interface Conversation {
-  id: string
-  title: string
-  messages: Message[]
-}
-
-export interface State {
-  prompts: Prompt[]
-  conversations: Conversation[]
-  currentConversationId: string | null
-  isLoading: boolean
-}
-
-const initialState: State = {
-  prompts: [],
-  conversations: [],
-  currentConversationId: null,
-  isLoading: false
-}
-
-export const store = new Store<State>(initialState)
-
-export const actions = {
-  // Prompt actions
-  createPrompt: (name: string, content: string) => {
-    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: string) => {
-    store.setState(state => ({
-      ...state,
-      prompts: state.prompts.filter(p => p.id !== id)
-    }))
-  },
-
-  setPromptActive: (id: string, shouldActivate: boolean) => {
-    store.setState(state => ({
-      ...state,
-      prompts: state.prompts.map(p => ({
-        ...p,
-        is_active: p.id === id ? shouldActivate : false
-      }))
-    }))
-  },
-
-  // Chat actions
-  setConversations: (conversations: Conversation[]) => {
-    store.setState(state => ({ ...state, conversations }))
-  },
-
-  setCurrentConversationId: (id: string | null) => {
-    store.setState(state => ({ ...state, currentConversationId: id }))
-  },
-
-  addConversation: (conversation: Conversation) => {
-    store.setState(state => ({
-      ...state,
-      conversations: [...state.conversations, conversation],
-      currentConversationId: conversation.id
-    }))
-  },
-
-  updateConversationTitle: (id: string, title: string) => {
-    store.setState(state => ({
-      ...state,
-      conversations: state.conversations.map(conv =>
-        conv.id === id ? { ...conv, title } : conv
-      )
-    }))
-  },
-
-  deleteConversation: (id: string) => {
-    store.setState(state => ({
-      ...state,
-      conversations: state.conversations.filter(conv => conv.id !== id),
-      currentConversationId: state.currentConversationId === id ? null : state.currentConversationId
-    }))
-  },
-
-  addMessage: (conversationId: string, message: Message) => {
-    store.setState(state => ({
-      ...state,
-      conversations: state.conversations.map(conv =>
-        conv.id === conversationId
-          ? { ...conv, messages: [...conv.messages, message] }
-          : conv
-      )
-    }))
-  },
-
-  setLoading: (isLoading: boolean) => {
-    store.setState(state => ({ ...state, isLoading }))
-  }
-}
-
-// Selectors
-export const selectors = {
-  getActivePrompt: (state: State) => state.prompts.find(p => p.is_active),
-  getCurrentConversation: (state: State) => 
-    state.conversations.find(c => c.id === state.currentConversationId),
-  getPrompts: (state: State) => state.prompts,
-  getConversations: (state: State) => state.conversations,
-  getCurrentConversationId: (state: State) => state.currentConversationId,
-  getIsLoading: (state: State) => state.isLoading
-}