@tanstack/create 0.60.0 → 0.61.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tanstack/create
 
+## 0.61.0
+
+### Minor Changes
+
+- Add PostHog add-on ([#317](https://github.com/TanStack/cli/pull/317))
+
+## 0.60.1
+
+### Patch Changes
+
+- Pin the React Sentry add-on to `@sentry/tanstackstart-react@10.34.0` to avoid a Nitro production build failure introduced in newer Sentry versions. ([`ab740ed`](https://github.com/TanStack/cli/commit/ab740ed2c5510a3266065aa98c8afe3093ea0034))
+
 ## 0.60.0
 
 ### Minor Changes

package/dist/create-app.js

@@ -2,7 +2,7 @@ import { basename, resolve } from 'node:path';
 import { isBase64 } from './file-helpers.js';
 import { formatCommand } from './utils.js';
 import { writeConfigFileToEnvironment } from './config-file.js';
-import { getPackageManagerScriptCommand, packageManagerInstall, } from './package-manager.js';
+import { getPackageManagerScriptCommand, packageManagerInstall, translateExecuteCommand, } from './package-manager.js';
 import { createPackageJSON } from './package-json.js';
 import { createTemplateFile } from './template-file.js';
 import { installShadcnComponents } from './integrations/shadcn.js';
@@ -134,16 +134,17 @@ async function runCommandsAndInstallDependencies(environment, options) {
     for (const phase of ['setup', 'add-on', 'example']) {
         for (const addOn of options.chosenAddOns.filter((addOn) => addOn.phase === phase && addOn.command && addOn.command.command)) {
             s.start(`Running commands for ${addOn.name}...`);
-            const cmd = formatCommand({
+            const translated = translateExecuteCommand(options.packageManager, {
                 command: addOn.command.command,
                 args: addOn.command.args || [],
             });
+            const cmd = formatCommand(translated);
             environment.startStep({
                 id: 'run-commands',
                 type: 'command',
                 message: cmd,
             });
-            await environment.execute(addOn.command.command, addOn.command.args || [], options.targetDir, { inherit: true });
+            await environment.execute(translated.command, translated.args, options.targetDir, { inherit: true });
             environment.finishStep('run-commands', 'Setup commands complete');
             s.stop(`${addOn.name} commands complete`);
         }
@@ -153,16 +154,17 @@ async function runCommandsAndInstallDependencies(environment, options) {
         options.starter.command &&
         options.starter.command.command) {
         s.start(`Setting up starter ${options.starter.name}...`);
-        const cmd = formatCommand({
+        const starterTranslated = translateExecuteCommand(options.packageManager, {
             command: options.starter.command.command,
             args: options.starter.command.args || [],
         });
+        const cmd = formatCommand(starterTranslated);
         environment.startStep({
             id: 'run-starter-command',
             type: 'command',
             message: cmd,
         });
-        await environment.execute(options.starter.command.command, options.starter.command.args || [], options.targetDir, { inherit: true });
+        await environment.execute(starterTranslated.command, starterTranslated.args, options.targetDir, { inherit: true });
         environment.finishStep('run-starter-command', 'Starter command complete');
         s.stop(`${options.starter.name} commands complete`);
     }

package/dist/file-helpers.js

@@ -3,6 +3,7 @@ import { existsSync, readFileSync, readdirSync, statSync } from 'node:fs';
 import { basename, extname, resolve } from 'node:path';
 import parseGitignore from 'parse-gitignore';
 import ignore from 'ignore';
+import { hasDrive, stripDrive } from './utils';
 const BINARY_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.gif', '.svg', '.ico'];
 export function readFileHelper(path) {
     if (isBinaryFile(path)) {
@@ -35,7 +36,18 @@ export function toCleanPath(absolutePath, baseDir) {
     // Normalize both paths to use forward slashes for consistent comparison
     const normalizedPath = absolutePath.replace(/\\/g, '/');
     const normalizedBase = baseDir.replace(/\\/g, '/');
-    let cleanPath = normalizedPath.replace(normalizedBase, '');
+    let cleanPath = normalizedPath;
+    if (normalizedPath.startsWith(normalizedBase)) {
+        cleanPath = normalizedPath.slice(normalizedBase.length);
+    }
+    else if (hasDrive(normalizedPath) !== hasDrive(normalizedBase)) {
+        // Handle paths that are missing the Windows drive letter (e.g. memfs on Windows)
+        const pathNoDrive = stripDrive(normalizedPath);
+        const baseNoDrive = stripDrive(normalizedBase);
+        if (pathNoDrive.startsWith(baseNoDrive)) {
+            cleanPath = pathNoDrive.slice(baseNoDrive.length);
+        }
+    }
     // Handle leading path separator
     if (cleanPath.startsWith('/')) {
         cleanPath = cleanPath.slice(1);

package/dist/frameworks/react/add-ons/ai/info.json

@@ -36,11 +36,6 @@
       "type": "header-user",
       "path": "src/components/demo-AIAssistant.tsx",
       "jsName": "TanChatAIAssistant"
-    },
-    {
-      "type": "devtools",
-      "path": "src/lib/ai-devtools.tsx",
-      "jsName": "AiDevtools"
     }
   ],
   "dependsOn": ["store"],

package/dist/frameworks/react/add-ons/ai/package.json

@@ -7,7 +7,6 @@
     "@tanstack/ai-ollama": "latest",
     "@tanstack/ai-openai": "latest",
     "@tanstack/ai-react": "latest",
-    "@tanstack/react-ai-devtools": "latest",
     "highlight.js": "^11.11.1",
     "streamdown": "^1.6.5",
     "lucide-react": "^0.544.0",

package/dist/frameworks/{solid/add-ons/better-auth/README.md → react/add-ons/better-auth/README.md.ejs}

@@ -3,7 +3,7 @@
 1. Generate and set the `BETTER_AUTH_SECRET` environment variable in your `.env.local`:
 
    ```bash
-   npx @better-auth/cli secret
+   <%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>
    ```
 
 2. Visit the [Better Auth documentation](https://www.better-auth.com) to unlock the full potential of authentication in your app.
@@ -28,5 +28,5 @@ export const auth = betterAuth({
 Then run migrations:
 
 ```bash
-npx @better-auth/cli migrate
+<%- getPackageManagerExecuteScript('@better-auth/cli', ['migrate']) %>
 ```

package/dist/frameworks/react/add-ons/better-auth/assets/_dot_env.local.append.ejs

@@ -0,0 +1,3 @@
+# Better Auth configuration
+BETTER_AUTH_URL=http://localhost:3000
+BETTER_AUTH_SECRET= # Generate a secret key: `<%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>`

package/dist/frameworks/react/add-ons/better-auth/assets/src/integrations/better-auth/header-user.tsx

@@ -23,7 +23,9 @@ export default function BetterAuthHeader() {
           </div>
         )}
         <button
-          onClick={() => authClient.signOut()}
+          onClick={() => {
+            void authClient.signOut()
+          }}
           className="flex-1 h-9 px-4 text-sm font-medium bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-50 border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors"
         >
           Sign out

package/dist/frameworks/react/add-ons/better-auth/assets/src/routes/demo/better-auth.tsx

@@ -57,7 +57,9 @@ function BetterAuthDemo() {
           </div>
 
           <button
-            onClick={() => authClient.signOut()}
+            onClick={() => {
+              void authClient.signOut()
+            }}
             className="w-full h-9 px-4 text-sm font-medium border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
           >
             Sign out

package/dist/frameworks/react/add-ons/convex/README.md.ejs

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

package/dist/frameworks/react/add-ons/drizzle/assets/src/routes/demo/{drizzle.tsx → drizzle.tsx.ejs}

@@ -163,19 +163,19 @@ function DemoDrizzle() {
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit generate
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['generate']) %>
                 </code>
               </li>
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit migrate
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['migrate']) %>
                 </code>
               </li>
               <li>
                 Optional:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx drizzle-kit studio
+                  <%- getPackageManagerExecuteScript('drizzle-kit', ['studio']) %>
                 </code>
               </li>
             </ol>

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

@@ -1,4 +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=
+DATABASE_URL=
+DATABASE_URL_POOLER=

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

@@ -6,5 +6,5 @@ export default postgresPlugin({
     path: 'db/init.sql',
   },
   referrer: 'create-tanstack',
-  dotEnvKey: 'VITE_DATABASE_URL',
+  dotEnvKey: 'DATABASE_URL',
 })

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

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

package/dist/frameworks/react/add-ons/posthog/README.md

@@ -0,0 +1,9 @@
+## Setting up PostHog
+
+1. Create a PostHog account at [posthog.com](https://posthog.com)
+2. Get your Project API Key from [Project Settings](https://app.posthog.com/project/settings)
+3. Set `VITE_POSTHOG_KEY` in your `.env.local`
+
+### Optional Configuration
+
+- `VITE_POSTHOG_HOST` - Set this if you're using PostHog Cloud EU (`https://eu.i.posthog.com`) or self-hosting

package/dist/frameworks/react/add-ons/posthog/assets/_dot_env.local.append

@@ -0,0 +1,4 @@
+# PostHog configuration, get your key from https://app.posthog.com/project/settings
+VITE_POSTHOG_KEY=phc_xxx
+# Optional: PostHog API host (for self-hosted or EU cloud)
+# VITE_POSTHOG_HOST=https://us.i.posthog.com

package/dist/frameworks/react/add-ons/posthog/assets/src/integrations/posthog/provider.tsx

@@ -0,0 +1,20 @@
+import posthog from 'posthog-js'
+import { PostHogProvider as BasePostHogProvider } from '@posthog/react'
+import type { ReactNode } from 'react'
+
+if (typeof window !== 'undefined' && import.meta.env.VITE_POSTHOG_KEY) {
+  posthog.init(import.meta.env.VITE_POSTHOG_KEY, {
+    api_host: import.meta.env.VITE_POSTHOG_HOST || 'https://us.i.posthog.com',
+    person_profiles: 'identified_only',
+    capture_pageview: false,
+    defaults: '2025-11-30',
+  })
+}
+
+interface PostHogProviderProps {
+  children: ReactNode
+}
+
+export default function PostHogProvider({ children }: PostHogProviderProps) {
+  return <BasePostHogProvider client={posthog}>{children}</BasePostHogProvider>
+}

package/dist/frameworks/react/add-ons/posthog/assets/src/routes/demo/posthog.tsx

@@ -0,0 +1,93 @@
+import { createFileRoute, Link } from '@tanstack/react-router'
+import { usePostHog } from '@posthog/react'
+import { useState } from 'react'
+
+export const Route = createFileRoute('/demo/posthog')({
+  component: PostHogDemo,
+})
+
+function PostHogDemo() {
+  const posthog = usePostHog()
+  const [eventCount, setEventCount] = useState(0)
+  const posthogKey = import.meta.env.VITE_POSTHOG_KEY
+  const isConfigured = Boolean(posthogKey) && posthogKey !== 'phc_xxx'
+
+  const trackEvent = (
+    eventName: string,
+    properties?: Record<string, unknown>,
+  ) => {
+    posthog.capture(eventName, properties)
+    setEventCount((c) => c + 1)
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-900 text-white p-8">
+      <div className="max-w-md mx-auto">
+        <h1 className="text-3xl font-bold mb-6">PostHog Demo</h1>
+
+        {!isConfigured && (
+          <div className="mb-4 p-4 bg-yellow-900/50 border border-yellow-600 rounded-lg">
+            <p className="text-yellow-200 text-sm">
+              <strong>Warning:</strong> VITE_POSTHOG_KEY is not configured.
+              Events won't be sent to PostHog. Add it to your{' '}
+              <code className="bg-yellow-900 px-1 rounded">.env</code> file.
+            </p>
+          </div>
+        )}
+
+        <div className="bg-gray-800 rounded-lg p-6">
+          <p className="text-gray-400 mb-4">
+            Click the button below to send events to PostHog. Check your PostHog
+            dashboard to see them appear in real-time.
+          </p>
+
+          <button
+            onClick={() => trackEvent('button_clicked', { button: 'demo' })}
+            className="w-full bg-cyan-600 hover:bg-cyan-700 px-4 py-3 rounded font-medium"
+          >
+            Track Click
+          </button>
+
+          {isConfigured && (
+            <div className="mt-6 p-4 bg-gray-700 rounded">
+              <p className="text-sm text-gray-400">Events sent this session:</p>
+              <p className="text-4xl font-bold text-cyan-400">{eventCount}</p>
+            </div>
+          )}
+        </div>
+
+        <p className="mt-4 text-sm text-gray-400">
+          Open your{' '}
+          <a
+            href="https://app.posthog.com/events"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-cyan-400 hover:text-cyan-300 underline"
+          >
+            PostHog Events
+          </a>{' '}
+          page to see these events appear.
+        </p>
+
+        <p className="mt-2 text-sm text-gray-400">
+          Learn more in the{' '}
+          <a
+            href="https://posthog.com/docs/libraries/react"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-cyan-400 hover:text-cyan-300 underline"
+          >
+            PostHog React docs
+          </a>
+          .
+        </p>
+
+        <div className="mt-8">
+          <Link to="/" className="text-cyan-400 hover:text-cyan-300">
+            &larr; Back to Home
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}

package/dist/frameworks/react/add-ons/posthog/files.json

@@ -0,0 +1,5 @@
+[
+  "src/integrations/posthog/provider.tsx",
+  "src/routes/demo/posthog.tsx",
+  "_dot_env.local.append"
+]

package/dist/frameworks/react/add-ons/posthog/info.json

@@ -0,0 +1,28 @@
+{
+  "name": "PostHog",
+  "description": "Product analytics, session replay, and feature flags",
+  "phase": "add-on",
+  "modes": ["file-router"],
+  "type": "add-on",
+  "category": "analytics",
+  "color": "#1D4AFF",
+  "priority": 20,
+  "link": "https://posthog.com",
+  "tailwind": true,
+  "routes": [
+    {
+      "icon": "BarChart",
+      "url": "/demo/posthog",
+      "name": "PostHog",
+      "path": "src/routes/demo/posthog.tsx",
+      "jsName": "PostHogDemo"
+    }
+  ],
+  "integrations": [
+    {
+      "type": "provider",
+      "jsName": "PostHogProvider",
+      "path": "src/integrations/posthog/provider.tsx"
+    }
+  ]
+}

package/dist/frameworks/react/add-ons/posthog/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "posthog-js": "^1.335.4",
+    "@posthog/react": "^1.7.0"
+  }
+}

package/dist/frameworks/react/add-ons/prisma/assets/src/routes/demo/{prisma.tsx → prisma.tsx.ejs}

@@ -162,19 +162,19 @@ function DemoPrisma() {
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx prisma generate
+                  <%- getPackageManagerExecuteScript('prisma', ['generate']) %>
                 </code>
               </li>
               <li>
                 Run:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx prisma db push
+                  <%- getPackageManagerExecuteScript('prisma', ['db', 'push']) %>
                 </code>
               </li>
               <li>
                 Optional:{' '}
                 <code className="px-2 py-1 rounded bg-black/30 text-purple-300">
-                  npx prisma studio
+                  <%- getPackageManagerExecuteScript('prisma', ['studio']) %>
                 </code>
               </li>
             </ol>

package/dist/frameworks/react/add-ons/prisma/package.json.ejs

@@ -11,7 +11,7 @@
     "tsx": "^4.20.6"
   },
   "scripts": {<% if (addOnOption.prisma.database === 'postgres') { %>
-    "post-cta-init": "npx create-db@latest --user-agent tanstack/tsrouter",<% } %>
+    "post-cta-init": "<%- getPackageManagerExecuteScript('create-db@latest', ['--user-agent', 'tanstack/tsrouter']) %>",<% } %>
     "db:generate": "dotenv -e .env.local -- prisma generate",
     "db:push": "dotenv -e .env.local -- prisma db push",
     "db:migrate": "dotenv -e .env.local -- prisma migrate dev",

package/dist/frameworks/react/add-ons/sentry/package.json

@@ -5,7 +5,7 @@
     "start": "node --import ./.output/server/instrument.server.mjs .output/server/index.mjs"
   },
   "dependencies": {
-    "@sentry/tanstackstart-react": "^10.22.0",
+    "@sentry/tanstackstart-react": "^10.34.0",
     "dotenv-cli": "^11.0.0"
   }
 }

package/dist/frameworks/react/add-ons/tanstack-query/info.json

@@ -19,7 +19,7 @@
   ],
   "integrations": [
     {
-      "type": "root-provider",
+      "type": "provider",
       "path": "src/integrations/tanstack-query/root-provider.tsx",
       "jsName": "TanStackQueryProvider"
     },

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

@@ -13,7 +13,7 @@
     {
       "type": "vite-plugin",
       "import": "import { nitro } from 'nitro/vite'",
-      "code": "nitro()"
+      "code": "nitro({ rollupConfig: { external: [/^@sentry\\//] } })"
     }
   ],
   "default": true

package/dist/frameworks/react/hosts/railway/info.json

@@ -13,7 +13,7 @@
     {
       "type": "vite-plugin",
       "import": "import { nitro } from 'nitro/vite'",
-      "code": "nitro()"
+      "code": "nitro({ rollupConfig: { external: [/^@sentry\\//] } })"
     }
   ]
 }

package/dist/frameworks/react/project/base/README.md.ejs

@@ -52,7 +52,7 @@ This project uses [eslint](https://eslint.org/) and [prettier](https://prettier.
 ```
 <% } %>
 <% for(const addon of addOns.filter(addon => addon.readme)) { %>
-<%- addon.readme %>
+<%- addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme %>
 <% } %>
 
 ## Routing

package/dist/frameworks/react/project/base/package.json

@@ -17,7 +17,7 @@
     "lucide-react": "^0.561.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "vite-tsconfig-paths": "^6.0.2"
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "^0.3.11",

package/dist/frameworks/react/project/base/vite.config.ts.ejs

@@ -6,7 +6,7 @@ import { paraglideVitePlugin } from "@inlang/paraglide-js"
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 import viteReact from '@vitejs/plugin-react'
 import viteTsConfigPaths from 'vite-tsconfig-paths'
-import { fileURLToPath, URL } from 'url'
+import { fileURLToPath, URL } from 'node:url'
 import tailwindcss from "@tailwindcss/vite"
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>

package/dist/frameworks/{react/add-ons/better-auth/README.md → solid/add-ons/better-auth/README.md.ejs}

@@ -3,7 +3,7 @@
 1. Generate and set the `BETTER_AUTH_SECRET` environment variable in your `.env.local`:
 
    ```bash
-   npx @better-auth/cli secret
+   <%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>
    ```
 
 2. Visit the [Better Auth documentation](https://www.better-auth.com) to unlock the full potential of authentication in your app.
@@ -28,5 +28,5 @@ export const auth = betterAuth({
 Then run migrations:
 
 ```bash
-npx @better-auth/cli migrate
+<%- getPackageManagerExecuteScript('@better-auth/cli', ['migrate']) %>
 ```

package/dist/frameworks/solid/add-ons/better-auth/assets/_dot_env.local.append.ejs

@@ -0,0 +1,3 @@
+# Better Auth configuration
+BETTER_AUTH_URL=http://localhost:3000
+BETTER_AUTH_SECRET= # Generate a secret key: `<%- getPackageManagerExecuteScript('@better-auth/cli', ['secret']) %>`

package/dist/frameworks/solid/add-ons/better-auth/assets/src/integrations/better-auth/header-user.tsx

@@ -38,7 +38,9 @@ export default function BetterAuthHeader() {
               {(image) => <img src={image()} alt="" class="h-8 w-8" />}
             </Show>
             <button
-              onClick={() => authClient.signOut()}
+              onClick={() => {
+                void authClient.signOut();
+              }}
               class="flex-1 h-9 px-4 text-sm font-medium bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-50 border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors"
             >
               Sign out

package/dist/frameworks/solid/add-ons/better-auth/assets/src/routes/demo.better-auth.tsx

@@ -210,7 +210,9 @@ function BetterAuthDemo() {
               </div>
 
               <button
-                onClick={() => authClient.signOut()}
+                onClick={() => {
+                  void authClient.signOut();
+                }}
                 class="w-full h-9 px-4 text-sm font-medium border border-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
               >
                 Sign out

package/dist/frameworks/solid/add-ons/convex/README.md.ejs

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

package/{src/frameworks/solid/add-ons/solid-ui/README.md → dist/frameworks/solid/add-ons/solid-ui/README.md.ejs}

@@ -5,5 +5,5 @@ This installation of Solid-UI follows the manual instructions but was modified t
 To install the components, run the following command (this install button):
 
 ```bash
-npx solidui-cli@latest add button
+<%- getPackageManagerExecuteScript('solidui-cli@latest', ['add', 'button']) %>
 ```

package/dist/frameworks/solid/add-ons/solid-ui/info.json

@@ -6,9 +6,5 @@
   "modes": ["file-router", "code-router"],
   "type": "add-on",
   "category": "styling",
-  "color": "#000000",
-  "command": {
-    "command": "npx",
-    "args": ["solidui-cli@latest", "add", "button", "input"]
-  }
+  "color": "#000000"
 }

package/dist/frameworks/solid/project/base/README.md.ejs

@@ -31,7 +31,7 @@ If you prefer not to use Tailwind CSS:
 4. Uninstall the packages: `<%= getPackageManagerAddScript('@tailwindcss/vite tailwindcss', true) %>`
 
 <% for(const addon of addOns.filter(addon => addon.readme)) { %>
-<%- addon.readme %>
+<%- addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme %>
 <% } %>
 
 ## Routing

package/dist/frameworks.js

@@ -37,9 +37,14 @@ export function scanAddOnDirectories(addOnsDirectories) {
                 packageTemplate = readFileSync(resolve(addOnsBase, dir, 'package.json.ejs'), 'utf-8');
             }
             let readme;
+            let readmeIsEjs = false;
             if (existsSync(resolve(addOnsBase, dir, 'README.md'))) {
                 readme = readFileSync(resolve(addOnsBase, dir, 'README.md'), 'utf-8');
             }
+            else if (existsSync(resolve(addOnsBase, dir, 'README.md.ejs'))) {
+                readme = readFileSync(resolve(addOnsBase, dir, 'README.md.ejs'), 'utf-8');
+                readmeIsEjs = true;
+            }
             let smallLogo;
             if (existsSync(resolve(addOnsBase, dir, 'small-logo.svg'))) {
                 smallLogo = readFileSync(resolve(addOnsBase, dir, 'small-logo.svg'), 'utf-8');
@@ -65,6 +70,7 @@ export function scanAddOnDirectories(addOnsDirectories) {
                 packageAdditions,
                 packageTemplate,
                 readme,
+                readmeIsEjs,
                 files,
                 smallLogo,
                 getFiles,