@tanstack/create 0.61.4 → 0.61.6

package/src/frameworks/react/add-ons/strapi/assets/src/types/strapi.ts

@@ -0,0 +1,90 @@
+/**
+ * Strapi type definitions
+ * These types match the Strapi Cloud Template Blog schema
+ */
+
+import type { Block } from "@/components/blocks";
+
+// Base image type from Strapi media library
+export type TImage = {
+  id: number;
+  documentId: string;
+  alternativeText: string | null;
+  url: string;
+};
+
+// Author content type
+export type TAuthor = {
+  id: number;
+  documentId: string;
+  name: string;
+  email?: string;
+  createdAt: string;
+  updatedAt: string;
+  publishedAt: string;
+};
+
+// Category content type
+export type TCategory = {
+  id: number;
+  documentId: string;
+  name: string;
+  slug: string;
+  description?: string;
+  createdAt: string;
+  updatedAt: string;
+  publishedAt: string;
+};
+
+// Article content type
+export type TArticle = {
+  id: number;
+  documentId: string;
+  title: string;
+  description: string;
+  slug: string;
+  cover?: TImage;
+  author?: TAuthor;
+  category?: TCategory;
+  blocks?: Array<Block>;
+  createdAt: string;
+  updatedAt: string;
+  publishedAt: string;
+};
+
+// Strapi response wrappers
+export type TStrapiResponseSingle<T> = {
+  data: T;
+  meta?: {
+    pagination?: TStrapiPagination;
+  };
+};
+
+export type TStrapiResponseCollection<T> = {
+  data: Array<T>;
+  meta?: {
+    pagination?: TStrapiPagination;
+  };
+};
+
+export type TStrapiPagination = {
+  page: number;
+  pageSize: number;
+  pageCount: number;
+  total: number;
+};
+
+export type TStrapiError = {
+  status: number;
+  name: string;
+  message: string;
+  details?: Record<string, Array<string>>;
+};
+
+export type TStrapiResponse<T = null> = {
+  data?: T;
+  error?: TStrapiError;
+  meta?: {
+    pagination?: TStrapiPagination;
+  };
+};

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

@@ -11,9 +11,9 @@
   "routes": [
     {
       "url": "/demo/strapi",
-      "name": "Strapi",
-      "path": "src/routes/demo.strapi.tsx",
-      "jsName": "StrapiDemo"
+      "name": "Strapi Articles",
+      "path": "src/routes/demo/strapi.tsx",
+      "jsName": "StrapiArticles"
     }
   ]
 }

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

@@ -1,5 +1,8 @@
 {
   "dependencies": {
-    "@strapi/client": "^1.5.0"
+    "@strapi/client": "^1.6.0",
+    "react-markdown": "^9.0.1",
+    "remark-gfm": "^4.0.0",
+    "use-debounce": "^10.0.0"
   }
-}
+}

package/src/frameworks.ts

@@ -111,6 +111,7 @@ export function scanAddOnDirectories(addOnsDirectories: Array<string>) {
       addOns.push({
         ...info,
         id: dir,
+        version: info.version ?? '0.0.0',
         packageAdditions,
         packageTemplate,
         readme,

package/src/index.ts

@@ -61,7 +61,7 @@ export {
 export { formatCommand, handleSpecialURL } from './utils.js'
 
 export { initStarter, compileStarter } from './custom-add-ons/starter.js'
-export { initAddOn, compileAddOn } from './custom-add-ons/add-on.js'
+export { initAddOn, compileAddOn, devAddOn } from './custom-add-ons/add-on.js'
 export {
   createAppOptionsFromPersisted,
   createSerializedOptionsFromPersisted,

package/src/types.ts

@@ -92,6 +92,18 @@ export const AddOnBaseSchema = z.object({
   createSpecialSteps: z.array(z.string()).optional(),
   postInitSpecialSteps: z.array(z.string()).optional(),
   options: AddOnOptionsSchema.optional(),
+  envVars: z
+    .array(
+      z.object({
+        name: z.string(),
+        description: z.string().optional(),
+        required: z.boolean().optional(),
+        default: z.string().optional(),
+        secret: z.boolean().optional(),
+        file: z.enum(['.env', '.env.local']).optional(),
+      }),
+    )
+    .optional(),
   default: z.boolean().optional(),
 })
 
@@ -207,6 +219,8 @@ export interface Options {
   addOnOptions: Record<string, Record<string, any>>
   starter?: Starter | undefined
   routerOnly?: boolean
+  includeExamples?: boolean
+  envVarValues?: Record<string, string>
 }
 
 export type SerializedOptions = Omit<

package/tests/custom-add-ons/starter.test.ts

@@ -55,4 +55,33 @@ describe('readOrGenerateStarterInfo', () => {
     })
     expect(starterInfo.name).toEqual('test-starter')
   })
+
+  it('should backfill version when missing', async () => {
+    fs.mkdirSync(process.cwd(), { recursive: true })
+    fs.writeFileSync(
+      'starter-info.json',
+      JSON.stringify({
+        framework: 'test',
+        chosenAddOns: [],
+        starter: undefined,
+        name: 'test-starter',
+        mode: 'code-router',
+        typescript: true,
+        tailwind: true,
+        git: true,
+      }),
+    )
+    const starterInfo = await readOrGenerateStarterInfo({
+      framework: 'test',
+      version: 1,
+      chosenAddOns: [],
+      starter: undefined,
+      projectName: 'test',
+      mode: 'code-router',
+      typescript: true,
+      tailwind: true,
+      git: true,
+    })
+    expect(starterInfo.version).toEqual('0.0.1')
+  })
 })

package/dist/frameworks/react/add-ons/strapi/assets/src/lib/strapiClient.ts

@@ -1,7 +0,0 @@
-import { strapi } from "@strapi/client";
-
-export const strapiClient = strapi({
-  baseURL: import.meta.env.VITE_STRAPI_URL,
-});
-
-export const articles = strapiClient.collection("articles");

package/dist/frameworks/react/add-ons/strapi/assets/src/routes/demo/strapi_.$articleId.tsx

@@ -1,78 +0,0 @@
-import { articles } from '#/lib/strapiClient'
-import { createFileRoute, Link } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/demo/strapi_/$articleId')({
-  component: RouteComponent,
-  loader: async ({ params }) => {
-    const { data: article } = await articles.findOne(params.articleId)
-    return article
-  },
-})
-
-function RouteComponent() {
-  const article = Route.useLoaderData()
-
-  return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900 p-8">
-      <div className="max-w-4xl mx-auto">
-        <Link
-          to="/demo/strapi"
-          className="inline-flex items-center text-cyan-400 hover:text-cyan-300 mb-6 transition-colors"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            className="h-5 w-5 mr-2"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-          >
-            <path
-              fillRule="evenodd"
-              d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z"
-              clipRule="evenodd"
-            />
-          </svg>
-          Back to Articles
-        </Link>
-
-        <article className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-8">
-          <h1 className="text-4xl font-bold text-white mb-4">
-            {article?.title || 'Untitled'}
-          </h1>
-
-          {article?.createdAt && (
-            <p className="text-sm text-cyan-400/70 mb-6">
-              Published on{' '}
-              {new Date(article?.createdAt).toLocaleDateString('en-US', {
-                year: 'numeric',
-                month: 'long',
-                day: 'numeric',
-              })}
-            </p>
-          )}
-
-          {article?.description && (
-            <div className="mb-6">
-              <h2 className="text-xl font-semibold text-gray-300 mb-3">
-                Description
-              </h2>
-              <p className="text-gray-400 leading-relaxed">
-                {article?.description}
-              </p>
-            </div>
-          )}
-
-          {article?.content && (
-            <div>
-              <h2 className="text-xl font-semibold text-gray-300 mb-3">
-                Content
-              </h2>
-              <div className="text-gray-400 leading-relaxed whitespace-pre-wrap">
-                {article?.content}
-              </div>
-            </div>
-          )}
-        </article>
-      </div>
-    </div>
-  )
-}

package/src/frameworks/react/add-ons/strapi/assets/src/lib/strapiClient.ts

@@ -1,7 +0,0 @@
-import { strapi } from "@strapi/client";
-
-export const strapiClient = strapi({
-  baseURL: import.meta.env.VITE_STRAPI_URL,
-});
-
-export const articles = strapiClient.collection("articles");

package/src/frameworks/react/add-ons/strapi/assets/src/routes/demo/strapi_.$articleId.tsx

@@ -1,78 +0,0 @@
-import { articles } from '#/lib/strapiClient'
-import { createFileRoute, Link } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/demo/strapi_/$articleId')({
-  component: RouteComponent,
-  loader: async ({ params }) => {
-    const { data: article } = await articles.findOne(params.articleId)
-    return article
-  },
-})
-
-function RouteComponent() {
-  const article = Route.useLoaderData()
-
-  return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900 p-8">
-      <div className="max-w-4xl mx-auto">
-        <Link
-          to="/demo/strapi"
-          className="inline-flex items-center text-cyan-400 hover:text-cyan-300 mb-6 transition-colors"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            className="h-5 w-5 mr-2"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-          >
-            <path
-              fillRule="evenodd"
-              d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z"
-              clipRule="evenodd"
-            />
-          </svg>
-          Back to Articles
-        </Link>
-
-        <article className="bg-slate-800/50 backdrop-blur-sm border border-slate-700 rounded-xl p-8">
-          <h1 className="text-4xl font-bold text-white mb-4">
-            {article?.title || 'Untitled'}
-          </h1>
-
-          {article?.createdAt && (
-            <p className="text-sm text-cyan-400/70 mb-6">
-              Published on{' '}
-              {new Date(article?.createdAt).toLocaleDateString('en-US', {
-                year: 'numeric',
-                month: 'long',
-                day: 'numeric',
-              })}
-            </p>
-          )}
-
-          {article?.description && (
-            <div className="mb-6">
-              <h2 className="text-xl font-semibold text-gray-300 mb-3">
-                Description
-              </h2>
-              <p className="text-gray-400 leading-relaxed">
-                {article?.description}
-              </p>
-            </div>
-          )}
-
-          {article?.content && (
-            <div>
-              <h2 className="text-xl font-semibold text-gray-300 mb-3">
-                Content
-              </h2>
-              <div className="text-gray-400 leading-relaxed whitespace-pre-wrap">
-                {article?.content}
-              </div>
-            </div>
-          )}
-        </article>
-      </div>
-    </div>
-  )
-}