betterstart-cli 0.0.17 → 0.0.19

package/package.json

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

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

@@ -1,39 +0,0 @@
-import type { AdminMedia } from '@admin/types'
-import { FileText, Film } from 'lucide-react'
-import Image from 'next/image'
-
-export function GalleryThumbnail({ media }: { media: AdminMedia }) {
-  if (media.contentType.startsWith('image/')) {
-    return (
-      <Image
-        src={media.url}
-        alt={media.alt || media.filename}
-        fill
-        sizes="(max-width: 640px) 33vw, (max-width: 768px) 25vw, 160px"
-        className="object-cover"
-        loading="lazy"
-        draggable={false}
-      />
-    )
-  }
-
-  if (media.contentType.startsWith('video/')) {
-    return (
-      <div className="flex size-full flex-col items-center justify-center gap-1">
-        <Film className="size-6 text-foreground" />
-        <span className="max-w-full truncate px-1 text-[9px] text-muted-foreground">
-          {media.filename}
-        </span>
-      </div>
-    )
-  }
-
-  return (
-    <div className="flex size-full flex-col items-center justify-center gap-1">
-      <FileText className="size-6 text-foreground" />
-      <span className="max-w-full truncate px-1 text-[9px] text-muted-foreground">
-        {media.filename}
-      </span>
-    </div>
-  )
-}

package/dist/assets/shared-assets/react-admin/custom/media-gallery-field.tsx

@@ -1,182 +0,0 @@
-'use client'
-
-import { MediaGalleryDialog } from '@admin/components/shared/media/media-gallery-dialog'
-import { MediaPreview } from '@admin/components/shared/media/media-preview'
-import { Button } from '@admin/components/ui/button'
-import { Card, CardContent, CardFooter } from '@admin/components/ui/card'
-import { useCopyToClipboard } from '@admin/hooks/use-copy-to-clipboard'
-import { useMediaById } from '@admin/hooks/use-media'
-import type { AdminMedia } from '@admin/types'
-import { createAdminMediaFromUrl } from '@admin/utils/media/fallback'
-import { cn } from '@admin/utils/shared/cn'
-import { Check, Copy, ImageIcon, Link2 } from 'lucide-react'
-import Link from 'next/link'
-import * as React from 'react'
-
-type MediaGalleryFieldValueMode = 'id' | 'url'
-
-interface MediaGalleryFieldProps {
-  value?: string
-  onChange: (value: string) => void
-  onBlur?: () => void
-  onRemove?: () => void
-  accept?: string
-  disabled?: boolean
-  className?: string
-  isRemovable?: boolean
-  valueMode?: MediaGalleryFieldValueMode
-}
-
-export function MediaGalleryField({
-  value,
-  onChange,
-  onBlur,
-  onRemove,
-  accept,
-  disabled,
-  className,
-  isRemovable = false,
-  valueMode = 'id'
-}: MediaGalleryFieldProps) {
-  const [open, setOpen] = React.useState(false)
-  const { data: media } = useMediaById(valueMode === 'id' ? value : undefined)
-  const [copyMediaUrl, hasCopiedMediaUrl] = useCopyToClipboard()
-  const selectedMedia =
-    media ?? (valueMode === 'url' && value ? createAdminMediaFromUrl(value, accept) : null)
-
-  function handleSelect(selected: AdminMedia | AdminMedia[]) {
-    const item = Array.isArray(selected) ? selected[0] : selected
-    if (item) {
-      onChange(valueMode === 'url' ? item.url : item.id)
-    }
-  }
-
-  function handleRemove(e: React.MouseEvent) {
-    e.preventDefault()
-    e.stopPropagation()
-    if (isRemovable && onRemove) {
-      onRemove()
-      return
-    }
-    onChange('')
-    onBlur?.()
-  }
-
-  function handleAddImage(e: React.MouseEvent) {
-    e.preventDefault()
-    e.stopPropagation()
-    setOpen(true)
-  }
-
-  if (selectedMedia?.url) {
-    return (
-      <div className={cn('group relative', className)}>
-        <Card className="p-0">
-          <CardContent className="p-0! relative">
-            <div className="relative aspect-video rounded-lg bg-background overflow-hidden">
-              <MediaPreview media={selectedMedia} showMetadata={Boolean(media)} />
-            </div>
-
-            {!disabled && (
-              <>
-                <div
-                  aria-hidden="true"
-                  className="pointer-events-none absolute inset-0 bg-black/10 opacity-0 backdrop-blur-xs transition-opacity duration-300 ease-out group-hover:opacity-100 rounded-lg"
-                />
-                <div className="absolute inset-0 flex items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-hover:opacity-100">
-                  <Button
-                    type="button"
-                    variant="outline"
-                    onClick={() => setOpen(true)}
-                    className="border-primary/10"
-                  >
-                    Change
-                  </Button>
-                  <Button type="button" variant="default" onClick={handleRemove}>
-                    Remove
-                  </Button>
-                </div>
-              </>
-            )}
-          </CardContent>
-          <CardFooter className="grid w-full gap-0.5 px-4">
-            <div className="flex w-full min-w-0 items-center gap-x-2">
-              <div className="flex min-w-0 flex-1 items-center gap-x-2 text-muted-foreground">
-                <Link2 className="size-4 shrink-0" />
-                <Link
-                  href={selectedMedia.url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="min-w-0 truncate text-foreground hover:underline underline-offset-4"
-                >
-                  {selectedMedia.url}
-                </Link>
-              </div>
-              <Button
-                type="button"
-                aria-label={hasCopiedMediaUrl ? 'Media URL copied' : 'Copy media URL'}
-                variant="ghost"
-                title={hasCopiedMediaUrl ? 'Copied' : 'Copy media URL'}
-                onClick={() => copyMediaUrl(selectedMedia.url)}
-                className="shrink-0 size-7"
-              >
-                {hasCopiedMediaUrl ? <Check className="text-foreground" /> : <Copy />}
-              </Button>
-            </div>
-          </CardFooter>
-        </Card>
-
-        <MediaGalleryDialog
-          open={open}
-          onOpenChange={setOpen}
-          onSelect={handleSelect}
-          mode="single"
-          accept={accept}
-        />
-      </div>
-    )
-  }
-
-  return (
-    <div className={className}>
-      <Card
-        className={cn('group p-0 gap-0', {
-          'cursor-not-allowed opacity-50 pointer-events-none': disabled
-        })}
-        onClick={() => !disabled && setOpen(true)}
-      >
-        <CardContent className="relative p-0 justify-center items-center flex flex-col h-40 hover:bg-muted/50 transition-colors duration-200">
-          <ImageIcon
-            className={cn('text-muted-foreground transition-opacity', {
-              'group-hover:opacity-0 group-focus-within:opacity-0': isRemovable && !disabled
-            })}
-            strokeWidth={1}
-          />
-          {isRemovable && !disabled && (
-            <div className="absolute inset-0 flex items-center justify-center gap-1 opacity-0 transition-opacity duration-200 ease-out group-hover:opacity-100 group-focus-within:opacity-100">
-              <Button
-                type="button"
-                variant="outline"
-                onClick={handleAddImage}
-                className="border-primary/10"
-              >
-                Add Image
-              </Button>
-              <Button type="button" variant="default" onClick={handleRemove}>
-                Remove
-              </Button>
-            </div>
-          )}
-        </CardContent>
-      </Card>
-
-      <MediaGalleryDialog
-        open={open}
-        onOpenChange={setOpen}
-        onSelect={handleSelect}
-        mode="single"
-        accept={accept}
-      />
-    </div>
-  )
-}