betterstart-cli 0.0.102 → 0.0.104

package/dist/assets/adapters/next/templates/renderers/generators/columns/column-defs/generate-first-column-def.ts

@@ -0,0 +1,483 @@
+export function renderFirstColumnDefLayoutTemplate({
+  sortLabelExpr,
+  sortableHeaderButtonJsx
+}: {
+  sortLabelExpr: string
+  sortableHeaderButtonJsx: string
+}): string {
+  return `header: ({ table, column }) => {
+      ${sortLabelExpr}
+      return (
+        <div className="flex min-w-0 items-center gap-4 pl-1">
+          <Checkbox
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+            aria-label="Select all"
+          />
+          ${sortableHeaderButtonJsx}
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsTemplate({
+  columnHeader
+}: {
+  columnHeader: string
+}): string {
+  return `header: ({ table }) => (
+      <div className="flex items-center gap-4 pl-1">
+        <Checkbox
+          checked={table.getIsAllPageRowsSelected()}
+          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+          aria-label="Select all"
+        />
+        <span>${columnHeader}</span>
+      </div>
+    )`
+}
+
+export function renderFirstColumnDefLayoutGenerateAuthorshipValueTemplate({
+  generateAuthorshipValue
+}: {
+  generateAuthorshipValue: string
+}): string {
+  return `cell: ({ row }) => {
+      ${generateAuthorshipValue}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          {label ? (
+            <span className="text-sm font-medium truncate max-w-[300px]" title={actor?.email}>
+              {label}
+            </span>
+          ) : (
+            <span className="text-muted-foreground">Unavailable</span>
+          )}
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefContentTemplate({
+  generateImageCellMedia
+}: {
+  generateImageCellMedia: string
+}): string {
+  return `cell: ({ row }) => {
+      ${generateImageCellMedia}
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateSelectLabelTemplate({
+  columnAccessorKey,
+  generateSelectLabel
+}: {
+  columnAccessorKey: string
+  generateSelectLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateSelectLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <Badge variant="outline">
+            {label || 'Unavailable'}
+          </Badge>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateRelationshipLabelTemplate({
+  columnAccessorKey,
+  generateRelationshipLabel
+}: {
+  columnAccessorKey: string
+  generateRelationshipLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateRelationshipLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <Badge variant="outline">
+            {label || 'Unavailable'}
+          </Badge>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <Badge variant="outline">
+            {value === null || value === undefined ? 'Unavailable' : String(value)}
+          </Badge>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const date = new Date(row.original.${columnAccessorKey})
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <div className="text-sm">
+            {date.toLocaleDateString('en-US', {
+              month: 'short',
+              day: 'numeric',
+              year: 'numeric'
+            })}
+          </div>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const email = row.original.${columnAccessorKey} as string
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="text-sm font-medium truncate max-w-[300px]">{email}</span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const amount = row.original.${columnAccessorKey} as number
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <div className="text-sm font-medium">
+            {new Intl.NumberFormat('en-US', {
+              style: 'currency',
+              currency: 'USD'
+            }).format(amount)}
+          </div>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionVariantTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey} as number
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <div className="text-sm">{value}</div>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionVariantContinuationTemplate({
+  columnAccessorKey,
+  trueLabel,
+  falseLabel
+}: {
+  columnAccessorKey: string
+  trueLabel: string
+  falseLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey} as boolean
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <Badge variant={value ? 'outline' : 'secondary'}>
+            {value ? ${trueLabel} : ${falseLabel}}
+          </Badge>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionVariantContinuationFragmentTemplate({
+  columnComponent
+}: {
+  columnComponent: string
+}): string {
+  return `cell: ({ row }) => {
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <${columnComponent} data={row.original} />
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateSelectLabelValueTemplate({
+  columnAccessorKey,
+  generateSelectLabel
+}: {
+  columnAccessorKey: string
+  generateSelectLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateSelectLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {label || 'Unavailable'}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateRelationshipLabelValueTemplate({
+  columnAccessorKey,
+  generateRelationshipLabel
+}: {
+  columnAccessorKey: string
+  generateRelationshipLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateRelationshipLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {label || 'Unavailable'}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionVariantContinuationFragmentFragmentTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {value === null || value === undefined ? 'Unavailable' : String(value)}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefClickHandlerTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey} as string
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          {value ? (
+            <a
+              href={value}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-sm text-blue-600 hover:text-blue-800 hover:underline dark:text-blue-400 dark:hover:text-blue-300 truncate block max-w-[250px]"
+              title={value}
+              onClick={(e) => e.stopPropagation()}
+            >
+              {truncateText(value, 50)}
+            </a>
+          ) : (
+            <span className="text-muted-foreground">\u2014</span>
+          )}
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateSelectLabelValueBodyTemplate({
+  columnAccessorKey,
+  generateSelectLabel
+}: {
+  columnAccessorKey: string
+  generateSelectLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateSelectLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {label || 'Unavailable'}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutGenerateRelationshipLabelValueBodyTemplate({
+  columnAccessorKey,
+  generateRelationshipLabel
+}: {
+  columnAccessorKey: string
+  generateRelationshipLabel: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      ${generateRelationshipLabel}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {label || 'Unavailable'}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefLayoutDetailsBranchBodyFragmentSectionVariantContinuationFragmentFragmentFragmentTemplate({
+  columnAccessorKey
+}: {
+  columnAccessorKey: string
+}): string {
+  return `cell: ({ row }) => {
+      const value = row.original.${columnAccessorKey}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          <span className="truncate max-w-[300px]">
+            {value === null || value === undefined ? 'Unavailable' : String(value)}
+          </span>
+        </div>
+      )
+    }`
+}
+
+export function renderFirstColumnDefContentEnabledTemplate({
+  columnAccessorKey,
+  columnSize,
+  meta,
+  headerDef,
+  cellDef,
+  sortableEnabled
+}: {
+  columnAccessorKey: string
+  columnSize: string
+  meta: string
+  headerDef: string
+  cellDef: string
+  sortableEnabled: string
+}): string {
+  return `  {
+    accessorKey: '${columnAccessorKey}',
+    ${columnSize}${meta}${headerDef},
+    ${cellDef},
+    enableSorting: ${sortableEnabled},
+    enableHiding: false
+  }`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/column-defs/generate-image-cell-media.ts

@@ -0,0 +1,38 @@
+export function renderImageCellMediaLayoutTemplate({
+  imageUrlExpression,
+  titleFallback,
+  split
+}: {
+  imageUrlExpression: string
+  titleFallback: string
+  split: string
+}): string {
+  return `const imageUrl = ${imageUrlExpression} ?? ''
+      const title = ${titleFallback}
+      return (
+        <div className="flex items-center gap-4 h-full pl-1">
+          <Checkbox
+            checked={row.getIsSelected()}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label="Select row"
+          />
+          ${split}
+        </div>
+      )`
+}
+
+export function renderImageCellMediaTemplate({
+  imageUrlExpression,
+  titleFallback,
+  imageElement
+}: {
+  imageUrlExpression: string
+  titleFallback: string
+  imageElement: string
+}): string {
+  return `const imageUrl = ${imageUrlExpression} ?? ''
+      const title = ${titleFallback}
+      return (
+        ${imageElement}
+      )`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/column-defs/generate-image-element.ts

@@ -0,0 +1,22 @@
+export function renderImageElementLayoutTemplate({
+  columnHeader
+}: {
+  columnHeader: string
+}): string {
+  return `<Avatar className="size-10 overflow-hidden border">
+          {imageUrl ? (
+            <Image
+              src={imageUrl}
+              alt={title ? \`${columnHeader} image for \${title}\` : '${columnHeader} image'}
+              fill
+              sizes="40px"
+              className="rounded-sm object-cover"
+              unoptimized
+            />
+          ) : (
+            <AvatarFallback>
+              {String(title || imageUrl).substring(0, 2).toUpperCase()}
+            </AvatarFallback>
+          )}
+        </Avatar>`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/column-defs/generate-relationship-label.ts

@@ -0,0 +1,26 @@
+export function renderRelationshipLabelLabelTemplate({
+  valueExpression
+}: {
+  valueExpression: string
+}): string {
+  return `const label = (() => {
+        const toRelationshipLabel = (item: unknown): string | null => {
+          if (item && typeof item === 'object') {
+            const display =
+              ('name' in item && item.name) ||
+              ('title' in item && item.title) ||
+              ('label' in item && item.label) ||
+              ('email' in item && item.email) ||
+              ('id' in item && item.id)
+            return display === null || display === undefined || display === ''
+              ? null
+              : String(display)
+          }
+          return item === null || item === undefined ? null : String(item)
+        }
+
+        return Array.isArray(${valueExpression})
+          ? ${valueExpression}.map(toRelationshipLabel).filter(Boolean).join(', ')
+          : toRelationshipLabel(${valueExpression})
+      })()`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/column-defs/generate-select-label.ts

@@ -0,0 +1,17 @@
+export function renderSelectLabelLabelTemplate({
+  valueExpression
+}: {
+  valueExpression: string
+}): string {
+  return `const label = Array.isArray(${valueExpression})
+        ? ${valueExpression}
+            .map((option) =>
+              typeof option === 'object' && option !== null && 'label' in option
+                ? String(option.label)
+                : String(option)
+            )
+            .join(', ')
+        : ${valueExpression} === null || ${valueExpression} === undefined
+          ? null
+          : String(${valueExpression})`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/custom-cell.ts

@@ -0,0 +1,24 @@
+export function renderCreateCustomCellComponentComponentTemplate({
+  singular,
+  actionImportPath,
+  componentName
+}: {
+  singular: string
+  actionImportPath: string
+  componentName: string
+}): string {
+  return `import type { ${singular} } from '@admin/actions/${actionImportPath}'
+
+interface ${componentName}Props {
+  data: ${singular}
+}
+
+export function ${componentName}({ data }: ${componentName}Props) {
+  return (
+    <div>
+      {JSON.stringify(data)}
+    </div>
+  )
+}
+`
+}

package/dist/assets/adapters/next/templates/renderers/generators/columns/generate-columns.ts

@@ -0,0 +1,55 @@
+export function renderColumnsLayoutTemplate({ actions }: { actions: string }): string {
+  return `  {
+    id: 'actions',
+    size: 64,
+    enableResizing: false,
+    meta: { width: '64px' },
+    header: () => <span className="sr-only">Actions</span>,
+    cell: ({ row }) => (
+      <div className="flex justify-end">
+        <${actions} id={row.original.id} />
+      </div>
+    )
+  }`
+}
+
+export function renderColumnsClientModuleTemplate({
+  lucideIconsLucide,
+  needsImageRendererImage,
+  join,
+  joinText,
+  singular,
+  actionImportPath,
+  joinContent,
+  hasDeleteActions,
+  firstColDef,
+  restColDefsContent,
+  actionsColumnContent
+}: {
+  lucideIconsLucide: string
+  needsImageRendererImage: string
+  join: string
+  joinText: string
+  singular: string
+  actionImportPath: string
+  joinContent: string
+  hasDeleteActions: string
+  firstColDef: string
+  restColDefsContent: string
+  actionsColumnContent: string
+}): string {
+  return `'use client'
+
+import type { ColumnDef } from '@tanstack/react-table'
+${lucideIconsLucide}
+${needsImageRendererImage}
+${join}
+${joinText}
+import type { ${singular} } from '@admin/actions/${actionImportPath}'
+${joinContent}
+${hasDeleteActions}
+export const columns: ColumnDef<${singular}>[] = [
+${firstColDef}${restColDefsContent}${actionsColumnContent}
+]
+`
+}

package/dist/assets/adapters/next/templates/renderers/generators/create-page.ts

@@ -0,0 +1,16 @@
+export function renderCreatePageImportsTemplate({
+  singular,
+  kebabName,
+  singLabel
+}: {
+  singular: string
+  kebabName: string
+  singLabel: string
+}): string {
+  return `import { ${singular}Form } from '../${kebabName}-form'
+
+export default function Create${singular}Page() {
+  return <${singular}Form pageTitle="Create ${singLabel}" />
+}
+`
+}

package/dist/assets/adapters/next/templates/renderers/generators/database/generate-database.ts

@@ -0,0 +1,5 @@
+export function renderDatabaseImportsTemplate({ join }: { join: string }): string {
+  return `import {
+  ${join}
+} from 'drizzle-orm/pg-core'`
+}