@farm.js/create-app 0.1.1-beta.1 → 0.1.1-beta.4

package/README.md

@@ -5,7 +5,7 @@ Create a new FARMJS application
 See [Stability and Support](https://farmjs.dev/docs/stability) for what this package guarantees.
 
 ```bash
-PNPM_CONFIG_DLX_CACHE_MAX_AGE=0 PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE='["@farm.js/*"]' pnpm create @farm.js/app my-app --template basic
+pnpm create @farm.js/app my-app --template basic
 cd my-app
 pnpm dev
 ```
@@ -15,13 +15,19 @@ automatically. Every starter also registers the official
 [`@farm.js/devtools`](https://farmjs.dev/docs/plugins/devtools) workspace, available at
 `/__farm/devtools` (or `Command/Ctrl + Shift + .`) during `pnpm dev`. The command explicitly selects the minimal Basic starter. Use `pnpm create`, not
 `pnpm add`; pnpm resolves this initializer command to the published `@farm.js/create-app` package.
-`PNPM_CONFIG_DLX_CACHE_MAX_AGE=0` refreshes pnpm's one-day `create`/`dlx` cache so the `beta`
-dist-tag is resolved on every run. `PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE` keeps pnpm's default
-release-age protection enabled for third-party packages while allowing newly published
-`@farm.js/*` betas. Generated pnpm projects preserve that scoped exclusion. Pass `--skip-install`
-when you only want to generate the project files.
+Pass `--skip-install` when you only want to generate the project files.
+
+Right after a release, pnpm can still start the previous initializer: its `create` cache lasts a
+day, and pnpm 11's default release-age policy holds back packages published in the last day. Set
+both for the shell, then run the command again:
+
+```bash
+export PNPM_CONFIG_DLX_CACHE_MAX_AGE=0
+export PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE='["@farm.js/*"]'
+pnpm create @farm.js/app my-app --template basic
+```
 
-In PowerShell, set the same variables before running the command:
+In PowerShell:
 
 ```powershell
 $env:PNPM_CONFIG_DLX_CACHE_MAX_AGE = "0"
@@ -32,7 +38,7 @@ pnpm create @farm.js/app my-app --template basic
 Choose React, Preact, Solid, Vue, or Svelte for the Basic and Better Auth starters:
 
 ```bash
-PNPM_CONFIG_DLX_CACHE_MAX_AGE=0 PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE='["@farm.js/*"]' pnpm create @farm.js/app my-app --template better-auth --renderer solid
+pnpm create @farm.js/app my-app --template better-auth --renderer solid
 ```
 
 React remains the default when `--renderer` is omitted. The interactive Basic and Better Auth
@@ -41,7 +47,7 @@ flows also offer a renderer chooser.
 List every starter:
 
 ```bash
-PNPM_CONFIG_DLX_CACHE_MAX_AGE=0 PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE='["@farm.js/*"]' pnpm create @farm.js/app --list-templates
+pnpm create @farm.js/app --list-templates
 ```
 
 Available templates:
@@ -56,7 +62,7 @@ home page, and setup documentation. Better Auth has renderer-native UI for all f
 other integration templates currently use React. For example:
 
 ```bash
-PNPM_CONFIG_DLX_CACHE_MAX_AGE=0 PNPM_CONFIG_MINIMUM_RELEASE_AGE_EXCLUDE='["@farm.js/*"]' pnpm create @farm.js/app stripe-app --template stripe
+pnpm create @farm.js/app stripe-app --template stripe
 ```
 
 See the [FARMJS repository](https://github.com/farming-labs/farm.js) for documentation, examples, and support.

package/dist/index.js

@@ -437,6 +437,16 @@ function sanityContentUIFeature() {
 		files: () => [componentFile("sanity-content-console.tsx", sanityContentTemplate()), integrationPageFile("sanity", "SanityContentConsole")]
 	};
 }
+function strapiContentUIFeature() {
+	return {
+		name: "strapi-content",
+		description: "Strapi content list UI",
+		components: ["badge", "card"],
+		needsApiClient: false,
+		notes: ["Open \"/integrations/strapi\" to check the Strapi connection."],
+		files: () => [componentFile("strapi-content-console.tsx", strapiContentTemplate()), integrationPageFile("strapi", "StrapiContentConsole")]
+	};
+}
 function billingUIFeature(input) {
 	return {
 		name: `${input.provider}-billing`,
@@ -1682,30 +1692,48 @@ export function UnkeyApiKeysConsole() {
 `;
 }
 function sanityContentTemplate() {
+	return contentConsoleTemplate({
+		componentName: "SanityContentConsole",
+		label: "Sanity",
+		description: "Query documents with createServerQuery and invalidate them from the Sanity webhook.",
+		example: "cms.fetch('*[_type == "post"]{\"{\"} title {\"}\"}')",
+		webhook: "Point a Sanity webhook at /api/sanity/webhook to keep cached pages fresh."
+	});
+}
+function strapiContentTemplate() {
+	return contentConsoleTemplate({
+		componentName: "StrapiContentConsole",
+		label: "Strapi",
+		description: "Query typed documents from server queries and invalidate them from the Strapi webhook.",
+		example: "createStrapiCollection(cms, "articles").find()",
+		webhook: "Send the configured secret header to /api/strapi/webhook when content changes."
+	});
+}
+function contentConsoleTemplate(input) {
 	return `import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 
-export function SanityContentConsole() {
+export function ${input.componentName}() {
   return (
     <main className="min-h-screen bg-background px-6 py-12 text-foreground">
       <section className="mx-auto flex w-full max-w-3xl flex-col gap-6">
         <div className="space-y-3">
-          <Badge variant="secondary">Sanity</Badge>
+          <Badge variant="secondary">${input.label}</Badge>
           <h1 className="text-3xl font-semibold tracking-normal">Content</h1>
         </div>
         <Card>
           <CardHeader>
-            <CardTitle className="text-xl">Connected to Sanity</CardTitle>
+            <CardTitle className="text-xl">Connected to ${input.label}</CardTitle>
             <CardDescription>
-              Query documents with createServerQuery and invalidate them from the Sanity webhook.
+              ${input.description}
             </CardDescription>
           </CardHeader>
           <CardContent className="space-y-3">
             <code className="block overflow-x-auto rounded-md border bg-muted/30 p-3 text-xs">
-              cms.fetch(&apos;*[_type == &quot;post&quot;]{"{"} title {"}"}&apos;)
+              ${input.example}
             </code>
             <p className="text-sm text-muted-foreground">
-              Point a Sanity webhook at /api/sanity/webhook to keep cached pages fresh.
+              ${input.webhook}
             </p>
           </CardContent>
         </Card>
@@ -2294,6 +2322,41 @@ export const sanityIntegration = sanity({
     console.log("[sanity]", event.phase, event.route?.path || "none");
   },
 });
+`
+	},
+	{
+		provider: "strapi",
+		aliases: ["strapi-cms"],
+		defaultKey: "cms",
+		packageName: "@farm.js/strapi",
+		fileName: "strapi",
+		exportName: "strapiIntegration",
+		description: "Strapi content with typed reads, responsive media, and webhook invalidation",
+		env: [
+			"STRAPI_API_URL",
+			"STRAPI_API_TOKEN",
+			"STRAPI_MEDIA_URL",
+			"STRAPI_WEBHOOK_SECRET"
+		],
+		dependencies: { "@strapi/client": "^1.6.2" },
+		ui: strapiContentUIFeature(),
+		template: () => `import { strapi } from "@farm.js/strapi";
+
+export const strapiIntegration = strapi({
+  apiUrl: process.env.STRAPI_API_URL,
+  token: process.env.STRAPI_API_TOKEN,
+  mediaUrl: process.env.STRAPI_MEDIA_URL,
+  webhook: {
+    secret: process.env.STRAPI_WEBHOOK_SECRET,
+    onChange(payload) {
+      console.log("[strapi]", payload.event, payload.model);
+      return undefined;
+    },
+  },
+  log(event) {
+    console.log("[strapi]", event.phase, event.route?.path || "none");
+  },
+});
 `
 	}
 ];
@@ -2634,6 +2697,7 @@ const FARM_TELEMETRY_TEMPLATES = [
 	"polar",
 	"resend",
 	"sanity",
+	"strapi",
 	"stripe",
 	"supabase",
 	"unkey",