create-fate 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fate",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Create a new fate app.",
   "homepage": "https://github.com/nkzw-tech/fate",
   "license": "MIT",

package/templates/fate/drizzle/client/package.json

@@ -23,7 +23,7 @@
     "@nkzw/stack": "^2.3.2",
     "@radix-ui/react-slot": "^1.2.4",
     "@trpc/client": "^11.17.0",
-    "@void/react": "^0.7.6",
+    "@void/react": "^0.7.13",
     "better-auth": "^1.6.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -34,7 +34,7 @@
     "react-error-boundary": "^6.1.1",
     "react-fate": "latest",
     "tailwind-merge": "^3.5.0",
-    "void": "^0.7.6"
+    "void": "^0.7.13"
   },
   "devDependencies": {
     "@nkzw/babel-preset-fbtee": "^1.7.4",

package/templates/fate/http/client/package.json

@@ -22,7 +22,7 @@
     "@nkzw/define-env": "^1.1.0",
     "@nkzw/stack": "^2.3.2",
     "@radix-ui/react-slot": "^1.2.4",
-    "@void/react": "^0.7.6",
+    "@void/react": "^0.7.13",
     "better-auth": "^1.6.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -33,7 +33,7 @@
     "react-error-boundary": "^6.1.1",
     "react-fate": "latest",
     "tailwind-merge": "^3.5.0",
-    "void": "^0.7.6"
+    "void": "^0.7.13"
   },
   "devDependencies": {
     "@nkzw/babel-preset-fbtee": "^1.7.4",

package/templates/fate/prisma/client/package.json

@@ -23,7 +23,7 @@
     "@nkzw/stack": "^2.3.2",
     "@radix-ui/react-slot": "^1.2.4",
     "@trpc/client": "^11.17.0",
-    "@void/react": "^0.7.6",
+    "@void/react": "^0.7.13",
     "better-auth": "^1.6.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -34,7 +34,7 @@
     "react-error-boundary": "^6.1.1",
     "react-fate": "latest",
     "tailwind-merge": "^3.5.0",
-    "void": "^0.7.6"
+    "void": "^0.7.13"
   },
   "devDependencies": {
     "@nkzw/babel-preset-fbtee": "^1.7.4",

package/templates/fate/void/_gitignore

@@ -0,0 +1,9 @@
+.fate/
+.void/
+.eslintcache
+.pnpm-debug.log
+node_modules/
+coverage/
+dist/
+tsconfig.tsbuildinfo
+vite.config.ts.timestamp-*

package/templates/fate/void/package.json

@@ -24,7 +24,7 @@
     "@nkzw/fate": "latest",
     "@nkzw/stack": "^2.3.2",
     "@radix-ui/react-slot": "^1.2.4",
-    "@void/react": "^0.7.6",
+    "@void/react": "^0.7.13",
     "better-auth": "^1.6.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -35,7 +35,7 @@
     "react-error-boundary": "^6.1.1",
     "react-fate": "latest",
     "tailwind-merge": "^3.5.0",
-    "void": "^0.7.6",
+    "void": "^0.7.13",
     "void-fate": "latest",
     "zod": "^4.4.3"
   },

package/templates/fate/void/pages/login.tsx

@@ -3,7 +3,7 @@ import { useRouter, useShared } from '@void/react';
 import { ExternalLinkIcon } from 'lucide-react';
 import { useActionState, useEffect, useState } from 'react';
 import type { SharedData } from '../src/lib/shared.ts';
-import { Button } from '../src/ui/Button.tsx';
+import { AsyncButton } from '../src/ui/Button.tsx';
 import Card from '../src/ui/Card.tsx';
 import H2 from '../src/ui/H2.tsx';
 import Input from '../src/ui/Input.tsx';
@@ -71,9 +71,9 @@ export default function LoginPage() {
                   value={password}
                 />
                 <div>
-                  <Button type="submit" variant="outline">
+                  <AsyncButton type="submit" variant="outline">
                     Sign In
-                  </Button>
+                  </AsyncButton>
                 </div>
               </VStack>
             </Stack>

package/templates/fate/void/src/ui/Button.tsx

@@ -1,12 +1,6 @@
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
-import {
-  type ButtonHTMLAttributes,
-  type MouseEvent,
-  type ReactNode,
-  useOptimistic,
-  useTransition,
-} from 'react';
+import { type ButtonHTMLAttributes, type ReactNode, useOptimistic, useTransition } from 'react';
 import { useFormStatus } from 'react-dom';
 import cx from '../lib/cx.tsx';
 
@@ -39,13 +33,41 @@ const buttonVariants = cva(
 const Button = ({
   action,
   asChild = false,
-  children,
   className,
   disabled,
   onClick: initialOnClick,
+  size,
+  variant,
+  ...props
+}: ButtonHTMLAttributes<HTMLButtonElement> &
+  VariantProps<typeof buttonVariants> & {
+    action?: () => void;
+    asChild?: boolean;
+  }) => {
+  const Component = asChild ? Slot : 'button';
+
+  const [isPending, startTransition] = useTransition();
+
+  const onClick = initialOnClick || (action ? () => startTransition(action) : undefined);
+
+  return (
+    <Component
+      className={cx(buttonVariants({ className, size, variant }))}
+      disabled={disabled !== undefined ? disabled : isPending}
+      onClick={onClick}
+      {...props}
+    />
+  );
+};
+
+const AsyncButton = ({
+  action,
+  asChild = false,
+  children,
+  className,
+  disabled,
   pendingPlaceholder = '...',
   size,
-  type,
   variant,
   ...props
 }: ButtonHTMLAttributes<HTMLButtonElement> &
@@ -60,28 +82,22 @@ const Button = ({
   const [transitionIsPending, startTransition] = useTransition();
   const { pending: formIsPending } = useFormStatus();
 
-  const onClick = (event: MouseEvent<HTMLButtonElement>) => {
-    initialOnClick?.(event);
-
-    if (!action || event.defaultPrevented) {
-      return;
-    }
-
-    event.preventDefault();
-    startTransition(async () => {
-      setOptimisticIsPending(true);
-      await action();
-    });
-  };
-
   const isPending = transitionIsPending || optimisticIsPending || formIsPending;
 
+  const onClick = action
+    ? () => {
+        startTransition(async () => {
+          setOptimisticIsPending(true);
+          await action();
+        });
+      }
+    : undefined;
+
   return (
     <Component
       className={cx(buttonVariants({ className, size, variant }))}
       disabled={disabled || isPending || undefined}
-      onClick={initialOnClick || action ? onClick : undefined}
-      type={type}
+      onClick={onClick}
       {...props}
     >
       {isPending ? pendingPlaceholder : children}
@@ -89,4 +105,4 @@ const Button = ({
   );
 };
 
-export { Button, buttonVariants };
+export { AsyncButton, Button, buttonVariants };

package/templates/fate/void/vite.config.ts

@@ -9,29 +9,25 @@ import { voidPlugin } from 'void';
 const isTest = process.env.NODE_ENV === 'test' || process.env.VITEST;
 
 export default defineConfig({
+  optimizeDeps: {
+    exclude: ['@nkzw/fate/client', 'react-fate/client', 'void-fate/react'],
+  },
   environments: {
     void_worker: {
       optimizeDeps: {
-        include: [
-          '@nkzw/core/safeParse.js',
+        exclude: [
+          '@nkzw/fate/client',
+          '@nkzw/fate/server',
           '@nkzw/stack',
           '@radix-ui/react-slot',
           '@void/react',
           '@void/react/pages-server',
-          'better-auth',
-          'better-auth/adapters/drizzle',
-          'better-auth/plugins',
-          'class-variance-authority',
-          'clsx',
-          'drizzle-orm',
           'lucide-react',
-          'react',
           'react-error-boundary',
-          'react/jsx-dev-runtime',
-          'react/jsx-runtime',
-          'tailwind-merge',
-          'void/schema-d1',
-          'zod',
+          'react-fate',
+          'react-fate/client',
+          'void-fate/react',
+          'void-fate/server',
         ],
       },
     },
@@ -77,7 +73,6 @@ export default defineConfig({
       transport: 'void',
     }),
   ],
-  resolve: { conditions: ['@nkzw/source'] },
   server: { port: 6001 },
   ssr: { noExternal: ['void-fate'] },
 });

package/templates/fate/drizzle/.oxfmtrc.jsonc

@@ -1,23 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "singleQuote": true,
-  "experimentalSortImports": {
-    "newlinesBetween": false,
-  },
-  "experimentalSortPackageJson": {
-    "sortScripts": true,
-  },
-  "experimentalTailwindcss": {
-    "stylesheet": "client/src/App.css",
-  },
-  "ignorePatterns": [
-    "client/dist/",
-    "client/index.html",
-    "client/src/fate.ts",
-    "client/src/translations/",
-    "coverage/",
-    "dist/",
-    "pnpm-lock.yaml",
-    "server/dist",
-  ],
-}

package/templates/fate/http/.oxfmtrc.jsonc

@@ -1,23 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "singleQuote": true,
-  "experimentalSortImports": {
-    "newlinesBetween": false,
-  },
-  "experimentalSortPackageJson": {
-    "sortScripts": true,
-  },
-  "experimentalTailwindcss": {
-    "stylesheet": "client/src/App.css",
-  },
-  "ignorePatterns": [
-    "client/dist/",
-    "client/index.html",
-    "client/src/fate.ts",
-    "client/src/translations/",
-    "coverage/",
-    "dist/",
-    "pnpm-lock.yaml",
-    "server/dist",
-  ],
-}

package/templates/fate/prisma/.oxfmtrc.jsonc

@@ -1,23 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "singleQuote": true,
-  "experimentalSortImports": {
-    "newlinesBetween": false,
-  },
-  "experimentalSortPackageJson": {
-    "sortScripts": true,
-  },
-  "experimentalTailwindcss": {
-    "stylesheet": "client/src/App.css",
-  },
-  "ignorePatterns": [
-    "client/dist/",
-    "client/index.html",
-    "client/src/fate.ts",
-    "client/src/translations/",
-    "coverage/",
-    "dist/",
-    "pnpm-lock.yaml",
-    "server/dist",
-  ],
-}

package/templates/fate/void/.oxfmtrc.jsonc

@@ -1,14 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "singleQuote": true,
-  "experimentalSortImports": {
-    "newlinesBetween": false,
-  },
-  "experimentalSortPackageJson": {
-    "sortScripts": true,
-  },
-  "experimentalTailwindcss": {
-    "stylesheet": "src/App.css",
-  },
-  "ignorePatterns": [".fate/", ".void/", "dist/", "node_modules/", "pnpm-lock.yaml"],
-}