betterstart-cli 0.0.17 → 0.0.19

package/dist/assets/adapters/next/plugins/blog/schemas/menus.json

@@ -1,5 +1,6 @@
 {
   "name": "menus",
+  "type": "entity",
   "label": "Menus",
   "description": "Manage Menus",
   "icon": "Menu",

package/dist/assets/adapters/next/plugins/blog/schemas/posts.json

@@ -1,6 +1,7 @@
 {
   "name": "posts",
   "label": "Posts",
+  "type": "entity",
   "description": "Manage blog posts",
   "icon": "FileText",
   "navGroup": {

package/dist/assets/adapters/next/plugins/portfolio/plugin.ts

@@ -0,0 +1,17 @@
+import type { BetterstartPluginDefinition } from '@plugin-engine/types.js'
+
+export const portfolioPlugin: BetterstartPluginDefinition = {
+  id: 'portfolio',
+  title: 'Portfolio',
+  description: 'Portfolio content module',
+  kind: 'content',
+  version: '1.0.0',
+  dependencies: [],
+  conflicts: [],
+  schemaFiles: ['portfolio.json'],
+  files: [],
+  packageDependencies: [],
+  devDependencies: [],
+  envSections: [],
+  configure: 'none'
+}

package/dist/assets/adapters/next/plugins/portfolio/schemas/portfolio.json

@@ -0,0 +1,128 @@
+{
+  "name": "portfolio",
+  "type": "entity",
+  "label": "Portfolio",
+  "description": "Manage portfolio items",
+  "icon": "Briefcase",
+  "navGroup": {
+    "label": "Collections",
+    "position": 0
+  },
+  "navPosition": 1,
+  "slot": {
+    "main": {
+      "fields": [
+        {
+          "name": "title",
+          "type": "string",
+          "label": "Title",
+          "required": true
+        },
+        {
+          "name": "eyebrow",
+          "type": "string",
+          "label": "Eyebrow",
+          "required": true
+        },
+        {
+          "name": "brandLink",
+          "type": "string",
+          "label": "Brand Link",
+          "required": false
+        },
+        {
+          "name": "gallery",
+          "type": "gallery",
+          "label": "Gallery"
+        },
+        {
+          "name": "description",
+          "type": "richtext",
+          "label": "Description",
+          "required": false,
+          "output": "html",
+          "height": "fill"
+        }
+      ]
+    },
+    "sidebar": {
+      "fields": [
+        {
+          "name": "generalSidebar",
+          "type": "section",
+          "heading": {
+            "icon": "bolt",
+            "title": "General"
+          },
+          "fields": [
+            {
+              "name": "coverImage",
+              "type": "image",
+              "label": "Cover Image"
+            },
+            {
+              "name": "categories",
+              "type": "select",
+              "label": "Categories",
+              "placeholder": "Select categories",
+              "hint": "Assign one or more categories",
+              "default": "category-1",
+              "creatable": true,
+              "multiple": true,
+              "previewLimit": 1,
+              "options": [
+                {
+                  "label": "Category 1",
+                  "value": "category-1"
+                },
+                {
+                  "label": "Category 2",
+                  "value": "category-2"
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "columns": [
+    {
+      "accessorKey": "title",
+      "header": "Title",
+      "type": "text",
+      "sortable": true,
+      "size": "xl"
+    },
+    {
+      "accessorKey": "published",
+      "header": "Status",
+      "type": "boolean",
+      "sortable": true,
+      "size": "sm"
+    },
+    {
+      "accessorKey": "updatedAt",
+      "header": "Updated",
+      "type": "date",
+      "sortable": true,
+      "size": "sm"
+    },
+    {
+      "accessorKey": "createdAt",
+      "header": "Created",
+      "type": "date",
+      "sortable": true,
+      "size": "sm"
+    }
+  ],
+  "actions": {
+    "create": true,
+    "edit": true,
+    "delete": true,
+    "draft": true
+  },
+  "search": {
+    "fields": ["title", "excerpt"]
+  }
+}

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/dev-mode-types.ts

@@ -10,7 +10,7 @@ export type DevModeSnippetIcon =
   | 'save'
   | 'send'
   | 'trash'
-export type DevModeSnippetKind = 'query' | 'mutation'
+export type DevModeSnippetKind = 'jsx' | 'query' | 'mutation'
 export type DevModeLifecycleHookPhase = 'before' | 'after'
 export type DevModeLifecycleHookEvent =
   | 'beforeCreate'
@@ -33,7 +33,7 @@ export interface DevModeSnippet {
   code: string
   codeTabs?: DevModeSnippetCodeTab[]
   payloadExample?: DevModeSnippetExample
-  responseExample: DevModeSnippetExample
+  responseExample?: DevModeSnippetExample
 }
 
 export interface DevModeSnippetCodeTab {

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/snippets-tab.tsx

@@ -40,6 +40,7 @@ const SNIPPET_ICONS = {
 } satisfies Record<DevModeSnippetIcon, LucideIcon>
 
 const SNIPPET_KIND_LABELS = {
+  jsx: 'JSX',
   query: 'Query',
   mutation: 'Mutation'
 } satisfies Record<DevModeSnippetKind, string>

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode-integrate.tsx

@@ -49,7 +49,7 @@ export function DevModeIntegrateButton({
     <Drawer direction="right" handleOnly onOpenChange={handleOpenChange}>
       <DrawerTrigger asChild>
         <Button type="button" variant="outline">
-          <Code2 data-icon="inline-start" />
+          <Code2 />
           <span className="hidden sm:inline">Dev Mode</span>
         </Button>
       </DrawerTrigger>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-delete-dialog.tsx

@@ -53,7 +53,7 @@ export function MediaDeleteDialog({ media, disabled = false, onDeleted }: MediaD
     <AlertDialog>
       <AlertDialogTrigger asChild>
         <Button variant="destructive" disabled={disabled || isPending}>
-          <Trash2 data-icon="inline-start" />
+          <Trash2 />
           Delete media
         </Button>
       </AlertDialogTrigger>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-delete-drawer.tsx

@@ -97,7 +97,7 @@ export function MediaDeleteDrawer({
     >
       <DrawerPrimitive.Trigger asChild>
         <Button variant="destructive" disabled={disabled || isPending || !container}>
-          <Trash2 data-icon="inline-start" />
+          <Trash2 />
           Delete File
         </Button>
       </DrawerPrimitive.Trigger>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-grid-item.tsx

@@ -11,7 +11,7 @@ interface MediaGridItemProps {
   item: AdminMedia
   selected?: boolean
   isSelectMode?: boolean
-  onClick: (item: AdminMedia) => void
+  onClick?: (item: AdminMedia) => void
 }
 
 export const MediaGridItem = React.memo(function MediaGridItem({
@@ -21,10 +21,16 @@ export const MediaGridItem = React.memo(function MediaGridItem({
   onClick
 }: MediaGridItemProps) {
   return (
-    <Card className="relative group cursor-pointer" onClick={() => onClick(item)}>
+    <Card
+      className={cn('relative group', {
+        'cursor-pointer': Boolean(onClick)
+      })}
+      onClick={onClick ? () => onClick(item) : undefined}
+    >
       <CardContent
-        aria-pressed={isSelectMode ? selected : undefined}
-        className={cn('p-2 flex flex-col hover:border-highlight', {
+        aria-pressed={isSelectMode && onClick ? selected : undefined}
+        className={cn('p-2 flex flex-col', {
+          'hover:border-highlight': Boolean(onClick),
           'border-highlight': selected
         })}
       >
@@ -32,7 +38,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
           <MediaPreview media={item} isFilled />
         </div>
 
-        {isSelectMode && (
+        {isSelectMode && onClick ? (
           <Checkbox
             aria-label={selected ? `Deselect ${item.filename}` : `Select ${item.filename}`}
             tabIndex={-1}
@@ -42,10 +48,14 @@ export const MediaGridItem = React.memo(function MediaGridItem({
             checked={selected}
             onCheckedChange={() => onClick(item)}
           />
-        )}
+        ) : null}
       </CardContent>
       <CardFooter>
-        <span className="w-full truncate text-sm text-muted-foreground group-hover:text-foreground">
+        <span
+          className={cn('w-full truncate text-sm text-muted-foreground', {
+            'group-hover:text-foreground': Boolean(onClick)
+          })}
+        >
           {item.filename}
         </span>
       </CardFooter>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-preview.tsx

@@ -27,6 +27,7 @@ export function MediaPreview({ media, isFilled = false, showMetadata = false }:
           })}
           fill
           sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 200px"
+          unoptimized
           loading="lazy"
           decoding="async"
           draggable={false}

package/dist/assets/adapters/next/templates/init/data/navigation.ts

@@ -1,6 +1,7 @@
 import type { AdminNavigationItem } from '@admin/types/navigation'
 import { House, ImagePlay } from 'lucide-react'
 import { menusNav } from './navigation/menus'
+import { portfolioNav } from './navigation/portfolio'
 import { postsNav } from './navigation/posts'
 
 export type { AdminNavigationItem } from '@admin/types/navigation'
@@ -29,7 +30,7 @@ function comparePositions(a?: number, b?: number): number {
   return 0
 }
 
-const combinedNavigation = [...coreNav, ...menusNav, ...postsNav]
+const combinedNavigation = [...coreNav, ...menusNav, ...portfolioNav, ...postsNav]
 
 const dashboard = combinedNavigation.find((item) => item.href === '/admin')
 const others = combinedNavigation.filter((item) => item.href !== '/admin')

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-source-mode.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { MediaGalleryField } from '@admin/components/custom/media-gallery-field'
+import { MediaField } from '@admin/components/custom/media-field'
 import { useTheme } from '@admin/hooks/use-admin-theme'
 import type { ContentEditorSelectionRequest } from '@admin/utils/editor/content-editor'
 import {
@@ -73,7 +73,7 @@ class MarkdownMediaGalleryWidget extends WidgetType {
     root.render(
       <QueryClientProvider client={this.props.queryClient}>
         <NuqsAdapter>
-          <MediaGalleryField
+          <MediaField
             value=""
             valueMode="url"
             accept="image/*"
@@ -95,7 +95,7 @@ class MarkdownMediaGalleryWidget extends WidgetType {
     root.render(
       <QueryClientProvider client={this.props.queryClient}>
         <NuqsAdapter>
-          <MediaGalleryField
+          <MediaField
             value=""
             valueMode="url"
             accept="image/*"

package/dist/assets/adapters/next/templates/init/hooks/use-media.ts

@@ -97,6 +97,7 @@ export function useMediaByIds(ids: string[]) {
   return useQuery<(AdminMedia | null)[]>({
     queryKey: ['media', 'batch', ids],
     queryFn: () => (ids.length > 0 ? getMediaByIds(ids) : []),
-    enabled: ids.length > 0
+    enabled: ids.length > 0,
+    placeholderData: (previousData) => previousData
   })
 }

package/dist/assets/adapters/next/templates/init/pages/profile/profile-form.tsx

@@ -2,7 +2,7 @@
 
 import { invalidateUsersCache, isEmailConfigured, updateEmail } from '@admin/actions/profile'
 import { authClient } from '@admin/auth/client'
-import { MediaGalleryField } from '@admin/components/custom/media-gallery-field'
+import { MediaField } from '@admin/components/custom/media-field'
 import { Avatar, AvatarFallback, AvatarImage } from '@admin/components/ui/avatar'
 import { Button } from '@admin/components/ui/button'
 import {
@@ -157,7 +157,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
                 </div>
               </div>
             </CardHeader>
-            <CardContent className="space-y-6">
+            <CardContent className="space-y-5">
               <FormField
                 control={profileForm.control}
                 name="image"
@@ -165,7 +165,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
                   <FormItem>
                     <FormLabel>Profile Picture</FormLabel>
                     <FormControl>
-                      <MediaGalleryField
+                      <MediaField
                         value={formField.value}
                         onChange={formField.onChange}
                         onBlur={formField.onBlur}

package/dist/assets/shared-assets/react-admin/custom/content-editor/media-gallery-block.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { MediaGalleryField } from '@admin/components/custom/media-gallery-field'
+import { MediaField } from '@admin/components/custom/media-field'
 
 export interface ContentEditorMediaGalleryBlockProps {
   accept?: string
@@ -16,7 +16,7 @@ export function ContentEditorMediaGalleryBlock({
   onRemove
 }: ContentEditorMediaGalleryBlockProps) {
   return (
-    <MediaGalleryField
+    <MediaField
       value=""
       onChange={(url) => {
         if (url) onMediaSelected(url)

package/dist/assets/shared-assets/react-admin/custom/content-editor/table-add-controls.tsx

@@ -24,7 +24,7 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
         variant="outline"
       >
         <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
-          <PlusIcon aria-hidden="true" data-icon="inline-start" />
+          <PlusIcon aria-hidden="true" />
         </span>
       </Button>
       <Button
@@ -37,7 +37,7 @@ export function TableAddControls({ controls }: TableAddControlsProps) {
         variant="outline"
       >
         <span className="pointer-events-none inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-input text-foreground transition-colors group-hover:bg-secondary group-focus-visible:bg-secondary">
-          <PlusIcon aria-hidden="true" data-icon="inline-start" />
+          <PlusIcon aria-hidden="true" />
         </span>
       </Button>
     </div>,