betterstart-cli 0.0.28 → 0.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "betterstart-cli",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "Scaffold a plugin-based Admin into any Next.js 16 application",
   "type": "module",
   "main": "./dist/index.js",

package/dist/assets/adapters/next/templates/init/lib/actions/forms/test-form-webhook.ts

@@ -1,40 +0,0 @@
-'use server'
-
-import { getFormSettings } from './get-form-settings'
-
-export async function testFormWebhook(
-  formName: string
-): Promise<{ success: boolean; error?: string }> {
-  try {
-    const settings = await getFormSettings(formName)
-    if (!settings?.webhookUrl) {
-      return { success: false, error: 'No webhook URL configured' }
-    }
-
-    const formData = new URLSearchParams()
-    formData.append('form_name', formName)
-    formData.append('test', 'true')
-    formData.append('message', 'This is a test webhook from BetterStart')
-    formData.append('timestamp', new Date().toISOString())
-
-    const response = await fetch(settings.webhookUrl, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-      body: formData.toString()
-    })
-
-    if (!response.ok) {
-      return {
-        success: false,
-        error: `Webhook returned status ${response.status}`
-      }
-    }
-
-    return { success: true }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to send test webhook'
-    }
-  }
-}

package/dist/assets/adapters/next/templates/init/pages/audit-log/audit-log-page-content.tsx

@@ -1,550 +0,0 @@
-'use client'
-
-import type { AuditLogEntry, AuditLogQuery, AuditLogSortField } from '@admin/actions/audit'
-import { AUDIT_LOG_ACTIONS, AUDIT_LOG_CATEGORIES } from '@admin/actions/audit'
-import {
-  DataGrid,
-  DataGridBody,
-  DataGridCell,
-  DataGridHead,
-  DataGridHeader,
-  DataGridRow
-} from '@admin/components/shared/data-table/data-grid'
-import { DataTablePagination } from '@admin/components/shared/data-table/data-table-pagination'
-import { EntityFiltersBar } from '@admin/components/shared/entity-filters-bar'
-import { PageHeader } from '@admin/components/shared/page-header'
-import { SortIndicator } from '@admin/components/shared/sort-indicator'
-import { Badge } from '@admin/components/ui/badge'
-import { Button } from '@admin/components/ui/button'
-import { Card, CardContent } from '@admin/components/ui/card'
-import { useAuditLogs, useCleanupAuditLogs } from '@admin/hooks/use-audit-log'
-import { useTableUtils } from '@admin/hooks/use-table-utils'
-import { cn } from '@admin/utils/shared/cn'
-import { type ColumnDef, flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table'
-import { GripVertical } from 'lucide-react'
-import { parseAsInteger, parseAsString, useQueryStates } from 'nuqs'
-import * as React from 'react'
-import { toast } from 'sonner'
-import { AuditLogDetailDrawer } from './audit-log-detail-drawer'
-
-const DEFAULT_PAGE_SIZE = 20
-const AUDIT_LOG_SORT_FIELDS = [
-  'createdAt',
-  'event',
-  'target',
-  'actor',
-  'sourceType'
-] as const satisfies AuditLogSortField[]
-type AuditLogSortDirection = NonNullable<AuditLogQuery['dir']>
-
-const auditLogParsers = {
-  q: parseAsString.withDefault(''),
-  category: parseAsString.withDefault(''),
-  action: parseAsString.withDefault(''),
-  createdAtFrom: parseAsString.withDefault(''),
-  createdAtTo: parseAsString.withDefault(''),
-  page: parseAsInteger.withDefault(0),
-  size: parseAsInteger.withDefault(DEFAULT_PAGE_SIZE),
-  sort: parseAsString.withDefault(''),
-  dir: parseAsString.withDefault('')
-}
-
-function isAuditLogSortField(value: string): value is AuditLogSortField {
-  return (AUDIT_LOG_SORT_FIELDS as readonly string[]).includes(value)
-}
-
-function isAuditLogSortDirection(value: string): value is AuditLogSortDirection {
-  return value === 'asc' || value === 'desc'
-}
-
-function formatDateTime(value: string): string {
-  const date = new Date(value)
-  if (Number.isNaN(date.getTime())) return value
-
-  return new Intl.DateTimeFormat('en-US', {
-    month: 'short',
-    day: '2-digit',
-    year: 'numeric',
-    hour: 'numeric',
-    minute: '2-digit'
-  }).format(date)
-}
-
-function formatEventLabel(auditLog: AuditLogEntry): string {
-  return `${auditLog.category}.${auditLog.action}`
-}
-
-function formatFilterLabel(value: string): string {
-  return value
-    .split('_')
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join(' ')
-}
-
-const categorySelectOptions = AUDIT_LOG_CATEGORIES.map((value) => ({
-  label: formatFilterLabel(value),
-  value
-}))
-const actionSelectOptions = AUDIT_LOG_ACTIONS.map((value) => ({
-  label: formatFilterLabel(value),
-  value
-}))
-
-function SortableAuditLogHeader({
-  column,
-  label
-}: {
-  column: {
-    getIsSorted: () => false | 'asc' | 'desc'
-    toggleSorting: (desc?: boolean) => void
-  }
-  label: string
-}) {
-  const sortDirection = column.getIsSorted()
-  const sortLabel =
-    sortDirection === 'asc'
-      ? 'sorted ascending'
-      : sortDirection === 'desc'
-        ? 'sorted descending'
-        : 'not sorted'
-
-  return (
-    <Button
-      variant="ghost"
-      onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-      className="w-full min-w-0 justify-start overflow-hidden px-0! border-none rounded-none bg-transparent! scale-100! group"
-      aria-label={`Sort by ${label}, ${sortLabel}`}
-      aria-sort={
-        sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
-      }
-    >
-      <span className="truncate">{label}</span>
-      <SortIndicator direction={sortDirection} />
-    </Button>
-  )
-}
-
-function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
-  return [
-    {
-      accessorKey: 'createdAt',
-      id: 'createdAt',
-      size: 180,
-      header: ({ column }) => <SortableAuditLogHeader column={column} label="Time" />,
-      cell: ({ row }) => (
-        <span className="whitespace-nowrap text-muted-foreground">
-          {formatDateTime(row.original.createdAt)}
-        </span>
-      )
-    },
-    {
-      id: 'event',
-      size: 160,
-      header: ({ column }) => <SortableAuditLogHeader column={column} label="Event" />,
-      cell: ({ row }) => <Badge variant="secondary">{formatEventLabel(row.original)}</Badge>
-    },
-    {
-      id: 'target',
-      size: 240,
-      header: ({ column }) => <SortableAuditLogHeader column={column} label="Target" />,
-      cell: ({ row }) => (
-        <div className="flex min-w-0 flex-col">
-          <span className="truncate font-medium">
-            {row.original.targetLabel ?? row.original.targetId ?? 'Unknown'}
-          </span>
-          <span className="truncate text-xs text-muted-foreground">{row.original.targetType}</span>
-        </div>
-      )
-    },
-    {
-      id: 'actor',
-      size: 220,
-      header: ({ column }) => <SortableAuditLogHeader column={column} label="Actor" />,
-      cell: ({ row }) => (
-        <div className="flex min-w-0 flex-col">
-          <span className="truncate">
-            {row.original.actorEmail ?? row.original.actorName ?? 'Unknown'}
-          </span>
-          <span className="truncate text-xs text-muted-foreground">
-            {row.original.actorRole ?? 'No role'}
-          </span>
-        </div>
-      )
-    },
-    {
-      accessorKey: 'sourceType',
-      id: 'sourceType',
-      size: 180,
-      header: ({ column }) => <SortableAuditLogHeader column={column} label="Source" />,
-      cell: ({ row }) => (
-        <div className="text-muted-foreground">
-          <div className="truncate">{row.original.sourceType}</div>
-          <div className="truncate text-xs">{row.original.ipAddress ?? 'No IP'}</div>
-        </div>
-      )
-    },
-    {
-      accessorKey: 'changedFields',
-      id: 'changedFields',
-      size: 180,
-      enableSorting: false,
-      header: 'Fields',
-      cell: ({ row }) =>
-        row.original.changedFields.length > 0 ? (
-          <div className="flex flex-wrap gap-1">
-            {row.original.changedFields.slice(0, 3).map((field) => (
-              <Badge key={field} variant="outline">
-                {field}
-              </Badge>
-            ))}
-            {row.original.changedFields.length > 3 ? (
-              <Badge variant="outline">+{row.original.changedFields.length - 3}</Badge>
-            ) : null}
-          </div>
-        ) : (
-          <span className="text-muted-foreground">None</span>
-        )
-    }
-  ]
-}
-
-export function AuditLogPageContent() {
-  const [selectedAuditLog, setSelectedAuditLog] = React.useState<AuditLogEntry | null>(null)
-  const [filters, setFilters] = useQueryStates(auditLogParsers)
-  const safePageIndex = Number.isFinite(filters.page) && filters.page > 0 ? filters.page : 0
-  const safePageSize =
-    filters.size === -1 || (Number.isFinite(filters.size) && filters.size > 0)
-      ? filters.size
-      : DEFAULT_PAGE_SIZE
-  const safeSortField = isAuditLogSortField(filters.sort) ? filters.sort : undefined
-  const safeSortDir = safeSortField
-    ? isAuditLogSortDirection(filters.dir)
-      ? filters.dir
-      : 'asc'
-    : undefined
-  const query = React.useMemo<AuditLogQuery>(
-    () => ({
-      search: filters.q || undefined,
-      category: filters.category ? (filters.category as AuditLogQuery['category']) : undefined,
-      action: filters.action ? (filters.action as AuditLogQuery['action']) : undefined,
-      createdAtFrom: filters.createdAtFrom || undefined,
-      createdAtTo: filters.createdAtTo || undefined,
-      page: safePageIndex,
-      pageSize: safePageSize,
-      sort: safeSortField,
-      dir: safeSortDir
-    }),
-    [filters, safePageIndex, safePageSize, safeSortDir, safeSortField]
-  )
-  const auditLogsQuery = useAuditLogs(query)
-  const cleanupMutation = useCleanupAuditLogs()
-  const auditLogs = auditLogsQuery.data?.auditLogs ?? []
-  const totalRows = auditLogsQuery.data?.total ?? 0
-  const effectivePageSize = safePageSize === -1 ? totalRows : safePageSize
-  const pageCount = effectivePageSize > 0 ? Math.ceil(totalRows / effectivePageSize) : 1
-  const shouldShowPagination = totalRows > DEFAULT_PAGE_SIZE
-  const activeFilterCount = [
-    filters.q,
-    filters.category,
-    filters.action,
-    filters.createdAtFrom || filters.createdAtTo
-  ].filter(Boolean).length
-
-  const {
-    columnSizing,
-    handleColumnSizingChange,
-    handlePaginationChange,
-    handleSortingChange,
-    hoveredColumnId,
-    registerTable,
-    resetColumnSizingToContainer,
-    setHoveredColumnId,
-    sorting,
-    tableContainerRef
-  } = useTableUtils<AuditLogEntry>({
-    data: auditLogs,
-    pageIndex: safePageIndex,
-    pageSize: effectivePageSize,
-    setPageIndex: (nextPageIndex) => setFilters({ page: nextPageIndex }),
-    setSortingParams: ({
-      pageIndex: nextPageIndex,
-      sortDir: nextSortDir,
-      sortField: nextSortField
-    }) =>
-      setFilters({
-        page: nextPageIndex,
-        sort: nextSortField,
-        dir: nextSortDir
-      }),
-    sortField: safeSortField,
-    sortDir: safeSortDir
-  })
-  const columns = React.useMemo(() => createAuditLogColumns(), [])
-
-  const table = useReactTable({
-    data: auditLogs,
-    columns,
-    columnResizeMode: 'onChange',
-    defaultColumn: {
-      minSize: 48,
-      size: 220
-    },
-    getCoreRowModel: getCoreRowModel(),
-    manualPagination: true,
-    manualSorting: true,
-    pageCount,
-    rowCount: totalRows,
-    onColumnSizingChange: handleColumnSizingChange,
-    onPaginationChange: handlePaginationChange,
-    onSortingChange: handleSortingChange,
-    state: {
-      sorting,
-      columnSizing,
-      pagination: {
-        pageIndex: safePageIndex,
-        pageSize: effectivePageSize
-      }
-    }
-  })
-  registerTable(table)
-  const gridTemplateColumns = table
-    .getVisibleLeafColumns()
-    .map((column) => `${column.getSize()}px`)
-    .join(' ')
-
-  const updateFilter = React.useCallback(
-    (updates: Partial<typeof filters>) => {
-      React.startTransition(() => {
-        void setFilters({ ...updates, page: 0 })
-      })
-    },
-    [setFilters]
-  )
-
-  const handleSearch = React.useCallback(
-    (value: string | null) => {
-      updateFilter({ q: value ?? '' })
-    },
-    [updateFilter]
-  )
-
-  const clearFilters = React.useCallback(() => {
-    React.startTransition(() => {
-      void setFilters({
-        q: null,
-        category: null,
-        action: null,
-        createdAtFrom: null,
-        createdAtTo: null,
-        page: 0
-      })
-    })
-  }, [setFilters])
-
-  const _runCleanup = React.useCallback(() => {
-    cleanupMutation.mutate(undefined, {
-      onSuccess: (result) => {
-        if (!result.success) {
-          toast.error(result.error ?? 'Failed to clean up audit logs')
-          return
-        }
-        if (result.skipped) {
-          toast.info('Audit retention is not enabled')
-          return
-        }
-        toast.success(`Deleted ${result.deletedCount ?? 0} audit log rows`)
-      },
-      onError: () => {
-        toast.error('Failed to clean up audit logs')
-      }
-    })
-  }, [cleanupMutation])
-
-  const filtersConfig = [
-    {
-      key: 'category',
-      label: 'Category',
-      type: 'select' as const,
-      value: filters.category,
-      options: categorySelectOptions
-    },
-    {
-      key: 'action',
-      label: 'Action',
-      type: 'select' as const,
-      value: filters.action,
-      options: actionSelectOptions
-    },
-    {
-      key: 'createdAt',
-      label: 'Created',
-      type: 'date-range' as const,
-      from: filters.createdAtFrom,
-      to: filters.createdAtTo
-    }
-  ]
-
-  return (
-    <React.Fragment>
-      <PageHeader title="Audit Log" />
-
-      <EntityFiltersBar
-        filters={filtersConfig}
-        activeFilterCount={activeFilterCount}
-        onFilterChange={updateFilter}
-        onClearAll={clearFilters}
-        search={filters.q}
-        searchPlaceholder="Search audit logs..."
-        isPending={auditLogsQuery.isFetching}
-        onSearch={handleSearch}
-      />
-      <main className="space-y-4 px-4 pb-4 flex-1">
-        <div className="flex flex-col gap-6 pt-px pb-2 h-full">
-          <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"
-                            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>
-                  {auditLogsQuery.isPending ? (
-                    <DataGridRow>
-                      <DataGridCell
-                        className="flex h-24 items-center justify-center text-center"
-                        style={{ gridColumn: '1 / -1' }}
-                      >
-                        <div className="text-muted-foreground">Loading Audit Logs...</div>
-                      </DataGridCell>
-                    </DataGridRow>
-                  ) : auditLogsQuery.error ? (
-                    <DataGridRow>
-                      <DataGridCell
-                        className="flex h-24 items-center justify-center text-center"
-                        style={{ gridColumn: '1 / -1' }}
-                      >
-                        <div className="text-destructive">
-                          Error loading Audit Logs: {auditLogsQuery.error.message}
-                        </div>
-                      </DataGridCell>
-                    </DataGridRow>
-                  ) : table.getRowModel().rows.length ? (
-                    table.getRowModel().rows.map((row) => (
-                      <DataGridRow
-                        key={row.id}
-                        className="cursor-pointer hover:bg-muted/50"
-                        onClick={(event) => {
-                          const target = event.target as HTMLElement
-                          if (!event.currentTarget.contains(target)) return
-                          if (target.closest('button, a, input, [role="checkbox"]')) return
-                          setSelectedAuditLog(row.original)
-                        }}
-                      >
-                        {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
-                              )
-                            }
-                          >
-                            {flexRender(cell.column.columnDef.cell, cell.getContext())}
-                          </DataGridCell>
-                        ))}
-                      </DataGridRow>
-                    ))
-                  ) : (
-                    <DataGridRow>
-                      <DataGridCell
-                        className="flex h-24 items-center justify-center text-center"
-                        style={{ gridColumn: '1 / -1' }}
-                      >
-                        No Audit Logs found.
-                      </DataGridCell>
-                    </DataGridRow>
-                  )}
-                </DataGridBody>
-              </DataGrid>
-            </CardContent>
-          </Card>
-
-          {shouldShowPagination ? (
-            <DataTablePagination
-              table={table}
-              paginationMode="controlled"
-              pageSize={safePageSize}
-              pageIndex={safePageIndex}
-              pageCount={pageCount}
-              setPageIndex={(nextPageIndex) => setFilters({ page: nextPageIndex })}
-              setPageSize={(nextPageSize) => setFilters({ page: 0, size: nextPageSize })}
-            />
-          ) : null}
-        </div>
-      </main>
-      <AuditLogDetailDrawer
-        auditLog={selectedAuditLog}
-        open={!!selectedAuditLog}
-        onOpenChange={(open) => {
-          if (!open) setSelectedAuditLog(null)
-        }}
-      />
-    </React.Fragment>
-  )
-}

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

@@ -1,28 +0,0 @@
-/**
- * Send payload to webhook URL (fire-and-forget, non-blocking)
- * @param webhookUrl - The webhook URL to send data to
- * @param payload - The form data to send as URL-encoded
- */
-export function sendWebhook(
-  webhookUrl: string | null | undefined,
-  payload: Record<string, unknown>
-): void {
-  if (!webhookUrl) return // Fire-and-forget: runs in background, doesn't block
-  ;(async () => {
-    try {
-      const formData = new URLSearchParams()
-      for (const [key, value] of Object.entries(payload)) {
-        if (value === null || value === undefined) continue
-        const stringValue = typeof value === 'object' ? JSON.stringify(value) : String(value)
-        formData.append(key, stringValue)
-      }
-      await fetch(webhookUrl, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-        body: formData.toString()
-      })
-    } catch (error) {
-      console.error('Webhook failed:', error)
-    }
-  })()
-}