create-fate 1.3.3 → 1.5.0

package/templates/fate/cloudflare/client/node_modules/.bin/workerd

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/workerd@1.20260825.1/node_modules/workerd/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/workerd@1.20260825.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/workerd@1.20260825.1/node_modules/workerd/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/workerd@1.20260825.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../node_modules/.pnpm/workerd@1.20260825.1/node_modules/workerd/bin/workerd" "$@"
+else
+  exec node  "$basedir/../../../node_modules/.pnpm/workerd@1.20260825.1/node_modules/workerd/bin/workerd" "$@"
+fi
+# cmd-shim-target=/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/workerd@1.20260825.1/node_modules/workerd/bin/workerd

package/templates/fate/cloudflare/client/node_modules/.bin/wrangler

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js" "$@"
+else
+  exec node  "$basedir/../../../node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js" "$@"
+fi
+# cmd-shim-target=/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js

package/templates/fate/cloudflare/client/node_modules/.bin/wrangler2

@@ -0,0 +1,22 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules:/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js" "$@"
+else
+  exec node  "$basedir/../../../node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js" "$@"
+fi
+# cmd-shim-target=/Users/cpojer/Projects/fate/packages/create-fate/templates/fate/cloudflare/node_modules/.pnpm/wrangler@4.126.0_@cloudflare+workers-types@4.20260702.1/node_modules/wrangler/bin/wrangler.js

package/templates/fate/cloudflare/client/package.json

@@ -9,42 +9,47 @@
   },
   "type": "module",
   "scripts": {
-    "build": "vp build",
+    "build": "vp run fbtee:all && vp build",
     "dev": "vp dev",
     "dev:setup": "vp run fbtee:all",
     "fate:generate": "vp exec fate generate",
-    "fbtee:all": "vpx fbtee collect && vpx fbtee translate"
+    "fbtee:all": "vp run fbtee:collect && vp run fbtee:translate",
+    "fbtee:collect": "vp exec fbtee collect",
+    "fbtee:prepare": "vp run fbtee:collect && vp exec fbtee prepare-translations --source-strings source_strings.json --output-dir translations --locales de-DE ja-JP",
+    "fbtee:translate": "vp exec fbtee translate --source-strings source_strings.json --output-dir src/translations --output-locale-style=bcp47",
+    "start": "node start.mjs"
   },
   "dependencies": {
     "@app/server": "workspace:*",
+    "@hono/node-server": "^2.1.1",
     "@nkzw/core": "^1.3.1",
     "@nkzw/define-env": "^1.1.0",
     "@nkzw/stack": "^2.3.2",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@void/react": "^0.7.13",
-    "better-auth": "^1.6.9",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@void/react": "^0.10.12",
+    "better-auth": "1.7.2",
     "cf-fate": "latest",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "fbtee": "^1.7.4",
-    "lucide-react": "^1.14.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-error-boundary": "^6.1.1",
+    "fbtee": "^4.0.0",
+    "lucide-react": "^1.34.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-error-boundary": "^6.1.3",
     "react-fate": "latest",
-    "tailwind-merge": "^3.5.0",
-    "void": "^0.7.13"
+    "tailwind-merge": "^3.6.0",
+    "void": "^0.10.12"
   },
   "devDependencies": {
-    "@nkzw/babel-preset-fbtee": "^1.7.4",
-    "@rolldown/plugin-babel": "^0.2.3",
-    "@tailwindcss/vite": "^4.2.4",
-    "@types/babel__core": "^7.20.5",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "tailwindcss": "^4.2.4",
+    "@nkzw/fbtee-cli": "^4.0.0",
+    "@nkzw/vite-plugin-fbtee": "^4.0.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.4.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@vitejs/plugin-react": "^6.1.0",
+    "oxc-transform-react": "^0.147.0",
+    "tailwindcss": "^4.3.3",
     "vite": "catalog:",
     "vite-plus": "catalog:"
   },

package/templates/fate/cloudflare/client/pages/layout.tsx

@@ -1,14 +1,12 @@
+import Stack from '@nkzw/stack';
 /// <reference types="fbtee/ReactTypes.d.ts" />
-
 import '../src/App.css';
-import Stack from '@nkzw/stack';
-import { createLocaleContext } from 'fbtee';
 import { ReactNode, Suspense, useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { FateClient } from 'react-fate';
 import { createFateClient } from 'react-fate/client';
-import AvailableLanguages from '../src/lib/AvailableLanguages.tsx';
 import env from '../src/lib/env.tsx';
+import LocaleContext from '../src/lib/LocaleContext.tsx';
 import Card from '../src/ui/Card.tsx';
 import Error from '../src/ui/Error.tsx';
 import Header from '../src/ui/Header.tsx';
@@ -23,18 +21,6 @@ const Thinking = () => (
   </Section>
 );
 
-const LocaleContext = createLocaleContext({
-  availableLanguages: AvailableLanguages,
-  clientLocales: [navigator.language, ...navigator.languages],
-  loadLocale: async (locale: string) => {
-    if (locale !== 'en_US' && AvailableLanguages.has(locale)) {
-      return (await import(`../src/translations/${locale}.json`)).default[locale];
-    }
-
-    return {};
-  },
-});
-
 export default function Layout({ children }: { children: ReactNode }) {
   const { data: session } = AuthClient.useSession();
   const userId = session?.user.id;

package/templates/fate/cloudflare/client/src/lib/AvailableLanguages.tsx

@@ -1,5 +1,5 @@
 export default new Map([
-  ['en_US', 'English'],
-  ['de_DE', 'Deutsch (German)'],
-  ['ja_JP', '日本語 (Japanese)'],
+  ['en-US', 'English'],
+  ['de-DE', 'Deutsch (German)'],
+  ['ja-JP', '日本語 (Japanese)'],
 ]);

package/templates/fate/cloudflare/client/src/lib/LocaleContext.tsx

@@ -0,0 +1,61 @@
+/// <reference types="fbtee/ReactTypes.d.ts" />
+
+import { createLocaleContext, useLocaleContext } from 'fbtee';
+import { ReactNode, startTransition, useEffect, useState } from 'react';
+import AvailableLanguages from './AvailableLanguages.tsx';
+
+const Context = createLocaleContext({
+  availableLanguages: AvailableLanguages,
+  // Keep the server and first client render identical; restore preferences after hydration.
+  clientLocales: ['en-US'],
+  fallbackLocale: 'en-US',
+  loadLocale: async (locale) => {
+    if (locale !== 'en-US' && AvailableLanguages.has(locale)) {
+      return (await import(`../translations/${locale}.json`)).default[locale];
+    }
+    return {};
+  },
+});
+
+function RestoreLocale({ restored, onRestore }: { restored: boolean; onRestore: () => void }) {
+  const { locale, setLocale } = useLocaleContext();
+  useEffect(() => {
+    if (restored) return;
+    onRestore();
+    let savedLocale: string | null = null;
+    try {
+      savedLocale = localStorage.getItem('fbtee:locale');
+    } catch {
+      // Browser storage can be unavailable.
+    }
+    const preferred = [savedLocale, ...navigator.languages, navigator.language]
+      .filter((value): value is string => !!value)
+      .map((value) => value.replaceAll('_', '-'));
+    const nextLocale = preferred
+      .map((value) =>
+        AvailableLanguages.has(value)
+          ? value
+          : [...AvailableLanguages.keys()].find(
+              (available) => available.split('-')[0] === value.split('-')[0],
+            ),
+      )
+      .find(Boolean);
+    if (nextLocale && nextLocale !== locale) {
+      startTransition(() => setLocale(nextLocale));
+    }
+  }, [locale, setLocale, restored, onRestore]);
+  useEffect(() => {
+    document.documentElement.lang = locale;
+  }, [locale]);
+  return null;
+}
+
+export default function LocaleContext({ children }: { children: ReactNode }) {
+  const [restored, setRestored] = useState(false);
+  return (
+    <Context>
+      <RestoreLocale restored={restored} onRestore={() => setRestored(true)} />
+      {children}
+    </Context>
+  );
+}

package/templates/fate/cloudflare/client/src/ui/LocaleSwitcher.tsx

@@ -1,52 +1,34 @@
-import { VStack } from '@nkzw/stack';
-import { cx } from 'class-variance-authority';
 import { useLocaleContext } from 'fbtee';
-import { Languages } from 'lucide-react';
+import { startTransition } from 'react';
 import AvailableLanguages from '../lib/AvailableLanguages.tsx';
-import { Button } from './Button.tsx';
-import Card from './Card.tsx';
 
 export default function LocaleSwitcher() {
-  const { locale: currentLocale, setLocale } = useLocaleContext();
-
+  const { locale, localeChangeIsPending, setLocale } = useLocaleContext();
   return (
-    <>
-      <Button asChild size="sm" variant="ghost">
-        <button popoverTarget="locale-switcher" popoverTargetAction="show">
-          <Languages className="h-4 w-4" />
-          <span className="hidden sm:inline">
-            <fbt desc="Locale switcher button">Change Language</fbt>
-          </span>
-        </button>
-      </Button>
-      <Card
-        className="translate-y-50 justify-self-center border-slate-100 bg-white shadow transition-all dark:bg-black"
-        id="locale-switcher"
-        popover="auto"
+    <label className="inline-flex items-center gap-2 text-sm">
+      <span className="sr-only">
+        <fbt desc="Locale switcher button">Change Language</fbt>
+      </span>
+      <select
+        className="rounded-md border border-gray-300 bg-background px-2 py-1 text-foreground"
+        disabled={localeChangeIsPending}
+        onChange={(event) => {
+          const nextLocale = event.target.value;
+          try {
+            localStorage.setItem('fbtee:locale', nextLocale);
+          } catch {
+            // Changing the language still works without browser storage.
+          }
+          startTransition(() => setLocale(nextLocale));
+        }}
+        value={locale}
       >
-        <VStack alignCenter center className="w-64" gap={12} padding={16}>
-          {[...AvailableLanguages.entries()].map(([locale, name]) => (
-            <Button
-              action={() => {
-                setLocale(locale);
-                localStorage.setItem('fbtee:locale', locale);
-              }}
-              asChild
-              className={cx(
-                'transition-background border-slate-200 bg-transparent duration-150 hover:border-slate-300 hover:bg-slate-200 dark:hover:bg-slate-900 dark:text-white active:py-2',
-                {
-                  'bg-slate-100 dark:bg-slate-900': currentLocale === locale,
-                },
-              )}
-              key={locale}
-              size="sm"
-              variant="outline"
-            >
-              <a className="w-full flex-1 cursor-pointer p-2">{name}</a>
-            </Button>
-          ))}
-        </VStack>
-      </Card>
-    </>
+        {[...AvailableLanguages].map(([value, name]) => (
+          <option key={value} value={value}>
+            {name}
+          </option>
+        ))}
+      </select>
+    </label>
   );
 }

package/templates/fate/cloudflare/client/start.mjs

@@ -0,0 +1,11 @@
+import { readFileSync } from 'node:fs';
+import process from 'node:process';
+import { fileURLToPath, URL } from 'node:url';
+
+const dist = new URL('./dist/', import.meta.url);
+// Void's Node renderer reads this manifest to emit client scripts and styles.
+globalThis.__VITE_MANIFEST__ = JSON.parse(
+  readFileSync(new URL('client/.vite/manifest.json', dist), 'utf8'),
+);
+process.chdir(fileURLToPath(dist));
+await import(new URL('ssr/index.js', dist).href);