betterstart-cli 0.0.16 → 0.0.18

package/dist/assets/shared-assets/react-admin/custom/sortable-gallery-item.tsx

@@ -1,68 +1,68 @@
-import type { AdminMedia } from '@admin/types'
+import { Button } from '@admin/components/ui/button'
+import { Card, CardContent, CardFooter } from '@admin/components/ui/card'
+import { Skeleton } from '@admin/components/ui/skeleton'
 import { useSortable } from '@dnd-kit/sortable'
 import { CSS } from '@dnd-kit/utilities'
-import { GripVertical, X } from 'lucide-react'
+import { GripVertical } from 'lucide-react'
 import type * as React from 'react'
-import { GalleryThumbnail } from './gallery-thumbnail'
 
 export function SortableGalleryItem({
   id,
-  media,
   disabled,
-  onRemove
+  children
 }: {
   id: string
-  media: AdminMedia | undefined
   disabled?: boolean
-  onRemove: () => void
+  children: React.ReactNode
 }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id,
     disabled
   })
 
-  const style: React.CSSProperties = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1
-  }
-
   return (
     <div
       ref={setNodeRef}
-      style={style}
-      className="group relative aspect-square overflow-hidden rounded-lg border bg-muted"
+      data-gallery-dragging={isDragging ? 'true' : undefined}
+      style={{
+        transform: CSS.Translate.toString(transform),
+        transition: isDragging ? undefined : transition,
+        zIndex: isDragging ? 30 : undefined,
+        willChange: isDragging ? 'transform' : undefined
+      }}
+      className="group relative min-w-0 select-none [&[data-gallery-dragging=true]_[data-gallery-drag-handle]]:pointer-events-none [&[data-gallery-dragging=true]_[data-gallery-drag-handle]]:opacity-0 [&[data-gallery-dragging=true]_[data-media-field-action]]:pointer-events-none [&[data-gallery-dragging=true]_[data-media-field-action]]:opacity-0"
     >
+      <div
+        aria-hidden="true"
+        className="pointer-events-none absolute inset-0 opacity-0 transition-opacity group-data-[gallery-dragging=true]:opacity-100"
+      >
+        <Card className="h-full">
+          <CardContent className="p-2 flex flex-col">
+            <div className="flex size-full bg-background border border-border rounded-sm aspect-square overflow-hidden">
+              <Skeleton className="size-full" />
+            </div>
+          </CardContent>
+          <CardFooter>
+            <Skeleton className="h-4 w-3/4" />
+          </CardFooter>
+        </Card>
+      </div>
       {!disabled && (
-        <div
+        <Button
           {...attributes}
           {...listeners}
-          className="absolute left-1 top-1 z-10 cursor-grab rounded bg-background/80 p-0.5 opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing"
+          data-gallery-drag-handle
+          variant="outline"
+          size="icon-sm"
+          className="absolute right-1 top-1 z-10 cursor-grab touch-none opacity-0 transition-[opacity,transform] group-hover:opacity-100 active:scale-[0.96] active:cursor-grabbing border-primary/10"
         >
           <GripVertical className="size-3.5 text-foreground" />
-        </div>
-      )}
-
-      {!disabled && (
-        <button
-          type="button"
-          onClick={(e) => {
-            e.stopPropagation()
-            onRemove()
-          }}
-          className="absolute right-1 top-1 z-10 flex size-5 items-center justify-center rounded-full bg-destructive text-destructive-foreground opacity-0 transition-opacity group-hover:opacity-100"
-        >
-          <X className="size-3" />
-        </button>
+        </Button>
       )}
 
-      {media ? (
-        <GalleryThumbnail media={media} />
-      ) : (
-        <div className="flex size-full items-center justify-center">
-          <div className="size-4 animate-pulse rounded-full bg-muted-foreground/20" />
-        </div>
-      )}
+      <div className="relative transition-opacity group-data-[gallery-dragging=true]:opacity-0">
+        {children}
+      </div>
     </div>
   )
 }

package/dist/assets/shared-assets/react-admin/dependencies.ts

@@ -4,6 +4,7 @@ export const REACT_ADMIN_DEPS = [
   '@codemirror/lang-javascript',
   '@codemirror/lang-json',
   '@codemirror/lang-markdown',
+  '@codemirror/state',
   '@codemirror/view',
   '@dnd-kit/core',
   '@dnd-kit/sortable',

package/dist/assets/shared-assets/react-admin/schema.json

@@ -4,7 +4,7 @@
   "title": "BetterStart Schema Definition",
   "description": "JSON Schema for validating custom schema files (courses.json, testimonials.json, instructors.json, events.json, etc.)",
   "type": "object",
-  "required": ["name", "label"],
+  "required": ["type", "name", "label"],
   "additionalProperties": false,
   "properties": {
     "$schema": {
@@ -30,7 +30,7 @@
     },
     "type": {
       "type": "string",
-      "description": "Schema type: 'entity' for CRUD list (default), 'single' for singleton record (site settings, about page), or 'form' for public submission forms",
+      "description": "Schema type: 'entity' for CRUD list, 'single' for singleton record (site settings, about page), or 'form' for public submission forms",
       "enum": ["entity", "single", "form"]
     },
     "fields": {
@@ -157,6 +157,9 @@
         {
           "$ref": "#/$defs/stringField"
         },
+        {
+          "$ref": "#/$defs/emailField"
+        },
         {
           "$ref": "#/$defs/textField"
         },
@@ -423,6 +426,61 @@
         }
       }
     },
+    "emailField": {
+      "type": "object",
+      "description": "Email input field",
+      "required": ["name", "type"],
+      "additionalProperties": false,
+      "properties": {
+        "name": {
+          "type": "string"
+        },
+        "type": {
+          "const": "email"
+        },
+        "label": {
+          "type": "string"
+        },
+        "required": {
+          "type": "boolean"
+        },
+        "length": {
+          "type": "integer",
+          "description": "Maximum character length",
+          "minimum": 1,
+          "maximum": 65535
+        },
+        "hint": {
+          "type": "string"
+        },
+        "placeholder": {
+          "type": "string",
+          "description": "Placeholder text displayed in the email input"
+        },
+        "default": {
+          "type": "string"
+        },
+        "defaultValueFrom": {
+          "$ref": "#/$defs/defaultValueFrom"
+        },
+        "hasIcon": {
+          "type": "boolean",
+          "description": "Whether this field has an associated icon picker"
+        },
+        "hidden": {
+          "type": "boolean",
+          "description": "Whether this field is hidden from the form UI but still exists in the database"
+        },
+        "showWhen": {
+          "$ref": "#/$defs/showWhenCondition"
+        },
+        "height": {
+          "enum": ["auto", "fill"],
+          "default": "auto",
+          "description": "Generated field height behavior: auto size or fill remaining flexible space."
+        }
+      }
+    },
     "markdownField": {
       "type": "object",
       "description": "Rich text editor with markdown support",
@@ -1221,6 +1279,10 @@
           "type": "string",
           "description": "Tab display label"
         },
+        "icon": {
+          "type": "string",
+          "description": "Lucide icon name rendered before the tab label"
+        },
         "fields": {
           "type": "array",
           "description": "Fields within this tab",

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

@@ -2,13 +2,13 @@
 
 import { cn } from '@admin/utils/shared/cn'
 import * as React from 'react'
-import type { TooltipValueType } from 'recharts'
 import * as RechartsPrimitive from 'recharts'
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: '', dark: '.dark' } as const
 
 const INITIAL_DIMENSION = { width: 320, height: 200 } as const
+type TooltipValueType = number | string | ReadonlyArray<number | string>
 type TooltipNameType = number | string
 
 export type ChartConfig = Record<

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

@@ -59,7 +59,7 @@ function PaginationPrevious({
       className={cn('pl-2!', className)}
       {...props}
     >
-      <ChevronLeftIcon data-icon="inline-start" />
+      <ChevronLeftIcon />
       <span className="hidden sm:block">{text}</span>
     </PaginationLink>
   )