create-fate 1.0.3 → 1.0.4

package/package.json

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

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',
         ],
       },
     },