npm - wexts - Versions diffs - 4.1.5 → 4.1.7 - Mend

wexts 4.1.5 → 4.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

package/README.md +49 -49
package/bin/wexts.cjs +2 -2
package/dist/chunk-27NEYQD2.mjs +222 -0
package/dist/chunk-27NEYQD2.mjs.map +1 -0
package/dist/chunk-2LJVUMXW.js +228 -0
package/dist/chunk-2LJVUMXW.js.map +1 -0
package/dist/chunk-5DBFN65W.mjs +183 -0
package/dist/chunk-5DBFN65W.mjs.map +1 -0
package/dist/chunk-75HBI2XG.js +504 -0
package/dist/chunk-75HBI2XG.js.map +1 -0
package/dist/chunk-AVMQJWYD.js +95 -0
package/dist/chunk-AVMQJWYD.js.map +1 -0
package/dist/chunk-C2AG7Q3C.mjs +65 -0
package/dist/chunk-C2AG7Q3C.mjs.map +1 -0
package/dist/chunk-DS5KVVWJ.mjs +95 -0
package/dist/chunk-DS5KVVWJ.mjs.map +1 -0
package/dist/chunk-FUPLZMSR.mjs +228 -0
package/dist/chunk-FUPLZMSR.mjs.map +1 -0
package/dist/chunk-HLT3IHJY.js +183 -0
package/dist/chunk-HLT3IHJY.js.map +1 -0
package/dist/chunk-IRRJJ7KL.js +273 -0
package/dist/chunk-IRRJJ7KL.js.map +1 -0
package/dist/chunk-L77ANWWT.mjs +22 -0
package/dist/chunk-L77ANWWT.mjs.map +1 -0
package/dist/chunk-P3Q4I5FD.js +222 -0
package/dist/chunk-P3Q4I5FD.js.map +1 -0
package/dist/chunk-VBIQGUDI.mjs +504 -0
package/dist/chunk-VBIQGUDI.mjs.map +1 -0
package/dist/chunk-VJY6PHYF.mjs +273 -0
package/dist/chunk-VJY6PHYF.mjs.map +1 -0
package/dist/chunk-WCKSKU3C.js +65 -0
package/dist/chunk-WCKSKU3C.js.map +1 -0
package/dist/chunk-XE4OXN2W.js +12 -0
package/dist/chunk-XE4OXN2W.js.map +1 -0
package/dist/cli/index.d.mts +23 -0
package/dist/cli/index.d.ts +23 -0
package/dist/cli/index.js +634 -0
package/dist/cli/index.js.map +1 -0
package/dist/cli/index.mjs +636 -0
package/dist/cli/index.mjs.map +1 -0
package/dist/client/index.d.mts +43 -0
package/dist/client/index.d.ts +43 -0
package/dist/client/index.js +187 -0
package/dist/client/index.js.map +1 -0
package/dist/client/index.mjs +166 -0
package/dist/client/index.mjs.map +1 -0
package/dist/codegen/index.d.mts +2 -0
package/dist/codegen/index.d.ts +2 -0
package/dist/codegen/index.js +16 -0
package/dist/codegen/index.js.map +1 -0
package/dist/codegen/index.mjs +16 -0
package/dist/codegen/index.mjs.map +1 -0
package/dist/decorators-BiQtOHuF.d.ts +60 -0
package/dist/decorators-vBopODtr.d.mts +60 -0
package/dist/dev-server/index.d.mts +1 -0
package/dist/dev-server/index.d.ts +1 -0
package/dist/dev-server/index.js +13 -0
package/dist/dev-server/index.js.map +1 -0
package/dist/dev-server/index.mjs +13 -0
package/dist/dev-server/index.mjs.map +1 -0
package/dist/errors-D545UvXf.d.mts +37 -0
package/dist/errors-D545UvXf.d.ts +37 -0
package/dist/index-7RvU-jGE.d.mts +66 -0
package/dist/index-7RvU-jGE.d.ts +66 -0
package/dist/index-BsafLP-a.d.mts +70 -0
package/dist/index-BsafLP-a.d.ts +70 -0
package/dist/index-CJKs4wtN.d.ts +92 -0
package/dist/index-CUR6CnLk.d.ts +27 -0
package/dist/index-h66Vq9dK.d.mts +92 -0
package/dist/index-tqmYsTUn.d.mts +27 -0
package/dist/index.d.mts +289 -0
package/dist/index.d.ts +289 -0
package/dist/index.js +544 -0
package/dist/index.js.map +1 -0
package/dist/index.mjs +544 -0
package/dist/index.mjs.map +1 -0
package/dist/nest/index.d.mts +2 -0
package/dist/nest/index.d.ts +2 -0
package/dist/nest/index.js +36 -0
package/dist/nest/index.js.map +1 -0
package/dist/nest/index.mjs +36 -0
package/dist/nest/index.mjs.map +1 -0
package/dist/next/index.d.mts +66 -0
package/dist/next/index.d.ts +66 -0
package/dist/next/index.js +282 -0
package/dist/next/index.js.map +1 -0
package/dist/next/index.mjs +251 -0
package/dist/next/index.mjs.map +1 -0
package/dist/rpc/index.d.mts +32 -0
package/dist/rpc/index.d.ts +32 -0
package/dist/rpc/index.js +19 -0
package/dist/rpc/index.js.map +1 -0
package/dist/rpc/index.mjs +1 -0
package/dist/rpc/index.mjs.map +1 -0
package/dist/runtime/index.d.mts +55 -0
package/dist/runtime/index.d.ts +55 -0
package/dist/runtime/index.js +15 -0
package/dist/runtime/index.js.map +1 -0
package/dist/runtime/index.mjs +15 -0
package/dist/runtime/index.mjs.map +1 -0
package/dist/server/index.d.mts +7 -0
package/dist/server/index.d.ts +7 -0
package/dist/server/index.js +58 -0
package/dist/server/index.js.map +1 -0
package/dist/server/index.mjs +58 -0
package/dist/server/index.mjs.map +1 -0
package/dist/types/index.d.mts +12 -0
package/dist/types/index.d.ts +12 -0
package/dist/types/index.js +19 -0
package/dist/types/index.js.map +1 -0
package/dist/types/index.mjs +1 -0
package/dist/types/index.mjs.map +1 -0
package/dist/types-CQ_aexOX.d.mts +32 -0
package/dist/types-CQ_aexOX.d.ts +32 -0
package/dist/vercel-builder/index.d.mts +58 -0
package/dist/vercel-builder/index.d.ts +58 -0
package/dist/vercel-builder/index.js +330 -0
package/dist/vercel-builder/index.js.map +1 -0
package/dist/vercel-builder/index.mjs +330 -0
package/dist/vercel-builder/index.mjs.map +1 -0
package/package.json +153 -153
package/templates/.dockerignore +43 -43
package/templates/.env.example +17 -17
package/templates/Dockerfile +60 -60
package/templates/Procfile +1 -1
package/templates/README.md +67 -67
package/templates/api-sdk.ts +115 -115
package/templates/docker-compose.yml +34 -34
package/templates/nestjs-api/.env.example +3 -3
package/templates/nestjs-api/README.md +87 -87
package/templates/nestjs-api/nest-cli.json +6 -6
package/templates/nestjs-api/package.json +40 -40
package/templates/nestjs-api/prisma/migrations/20251123205437_init/migration.sql +24 -24
package/templates/nestjs-api/prisma/migrations/migration_lock.toml +3 -3
package/templates/nestjs-api/prisma/schema.prisma +29 -29
package/templates/nestjs-api/src/app.module.ts +19 -17
package/templates/nestjs-api/src/auth/auth.controller.ts +27 -27
package/templates/nestjs-api/src/auth/auth.module.ts +37 -37
package/templates/nestjs-api/src/auth/auth.service.ts +86 -86
package/templates/nestjs-api/src/auth/dto/auth.dto.ts +22 -22
package/templates/nestjs-api/src/auth/guards/jwt-auth.guard.ts +5 -5
package/templates/nestjs-api/src/auth/strategies/jwt.strategy.ts +27 -27
package/templates/nestjs-api/src/hello.service.ts +11 -0
package/templates/nestjs-api/src/main.ts +32 -32
package/templates/nestjs-api/src/prisma/prisma.module.ts +9 -9
package/templates/nestjs-api/src/prisma/prisma.service.ts +14 -14
package/templates/nestjs-api/src/todos/dto/todo.dto.ts +24 -24
package/templates/nestjs-api/src/todos/todos.controller.ts +39 -39
package/templates/nestjs-api/src/todos/todos.module.ts +11 -11
package/templates/nestjs-api/src/todos/todos.service.ts +53 -53
package/templates/nestjs-api/src/users/users.controller.ts +14 -14
package/templates/nestjs-api/src/users/users.module.ts +12 -12
package/templates/nestjs-api/src/users/users.service.ts +19 -19
package/templates/nestjs-api/tsconfig.json +39 -39
package/templates/nextjs-web/README.md +76 -76
package/templates/nextjs-web/app/actions/auth.ts +108 -108
package/templates/nextjs-web/app/dashboard/error.tsx +39 -39
package/templates/nextjs-web/app/dashboard/loading.tsx +14 -14
package/templates/nextjs-web/app/dashboard/page.tsx +5 -5
package/templates/nextjs-web/app/globals.css +93 -93
package/templates/nextjs-web/app/layout.tsx +29 -29
package/templates/nextjs-web/app/login/page.tsx +5 -5
package/templates/nextjs-web/app/page.tsx +138 -28
package/templates/nextjs-web/app/register/page.tsx +5 -5
package/templates/nextjs-web/components/ui/button.tsx +56 -56
package/templates/nextjs-web/components/ui/card.tsx +79 -79
package/templates/nextjs-web/components/ui/input.tsx +25 -25
package/templates/nextjs-web/components/ui/label.tsx +24 -24
package/templates/nextjs-web/features/auth/LoginForm.tsx +140 -140
package/templates/nextjs-web/features/auth/RegisterForm.tsx +159 -159
package/templates/nextjs-web/features/auth/api.ts +35 -35
package/templates/nextjs-web/features/auth/index.ts +3 -3
package/templates/nextjs-web/features/dashboard/DashboardView.tsx +204 -204
package/templates/nextjs-web/features/dashboard/api.ts +9 -9
package/templates/nextjs-web/features/dashboard/components.tsx +74 -74
package/templates/nextjs-web/features/dashboard/index.ts +3 -3
package/templates/nextjs-web/hooks/index.ts +4 -4
package/templates/nextjs-web/lib/api-client.ts +89 -89
package/templates/nextjs-web/lib/api.ts +115 -115
package/templates/nextjs-web/lib/axios-global-config.ts +17 -17
package/templates/nextjs-web/lib/utils.ts +6 -6
package/templates/nextjs-web/lib/wexts-client.ts +4 -4
package/templates/nextjs-web/next-env.d.ts +6 -6
package/templates/nextjs-web/next.config.ts +20 -20
package/templates/nextjs-web/package.json +37 -37
package/templates/nextjs-web/postcss.config.js +6 -6
package/templates/nextjs-web/tailwind.config.ts +69 -69
package/templates/nextjs-web/tsconfig.json +41 -41
package/templates/nixpacks.toml +11 -11
package/templates/root-package.json +31 -31
package/templates/server.ts +66 -66
package/templates/tsconfig.json +30 -30

package/templates/nextjs-web/app/layout.tsx CHANGED Viewed

@@ -1,29 +1,29 @@
-import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
-import { WextsProvider } from '@/lib/wexts-client';
-import { Toaster } from 'react-hot-toast';
-import './globals.css';
-const inter = Inter({ subsets: ['latin'] });
-export const metadata: Metadata = {
-    title: 'wexts Web App',
-    description: 'Modern web application built with wexts',
-};
-export default function RootLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <html lang="en">
-            <body className={inter.className}>
-                <WextsProvider baseUrl={process.env.NEXT_PUBLIC_API_URL || 'http://localhost:5050'}>
-                    {children}
-                    <Toaster position="top-center" />
-                </WextsProvider>
-            </body>
-        </html>
-    );
-}
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import { WextsProvider } from '@/lib/wexts-client';
+import { Toaster } from 'react-hot-toast';
+import './globals.css';
+const inter = Inter({ subsets: ['latin'] });
+export const metadata: Metadata = {
+    title: 'wexts Web App',
+    description: 'Modern web application built with wexts',
+};
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    return (
+        <html lang="en">
+            <body className={inter.className}>
+                <WextsProvider baseUrl={process.env.NEXT_PUBLIC_API_URL || 'http://localhost:5050'}>
+                    {children}
+                    <Toaster position="top-center" />
+                </WextsProvider>
+            </body>
+        </html>
+    );
+}

package/templates/nextjs-web/app/login/page.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { LoginForm } from '@/features/auth';
-export default function LoginPage() {
-    return <LoginForm />;
-}
+import { LoginForm } from '@/features/auth';
+export default function LoginPage() {
+    return <LoginForm />;
+}

package/templates/nextjs-web/app/page.tsx CHANGED Viewed

@@ -1,28 +1,138 @@
-'use client';
-import { useAuth } from '@/lib/wexts-client';
-import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
-export default function Home() {
-    const { isAuthenticated, user, loading } = useAuth();
-    const router = useRouter();
-    useEffect(() => {
-        if (!loading && !isAuthenticated) {
-            router.push('/login');
-        } else if (!loading && isAuthenticated) {
-            router.push('/dashboard');
-        }
-    }, [isAuthenticated, loading, router]);
-    if (loading) {
-        return (
-            <div className="min-h-screen flex items-center justify-center">
-                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-violet-600"></div>
-            </div>
-        );
-    }
-    return null;
-}
+'use client';
+import { useAuth } from '@/lib/wexts-client';
+import { useRouter } from 'next/navigation';
+import { Button } from '@/components/ui/button';
+import { motion } from 'framer-motion';
+import { ArrowRight, Layers, Shield, Zap, Terminal, Code2 } from 'lucide-react';
+import Link from 'next/link';
+export default function Home() {
+    const { isAuthenticated, loading } = useAuth();
+    const router = useRouter();
+    if (loading) {
+        return (
+            <div className="min-h-screen flex items-center justify-center bg-background">
+                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
+            </div>
+        );
+    }
+    return (
+        <div className="min-h-screen bg-background relative overflow-hidden flex flex-col">
+            {/* Background elements */}
+            <div className="absolute top-0 left-0 w-full h-full overflow-hidden -z-10 pointer-events-none">
+                <div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] rounded-full bg-violet-600/20 blur-[120px]" />
+                <div className="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] rounded-full bg-indigo-600/20 blur-[120px]" />
+            </div>
+            {/* Navbar */}
+            <header className="w-full border-b border-border/40 backdrop-blur-md bg-background/80 sticky top-0 z-50">
+                <div className="container mx-auto px-4 h-16 flex items-center justify-between">
+                    <div className="flex items-center space-x-2">
+                        <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-violet-600 to-indigo-600 flex items-center justify-center">
+                            <Layers className="w-5 h-5 text-white" />
+                        </div>
+                        <span className="font-bold text-xl tracking-tight">Wexts</span>
+                    </div>
+                    <nav className="flex items-center space-x-4">
+                        {isAuthenticated ? (
+                            <Button variant="default" onClick={() => router.push('/dashboard')}>
+                                Dashboard
+                            </Button>
+                        ) : (
+                            <>
+                                <Link href="/login">
+                                    <Button variant="ghost">Sign In</Button>
+                                </Link>
+                                <Link href="/register">
+                                    <Button variant="default">Get Started</Button>
+                                </Link>
+                            </>
+                        )}
+                    </nav>
+                </div>
+            </header>
+            {/* Hero Section */}
+            <main className="flex-1 flex flex-col items-center justify-center px-4 py-20 relative">
+                <motion.div
+                    initial={{ opacity: 0, y: 20 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.5 }}
+                    className="text-center max-w-4xl mx-auto"
+                >
+                    <div className="inline-flex items-center rounded-full border border-primary/20 bg-primary/10 px-3 py-1 text-sm font-medium text-primary mb-8">
+                        <span className="flex h-2 w-2 rounded-full bg-primary mr-2"></span>
+                        Production-ready Fullstack Toolkit
+                    </div>
+                    <h1 className="text-5xl md:text-7xl font-extrabold tracking-tight mb-8">
+                        The Ultimate <br className="hidden md:block" />
+                        <span className="text-gradient">Next.js + NestJS</span> Bridge
+                    </h1>
+                    <p className="text-lg md:text-xl text-muted-foreground mb-10 max-w-2xl mx-auto leading-relaxed">
+                        Wexts brings together the power of Next.js and NestJS into a seamless, type-safe, single-runtime experience. Build faster, scale better, and never worry about RPC generation again.
+                    </p>
+                    <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
+                        {isAuthenticated ? (
+                            <Button size="lg" className="h-12 px-8 text-base shadow-lg shadow-primary/20" onClick={() => router.push('/dashboard')}>
+                                Go to Dashboard <ArrowRight className="ml-2 w-5 h-5" />
+                            </Button>
+                        ) : (
+                            <Link href="/register">
+                                <Button size="lg" className="h-12 px-8 text-base shadow-lg shadow-primary/20">
+                                    Start Building <ArrowRight className="ml-2 w-5 h-5" />
+                                </Button>
+                            </Link>
+                        )}
+                        <a href="https://github.com/wexts" target="_blank" rel="noreferrer">
+                            <Button size="lg" variant="outline" className="h-12 px-8 text-base border-border bg-background/50 backdrop-blur-md hover:bg-accent/50">
+                                <Terminal className="mr-2 w-5 h-5" /> Documentation
+                            </Button>
+                        </a>
+                    </div>
+                </motion.div>
+                {/* Features Section */}
+                <motion.div
+                    initial={{ opacity: 0, y: 40 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ duration: 0.7, delay: 0.2 }}
+                    className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-32 max-w-5xl mx-auto w-full px-4"
+                >
+                    <div className="glass p-6 rounded-2xl flex flex-col items-start dark:glass-dark transition-transform hover:-translate-y-1 duration-300">
+                        <div className="w-12 h-12 rounded-xl bg-violet-100 dark:bg-violet-900/50 flex items-center justify-center mb-4 text-violet-600 dark:text-violet-400">
+                            <Code2 className="w-6 h-6" />
+                        </div>
+                        <h3 className="text-xl font-bold mb-2">Typed RPC Bridge</h3>
+                        <p className="text-muted-foreground">Deterministic codegen that keeps your frontend and backend in perfect sync. No more broken API contracts.</p>
+                    </div>
+                    <div className="glass p-6 rounded-2xl flex flex-col items-start dark:glass-dark transition-transform hover:-translate-y-1 duration-300">
+                        <div className="w-12 h-12 rounded-xl bg-blue-100 dark:bg-blue-900/50 flex items-center justify-center mb-4 text-blue-600 dark:text-blue-400">
+                            <Zap className="w-6 h-6" />
+                        </div>
+                        <h3 className="text-xl font-bold mb-2">Single Runtime</h3>
+                        <p className="text-muted-foreground">Run Next.js, NestJS, and Fastify in one process. Radically simple deployments without complex microservices.</p>
+                    </div>
+                    <div className="glass p-6 rounded-2xl flex flex-col items-start dark:glass-dark transition-transform hover:-translate-y-1 duration-300">
+                        <div className="w-12 h-12 rounded-xl bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center mb-4 text-emerald-600 dark:text-emerald-400">
+                            <Shield className="w-6 h-6" />
+                        </div>
+                        <h3 className="text-xl font-bold mb-2">Strict Security</h3>
+                        <p className="text-muted-foreground">Built-in DDoS protection, strict request parsing, and rate-limiting designed for production from day one.</p>
+                    </div>
+                </motion.div>
+            </main>
+            {/* Footer */}
+            <footer className="py-8 border-t border-border/40 mt-auto">
+                <div className="container mx-auto px-4 text-center text-muted-foreground text-sm">
+                    <p>© {new Date().getFullYear()} Wexts. Built with precision for production environments.</p>
+                </div>
+            </footer>
+        </div>
+    );
+}

package/templates/nextjs-web/app/register/page.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { RegisterForm } from '@/features/auth';
-export default function RegisterPage() {
-    return <RegisterForm />;
-}
+import { RegisterForm } from '@/features/auth';
+export default function RegisterPage() {
+    return <RegisterForm />;
+}

package/templates/nextjs-web/components/ui/button.tsx CHANGED Viewed

@@ -1,56 +1,56 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils"
-const buttonVariants = cva(
-    "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-    {
-        variants: {
-            variant: {
-                default: "bg-primary text-primary-foreground hover:bg-primary/90",
-                destructive:
-                    "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                outline:
-                    "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-                secondary:
-                    "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-                ghost: "hover:bg-accent hover:text-accent-foreground",
-                link: "text-primary underline-offset-4 hover:underline",
-            },
-            size: {
-                default: "h-10 px-4 py-2",
-                sm: "h-9 rounded-md px-3",
-                lg: "h-11 rounded-md px-8",
-                icon: "h-10 w-10",
-            },
-        },
-        defaultVariants: {
-            variant: "default",
-            size: "default",
-        },
-    }
-)
-export interface ButtonProps
-    extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-    asChild?: boolean
-}
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-    ({ className, variant, size, asChild = false, ...props }, ref) => {
-        const Comp = asChild ? Slot : "button"
-        return (
-            <Comp
-                className={cn(buttonVariants({ variant, size, className }))}
-                ref={ref}
-                {...props}
-            />
-        )
-    }
-)
-Button.displayName = "Button"
-export { Button, buttonVariants }
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "@/lib/utils"
+const buttonVariants = cva(
+    "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+    {
+        variants: {
+            variant: {
+                default: "bg-primary text-primary-foreground hover:bg-primary/90",
+                destructive:
+                    "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                outline:
+                    "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+                secondary:
+                    "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                ghost: "hover:bg-accent hover:text-accent-foreground",
+                link: "text-primary underline-offset-4 hover:underline",
+            },
+            size: {
+                default: "h-10 px-4 py-2",
+                sm: "h-9 rounded-md px-3",
+                lg: "h-11 rounded-md px-8",
+                icon: "h-10 w-10",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+            size: "default",
+        },
+    }
+)
+export interface ButtonProps
+    extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+    asChild?: boolean
+}
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+    ({ className, variant, size, asChild = false, ...props }, ref) => {
+        const Comp = asChild ? Slot : "button"
+        return (
+            <Comp
+                className={cn(buttonVariants({ variant, size, className }))}
+                ref={ref}
+                {...props}
+            />
+        )
+    }
+)
+Button.displayName = "Button"
+export { Button, buttonVariants }

package/templates/nextjs-web/components/ui/card.tsx CHANGED Viewed

@@ -1,79 +1,79 @@
-import * as React from "react"
-import { cn } from "@/lib/utils"
-const Card = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div
-        ref={ref}
-        className={cn(
-            "rounded-lg border bg-card text-card-foreground shadow-sm",
-            className
-        )}
-        {...props}
-    />
-))
-Card.displayName = "Card"
-const CardHeader = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div
-        ref={ref}
-        className={cn("flex flex-col space-y-1.5 p-6", className)}
-        {...props}
-    />
-))
-CardHeader.displayName = "CardHeader"
-const CardTitle = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-    <h3
-        ref={ref}
-        className={cn(
-            "text-2xl font-semibold leading-none tracking-tight",
-            className
-        )}
-        {...props}
-    />
-))
-CardTitle.displayName = "CardTitle"
-const CardDescription = React.forwardRef<
-    HTMLParagraphElement,
-    React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-    <p
-        ref={ref}
-        className={cn("text-sm text-muted-foreground", className)}
-        {...props}
-    />
-))
-CardDescription.displayName = "CardDescription"
-const CardContent = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-))
-CardContent.displayName = "CardContent"
-const CardFooter = React.forwardRef<
-    HTMLDivElement,
-    React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-    <div
-        ref={ref}
-        className={cn("flex items-center p-6 pt-0", className)}
-        {...props}
-    />
-))
-CardFooter.displayName = "CardFooter"
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
+import * as React from "react"
+import { cn } from "@/lib/utils"
+const Card = React.forwardRef<
+    HTMLDivElement,
+    React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+    <div
+        ref={ref}
+        className={cn(
+            "rounded-lg border bg-card text-card-foreground shadow-sm",
+            className
+        )}
+        {...props}
+    />
+))
+Card.displayName = "Card"
+const CardHeader = React.forwardRef<
+    HTMLDivElement,
+    React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+    <div
+        ref={ref}
+        className={cn("flex flex-col space-y-1.5 p-6", className)}
+        {...props}
+    />
+))
+CardHeader.displayName = "CardHeader"
+const CardTitle = React.forwardRef<
+    HTMLParagraphElement,
+    React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+    <h3
+        ref={ref}
+        className={cn(
+            "text-2xl font-semibold leading-none tracking-tight",
+            className
+        )}
+        {...props}
+    />
+))
+CardTitle.displayName = "CardTitle"
+const CardDescription = React.forwardRef<
+    HTMLParagraphElement,
+    React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+    <p
+        ref={ref}
+        className={cn("text-sm text-muted-foreground", className)}
+        {...props}
+    />
+))
+CardDescription.displayName = "CardDescription"
+const CardContent = React.forwardRef<
+    HTMLDivElement,
+    React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+    <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+const CardFooter = React.forwardRef<
+    HTMLDivElement,
+    React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+    <div
+        ref={ref}
+        className={cn("flex items-center p-6 pt-0", className)}
+        {...props}
+    />
+))
+CardFooter.displayName = "CardFooter"
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }

package/templates/nextjs-web/components/ui/input.tsx CHANGED Viewed

@@ -1,25 +1,25 @@
-import * as React from "react"
-import { cn } from "@/lib/utils"
-export interface InputProps
-    extends React.InputHTMLAttributes<HTMLInputElement> { }
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-    ({ className, type, ...props }, ref) => {
-        return (
-            <input
-                type={type}
-                className={cn(
-                    "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                    className
-                )}
-                ref={ref}
-                {...props}
-            />
-        )
-    }
-)
-Input.displayName = "Input"
-export { Input }
+import * as React from "react"
+import { cn } from "@/lib/utils"
+export interface InputProps
+    extends React.InputHTMLAttributes<HTMLInputElement> { }
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+    ({ className, type, ...props }, ref) => {
+        return (
+            <input
+                type={type}
+                className={cn(
+                    "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                    className
+                )}
+                ref={ref}
+                {...props}
+            />
+        )
+    }
+)
+Input.displayName = "Input"
+export { Input }

package/templates/nextjs-web/components/ui/label.tsx CHANGED Viewed

@@ -1,24 +1,24 @@
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils"
-const labelVariants = cva(
-    "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-)
-const Label = React.forwardRef<
-    React.ElementRef<typeof LabelPrimitive.Root>,
-    React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
->(({ className, ...props }, ref) => (
-    <LabelPrimitive.Root
-        ref={ref}
-        className={cn(labelVariants(), className)}
-        {...props}
-    />
-))
-Label.displayName = LabelPrimitive.Root.displayName
-export { Label }
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "@/lib/utils"
+const labelVariants = cva(
+    "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+const Label = React.forwardRef<
+    React.ElementRef<typeof LabelPrimitive.Root>,
+    React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+    <LabelPrimitive.Root
+        ref={ref}
+        className={cn(labelVariants(), className)}
+        {...props}
+    />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+export { Label }