create-croissant 0.1.39 → 0.1.40

package/template/packages/auth/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@workspace/auth",
   "version": "0.0.0",
-  "type": "module",
   "private": true,
+  "type": "module",
+  "exports": {
+    "./lib/*": "./src/lib/*.ts",
+    "./hooks/*": "./src/hooks/*.ts"
+  },
   "scripts": {
     "lint": "eslint",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
@@ -10,19 +14,15 @@
     "generate": "better-auth generate --output ../db/src/lib/auth-schema.ts"
   },
   "dependencies": {
-    "better-auth": "^1.6.9",
-    "@workspace/db": "*"
+    "@workspace/db": "*",
+    "better-auth": "^1.6.9"
   },
   "devDependencies": {
+    "@better-auth/cli": "^1.4.22",
     "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
     "@workspace/config-prettier": "*",
-    "@better-auth/cli": "^1.4.22",
+    "@workspace/config-typescript": "*",
     "drizzle-kit": "^0.31.10",
     "tsx": "^4.21.0"
-  },
-  "exports": {
-    "./lib/*": "./src/lib/*.ts",
-    "./hooks/*": "./src/hooks/*.ts"
   }
 }

package/template/packages/auth/src/lib/auth.ts

@@ -10,4 +10,4 @@ export const auth = betterAuth({
   emailAndPassword: { enabled: true },
 });
 
-export type Session = typeof auth.$Infer.Session
+export type Session = typeof auth.$Infer.Session;

package/template/packages/db/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@workspace/db",
   "version": "0.0.0",
-  "type": "module",
   "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./schema": "./src/schema.ts"
+  },
   "scripts": {
     "lint": "eslint",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
@@ -16,15 +20,11 @@
     "pg": "^8.20.0"
   },
   "devDependencies": {
+    "@types/pg": "^8.20.0",
     "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
     "@workspace/config-prettier": "*",
-    "@types/pg": "^8.20.0",
+    "@workspace/config-typescript": "*",
     "drizzle-kit": "^0.31.10",
     "tsx": "^4.21.0"
-  },
-  "exports": {
-    ".": "./src/index.ts",
-    "./schema": "./src/schema.ts"
   }
 }

package/template/packages/db/src/index.ts

@@ -1,7 +1,7 @@
-import 'dotenv/config';
-import { drizzle } from 'drizzle-orm/node-postgres';
-import * as schema from './schema';
+import "dotenv/config";
+import { drizzle } from "drizzle-orm/node-postgres";
+import * as schema from "./schema";
 
 export const db = drizzle(process.env.DATABASE_URL!, { schema });
 
-export { schema };
+export { schema };

package/template/packages/db/src/schema.ts

@@ -1,2 +1,2 @@
-export * from "./auth-schema"
-export * from "./planets-schema"
+export * from "./auth-schema";
+export * from "./planets-schema";

package/template/packages/orpc/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@workspace/orpc",
   "version": "0.0.0",
-  "type": "module",
   "private": true,
+  "type": "module",
+  "exports": {
+    "./router": "./src/lib/router.ts"
+  },
   "scripts": {
     "lint": "eslint",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
@@ -15,12 +18,9 @@
     "@workspace/db": "*"
   },
   "devDependencies": {
+    "@types/node": "^22.19.1",
     "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
     "@workspace/config-prettier": "*",
-    "@types/node": "^22.19.1"
-  },
-  "exports": {
-    "./router": "./src/lib/router.ts"
+    "@workspace/config-typescript": "*"
   }
 }

package/template/packages/orpc/src/lib/planets.ts

@@ -1,79 +1,75 @@
-import { ORPCError, os } from '@orpc/server'
-import { db, schema } from '@workspace/db'
-import { eq } from 'drizzle-orm'
-import { type } from 'arktype'
-import type { RPCContext } from './router'
+import { ORPCError, os } from "@orpc/server";
+import { db, schema } from "@workspace/db";
+import { eq } from "drizzle-orm";
+import { type } from "arktype";
+import type { RPCContext } from "./router";
 
-const { planets } = schema
+const { planets } = schema;
 
-const o = os.$context<RPCContext>()
+const o = os.$context<RPCContext>();
 
 export const planetRouter = o.router({
-  getPlanets: o
-    .handler(async () => {
-      const allPlanets = await db.select().from(planets)
-      return allPlanets
-    }),
+  getPlanets: o.handler(async () => {
+    const allPlanets = await db.select().from(planets);
+    return allPlanets;
+  }),
 
   createPlanet: o
     .input(
       type({
-        name: 'string>0',
-        'description?': 'string',
-        distanceFromSun: 'number',
-        diameter: 'number',
-        'hasRings?': 'boolean',
-        'atmosphere?': 'string',
+        name: "string>0",
+        "description?": "string",
+        distanceFromSun: "number",
+        diameter: "number",
+        "hasRings?": "boolean",
+        "atmosphere?": "string",
       }),
     )
     .handler(async ({ input }) => {
-      const [newPlanet] = await db.insert(planets).values(input).returning()
-      return newPlanet
+      const [newPlanet] = await db.insert(planets).values(input).returning();
+      return newPlanet;
     }),
 
   updatePlanet: o
     .input(
       type({
-        id: 'number',
-        name: 'string>0',
-        'description?': 'string',
-        distanceFromSun: 'number',
-        diameter: 'number',
-        hasRings: 'boolean',
-        'atmosphere?': 'string',
+        id: "number",
+        name: "string>0",
+        "description?": "string",
+        distanceFromSun: "number",
+        diameter: "number",
+        hasRings: "boolean",
+        "atmosphere?": "string",
       }),
     )
     .handler(async ({ input }) => {
-      const { id, ...data } = input
+      const { id, ...data } = input;
       const results = await db
         .update(planets)
         .set({ ...data, updatedAt: new Date() })
         .where(eq(planets.id, id))
-        .returning()
-      
+        .returning();
+
       if (results.length === 0) {
-        throw new ORPCError('NOT_FOUND')
+        throw new ORPCError("NOT_FOUND");
       }
-      
-      return results[0]
+
+      return results[0];
     }),
 
   deletePlanet: o
     .input(
       type({
-        id: 'number',
+        id: "number",
       }),
     )
     .handler(async ({ input }) => {
-      const results = await db
-        .delete(planets)
-        .where(eq(planets.id, input.id))
-        .returning()
-      
+      const results = await db.delete(planets).where(eq(planets.id, input.id)).returning();
+
       if (results.length === 0) {
-        throw new ORPCError('NOT_FOUND')
+        throw new ORPCError("NOT_FOUND");
       }
-      
-      return results[0]
+
+      return results[0];
     }),
-})
+});

package/template/packages/orpc/src/lib/router.ts

@@ -1,13 +1,13 @@
-import { ORPCError, os } from '@orpc/server'
-import { type } from 'arktype'
-import { planetRouter } from './planets'
-import type { Session } from '@workspace/auth/lib/auth'
+import { ORPCError, os } from "@orpc/server";
+import { type } from "arktype";
+import { planetRouter } from "./planets";
+import type { Session } from "@workspace/auth/lib/auth";
 
 export type RPCContext = {
-  session: Session | null
-}
+  session: Session | null;
+};
 
-const o = os.$context<RPCContext>()
+const o = os.$context<RPCContext>();
 
 export const router = o.router({
   planets: planetRouter,
@@ -15,32 +15,32 @@ export const router = o.router({
   hello: o
     .input(
       type({
-        'name?': 'string',
+        "name?": "string",
       }),
     )
     .handler(({ input }) => {
       return {
-        message: `Hello, ${input.name ?? 'world'}!`,
-      }
+        message: `Hello, ${input.name ?? "world"}!`,
+      };
     }),
 
   getSecretData: o
     .use(async ({ context, next }) => {
       if (!context.session) {
-        throw new ORPCError('UNAUTHORIZED')
+        throw new ORPCError("UNAUTHORIZED");
       }
       return next({
         context: {
           session: context.session,
         },
-      })
+      });
     })
     .handler(({ context }) => {
       return {
         secret: `This is secret data for ${context.session.user.name}`,
         email: context.session.user.email,
-      }
+      };
     }),
-})
+});
 
-export type AppRouter = typeof router
+export type AppRouter = typeof router;

package/template/packages/ui/package.json

@@ -1,8 +1,14 @@
 {
   "name": "@workspace/ui",
   "version": "0.0.0",
-  "type": "module",
   "private": true,
+  "type": "module",
+  "exports": {
+    "./globals.css": "./src/styles/globals.css",
+    "./lib/*": "./src/lib/*.ts",
+    "./components/*": "./src/components/*.tsx",
+    "./hooks/*": "./src/hooks/*.ts"
+  },
   "scripts": {
     "lint": "eslint",
     "format": "prettier --write \"**/*.{ts,tsx}\"",
@@ -31,20 +37,14 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
-    "@workspace/config-prettier": "*",
     "@tailwindcss/vite": "^4.2.4",
     "@turbo/gen": "^2.9.6",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@workspace/config-eslint": "*",
+    "@workspace/config-prettier": "*",
+    "@workspace/config-typescript": "*",
     "tailwindcss": "^4.2.4"
-  },
-  "exports": {
-    "./globals.css": "./src/styles/globals.css",
-    "./lib/*": "./src/lib/*.ts",
-    "./components/*": "./src/components/*.tsx",
-    "./hooks/*": "./src/hooks/*.ts"
   }
 }

package/template/packages/ui/src/components/accordion.tsx

@@ -1,7 +1,7 @@
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 
-import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
-import { cn } from "@workspace/ui/lib/utils"
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { cn } from "@workspace/ui/lib/utils";
 
 function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
   return (
@@ -10,7 +10,7 @@ function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
       className={cn("flex w-full flex-col", className)}
       {...props}
     />
-  )
+  );
 }
 
 function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {
@@ -20,37 +20,35 @@ function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {
       className={cn("not-last:border-b", className)}
       {...props}
     />
-  )
+  );
 }
 
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: AccordionPrimitive.Trigger.Props) {
+function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props) {
   return (
     <AccordionPrimitive.Header className="flex">
       <AccordionPrimitive.Trigger
         data-slot="accordion-trigger"
         className={cn(
           "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
-          className
+          className,
         )}
         {...props}
       >
         {children}
-        <ChevronDownIcon data-slot="accordion-trigger-icon" className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" />
-        <ChevronUpIcon data-slot="accordion-trigger-icon" className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" />
+        <ChevronDownIcon
+          data-slot="accordion-trigger-icon"
+          className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+        />
+        <ChevronUpIcon
+          data-slot="accordion-trigger-icon"
+          className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+        />
       </AccordionPrimitive.Trigger>
     </AccordionPrimitive.Header>
-  )
+  );
 }
 
-function AccordionContent({
-  className,
-  children,
-  ...props
-}: AccordionPrimitive.Panel.Props) {
+function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props) {
   return (
     <AccordionPrimitive.Panel
       data-slot="accordion-content"
@@ -60,13 +58,13 @@ function AccordionContent({
       <div
         className={cn(
           "h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
-          className
+          className,
         )}
       >
         {children}
       </div>
     </AccordionPrimitive.Panel>
-  )
+  );
 }
 
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/template/packages/ui/src/components/alert-dialog.tsx

@@ -1,41 +1,34 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
+import * as React from "react";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 
-import { cn } from "@workspace/ui/lib/utils"
-import { Button } from "@workspace/ui/components/button"
+import { cn } from "@workspace/ui/lib/utils";
+import { Button } from "@workspace/ui/components/button";
 
 function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
 }
 
 function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  )
+  return <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />;
 }
 
 function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {
-  return (
-    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  )
+  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />;
 }
 
-function AlertDialogOverlay({
-  className,
-  ...props
-}: AlertDialogPrimitive.Backdrop.Props) {
+function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props) {
   return (
     <AlertDialogPrimitive.Backdrop
       data-slot="alert-dialog-overlay"
       className={cn(
         "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogContent({
@@ -43,7 +36,7 @@ function AlertDialogContent({
   size = "default",
   ...props
 }: AlertDialogPrimitive.Popup.Props & {
-  size?: "default" | "sm"
+  size?: "default" | "sm";
 }) {
   return (
     <AlertDialogPortal>
@@ -53,60 +46,51 @@ function AlertDialogContent({
         data-size={size}
         className={cn(
           "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-          className
+          className,
         )}
         {...props}
       />
     </AlertDialogPortal>
-  )
+  );
 }
 
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="alert-dialog-header"
       className={cn(
         "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="alert-dialog-footer"
       className={cn(
         "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-function AlertDialogMedia({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="alert-dialog-media"
       className={cn(
         "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogTitle({
@@ -118,11 +102,11 @@ function AlertDialogTitle({
       data-slot="alert-dialog-title"
       className={cn(
         "font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
 function AlertDialogDescription({
@@ -134,24 +118,15 @@ function AlertDialogDescription({
       data-slot="alert-dialog-description"
       className={cn(
         "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  );
 }
 
-function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof Button>) {
-  return (
-    <Button
-      data-slot="alert-dialog-action"
-      className={cn(className)}
-      {...props}
-    />
-  )
+function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>) {
+  return <Button data-slot="alert-dialog-action" className={cn(className)} {...props} />;
 }
 
 function AlertDialogCancel({
@@ -168,7 +143,7 @@ function AlertDialogCancel({
       render={<Button variant={variant} size={size} />}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -184,4 +159,4 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
-}
+};