@farm.js/create-app 0.1.0-beta.35 → 0.1.0-beta.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farm.js/create-app",
-  "version": "0.1.0-beta.35",
+  "version": "0.1.0-beta.36",
   "description": "Create a new FARMJS application",
   "keywords": [
     "@farm.js/create-app",

package/templates/_renderers/preact/package.json

@@ -11,7 +11,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@farm.js/preact": "0.1.0-beta.30",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
@@ -19,7 +19,7 @@
     "zod": "4.1.12"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.3.3"
   },

package/templates/_renderers/solid/package.json

@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@farm.js/solid": "0.1.0-beta.26",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
@@ -18,7 +18,7 @@
     "zod": "4.1.12"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.3.3"
   },

package/templates/_renderers/svelte/package.json

@@ -11,7 +11,7 @@
     "type-check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@farm.js/svelte": "0.1.0-beta.29",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
@@ -19,7 +19,7 @@
     "zod": "4.1.12"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "svelte-check": "4.7.5",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.3.3"

package/templates/_renderers/vue/package.json

@@ -10,7 +10,7 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@farm.js/vue": "0.1.0-beta.26",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
@@ -18,7 +18,7 @@
     "zod": "4.1.12"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.3.3",
     "vue-tsc": "3.3.9"

package/templates/auth/package.json

@@ -12,8 +12,8 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/auth": "0.1.0-beta.35",
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/auth": "0.1.0-beta.36",
+    "@farm.js/core": "0.1.0-beta.36",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
     "better-call": "1.3.2",
@@ -21,7 +21,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "@types/node": "20.19.9",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",

package/templates/basic/package.json

@@ -10,14 +10,14 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "tailwindcss": "^4.0.0",

package/templates/better-auth/package.json

@@ -11,8 +11,8 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/better-auth": "0.1.0-beta.35",
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/better-auth": "0.1.0-beta.36",
+    "@farm.js/core": "0.1.0-beta.36",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
     "better-auth": "1.6.25",
@@ -22,7 +22,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "@types/node": "20.19.9",
     "@types/pg": "8.20.0",
     "@types/react": "^19.0.0",

package/templates/react-compiler/README.md

@@ -37,6 +37,8 @@ FARM_REACT_COMPILER=true pnpm build
 FARM_REACT_COMPILER=false pnpm build
 ```
 
+The status shown on the starter page reflects the resolved value used for that build.
+
 Components are considered automatically. Add `"use no compiler"` to a component when you need an
 explicit React-only path.
 

package/templates/react-compiler/farm.config.ts

@@ -4,6 +4,11 @@ import { react } from "@farm.js/react";
 const compilerEnabled = process.env.FARM_REACT_COMPILER !== "false";
 
 export default defineConfig({
+  env: {
+    public: {
+      FARM_REACT_COMPILER_ENABLED: () => compilerEnabled,
+    },
+  },
   renderer: react({
     experimental: {
       compiler: compilerEnabled,

package/templates/react-compiler/package.json

@@ -11,7 +11,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@farm.js/core": "0.1.0-beta.35",
+    "@farm.js/core": "0.1.0-beta.36",
     "@farm.js/react": "0.1.0-beta.0",
     "@fontsource-variable/geist": "5.3.0",
     "@fontsource-variable/geist-mono": "5.3.0",
@@ -19,7 +19,7 @@
     "react-dom": "19.2.8"
   },
   "devDependencies": {
-    "@farm.js/cli": "0.1.0-beta.35",
+    "@farm.js/cli": "0.1.0-beta.36",
     "@playwright/test": "^1.52.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",

package/templates/react-compiler/scripts/verify-experiment.mjs

@@ -6,6 +6,7 @@ import { chromium } from "@playwright/test";
 
 const port = Number(process.env.FARM_EXPERIMENT_PORT || 4327);
 const origin = `http://127.0.0.1:${port}`;
+const compilerEnabled = process.env.FARM_REACT_COMPILER !== "false";
 const serverEntry = path.resolve(".farm/.output/server/index.mjs");
 const screenshotPath =
   process.env.FARM_EXPERIMENT_SCREENSHOT || "/tmp/farm-react-compiler-starter.png";
@@ -65,6 +66,10 @@ try {
 
   await page.goto(origin, { waitUntil: "networkidle" });
   await page.getByRole("heading", { name: /compiler handles the rest/i }).waitFor();
+  assert.equal(
+    (await page.locator("[data-compiler-status]").textContent())?.trim(),
+    `experimental.compiler: ${String(compilerEnabled)}`,
+  );
 
   const executions = {};
   for (const pathName of ["compiled", "react"]) {
@@ -82,7 +87,7 @@ try {
     executions[pathName].added = executions[pathName].final - executions[pathName].initial;
   }
 
-  assert.equal(executions.compiled.added, 0);
+  assert.equal(executions.compiled.added, compilerEnabled ? 0 : 2);
   assert.equal(executions.react.added, 2);
   assert.deepEqual(browserErrors, []);
 
@@ -94,6 +99,7 @@ try {
         result: "PASS",
         productionUrl: origin,
         screenshot: screenshotPath,
+        compilerEnabled,
         compiledUpdateExecutions: executions.compiled.added,
         reactUpdateExecutions: executions.react.added,
       },

package/templates/react-compiler/src/app/globals.css

@@ -216,6 +216,11 @@ code {
   box-shadow: 0 0 0 3px var(--accent-soft);
 }
 
+.status-dot[data-enabled="false"] {
+  background: var(--ink-faint);
+  box-shadow: 0 0 0 3px rgb(255 255 255 / 6%);
+}
+
 .compiler-check {
   margin-top: 1.9rem;
   border: 1px solid var(--line);

package/templates/react-compiler/src/app/page.tsx

@@ -1,7 +1,10 @@
+import { publicEnv } from "@farm.js/core/env";
 import { CompilerComparison } from "../components/compiler-comparison";
 import { ResourceLinks } from "../components/resource-links";
 
 export default function HomePage() {
+  const compilerMode = String(publicEnv.FARM_REACT_COMPILER_ENABLED);
+
   return (
     <main className="landing-main">
       <section className="hero-section">
@@ -29,8 +32,8 @@ export default function HomePage() {
             <div className="command-row">
               <span>02</span>
               <div className="compiler-status">
-                <span className="status-dot" aria-hidden="true" />
-                <code>experimental.compiler: true</code>
+                <span className="status-dot" data-enabled={compilerMode} aria-hidden="true" />
+                <code data-compiler-status>experimental.compiler: {compilerMode}</code>
               </div>
             </div>
           </div>

package/templates/react-compiler/src/farm.d.ts

@@ -53,9 +53,7 @@ declare global {
 import type FarmConfig from "../farm.config";
 import type { InferEnv } from "@farm.js/core/env";
 
-type FarmConfigEnv = typeof FarmConfig extends { env?: infer TEnv }
-  ? NonNullable<TEnv>
-  : never;
+type FarmConfigEnv = typeof FarmConfig extends { env?: infer TEnv } ? NonNullable<TEnv> : never;
 type FarmResolvedEnv = [FarmConfigEnv] extends [never]
   ? { server: {}; public: {} }
   : InferEnv<FarmConfigEnv>;
@@ -73,5 +71,3 @@ declare module "@farm.js/core" {
     public: FarmResolvedEnv["public"];
   }
 }
-
-export {};