betterstart-cli 0.0.27 → 0.0.29

package/dist/assets/adapters/next/templates/init/pages/users/users-page-skeleton.tsx

@@ -1,7 +1,7 @@
 export function UsersPageSkeleton() {
   return (
     <div className="flex items-center justify-center h-48">
-      <div className="text-muted-foreground">Loading Users...</div>
+      <div className="text-muted-foreground">Loading Users…</div>
     </div>
   )
 }

package/dist/assets/adapters/next/templates/init/pages/users/users-table.tsx

@@ -10,7 +10,6 @@ import {
   DataGridRow
 } from '@admin/components/shared/data-table/data-grid'
 import { DataTablePagination } from '@admin/components/shared/data-table/data-table-pagination'
-import { Card, CardContent } from '@admin/components/ui/card'
 import { useTableUtils } from '@admin/hooks/use-table-utils'
 import { useUsers } from '@admin/hooks/use-users'
 import type { User } from '@admin/types/auth'
@@ -139,120 +138,115 @@ export function UsersTable<TValue>({
 
   return (
     <div className={cn('flex flex-col gap-6 pt-px pb-2 h-full', className)}>
-      <Card className="min-h-0 flex-1 p-0">
-        <CardContent ref={tableContainerRef} className="flex min-h-0 flex-1 flex-col p-0">
-          <DataGrid
-            containerClassName="min-h-0 flex-1"
-            gridTemplateColumns={gridTemplateColumns}
-            style={{ width: table.getTotalSize() }}
-          >
-            <DataGridHeader>
-              {table.getHeaderGroups().map((headerGroup) => (
-                <DataGridRow key={headerGroup.id}>
-                  {headerGroup.headers.map((header, headerIndex) => {
-                    const resizeLabel =
-                      typeof header.column.columnDef.header === 'string'
-                        ? header.column.columnDef.header
-                        : header.column.id
-                    const nextHeader = headerGroup.headers[headerIndex + 1]
-                    const canResizeColumn =
-                      header.column.getCanResize() && nextHeader?.column.getCanResize() === true
-                    return (
-                      <DataGridHead
-                        key={header.id}
-                        className="group/resize-header relative overflow-hidden px-4"
-                        data-column-id={header.column.id}
-                        onMouseEnter={() => setHoveredColumnId(header.column.id)}
-                        onMouseLeave={() =>
-                          setHoveredColumnId((current) =>
-                            current === header.column.id ? null : current
-                          )
-                        }
-                      >
-                        {header.isPlaceholder
-                          ? null
-                          : flexRender(header.column.columnDef.header, header.getContext())}
-                        {canResizeColumn ? (
-                          <button
-                            type="button"
-                            aria-label={`Resize ${resizeLabel} column`}
-                            className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
-                            data-resize-handle
-                            data-column-hovered={
-                              hoveredColumnId === header.column.id ? 'true' : 'false'
-                            }
-                            data-resizing={header.column.getIsResizing() ? 'true' : 'false'}
-                            onDoubleClick={resetColumnSizingToContainer}
-                            onMouseDown={header.getResizeHandler()}
-                            onTouchStart={header.getResizeHandler()}
-                          >
-                            <GripVertical
-                              aria-hidden="true"
-                              className={cn('size-3.5', {
-                                'text-ring': header.column.getIsResizing()
-                              })}
-                            />
-                          </button>
-                        ) : null}
-                      </DataGridHead>
-                    )
-                  })}
-                </DataGridRow>
-              ))}
-            </DataGridHeader>
-            <DataGridBody>
-              {isPending ? (
-                <DataGridRow>
-                  <DataGridCell
-                    className="flex h-24 items-center justify-center text-center px-4"
-                    style={{ gridColumn: '1 / -1' }}
+      <DataGrid
+        containerClassName="min-h-0 flex-1"
+        containerRef={tableContainerRef}
+        gridTemplateColumns={gridTemplateColumns}
+        style={{ width: table.getTotalSize() }}
+      >
+        <DataGridHeader>
+          {table.getHeaderGroups().map((headerGroup) => (
+            <DataGridRow key={headerGroup.id}>
+              {headerGroup.headers.map((header, headerIndex) => {
+                const resizeLabel =
+                  typeof header.column.columnDef.header === 'string'
+                    ? header.column.columnDef.header
+                    : header.column.id
+                const nextHeader = headerGroup.headers[headerIndex + 1]
+                const canResizeColumn =
+                  header.column.getCanResize() && nextHeader?.column.getCanResize() === true
+                return (
+                  <DataGridHead
+                    key={header.id}
+                    className="group/resize-header relative overflow-hidden px-4"
+                    data-column-id={header.column.id}
+                    onMouseEnter={() => setHoveredColumnId(header.column.id)}
+                    onMouseLeave={() =>
+                      setHoveredColumnId((current) =>
+                        current === header.column.id ? null : current
+                      )
+                    }
                   >
-                    <div className="text-muted-foreground">Loading users...</div>
-                  </DataGridCell>
-                </DataGridRow>
-              ) : error ? (
-                <DataGridRow>
-                  <DataGridCell
-                    className="flex h-24 items-center justify-center text-center px-4"
-                    style={{ gridColumn: '1 / -1' }}
-                  >
-                    <div className="text-destructive">Error: {error.message}</div>
-                  </DataGridCell>
-                </DataGridRow>
-              ) : table.getRowModel().rows?.length ? (
-                table.getRowModel().rows.map((row) => (
-                  <DataGridRow key={row.id} className="hover:bg-muted/50">
-                    {row.getVisibleCells().map((cell) => (
-                      <DataGridCell
-                        key={cell.id}
-                        data-column-id={cell.column.id}
-                        onMouseEnter={() => setHoveredColumnId(cell.column.id)}
-                        onMouseLeave={() =>
-                          setHoveredColumnId((current) =>
-                            current === cell.column.id ? null : current
-                          )
+                    {header.isPlaceholder
+                      ? null
+                      : flexRender(header.column.columnDef.header, header.getContext())}
+                    {canResizeColumn ? (
+                      <button
+                        type="button"
+                        aria-label={`Resize ${resizeLabel} column`}
+                        className="group/resize-handle absolute right-0 top-0 z-10 flex h-full w-5 cursor-col-resize touch-none select-none items-center justify-center text-muted-foreground opacity-0 transition-opacity hover:text-foreground focus-visible:text-foreground focus-visible:opacity-100 focus-visible:outline-none group-focus-within/resize-header:opacity-100 data-[column-hovered=true]:opacity-100 data-[resizing=true]:opacity-100"
+                        data-resize-handle
+                        data-column-hovered={
+                          hoveredColumnId === header.column.id ? 'true' : 'false'
                         }
-                        className="px-4"
+                        data-resizing={header.column.getIsResizing() ? 'true' : 'false'}
+                        onDoubleClick={resetColumnSizingToContainer}
+                        onMouseDown={header.getResizeHandler()}
+                        onTouchStart={header.getResizeHandler()}
                       >
-                        {flexRender(cell.column.columnDef.cell, cell.getContext())}
-                      </DataGridCell>
-                    ))}
-                  </DataGridRow>
-                ))
-              ) : (
-                <DataGridRow>
+                        <GripVertical
+                          aria-hidden="true"
+                          className={cn('size-3.5', {
+                            'text-ring': header.column.getIsResizing()
+                          })}
+                        />
+                      </button>
+                    ) : null}
+                  </DataGridHead>
+                )
+              })}
+            </DataGridRow>
+          ))}
+        </DataGridHeader>
+        <DataGridBody>
+          {isPending ? (
+            <DataGridRow>
+              <DataGridCell
+                className="flex h-24 items-center justify-center text-center px-4"
+                style={{ gridColumn: '1 / -1' }}
+              >
+                <div className="text-muted-foreground">Loading users…</div>
+              </DataGridCell>
+            </DataGridRow>
+          ) : error ? (
+            <DataGridRow>
+              <DataGridCell
+                className="flex h-24 items-center justify-center text-center px-4"
+                style={{ gridColumn: '1 / -1' }}
+              >
+                <div className="text-destructive">Error: {error.message}</div>
+              </DataGridCell>
+            </DataGridRow>
+          ) : table.getRowModel().rows?.length ? (
+            table.getRowModel().rows.map((row) => (
+              <DataGridRow key={row.id} className="hover:bg-muted/50">
+                {row.getVisibleCells().map((cell) => (
                   <DataGridCell
-                    className="flex h-24 items-center justify-center text-center px-4"
-                    style={{ gridColumn: '1 / -1' }}
+                    key={cell.id}
+                    data-column-id={cell.column.id}
+                    onMouseEnter={() => setHoveredColumnId(cell.column.id)}
+                    onMouseLeave={() =>
+                      setHoveredColumnId((current) => (current === cell.column.id ? null : current))
+                    }
+                    className="px-4"
                   >
-                    No users found.
+                    {flexRender(cell.column.columnDef.cell, cell.getContext())}
                   </DataGridCell>
-                </DataGridRow>
-              )}
-            </DataGridBody>
-          </DataGrid>
-        </CardContent>
-      </Card>
+                ))}
+              </DataGridRow>
+            ))
+          ) : (
+            <DataGridRow>
+              <DataGridCell
+                className="flex h-24 items-center justify-center text-center px-4"
+                style={{ gridColumn: '1 / -1' }}
+              >
+                No users found.
+              </DataGridCell>
+            </DataGridRow>
+          )}
+        </DataGridBody>
+      </DataGrid>
 
       {shouldShowPagination ? (
         <DataTablePagination

package/dist/assets/adapters/next/templates/init/types/webhooks.ts

@@ -0,0 +1,7 @@
+export interface WebhookEventSource {
+  schema: string
+  kind: 'entity' | 'single' | 'form'
+  label: string
+  events: string[]
+  settingsKey?: string
+}

package/dist/assets/adapters/next/templates/init/utils/webhook/signature.ts

@@ -0,0 +1,13 @@
+import { createHmac, randomBytes, randomUUID } from 'node:crypto'
+
+export function generateWebhookSecret(): string {
+  return `whsec_${randomBytes(32).toString('hex')}`
+}
+
+export function createWebhookEventId(): string {
+  return `evt_${randomUUID()}`
+}
+
+export function signWebhookPayload(secret: string, timestamp: string, body: string): string {
+  return `sha256=${createHmac('sha256', secret).update(`${timestamp}.${body}`).digest('hex')}`
+}

package/dist/assets/shared-assets/react-admin/ui/card.tsx

@@ -24,7 +24,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-header"
       className={cn(
-        'group/card-header @container/card-header grid auto-rows-min items-start gap-2 rounded-t-sm px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] border-x border-t [.border-b]:pb-6 border-border bg-muted pt-2.5 [text-box-trim:trim-both] -mb-1 pb-3',
+        'group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-sm px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] border-x border-t [.border-b]:pb-6 border-border bg-muted pt-2.5 [text-box-trim:trim-both] -mb-1 pb-3',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/drawer.tsx

@@ -47,7 +47,7 @@ function DrawerOverlay({
     <DrawerPrimitive.Overlay
       data-slot="drawer-overlay"
       className={cn(
-        'fixed inset-0 z-50 bg-black/80 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',
+        'fixed inset-0 z-200 bg-black/80 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
       )}
       {...props}
@@ -67,7 +67,7 @@ function DrawerContent({
       <DrawerPrimitive.Content
         data-slot="drawer-content"
         className={cn(
-          'group/drawer-content fixed z-50 flex h-auto flex-col bg-transparent p-2 text-sm text-popover-foreground before:absolute before:inset-2 before:-z-10 before:rounded-sm before:border before:border-border before:bg-popover data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-md space-y-4',
+          'group/drawer-content fixed z-200 flex h-auto flex-col bg-transparent p-2 text-sm text-popover-foreground before:absolute before:inset-2 before:-z-10 before:rounded-sm before:border before:border-border before:bg-popover data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-md space-y-4',
           className
         )}
         style={{ touchAction: 'auto', userSelect: 'text', ...style }}

package/dist/assets/shared-assets/react-admin/ui/input-group.tsx

@@ -12,7 +12,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="input-group"
       className={cn(
-        'group/input-group border border-border relative m-0 flex h-11 w-full min-w-0 items-stretch rounded-sm bg-input p-0 transition-colors outline-none [min-inline-size:0] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-sm has-data-[align=block-start]:rounded-sm has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-sm has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+        'group/input-group border border-border relative m-0 flex h-10 w-full min-w-0 items-stretch rounded-sm bg-input p-0 transition-colors outline-none [min-inline-size:0] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-sm has-data-[align=block-start]:rounded-sm has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-sm has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
         className
       )}
       {...props}
@@ -25,8 +25,8 @@ const inputGroupAddonVariants = cva(
   {
     variants: {
       align: {
-        'inline-start': 'order-first self-stretch has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]',
-        'inline-end': 'order-last self-stretch has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]',
+        'inline-start': 'order-first self-stretch has-[>kbd]:ml-[-0.15rem]',
+        'inline-end': 'order-last self-stretch has-[>kbd]:mr-[-0.15rem]',
         'block-start': 'order-first w-full justify-start px-3 [.border-b]:pb-3',
         'block-end': 'order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-3'
       }

package/dist/assets/shared-assets/react-admin/ui/sidebar.tsx

@@ -470,7 +470,7 @@ const sidebarMenuButtonVariants = cva(
           'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]'
       },
       size: {
-        default: 'h-8.5 text-sm',
+        default: 'h-10 text-sm',
         sm: 'h-8 text-xs',
         lg: 'h-14 px-3 text-sm group-data-[collapsible=icon]:p-0!'
       }