@shapio/cms 0.5.5 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/assets/{AssetTile-CaYPqR_F.js → AssetTile-_qRYsivK.js} +2 -2
- package/dist/admin/assets/{AssetTile-CaYPqR_F.js.map → AssetTile-_qRYsivK.js.map} +1 -1
- package/dist/admin/assets/{AssistError-drmpXSbS.js → AssistError-CMXQWiQo.js} +2 -2
- package/dist/admin/assets/{AssistError-drmpXSbS.js.map → AssistError-CMXQWiQo.js.map} +1 -1
- package/dist/admin/assets/{BlockMenuItems-D-jZ0oaU.js → BlockMenuItems-WIrbyv1a.js} +2 -2
- package/dist/admin/assets/{BlockMenuItems-D-jZ0oaU.js.map → BlockMenuItems-WIrbyv1a.js.map} +1 -1
- package/dist/admin/assets/{Body-Gn_z2KPN.js → Body-BYc1IVsQ.js} +2 -2
- package/dist/admin/assets/{Body-Gn_z2KPN.js.map → Body-BYc1IVsQ.js.map} +1 -1
- package/dist/admin/assets/Builder-CwHpRhZN.js +2 -0
- package/dist/admin/assets/Builder-CwHpRhZN.js.map +1 -0
- package/dist/admin/assets/{CodeEditor-CzRU6och.js → CodeEditor-NMvrWgxT.js} +2 -2
- package/dist/admin/assets/{CodeEditor-CzRU6och.js.map → CodeEditor-NMvrWgxT.js.map} +1 -1
- package/dist/admin/assets/{ConfirmDialog-DZRJfdvH.js → ConfirmDialog-Rd6WDt6q.js} +2 -2
- package/dist/admin/assets/{ConfirmDialog-DZRJfdvH.js.map → ConfirmDialog-Rd6WDt6q.js.map} +1 -1
- package/dist/admin/assets/{CopyButton-h4HYhnYp.js → CopyButton-B0RuxynJ.js} +2 -2
- package/dist/admin/assets/{CopyButton-h4HYhnYp.js.map → CopyButton-B0RuxynJ.js.map} +1 -1
- package/dist/admin/assets/{CursorPager-H4SpVYw7.js → CursorPager-CQZsKNxR.js} +2 -2
- package/dist/admin/assets/{CursorPager-H4SpVYw7.js.map → CursorPager-CQZsKNxR.js.map} +1 -1
- package/dist/admin/assets/{FocalPoint-CSeKI4Iw.js → FocalPoint-BYu2fOTb.js} +2 -2
- package/dist/admin/assets/{FocalPoint-CSeKI4Iw.js.map → FocalPoint-BYu2fOTb.js.map} +1 -1
- package/dist/admin/assets/{Form-DF_YmR1G.js → Form-CiZUsLPp.js} +2 -2
- package/dist/admin/assets/{Form-DF_YmR1G.js.map → Form-CiZUsLPp.js.map} +1 -1
- package/dist/admin/assets/{FormCheckboxGroup-V3IKrvzc.js → FormCheckboxGroup-Bz8KERs1.js} +2 -2
- package/dist/admin/assets/{FormCheckboxGroup-V3IKrvzc.js.map → FormCheckboxGroup-Bz8KERs1.js.map} +1 -1
- package/dist/admin/assets/{FormRadioGroup-DIv-MYgn.js → FormRadioGroup-c-wyx7dq.js} +2 -2
- package/dist/admin/assets/{FormRadioGroup-DIv-MYgn.js.map → FormRadioGroup-c-wyx7dq.js.map} +1 -1
- package/dist/admin/assets/{FormSelectField-CUhaPIMY.js → FormSelectField-ijG9qPpb.js} +2 -2
- package/dist/admin/assets/{FormSelectField-CUhaPIMY.js.map → FormSelectField-ijG9qPpb.js.map} +1 -1
- package/dist/admin/assets/{FormSwitchField-DW8ysyk_.js → FormSwitchField-Bp3hNpeP.js} +2 -2
- package/dist/admin/assets/{FormSwitchField-DW8ysyk_.js.map → FormSwitchField-Bp3hNpeP.js.map} +1 -1
- package/dist/admin/assets/{FormTextareaField-DbqZ-MwI.js → FormTextareaField-BSKMqHcW.js} +2 -2
- package/dist/admin/assets/{FormTextareaField-DbqZ-MwI.js.map → FormTextareaField-BSKMqHcW.js.map} +1 -1
- package/dist/admin/assets/{HintedLabel-BlLtqVVz.js → HintedLabel-BrLH4NQW.js} +2 -2
- package/dist/admin/assets/{HintedLabel-BlLtqVVz.js.map → HintedLabel-BrLH4NQW.js.map} +1 -1
- package/dist/admin/assets/{InfoHint-bYMd_t0J.js → InfoHint-Dyzyf59c.js} +2 -2
- package/dist/admin/assets/{InfoHint-bYMd_t0J.js.map → InfoHint-Dyzyf59c.js.map} +1 -1
- package/dist/admin/assets/{InsertMenuItem-D2HGERzb.js → InsertMenuItem-BvRDuXtd.js} +2 -2
- package/dist/admin/assets/{InsertMenuItem-D2HGERzb.js.map → InsertMenuItem-BvRDuXtd.js.map} +1 -1
- package/dist/admin/assets/{Match-GDx_orOH.js → Match-Bixf1ygj.js} +2 -2
- package/dist/admin/assets/{Match-GDx_orOH.js.map → Match-Bixf1ygj.js.map} +1 -1
- package/dist/admin/assets/{QueryView-UBO-U5Wo.js → QueryView--_vvV7dC.js} +2 -2
- package/dist/admin/assets/{QueryView-UBO-U5Wo.js.map → QueryView--_vvV7dC.js.map} +1 -1
- package/dist/admin/assets/{RadioTile-CJbIIV8t.js → RadioTile-BCp6auUz.js} +2 -2
- package/dist/admin/assets/{RadioTile-CJbIIV8t.js.map → RadioTile-BCp6auUz.js.map} +1 -1
- package/dist/admin/assets/{RichTextField-M7HyUhYF.js → RichTextField-fWNjndUc.js} +2 -2
- package/dist/admin/assets/{RichTextField-M7HyUhYF.js.map → RichTextField-fWNjndUc.js.map} +1 -1
- package/dist/admin/assets/{RowTitle-DoxDM1XL.js → RowTitle-B4CE8tt7.js} +2 -2
- package/dist/admin/assets/{RowTitle-DoxDM1XL.js.map → RowTitle-B4CE8tt7.js.map} +1 -1
- package/dist/admin/assets/{SecretReveal-kCkLH5jg.js → SecretReveal-BhSqdWqh.js} +2 -2
- package/dist/admin/assets/{SecretReveal-kCkLH5jg.js.map → SecretReveal-BhSqdWqh.js.map} +1 -1
- package/dist/admin/assets/{SharedGlyph-D1OMHXPf.js → SharedGlyph-71FTypoi.js} +2 -2
- package/dist/admin/assets/{SharedGlyph-D1OMHXPf.js.map → SharedGlyph-71FTypoi.js.map} +1 -1
- package/dist/admin/assets/StepList-CZJmwy9e.js +2 -0
- package/dist/admin/assets/StepList-CZJmwy9e.js.map +1 -0
- package/dist/admin/assets/Structure-Dk87778W.js +2 -0
- package/dist/admin/assets/{Structure-CO4aJZVP.js.map → Structure-Dk87778W.js.map} +1 -1
- package/dist/admin/assets/{SuggestAltButton-CbRUxD5s.js → SuggestAltButton-CxS8IR6m.js} +2 -2
- package/dist/admin/assets/{SuggestAltButton-CbRUxD5s.js.map → SuggestAltButton-CxS8IR6m.js.map} +1 -1
- package/dist/admin/assets/{Thumbnail-D1XuDElk.js → Thumbnail-BwbCNpgQ.js} +2 -2
- package/dist/admin/assets/{Thumbnail-D1XuDElk.js.map → Thumbnail-BwbCNpgQ.js.map} +1 -1
- package/dist/admin/assets/{UnsavedChangesGuard-C1n7egF6.js → UnsavedChangesGuard-C6nD55Fn.js} +2 -2
- package/dist/admin/assets/{UnsavedChangesGuard-C1n7egF6.js.map → UnsavedChangesGuard-C6nD55Fn.js.map} +1 -1
- package/dist/admin/assets/{UserAvatar-Bl32IpG_.js → UserAvatar-D7IbSpsP.js} +2 -2
- package/dist/admin/assets/{UserAvatar-Bl32IpG_.js.map → UserAvatar-D7IbSpsP.js.map} +1 -1
- package/dist/admin/assets/{badge-ydvfgE8a.js → badge-vLiQczOd.js} +2 -2
- package/dist/admin/assets/{badge-ydvfgE8a.js.map → badge-vLiQczOd.js.map} +1 -1
- package/dist/admin/assets/{changeSets-DgfCKja3.js → changeSets-D5VevASj.js} +2 -2
- package/dist/admin/assets/{changeSets-DgfCKja3.js.map → changeSets-D5VevASj.js.map} +1 -1
- package/dist/admin/assets/{constants-esJAnNTh.js → constants-CKGh8uwT.js} +2 -2
- package/dist/admin/assets/{constants-esJAnNTh.js.map → constants-CKGh8uwT.js.map} +1 -1
- package/dist/admin/assets/{content-DsMSB6Wb.js → content-Cbavyq0x.js} +3 -3
- package/dist/admin/assets/{content-DsMSB6Wb.js.map → content-Cbavyq0x.js.map} +1 -1
- package/dist/admin/assets/{contentTypes-C-AKiYu1.js → contentTypes-DzQ_0v36.js} +2 -2
- package/dist/admin/assets/{contentTypes-C-AKiYu1.js.map → contentTypes-DzQ_0v36.js.map} +1 -1
- package/dist/admin/assets/{develop-DL-2W9jv.js → develop-BDqMOEql.js} +2 -2
- package/dist/admin/assets/{develop-DL-2W9jv.js.map → develop-BDqMOEql.js.map} +1 -1
- package/dist/admin/assets/{dropdown-menu-C53v9ioW.js → dropdown-menu-CVAnm22s.js} +2 -2
- package/dist/admin/assets/{dropdown-menu-C53v9ioW.js.map → dropdown-menu-CVAnm22s.js.map} +1 -1
- package/dist/admin/assets/es2015-BKfbx3rz.js +42 -0
- package/dist/admin/assets/es2015-BKfbx3rz.js.map +1 -0
- package/dist/admin/assets/{field-W1dB_h6d.js → field-Bg-JRgsB.js} +2 -2
- package/dist/admin/assets/{field-W1dB_h6d.js.map → field-Bg-JRgsB.js.map} +1 -1
- package/dist/admin/assets/{fileRoute-DzWMBrRx.js → fileRoute-DQCI1nMN.js} +2 -2
- package/dist/admin/assets/{fileRoute-DzWMBrRx.js.map → fileRoute-DQCI1nMN.js.map} +1 -1
- package/dist/admin/assets/{followPlural-D-5ZJqJF.js → followPlural-D0bENI5E.js} +2 -2
- package/dist/admin/assets/{followPlural-D-5ZJqJF.js.map → followPlural-D0bENI5E.js.map} +1 -1
- package/dist/admin/assets/{inbox-DUqOrFEA.js → inbox-Dfy4YBZ2.js} +2 -2
- package/dist/admin/assets/{inbox-DUqOrFEA.js.map → inbox-Dfy4YBZ2.js.map} +1 -1
- package/dist/admin/assets/{index-D03RZB7e.js → index-M4TUI1dl.js} +4 -4
- package/dist/admin/assets/{index-D03RZB7e.js.map → index-M4TUI1dl.js.map} +1 -1
- package/dist/admin/assets/{labels-CHE0gg1n.js → labels-BrwwGWnv.js} +2 -2
- package/dist/admin/assets/{labels-CHE0gg1n.js.map → labels-BrwwGWnv.js.map} +1 -1
- package/dist/admin/assets/{media-BUUEsWxd.js → media-DBdx-UmR.js} +2 -2
- package/dist/admin/assets/{media-BUUEsWxd.js.map → media-DBdx-UmR.js.map} +1 -1
- package/dist/admin/assets/{network-Bolr2lmf.js → network-BpbMYp6D.js} +2 -2
- package/dist/admin/assets/{network-Bolr2lmf.js.map → network-BpbMYp6D.js.map} +1 -1
- package/dist/admin/assets/{publishing-ClNjPLQ9.js → publishing-CpSDO3M7.js} +2 -2
- package/dist/admin/assets/{publishing-ClNjPLQ9.js.map → publishing-CpSDO3M7.js.map} +1 -1
- package/dist/admin/assets/{radio-group-rFxn7cz2.js → radio-group-DQ3sC1ol.js} +2 -2
- package/dist/admin/assets/{radio-group-rFxn7cz2.js.map → radio-group-DQ3sC1ol.js.map} +1 -1
- package/dist/admin/assets/{searchSchemas-C4qp-vCa.js → searchSchemas-D4S2ceA0.js} +2 -2
- package/dist/admin/assets/{searchSchemas-C4qp-vCa.js.map → searchSchemas-D4S2ceA0.js.map} +1 -1
- package/dist/admin/assets/{sections-C7Z6Xd8r.js → sections-Cl1LrzqH.js} +2 -2
- package/dist/admin/assets/{sections-C7Z6Xd8r.js.map → sections-Cl1LrzqH.js.map} +1 -1
- package/dist/admin/assets/{select-DUhL27UN.js → select-DjCAH45V.js} +2 -2
- package/dist/admin/assets/{select-DUhL27UN.js.map → select-DjCAH45V.js.map} +1 -1
- package/dist/admin/assets/{seo-l1ZORjtv.js → seo-DJ4k3LtY.js} +2 -2
- package/dist/admin/assets/{seo-l1ZORjtv.js.map → seo-DJ4k3LtY.js.map} +1 -1
- package/dist/admin/assets/{settings-DgoG3H8C.js → settings-DRZ33PTg.js} +2 -2
- package/dist/admin/assets/{settings-DgoG3H8C.js.map → settings-DRZ33PTg.js.map} +1 -1
- package/dist/admin/assets/{shapes-BZ87ap5s.js → shapes-BJe3IMuj.js} +5 -5
- package/dist/admin/assets/{shapes-BZ87ap5s.js.map → shapes-BJe3IMuj.js.map} +1 -1
- package/dist/admin/assets/{skeleton-Dyi_b1wq.js → skeleton-D4eOLKLY.js} +2 -2
- package/dist/admin/assets/{skeleton-Dyi_b1wq.js.map → skeleton-D4eOLKLY.js.map} +1 -1
- package/dist/admin/assets/src-DUpL-qwG.js +7 -0
- package/dist/admin/assets/src-DUpL-qwG.js.map +1 -0
- package/dist/admin/assets/{switch-C3dDDUIk.js → switch-B2R13aVU.js} +2 -2
- package/dist/admin/assets/{switch-C3dDDUIk.js.map → switch-B2R13aVU.js.map} +1 -1
- package/dist/admin/assets/{theme-DPe080iG.js → theme-X-qeg74W.js} +2 -2
- package/dist/admin/assets/{theme-DPe080iG.js.map → theme-X-qeg74W.js.map} +1 -1
- package/dist/admin/assets/{titles-C5PaMgFJ.js → titles-CLh5ftA2.js} +2 -2
- package/dist/admin/assets/{titles-C5PaMgFJ.js.map → titles-CLh5ftA2.js.map} +1 -1
- package/dist/admin/assets/{tooltip-BEaZkRPK.js → tooltip-u2epXfJF.js} +2 -2
- package/dist/admin/assets/{tooltip-BEaZkRPK.js.map → tooltip-u2epXfJF.js.map} +1 -1
- package/dist/admin/assets/{useContentSchema-wLDa2L3f.js → useContentSchema-DaQHlL19.js} +2 -2
- package/dist/admin/assets/{useContentSchema-wLDa2L3f.js.map → useContentSchema-DaQHlL19.js.map} +1 -1
- package/dist/admin/assets/{useDiscardGuard-WTUINqD5.js → useDiscardGuard-BVJGUCiH.js} +2 -2
- package/dist/admin/assets/{useDiscardGuard-WTUINqD5.js.map → useDiscardGuard-BVJGUCiH.js.map} +1 -1
- package/dist/admin/assets/{useMediaPickerDialog-CFN9ZKfe.js → useMediaPickerDialog-C23eOHQR.js} +2 -2
- package/dist/admin/assets/{useMediaPickerDialog-CFN9ZKfe.js.map → useMediaPickerDialog-C23eOHQR.js.map} +1 -1
- package/dist/admin/assets/{useMediaUploader-B42H_CMG.js → useMediaUploader-CTViR0LX.js} +2 -2
- package/dist/admin/assets/{useMediaUploader-B42H_CMG.js.map → useMediaUploader-CTViR0LX.js.map} +1 -1
- package/dist/admin/assets/{useResolvedScheme-aV0QDPi3.js → useResolvedScheme-Cg8TdO85.js} +2 -2
- package/dist/admin/assets/{useResolvedScheme-aV0QDPi3.js.map → useResolvedScheme-Cg8TdO85.js.map} +1 -1
- package/dist/admin/assets/{zod-C-k48Hnc.js → zod-D5i60ErJ.js} +2 -2
- package/dist/admin/assets/{zod-C-k48Hnc.js.map → zod-D5i60ErJ.js.map} +1 -1
- package/dist/admin/index.html +27 -27
- package/dist/cli.js +10 -3
- package/dist/cli.js.map +1 -1
- package/dist/index.d.ts +7 -2
- package/dist/index.js +1 -1
- package/dist/{s3Adapter-sL1zP4Zl.js → s3Adapter-CtPzkzf0.js} +2 -2
- package/dist/{s3Adapter-sL1zP4Zl.js.map → s3Adapter-CtPzkzf0.js.map} +1 -1
- package/dist/{worker-DMES6pqh.js → worker-DRCCGGjl.js} +3823 -3719
- package/dist/worker-DRCCGGjl.js.map +1 -0
- package/package.json +5 -5
- package/dist/admin/assets/Builder-DyCcikfS.js +0 -2
- package/dist/admin/assets/Builder-DyCcikfS.js.map +0 -1
- package/dist/admin/assets/StepList-BIQjDaWQ.js +0 -2
- package/dist/admin/assets/StepList-BIQjDaWQ.js.map +0 -1
- package/dist/admin/assets/Structure-CO4aJZVP.js +0 -2
- package/dist/admin/assets/es2015-DrAA1N2V.js +0 -42
- package/dist/admin/assets/es2015-DrAA1N2V.js.map +0 -1
- package/dist/admin/assets/src-BcLeD2-K.js +0 -7
- package/dist/admin/assets/src-BcLeD2-K.js.map +0 -1
- package/dist/worker-DMES6pqh.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaPickerDialog-CFN9ZKfe.js","names":["useState","useState","useRef","useCallback","_jsx","__toESM","require_jsx_runtime","queryKeys","useQueryClient","adminApi","Sheet","SheetDescription","SheetFooter","SheetTitle","SheetHeader","SheetContent","useTranslation","reportError","Button","SelectValue","SelectTrigger","SelectContent","SelectItem","Select","useMediaPermissions","Library","Toolbar","UploadQueue","UploadButton","useMediaUploader","Languages","cn","MIME_FILTER_BY_TYPE","ENTRY_STATUS_LABEL_KEYS","ENTRY_STATUS_TONES","import_jsx_runtime","LocaleSelect","statusOf","states","state","item","code","t","onChange","id","className","locales","status","locale","import_react","require_react","mediaKindOf","mimeType","toPickedMedia","asset","mimeFilterFor","kinds","kind","MediaPickerSheet","queryClient","uploader","search","setSearch","type","setType","view","setView","selected","setSelected","confirming","setConfirming","multiple","options","forcedMime","query","select","checked","current","close","onCancel","confirm","allowed","onPick","error","next","canWrite","files","SheetBody","useMediaPickerDialog","pending","setPending","pendingRef","settle","assets"],"sources":["../../src/features/Content/helpers/entryStatus.ts","../../src/features/Content/LocaleSelect/index.tsx","../../src/fields/helpers/media.ts","../../src/fields/MediaPickerSheet/index.tsx","../../src/fields/hooks/useMediaPickerDialog.tsx"],"sourcesContent":["import type { EntryStatus } from '@shapio/client';\nimport type { StatusTone } from '@/components/StatusChip';\n\nexport const ENTRY_STATUS_LABEL_KEYS = {\n draft: 'content.status.draft',\n published: 'content.status.published',\n modified: 'content.status.modified',\n} as const satisfies Record<EntryStatus, string>;\n\n/** Draft is neutral, published is live (success), published with newer draft changes needs attention. */\nexport const ENTRY_STATUS_TONES = {\n draft: 'neutral',\n published: 'success',\n modified: 'warning',\n} as const satisfies Record<EntryStatus, StatusTone>;\n","import type { EntryLocaleState, Locale } from '@shapio/client';\nimport { Languages } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';\nimport { cn } from '@/helpers/cn';\nimport { ENTRY_STATUS_LABEL_KEYS } from '../helpers/entryStatus';\n\ntype LocaleSelectProps = {\n locales: readonly Locale[];\n value: string;\n onChange: (code: string) => void;\n /** Per-locale status of an entry; locales without a version are marked \"not created\". */\n states?: readonly EntryLocaleState[];\n /** `sm` (36px) in page headers and toolbars, `default` (40px) in panels. */\n size?: 'default' | 'sm';\n id?: string;\n className?: string;\n};\n\n/** Chooses the content locale (with each locale's status when editing an entry). */\nexport const LocaleSelect = ({\n locales,\n value,\n onChange,\n states,\n size,\n id,\n className,\n}: LocaleSelectProps) => {\n const { t } = useTranslation();\n const statusOf = (code: string) => {\n if (!states) {\n return undefined;\n }\n const state = states.find((item) => item.locale === code);\n return state ? t(ENTRY_STATUS_LABEL_KEYS[state.status]) : t('content.locales.notCreated');\n };\n return (\n <Select value={value} onValueChange={onChange}>\n <SelectTrigger\n id={id}\n size={size}\n aria-label={id ? undefined : t('content.locales.label')}\n className={cn('w-full', className)}\n >\n <Languages aria-hidden=\"true\" />\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {locales.map((locale) => {\n const status = statusOf(locale.code);\n return (\n <SelectItem key={locale.code} value={locale.code}>\n <span>{locale.label}</span>\n <span className=\"font-mono text-xs text-muted-foreground\">{locale.code}</span>\n {status ? <span className=\"text-xs text-muted-foreground\">· {status}</span> : null}\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport type { MediaKind, PickedMedia } from '@shapio/editor-sdk';\n\n/** The media kind of a MIME type (the server's `allowedKinds` buckets). */\nexport const mediaKindOf = (mimeType: string): MediaKind => {\n if (mimeType.startsWith('image/')) {\n return 'image';\n }\n if (mimeType.startsWith('video/')) {\n return 'video';\n }\n if (mimeType.startsWith('audio/')) {\n return 'audio';\n }\n if (\n mimeType === 'application/pdf' ||\n mimeType.startsWith('text/') ||\n mimeType.includes('officedocument') ||\n mimeType.includes('opendocument') ||\n mimeType === 'application/msword'\n ) {\n return 'document';\n }\n return 'other';\n};\n\n/** What an editor gets back from the picker: never storage keys or attribution. */\nexport const toPickedMedia = (asset: MediaAsset): PickedMedia => ({\n id: asset.id,\n filename: asset.filename,\n mimeType: asset.mimeType,\n url: asset.url,\n alt: asset.alt,\n width: asset.width,\n height: asset.height,\n});\n\n/** The library's server-side type filter for a set of allowed kinds (only when it is one MIME family). */\nexport const mimeFilterFor = (kinds: readonly MediaKind[] | undefined): string | undefined => {\n if (kinds?.length !== 1) {\n return undefined;\n }\n const [kind] = kinds;\n return kind === 'image' || kind === 'video' || kind === 'audio' ? `${kind}/*` : undefined;\n};\n","import type { MediaAsset } from '@shapio/client';\nimport type { MediaPickOptions } from '@shapio/editor-sdk';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { adminApi } from '@/api/client';\nimport { queryKeys } from '@/api/queryKeys';\nimport { Button } from '@/components/ui/button';\nimport {\n Sheet,\n SheetBody,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\nimport { MIME_FILTER_BY_TYPE, type MediaTypeFilter, type MediaView } from '@/features/Media/constants';\nimport { Library } from '@/features/Media/Library';\nimport { Toolbar } from '@/features/Media/Toolbar';\nimport { UploadButton } from '@/features/Media/UploadButton';\nimport { UploadQueue } from '@/features/Media/UploadQueue';\nimport { reportError } from '@/helpers/reportError';\nimport { useMediaPermissions } from '@/hooks/useMediaPermissions';\nimport { useMediaUploader } from '@/hooks/useMediaUploader';\nimport { mediaKindOf, mimeFilterFor } from '../helpers/media';\n\ntype MediaPickerSheetProps = {\n open: boolean;\n options: MediaPickOptions;\n onPick: (assets: MediaAsset[]) => void;\n onCancel: () => void;\n};\n\n/**\n * The media library's components in a large right-hand sheet, so the entry stays in view: search, filter,\n * upload, and choose one or several files. Files of kinds the field does not allow can be seen but not\n * chosen.\n */\nexport const MediaPickerSheet = ({ open, options, onPick, onCancel }: MediaPickerSheetProps) => {\n const { t } = useTranslation();\n const queryClient = useQueryClient();\n const { canWrite } = useMediaPermissions();\n const uploader = useMediaUploader();\n const [search, setSearch] = useState<string | undefined>();\n const [type, setType] = useState<MediaTypeFilter | undefined>();\n const [view, setView] = useState<MediaView>('grid');\n const [selected, setSelected] = useState<string[]>([]);\n const [confirming, setConfirming] = useState(false);\n const multiple = options.multiple === true;\n const forcedMime = mimeFilterFor(options.allowedKinds);\n const query = {\n ...(search ? { search } : {}),\n ...(forcedMime ? { mimeType: forcedMime } : type ? { mimeType: MIME_FILTER_BY_TYPE[type] } : {}),\n };\n const select = (id: string, checked: boolean) =>\n setSelected((current) => {\n if (!checked) {\n return current.filter((item) => item !== id);\n }\n return multiple ? [...current.filter((item) => item !== id), id] : [id];\n });\n const close = () => {\n setSelected([]);\n onCancel();\n };\n const confirm = async () => {\n setConfirming(true);\n try {\n const assets = await Promise.all(\n selected.map((id) =>\n queryClient.fetchQuery({\n queryKey: queryKeys.media.asset(id),\n queryFn: () => adminApi.media.assets.get(id),\n }),\n ),\n );\n const allowed = assets.filter(\n (asset) => !options.allowedKinds || options.allowedKinds.includes(mediaKindOf(asset.mimeType)),\n );\n setSelected([]);\n onPick(allowed);\n } catch (error) {\n reportError(error, 'choosing media');\n } finally {\n setConfirming(false);\n }\n };\n return (\n <Sheet open={open} onOpenChange={(next) => (next ? undefined : close())}>\n <SheetContent size=\"lg\" {...(options.allowedKinds ? {} : { 'aria-describedby': undefined })}>\n <SheetHeader className=\"pr-14\">\n <SheetTitle>\n {multiple ? t('content.media.pickTitleMultiple') : t('content.media.pickTitle')}\n </SheetTitle>\n {options.allowedKinds ? (\n <SheetDescription>\n {t('content.media.allowedKinds', { kinds: options.allowedKinds.join(', ') })}\n </SheetDescription>\n ) : null}\n </SheetHeader>\n <div className=\"space-y-4 px-6 pb-4\">\n <div className=\"flex flex-wrap items-start gap-2\">\n <div className=\"min-w-0 flex-1\">\n <Toolbar\n query={search}\n type={forcedMime ? undefined : type}\n view={view}\n onQueryChange={setSearch}\n onTypeChange={setType}\n onViewChange={setView}\n />\n </div>\n {canWrite ? (\n <UploadButton\n variant=\"outline\"\n label={t('media.upload.action')}\n multiple={multiple}\n onFiles={(files) => uploader.enqueue(files, { folderId: null, visibility: 'public' })}\n />\n ) : null}\n </div>\n <UploadQueue onRetry={uploader.retry} onDismiss={uploader.dismiss} />\n </div>\n {/* A little top padding so the selected tiles' rings aren't clipped by the scroll area. */}\n <SheetBody className=\"pt-1\">\n <Library\n query={query}\n filtered={Boolean(search || type)}\n view={view}\n selected={new Set(selected)}\n selectable\n activeId={undefined}\n onSelectChange={select}\n onOpen={(asset) => select(asset.id, !selected.includes(asset.id))}\n />\n </SheetBody>\n <SheetFooter>\n <span role=\"status\" className=\"mr-auto text-sm text-muted-foreground\">\n {t('content.media.selectedCount', { count: selected.length })}\n </span>\n <Button type=\"button\" variant=\"outline\" onClick={close}>\n {t('common.cancel')}\n </Button>\n <Button type=\"button\" disabled={selected.length === 0 || confirming} onClick={() => void confirm()}>\n {t('content.media.choose', { count: selected.length })}\n </Button>\n </SheetFooter>\n </SheetContent>\n </Sheet>\n );\n};\n","import type { MediaPickOptions, PickedMedia } from '@shapio/editor-sdk';\nimport { useCallback, useRef, useState } from 'react';\nimport { toPickedMedia } from '../helpers/media';\nimport { MediaPickerSheet } from '../MediaPickerSheet';\n\ntype PendingPick = { options: MediaPickOptions; resolve: (assets: PickedMedia[] | null) => void };\n\n/**\n * `pickMedia` for editors (the editor contract's media capability): opens the library in a sheet and resolves\n * with the chosen assets, or null when cancelled. Render `dialog` once in the form.\n */\nexport const useMediaPickerDialog = () => {\n const [pending, setPending] = useState<PendingPick | null>(null);\n const pendingRef = useRef<PendingPick | null>(null);\n const settle = useCallback((assets: PickedMedia[] | null) => {\n pendingRef.current?.resolve(assets);\n pendingRef.current = null;\n setPending(null);\n }, []);\n const pickMedia = useCallback(\n (options: MediaPickOptions = {}) =>\n new Promise<PickedMedia[] | null>((resolve) => {\n pendingRef.current?.resolve(null);\n const next = { options, resolve };\n pendingRef.current = next;\n setPending(next);\n }),\n [],\n );\n const dialog = (\n <MediaPickerSheet\n open={pending !== null}\n options={pending?.options ?? {}}\n onPick={(assets) => settle(assets.map(toPickedMedia))}\n onCancel={() => settle(null)}\n />\n );\n return { pickMedia, dialog };\n};\n"],"mappings":"stBAGA,IAAaiC,EAA0B,CACrC,MAAO,uBACP,UAAW,2BACX,SAAU,yBACZ,EAGaC,EAAqB,CAChC,MAAO,UACP,UAAW,UACX,SAAU,SACZ,aCMaE,GAAgB,CAC3B,UACA,QACA,WACA,SACA,OACA,KACA,eACuB,CACvB,GAAM,CAAE,KAAMpB,EAAe,EACvBqB,EAAY,GAAiB,CACjC,GAAI,CAACC,EACH,OAEF,IAAMC,EAAQD,EAAO,KAAM,GAASE,EAAK,SAAWC,CAAI,EACxD,OAAeC,EAARH,EAAUN,EAAwBM,EAAM,QAAa,4BAA4B,CAC1F,EACA,OACE,EAAAJ,EAAA,KAAA,CAACZ,EAAD,CAAe,QAAO,cAAeoB,EAArC,SAAA,EACE,EAAAR,EAAA,KAAA,CAACf,EAAD,CACM,KACE,OACN,aAAYwB,EAAK,IAAA,GAAYF,EAAE,uBAAuB,EACtD,UAAWX,EAAG,SAAUc,CAAS,EAJnC,SAAA,EAME,EAAAV,EAAA,IAAA,CAACL,EAAD,CAAW,cAAY,MAAQ,CAAA,GAC/B,EAAAK,EAAA,IAAA,CAAChB,EAAD,CAAc,CAAA,CACD,CACf,CAAA,GAAA,EAAAgB,EAAA,IAAA,CAACd,EAAD,CAAA,SACGyB,EAAQ,IAAK,GAAW,CACvB,IAAMC,EAASV,EAASW,EAAO,IAAI,EACnC,OACE,EAAAb,EAAA,KAAA,CAACb,EAAD,CAA8B,MAAO0B,EAAO,KAA5C,SAAA,EACE,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOa,EAAO,KAAY,CAAA,GAC1B,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,0CAA2C,SAAAa,EAAO,IAAW,CAAA,EAC5ED,GAAS,EAAAZ,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,gCAAhB,SAAA,CAAgD,KAAGY,CAAa,CAAI,CAAA,EAAA,IACpE,CAJK,EAAAC,EAAO,IAIZ,CAEhB,CAAC,CACY,CAAA,CACT,GAEZ,aC1DaG,EAAe,GACtBC,EAAS,WAAW,QAAQ,EACvB,QAELA,EAAS,WAAW,QAAQ,EACvB,QAELA,EAAS,WAAW,QAAQ,EACvB,QAGPA,IAAa,mBACbA,EAAS,WAAW,OAAO,GAC3BA,EAAS,SAAS,gBAAgB,GAClCA,EAAS,SAAS,cAAc,GAChCA,IAAa,qBAEN,WAEF,QAIIC,EAAiB,IAAoC,CAChE,GAAIC,EAAM,GACV,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,IAAKA,EAAM,IACX,MAAOA,EAAM,MACb,OAAQA,EAAM,MAChB,GAGaC,EAAiB,GAAgE,CAC5F,GAAIC,GAAO,SAAW,EACpB,OAEF,GAAM,CAACC,GAAQD,EACf,OAAOC,IAAS,SAAWA,IAAS,SAAWA,IAAS,QAAU,GAAGA,EAAK,IAAM,IAAA,EAClF,ECLaC,GAAoB,CAAE,OAAM,UAAS,SAAQ,cAAsC,CAC9F,GAAM,CAAE,KAAM1C,EAAe,EACvB2C,EAAcnD,EAAe,EAC7B,CAAE,YAAagB,EAAoB,EACnCoC,EAAW/B,EAAiB,EAC5B,CAACgC,EAAQC,IAAA,EAAa9D,EAAAA,SAAAA,CAA6B,EACnD,CAAC+D,EAAMC,IAAA,EAAWhE,EAAAA,SAAAA,CAAsC,EACxD,CAACiE,EAAMC,IAAA,EAAWlE,EAAAA,SAAAA,CAAoB,MAAM,EAC5C,CAACmE,EAAUC,IAAA,EAAepE,EAAAA,SAAAA,CAAmB,CAAC,CAAC,EAC/C,CAACqE,EAAYC,IAAA,EAAiBtE,EAAAA,SAAAA,CAAS,EAAK,EAC5CuE,EAAWC,EAAQ,WAAa,GAChCC,EAAalB,EAAciB,EAAQ,YAAY,EAC/CE,EAAQ,CACZ,GAAIb,EAAS,CAAE,QAAO,EAAI,CAAC,EAC3B,GAAIY,EAAa,CAAE,SAAUA,CAAW,EAAIV,EAAO,CAAE,SAAU/B,EAAoB+B,EAAM,EAAI,CAAC,CAChG,EACMY,GAAU,EAAY,IAC1BP,EAAa,GACNQ,EAGEL,EAAW,CAAC,GAAGM,EAAQ,OAAQ,GAASrC,IAASI,CAAE,EAAGA,CAAE,EAAI,CAACA,CAAE,EAF7DiC,EAAQ,OAAQ,GAASrC,IAASI,CAAE,CAG9C,EACGkC,MAAc,CAClBV,EAAY,CAAC,CAAC,EACdW,EAAS,CACX,EACMC,EAAU,SAAY,CAC1BV,EAAc,EAAI,EAClB,GAAI,CASF,IAAMW,GAAU,MARK,QAAQ,IAC3Bd,EAAS,IAAK,GACZR,EAAY,WAAW,CACrB,SAAUpD,EAAU,MAAM,MAAMqC,CAAE,EAClC,YAAenC,EAAS,MAAM,OAAO,IAAImC,CAAE,CAC7C,CAAC,CACH,CACF,EAAA,CACuB,OACpB,GAAU,CAAC4B,EAAQ,cAAgBA,EAAQ,aAAa,SAASrB,EAAYG,EAAM,QAAQ,CAAC,CAC/F,EACAc,EAAY,CAAC,CAAC,EACdc,EAAOD,CAAO,CAChB,OAASE,EAAO,CACdlE,EAAYkE,EAAO,gBAAgB,CACrC,QAAU,CACRb,EAAc,EAAK,CACrB,CACF,EACA,OACE,EAAAnC,EAAA,IAAA,CAACzB,EAAD,CAAa,OAAM,aAAe,GAAU0E,EAAO,IAAA,GAAYN,EAAM,EACnE,UAAA,EAAA3C,EAAA,KAAA,CAACpB,EAAD,CAAc,KAAK,KAAK,GAAKyD,EAAQ,aAAe,CAAC,EAAI,CAAE,mBAAoB,IAAA,EAAU,EAAzF,SAAA,EACE,EAAArC,EAAA,KAAA,CAACrB,EAAD,CAAa,UAAU,QAAvB,SAAA,EACE,EAAAqB,EAAA,IAAA,CAACtB,EAAD,CAAA,SACc6B,EAAX6B,EAAa,kCAAuC,yBAAyB,CACpE,CAAA,EACXC,EAAQ,cACP,EAAArC,EAAA,IAAA,CAACxB,EAAD,CAAA,SACG+B,EAAE,6BAA8B,CAAE,MAAO8B,EAAQ,aAAa,KAAK,IAAI,CAAE,CAAC,CAC3D,CAAA,EAChB,IACO,KACb,EAAArC,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,sBAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,mCAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iBACb,UAAA,EAAAA,EAAA,IAAA,CAACT,EAAD,CACE,MAAOmC,EACP,KAAMY,EAAa,IAAA,GAAYV,EACzB,OACN,cAAeD,EACf,aAAcE,EACd,aAAcE,CACf,CAAA,CACE,CAAA,EACJmB,GACC,EAAAlD,EAAA,IAAA,CAACP,EAAD,CACE,QAAQ,UACR,MAAOc,EAAE,qBAAqB,EACpB,WACV,QAAU,GAAUkB,EAAS,QAAQ0B,EAAO,CAAE,SAAU,KAAM,WAAY,QAAS,CAAC,CACrF,CAAA,EACC,IACD,CACL,CAAA,GAAA,EAAAnD,EAAA,IAAA,CAACR,EAAD,CAAa,QAASiC,EAAS,MAAO,UAAWA,EAAS,OAAU,CAAA,CACjE,KAEL,EAAAzB,EAAA,IAAA,CAACoD,EAAD,CAAW,UAAU,OACnB,UAAA,EAAApD,EAAA,IAAA,CAACV,EAAD,CACS,QACP,SAAU,GAAQoC,GAAUE,GACtB,OACN,SAAU,IAAI,IAAII,CAAQ,EAC1B,WAAA,GACA,SAAU,IAAA,GACV,eAAgBQ,EAChB,OAAS,GAAUA,EAAOrB,EAAM,GAAI,CAACa,EAAS,SAASb,EAAM,EAAE,CAAC,CACjE,CAAA,CACQ,CAAA,GACX,EAAAnB,EAAA,KAAA,CAACvB,EAAD,CAAA,SAAA,EACE,EAAAuB,EAAA,IAAA,CAAC,OAAD,CAAM,KAAK,SAAS,UAAU,wCAC3B,SAAAO,EAAE,8BAA+B,CAAE,MAAOyB,EAAS,MAAO,CAAC,CACxD,CAAA,GACN,EAAAhC,EAAA,IAAA,CAACjB,EAAD,CAAQ,KAAK,SAAS,QAAQ,UAAU,QAAS4D,EAC9C,SAAApC,EAAE,eAAe,CACZ,CAAA,GACR,EAAAP,EAAA,IAAA,CAACjB,EAAD,CAAQ,KAAK,SAAS,SAAUiD,EAAS,SAAW,GAAKE,EAAY,YAAe,KAAKW,EAAQ,EAC9F,SAAAtC,EAAE,uBAAwB,CAAE,MAAOyB,EAAS,MAAO,CAAC,CAC/C,CAAA,CACG,CAAA,CAAA,CACD,GACT,CAAA,CAEX,EC5IaqB,MAA6B,CACxC,GAAM,CAACC,EAASC,IAAA,EAAczF,EAAAA,SAAAA,CAA6B,IAAI,EACzD0F,GAAA,EAAazF,EAAAA,OAAAA,CAA2B,IAAI,EAC5C0F,GAAA,EAASzF,EAAAA,YAAAA,CAAa,GAAiC,CAC3DwF,EAAW,SAAS,QAAQE,CAAM,EAClC,EAAW,QAAU,KACrBH,EAAW,IAAI,CACjB,EAAG,CAAC,CAAC,EAmBL,MAAO,CAAE,WAAA,EAlBSvF,EAAAA,YAAAA,EACf,EAA4B,CAAC,IAC5B,IAAI,QAA+B,GAAY,CAC7CwF,EAAW,SAAS,QAAQ,IAAI,EAChC,IAAMP,EAAO,CAAE,UAAS,SAAQ,EAChC,EAAW,QAAUA,EACrBM,EAAWN,CAAI,CACjB,CAAC,EACH,CAAC,CAUM,EAAW,QAAA,EAPlBhF,EAAAA,IAAAA,CAACsD,EAAD,CACE,KAAM+B,IAAY,KAClB,QAASA,GAAS,SAAW,CAAC,EAC9B,OAAS,GAAWG,EAAOC,EAAO,IAAIxC,CAAa,CAAC,EACpD,aAAgBuC,EAAO,IAAI,CAC5B,CAEiB,CAAO,CAC7B"}
|
|
1
|
+
{"version":3,"file":"useMediaPickerDialog-C23eOHQR.js","names":["useState","useState","useRef","useCallback","_jsx","__toESM","require_jsx_runtime","queryKeys","useQueryClient","adminApi","Sheet","SheetDescription","SheetFooter","SheetTitle","SheetHeader","SheetContent","useTranslation","reportError","Button","SelectValue","SelectTrigger","SelectContent","SelectItem","Select","useMediaPermissions","Library","Toolbar","UploadQueue","UploadButton","useMediaUploader","Languages","cn","MIME_FILTER_BY_TYPE","ENTRY_STATUS_LABEL_KEYS","ENTRY_STATUS_TONES","import_jsx_runtime","LocaleSelect","statusOf","states","state","item","code","t","onChange","id","className","locales","status","locale","import_react","require_react","mediaKindOf","mimeType","toPickedMedia","asset","mimeFilterFor","kinds","kind","MediaPickerSheet","queryClient","uploader","search","setSearch","type","setType","view","setView","selected","setSelected","confirming","setConfirming","multiple","options","forcedMime","query","select","checked","current","close","onCancel","confirm","allowed","onPick","error","next","canWrite","files","SheetBody","useMediaPickerDialog","pending","setPending","pendingRef","settle","assets"],"sources":["../../src/features/Content/helpers/entryStatus.ts","../../src/features/Content/LocaleSelect/index.tsx","../../src/fields/helpers/media.ts","../../src/fields/MediaPickerSheet/index.tsx","../../src/fields/hooks/useMediaPickerDialog.tsx"],"sourcesContent":["import type { EntryStatus } from '@shapio/client';\nimport type { StatusTone } from '@/components/StatusChip';\n\nexport const ENTRY_STATUS_LABEL_KEYS = {\n draft: 'content.status.draft',\n published: 'content.status.published',\n modified: 'content.status.modified',\n} as const satisfies Record<EntryStatus, string>;\n\n/** Draft is neutral, published is live (success), published with newer draft changes needs attention. */\nexport const ENTRY_STATUS_TONES = {\n draft: 'neutral',\n published: 'success',\n modified: 'warning',\n} as const satisfies Record<EntryStatus, StatusTone>;\n","import type { EntryLocaleState, Locale } from '@shapio/client';\nimport { Languages } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';\nimport { cn } from '@/helpers/cn';\nimport { ENTRY_STATUS_LABEL_KEYS } from '../helpers/entryStatus';\n\ntype LocaleSelectProps = {\n locales: readonly Locale[];\n value: string;\n onChange: (code: string) => void;\n /** Per-locale status of an entry; locales without a version are marked \"not created\". */\n states?: readonly EntryLocaleState[];\n /** `sm` (36px) in page headers and toolbars, `default` (40px) in panels. */\n size?: 'default' | 'sm';\n id?: string;\n className?: string;\n};\n\n/** Chooses the content locale (with each locale's status when editing an entry). */\nexport const LocaleSelect = ({\n locales,\n value,\n onChange,\n states,\n size,\n id,\n className,\n}: LocaleSelectProps) => {\n const { t } = useTranslation();\n const statusOf = (code: string) => {\n if (!states) {\n return undefined;\n }\n const state = states.find((item) => item.locale === code);\n return state ? t(ENTRY_STATUS_LABEL_KEYS[state.status]) : t('content.locales.notCreated');\n };\n return (\n <Select value={value} onValueChange={onChange}>\n <SelectTrigger\n id={id}\n size={size}\n aria-label={id ? undefined : t('content.locales.label')}\n className={cn('w-full', className)}\n >\n <Languages aria-hidden=\"true\" />\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {locales.map((locale) => {\n const status = statusOf(locale.code);\n return (\n <SelectItem key={locale.code} value={locale.code}>\n <span>{locale.label}</span>\n <span className=\"font-mono text-xs text-muted-foreground\">{locale.code}</span>\n {status ? <span className=\"text-xs text-muted-foreground\">· {status}</span> : null}\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport type { MediaKind, PickedMedia } from '@shapio/editor-sdk';\n\n/** The media kind of a MIME type (the server's `allowedKinds` buckets). */\nexport const mediaKindOf = (mimeType: string): MediaKind => {\n if (mimeType.startsWith('image/')) {\n return 'image';\n }\n if (mimeType.startsWith('video/')) {\n return 'video';\n }\n if (mimeType.startsWith('audio/')) {\n return 'audio';\n }\n if (\n mimeType === 'application/pdf' ||\n mimeType.startsWith('text/') ||\n mimeType.includes('officedocument') ||\n mimeType.includes('opendocument') ||\n mimeType === 'application/msword'\n ) {\n return 'document';\n }\n return 'other';\n};\n\n/** What an editor gets back from the picker: never storage keys or attribution. */\nexport const toPickedMedia = (asset: MediaAsset): PickedMedia => ({\n id: asset.id,\n filename: asset.filename,\n mimeType: asset.mimeType,\n url: asset.url,\n alt: asset.alt,\n width: asset.width,\n height: asset.height,\n});\n\n/** The library's server-side type filter for a set of allowed kinds (only when it is one MIME family). */\nexport const mimeFilterFor = (kinds: readonly MediaKind[] | undefined): string | undefined => {\n if (kinds?.length !== 1) {\n return undefined;\n }\n const [kind] = kinds;\n return kind === 'image' || kind === 'video' || kind === 'audio' ? `${kind}/*` : undefined;\n};\n","import type { MediaAsset } from '@shapio/client';\nimport type { MediaPickOptions } from '@shapio/editor-sdk';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { adminApi } from '@/api/client';\nimport { queryKeys } from '@/api/queryKeys';\nimport { Button } from '@/components/ui/button';\nimport {\n Sheet,\n SheetBody,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\nimport { MIME_FILTER_BY_TYPE, type MediaTypeFilter, type MediaView } from '@/features/Media/constants';\nimport { Library } from '@/features/Media/Library';\nimport { Toolbar } from '@/features/Media/Toolbar';\nimport { UploadButton } from '@/features/Media/UploadButton';\nimport { UploadQueue } from '@/features/Media/UploadQueue';\nimport { reportError } from '@/helpers/reportError';\nimport { useMediaPermissions } from '@/hooks/useMediaPermissions';\nimport { useMediaUploader } from '@/hooks/useMediaUploader';\nimport { mediaKindOf, mimeFilterFor } from '../helpers/media';\n\ntype MediaPickerSheetProps = {\n open: boolean;\n options: MediaPickOptions;\n onPick: (assets: MediaAsset[]) => void;\n onCancel: () => void;\n};\n\n/**\n * The media library's components in a large right-hand sheet, so the entry stays in view: search, filter,\n * upload, and choose one or several files. Files of kinds the field does not allow can be seen but not\n * chosen.\n */\nexport const MediaPickerSheet = ({ open, options, onPick, onCancel }: MediaPickerSheetProps) => {\n const { t } = useTranslation();\n const queryClient = useQueryClient();\n const { canWrite } = useMediaPermissions();\n const uploader = useMediaUploader();\n const [search, setSearch] = useState<string | undefined>();\n const [type, setType] = useState<MediaTypeFilter | undefined>();\n const [view, setView] = useState<MediaView>('grid');\n const [selected, setSelected] = useState<string[]>([]);\n const [confirming, setConfirming] = useState(false);\n const multiple = options.multiple === true;\n const forcedMime = mimeFilterFor(options.allowedKinds);\n const query = {\n ...(search ? { search } : {}),\n ...(forcedMime ? { mimeType: forcedMime } : type ? { mimeType: MIME_FILTER_BY_TYPE[type] } : {}),\n };\n const select = (id: string, checked: boolean) =>\n setSelected((current) => {\n if (!checked) {\n return current.filter((item) => item !== id);\n }\n return multiple ? [...current.filter((item) => item !== id), id] : [id];\n });\n const close = () => {\n setSelected([]);\n onCancel();\n };\n const confirm = async () => {\n setConfirming(true);\n try {\n const assets = await Promise.all(\n selected.map((id) =>\n queryClient.fetchQuery({\n queryKey: queryKeys.media.asset(id),\n queryFn: () => adminApi.media.assets.get(id),\n }),\n ),\n );\n const allowed = assets.filter(\n (asset) => !options.allowedKinds || options.allowedKinds.includes(mediaKindOf(asset.mimeType)),\n );\n setSelected([]);\n onPick(allowed);\n } catch (error) {\n reportError(error, 'choosing media');\n } finally {\n setConfirming(false);\n }\n };\n return (\n <Sheet open={open} onOpenChange={(next) => (next ? undefined : close())}>\n <SheetContent size=\"lg\" {...(options.allowedKinds ? {} : { 'aria-describedby': undefined })}>\n <SheetHeader className=\"pr-14\">\n <SheetTitle>\n {multiple ? t('content.media.pickTitleMultiple') : t('content.media.pickTitle')}\n </SheetTitle>\n {options.allowedKinds ? (\n <SheetDescription>\n {t('content.media.allowedKinds', { kinds: options.allowedKinds.join(', ') })}\n </SheetDescription>\n ) : null}\n </SheetHeader>\n <div className=\"space-y-4 px-6 pb-4\">\n <div className=\"flex flex-wrap items-start gap-2\">\n <div className=\"min-w-0 flex-1\">\n <Toolbar\n query={search}\n type={forcedMime ? undefined : type}\n view={view}\n onQueryChange={setSearch}\n onTypeChange={setType}\n onViewChange={setView}\n />\n </div>\n {canWrite ? (\n <UploadButton\n variant=\"outline\"\n label={t('media.upload.action')}\n multiple={multiple}\n onFiles={(files) => uploader.enqueue(files, { folderId: null, visibility: 'public' })}\n />\n ) : null}\n </div>\n <UploadQueue onRetry={uploader.retry} onDismiss={uploader.dismiss} />\n </div>\n {/* A little top padding so the selected tiles' rings aren't clipped by the scroll area. */}\n <SheetBody className=\"pt-1\">\n <Library\n query={query}\n filtered={Boolean(search || type)}\n view={view}\n selected={new Set(selected)}\n selectable\n activeId={undefined}\n onSelectChange={select}\n onOpen={(asset) => select(asset.id, !selected.includes(asset.id))}\n />\n </SheetBody>\n <SheetFooter>\n <span role=\"status\" className=\"mr-auto text-sm text-muted-foreground\">\n {t('content.media.selectedCount', { count: selected.length })}\n </span>\n <Button type=\"button\" variant=\"outline\" onClick={close}>\n {t('common.cancel')}\n </Button>\n <Button type=\"button\" disabled={selected.length === 0 || confirming} onClick={() => void confirm()}>\n {t('content.media.choose', { count: selected.length })}\n </Button>\n </SheetFooter>\n </SheetContent>\n </Sheet>\n );\n};\n","import type { MediaPickOptions, PickedMedia } from '@shapio/editor-sdk';\nimport { useCallback, useRef, useState } from 'react';\nimport { toPickedMedia } from '../helpers/media';\nimport { MediaPickerSheet } from '../MediaPickerSheet';\n\ntype PendingPick = { options: MediaPickOptions; resolve: (assets: PickedMedia[] | null) => void };\n\n/**\n * `pickMedia` for editors (the editor contract's media capability): opens the library in a sheet and resolves\n * with the chosen assets, or null when cancelled. Render `dialog` once in the form.\n */\nexport const useMediaPickerDialog = () => {\n const [pending, setPending] = useState<PendingPick | null>(null);\n const pendingRef = useRef<PendingPick | null>(null);\n const settle = useCallback((assets: PickedMedia[] | null) => {\n pendingRef.current?.resolve(assets);\n pendingRef.current = null;\n setPending(null);\n }, []);\n const pickMedia = useCallback(\n (options: MediaPickOptions = {}) =>\n new Promise<PickedMedia[] | null>((resolve) => {\n pendingRef.current?.resolve(null);\n const next = { options, resolve };\n pendingRef.current = next;\n setPending(next);\n }),\n [],\n );\n const dialog = (\n <MediaPickerSheet\n open={pending !== null}\n options={pending?.options ?? {}}\n onPick={(assets) => settle(assets.map(toPickedMedia))}\n onCancel={() => settle(null)}\n />\n );\n return { pickMedia, dialog };\n};\n"],"mappings":"stBAGA,IAAaiC,EAA0B,CACrC,MAAO,uBACP,UAAW,2BACX,SAAU,yBACZ,EAGaC,EAAqB,CAChC,MAAO,UACP,UAAW,UACX,SAAU,SACZ,aCMaE,GAAgB,CAC3B,UACA,QACA,WACA,SACA,OACA,KACA,eACuB,CACvB,GAAM,CAAE,KAAMpB,EAAe,EACvBqB,EAAY,GAAiB,CACjC,GAAI,CAACC,EACH,OAEF,IAAMC,EAAQD,EAAO,KAAM,GAASE,EAAK,SAAWC,CAAI,EACxD,OAAeC,EAARH,EAAUN,EAAwBM,EAAM,QAAa,4BAA4B,CAC1F,EACA,OACE,EAAAJ,EAAA,KAAA,CAACZ,EAAD,CAAe,QAAO,cAAeoB,EAArC,SAAA,EACE,EAAAR,EAAA,KAAA,CAACf,EAAD,CACM,KACE,OACN,aAAYwB,EAAK,IAAA,GAAYF,EAAE,uBAAuB,EACtD,UAAWX,EAAG,SAAUc,CAAS,EAJnC,SAAA,EAME,EAAAV,EAAA,IAAA,CAACL,EAAD,CAAW,cAAY,MAAQ,CAAA,GAC/B,EAAAK,EAAA,IAAA,CAAChB,EAAD,CAAc,CAAA,CACD,CACf,CAAA,GAAA,EAAAgB,EAAA,IAAA,CAACd,EAAD,CAAA,SACGyB,EAAQ,IAAK,GAAW,CACvB,IAAMC,EAASV,EAASW,EAAO,IAAI,EACnC,OACE,EAAAb,EAAA,KAAA,CAACb,EAAD,CAA8B,MAAO0B,EAAO,KAA5C,SAAA,EACE,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOa,EAAO,KAAY,CAAA,GAC1B,EAAAb,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,0CAA2C,SAAAa,EAAO,IAAW,CAAA,EAC5ED,GAAS,EAAAZ,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,gCAAhB,SAAA,CAAgD,KAAGY,CAAa,CAAI,CAAA,EAAA,IACpE,CAJK,EAAAC,EAAO,IAIZ,CAEhB,CAAC,CACY,CAAA,CACT,GAEZ,aC1DaG,EAAe,GACtBC,EAAS,WAAW,QAAQ,EACvB,QAELA,EAAS,WAAW,QAAQ,EACvB,QAELA,EAAS,WAAW,QAAQ,EACvB,QAGPA,IAAa,mBACbA,EAAS,WAAW,OAAO,GAC3BA,EAAS,SAAS,gBAAgB,GAClCA,EAAS,SAAS,cAAc,GAChCA,IAAa,qBAEN,WAEF,QAIIC,EAAiB,IAAoC,CAChE,GAAIC,EAAM,GACV,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,IAAKA,EAAM,IACX,MAAOA,EAAM,MACb,OAAQA,EAAM,MAChB,GAGaC,EAAiB,GAAgE,CAC5F,GAAIC,GAAO,SAAW,EACpB,OAEF,GAAM,CAACC,GAAQD,EACf,OAAOC,IAAS,SAAWA,IAAS,SAAWA,IAAS,QAAU,GAAGA,EAAK,IAAM,IAAA,EAClF,ECLaC,GAAoB,CAAE,OAAM,UAAS,SAAQ,cAAsC,CAC9F,GAAM,CAAE,KAAM1C,EAAe,EACvB2C,EAAcnD,EAAe,EAC7B,CAAE,YAAagB,EAAoB,EACnCoC,EAAW/B,EAAiB,EAC5B,CAACgC,EAAQC,IAAA,EAAa9D,EAAAA,SAAAA,CAA6B,EACnD,CAAC+D,EAAMC,IAAA,EAAWhE,EAAAA,SAAAA,CAAsC,EACxD,CAACiE,EAAMC,IAAA,EAAWlE,EAAAA,SAAAA,CAAoB,MAAM,EAC5C,CAACmE,EAAUC,IAAA,EAAepE,EAAAA,SAAAA,CAAmB,CAAC,CAAC,EAC/C,CAACqE,EAAYC,IAAA,EAAiBtE,EAAAA,SAAAA,CAAS,EAAK,EAC5CuE,EAAWC,EAAQ,WAAa,GAChCC,EAAalB,EAAciB,EAAQ,YAAY,EAC/CE,EAAQ,CACZ,GAAIb,EAAS,CAAE,QAAO,EAAI,CAAC,EAC3B,GAAIY,EAAa,CAAE,SAAUA,CAAW,EAAIV,EAAO,CAAE,SAAU/B,EAAoB+B,EAAM,EAAI,CAAC,CAChG,EACMY,GAAU,EAAY,IAC1BP,EAAa,GACNQ,EAGEL,EAAW,CAAC,GAAGM,EAAQ,OAAQ,GAASrC,IAASI,CAAE,EAAGA,CAAE,EAAI,CAACA,CAAE,EAF7DiC,EAAQ,OAAQ,GAASrC,IAASI,CAAE,CAG9C,EACGkC,MAAc,CAClBV,EAAY,CAAC,CAAC,EACdW,EAAS,CACX,EACMC,EAAU,SAAY,CAC1BV,EAAc,EAAI,EAClB,GAAI,CASF,IAAMW,GAAU,MARK,QAAQ,IAC3Bd,EAAS,IAAK,GACZR,EAAY,WAAW,CACrB,SAAUpD,EAAU,MAAM,MAAMqC,CAAE,EAClC,YAAenC,EAAS,MAAM,OAAO,IAAImC,CAAE,CAC7C,CAAC,CACH,CACF,EAAA,CACuB,OACpB,GAAU,CAAC4B,EAAQ,cAAgBA,EAAQ,aAAa,SAASrB,EAAYG,EAAM,QAAQ,CAAC,CAC/F,EACAc,EAAY,CAAC,CAAC,EACdc,EAAOD,CAAO,CAChB,OAASE,EAAO,CACdlE,EAAYkE,EAAO,gBAAgB,CACrC,QAAU,CACRb,EAAc,EAAK,CACrB,CACF,EACA,OACE,EAAAnC,EAAA,IAAA,CAACzB,EAAD,CAAa,OAAM,aAAe,GAAU0E,EAAO,IAAA,GAAYN,EAAM,EACnE,UAAA,EAAA3C,EAAA,KAAA,CAACpB,EAAD,CAAc,KAAK,KAAK,GAAKyD,EAAQ,aAAe,CAAC,EAAI,CAAE,mBAAoB,IAAA,EAAU,EAAzF,SAAA,EACE,EAAArC,EAAA,KAAA,CAACrB,EAAD,CAAa,UAAU,QAAvB,SAAA,EACE,EAAAqB,EAAA,IAAA,CAACtB,EAAD,CAAA,SACc6B,EAAX6B,EAAa,kCAAuC,yBAAyB,CACpE,CAAA,EACXC,EAAQ,cACP,EAAArC,EAAA,IAAA,CAACxB,EAAD,CAAA,SACG+B,EAAE,6BAA8B,CAAE,MAAO8B,EAAQ,aAAa,KAAK,IAAI,CAAE,CAAC,CAC3D,CAAA,EAChB,IACO,KACb,EAAArC,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,sBAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,mCAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iBACb,UAAA,EAAAA,EAAA,IAAA,CAACT,EAAD,CACE,MAAOmC,EACP,KAAMY,EAAa,IAAA,GAAYV,EACzB,OACN,cAAeD,EACf,aAAcE,EACd,aAAcE,CACf,CAAA,CACE,CAAA,EACJmB,GACC,EAAAlD,EAAA,IAAA,CAACP,EAAD,CACE,QAAQ,UACR,MAAOc,EAAE,qBAAqB,EACpB,WACV,QAAU,GAAUkB,EAAS,QAAQ0B,EAAO,CAAE,SAAU,KAAM,WAAY,QAAS,CAAC,CACrF,CAAA,EACC,IACD,CACL,CAAA,GAAA,EAAAnD,EAAA,IAAA,CAACR,EAAD,CAAa,QAASiC,EAAS,MAAO,UAAWA,EAAS,OAAU,CAAA,CACjE,KAEL,EAAAzB,EAAA,IAAA,CAACoD,EAAD,CAAW,UAAU,OACnB,UAAA,EAAApD,EAAA,IAAA,CAACV,EAAD,CACS,QACP,SAAU,GAAQoC,GAAUE,GACtB,OACN,SAAU,IAAI,IAAII,CAAQ,EAC1B,WAAA,GACA,SAAU,IAAA,GACV,eAAgBQ,EAChB,OAAS,GAAUA,EAAOrB,EAAM,GAAI,CAACa,EAAS,SAASb,EAAM,EAAE,CAAC,CACjE,CAAA,CACQ,CAAA,GACX,EAAAnB,EAAA,KAAA,CAACvB,EAAD,CAAA,SAAA,EACE,EAAAuB,EAAA,IAAA,CAAC,OAAD,CAAM,KAAK,SAAS,UAAU,wCAC3B,SAAAO,EAAE,8BAA+B,CAAE,MAAOyB,EAAS,MAAO,CAAC,CACxD,CAAA,GACN,EAAAhC,EAAA,IAAA,CAACjB,EAAD,CAAQ,KAAK,SAAS,QAAQ,UAAU,QAAS4D,EAC9C,SAAApC,EAAE,eAAe,CACZ,CAAA,GACR,EAAAP,EAAA,IAAA,CAACjB,EAAD,CAAQ,KAAK,SAAS,SAAUiD,EAAS,SAAW,GAAKE,EAAY,YAAe,KAAKW,EAAQ,EAC9F,SAAAtC,EAAE,uBAAwB,CAAE,MAAOyB,EAAS,MAAO,CAAC,CAC/C,CAAA,CACG,CAAA,CAAA,CACD,GACT,CAAA,CAEX,EC5IaqB,MAA6B,CACxC,GAAM,CAACC,EAASC,IAAA,EAAczF,EAAAA,SAAAA,CAA6B,IAAI,EACzD0F,GAAA,EAAazF,EAAAA,OAAAA,CAA2B,IAAI,EAC5C0F,GAAA,EAASzF,EAAAA,YAAAA,CAAa,GAAiC,CAC3DwF,EAAW,SAAS,QAAQE,CAAM,EAClC,EAAW,QAAU,KACrBH,EAAW,IAAI,CACjB,EAAG,CAAC,CAAC,EAmBL,MAAO,CAAE,WAAA,EAlBSvF,EAAAA,YAAAA,EACf,EAA4B,CAAC,IAC5B,IAAI,QAA+B,GAAY,CAC7CwF,EAAW,SAAS,QAAQ,IAAI,EAChC,IAAMP,EAAO,CAAE,UAAS,SAAQ,EAChC,EAAW,QAAUA,EACrBM,EAAWN,CAAI,CACjB,CAAC,EACH,CAAC,CAUM,EAAW,QAAA,EAPlBhF,EAAAA,IAAAA,CAACsD,EAAD,CACE,KAAM+B,IAAY,KAClB,QAASA,GAAS,SAAW,CAAC,EAC9B,OAAS,GAAWG,EAAOC,EAAO,IAAIxC,CAAa,CAAC,EACpD,aAAgBuC,EAAO,IAAI,CAC5B,CAEiB,CAAO,CAC7B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{O as r,i,lt as a,o,s,t as c,u as l}from"./loader-circle-C-9trZPI.js";import{a as u}from"./media-VCJUbYzJ.js";import{A as d,O as f,n as p,o as ee,r as te,v as ne}from"./badge-ydvfgE8a.js";import{g as re,h as m,n as h,t as g}from"./createLucideIcon-CqygG5K6.js";import{i as ie,n as ae,t as oe}from"./RowTitle-DoxDM1XL.js";import{C as se,E as _}from"./InfoHint-bYMd_t0J.js";import{T as v,x as ce}from"./es2015-DrAA1N2V.js";import{i as y,n as le}from"./skeleton-Dyi_b1wq.js";import{a as b,i as x,n as S,o as ue,r as C,s as de,t as fe}from"./select-DUhL27UN.js";import{n as w}from"./ConfirmDialog-DZRJfdvH.js";import{t as pe}from"./circle-check-De27poaB.js";import{n as me}from"./external-link-nZp2VpKw.js";import{n as T,o as E,s as D,t as O}from"./Thumbnail-D1XuDElk.js";import{t as k}from"./search-CW3iBC4k.js";import{m as A}from"./dropdown-menu-C53v9ioW.js";import{t as j}from"./rotate-ccw-Cvc_uA58.js";import{t as M}from"./cn-DVhJ55Mo.js";import{a as N,i as P,n as F,o as I,r as L,s as R,t as z}from"./table-zG68ipQc.js";import{t as he}from"./useSearchInput-1fDoEtXe.js";import{t as ge}from"./constants-DCtq_UOe.js";import{t as _e}from"./Panel-B1TkcP8V.js";var B={name:`images`,size:24,node:[[`path`,{d:`m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16`,key:`9kzy35`}],[`path`,{d:`M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2`,key:`1t0f0t`}],[`circle`,{cx:`13`,cy:`7`,r:`1`,fill:`currentColor`,key:`1obus6`}],[`rect`,{x:`8`,y:`2`,width:`14`,height:`14`,rx:`2`,key:`1gvhby`}]]};B.node;var V=g(B),H={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};H.node;var U=g(H),W={name:`upload`,size:24,node:[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]};W.node;var G=g(W),K=e(t(),1),ve=(e,t,n)=>{let r=t===void 0?-1:e.indexOf(t),i=e.indexOf(n);if(r!==-1&&i!==-1)return e.slice(Math.min(r,i),Math.max(r,i)+1)},q=(e,t)=>{let n=(0,K.useRef)(void 0);return{select:({id:r,checked:i,shiftKey:a})=>{let o=a?ve(e,n.current,r):void 0;if(o)for(let e of o)t(e,!0);else t(r,i);n.current=r}}},J=e(n(),1),ye=({asset:e,selected:t,selectable:n,active:r,onSelect:i,onOpen:a})=>{let{t:o}=h(),s=E[e.status];return(0,J.jsxs)(`li`,{className:M(`group relative overflow-hidden rounded-xl border bg-card transition-shadow focus-within:ring-[3px] focus-within:ring-ring/50 hover:border-input`,(t||r)&&`border-primary ring-2 ring-primary hover:border-primary`),children:[(0,J.jsxs)(`button`,{type:`button`,onClick:e=>{if(e.shiftKey&&n){i(!t,!0);return}a()},className:`flex w-full flex-col text-left outline-none`,"aria-label":o(`media.openDetails`,{name:e.filename}),children:[(0,J.jsx)(O,{asset:e,className:`aspect-square w-full border-b`}),(0,J.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5 px-3 py-2.5`,children:[(0,J.jsx)(`span`,{className:`truncate text-sm font-medium`,title:e.filename,children:e.filename}),(0,J.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 text-meta text-muted-foreground`,children:[(0,J.jsxs)(`span`,{className:`truncate`,children:[T(e.filename,e.mimeType),` · `,D(e.sizeBytes)]}),e.visibility===`private`?(0,J.jsx)(d,{"aria-hidden":`true`,className:`size-3.5 shrink-0`}):null]})]})]}),e.status===`ready`?null:(0,J.jsx)(p,{tone:s.tone,label:o(s.labelKey),size:`sm`,className:`pointer-events-none absolute top-2 right-2`}),n?(0,J.jsx)(w,{checked:t,onClick:e=>{e.shiftKey&&(e.preventDefault(),i(!t,!0))},onCheckedChange:e=>i(e===!0,!1),"aria-label":o(`media.select`,{name:e.filename}),className:`absolute top-2 left-2 bg-card`}):null]})},be=({assets:e,selected:t,selectable:n,activeId:r,onSelectChange:i,onOpen:a})=>{let{t:o}=h(),s=q(e.map(e=>e.id),i);return(0,J.jsx)(`ul`,{"aria-label":o(`media.assetsLabel`,{count:e.length}),className:`grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] gap-4`,children:e.map(e=>(0,J.jsx)(ye,{asset:e,selected:t.has(e.id),selectable:n,active:e.id===r,onSelect:(t,n)=>s.select({id:e.id,checked:t,shiftKey:n}),onOpen:()=>a(e)},e.id))})},xe=({assets:e,selected:t,selectable:n,onSelectChange:r,onOpen:i})=>{let{t:a}=h(),o=q(e.map(e=>e.id),r);return(0,J.jsx)(R,{children:(0,J.jsxs)(z,{children:[(0,J.jsx)(N,{children:(0,J.jsxs)(I,{children:[n?(0,J.jsx)(P,{className:`w-10`,children:(0,J.jsx)(`span`,{className:`sr-only`,children:a(`media.selection`)})}):null,(0,J.jsx)(P,{children:a(`media.fields.filename`)}),(0,J.jsx)(P,{children:a(`media.fields.type`)}),(0,J.jsx)(P,{className:`text-right`,children:a(`media.fields.size`)}),(0,J.jsx)(P,{children:a(`media.fields.status`)}),(0,J.jsx)(P,{children:a(`media.fields.uploaded`)})]})}),(0,J.jsx)(F,{children:e.map(e=>{let r=E[e.status],s=t.has(e.id);return(0,J.jsxs)(I,{"data-state":s?`selected`:void 0,children:[n?(0,J.jsx)(L,{children:(0,J.jsx)(w,{checked:s,onClick:t=>{t.shiftKey&&(t.preventDefault(),o.select({id:e.id,checked:!s,shiftKey:!0}))},onCheckedChange:t=>o.select({id:e.id,checked:t===!0,shiftKey:!1}),"aria-label":a(`media.select`,{name:e.filename})})}):null,(0,J.jsx)(L,{className:`max-w-96`,children:(0,J.jsxs)(`span`,{className:`flex min-w-0 items-center gap-3`,children:[(0,J.jsx)(O,{asset:e,className:`size-8 shrink-0 rounded-md`}),(0,J.jsx)(oe,{asChild:!0,className:`min-w-0 truncate text-left`,children:(0,J.jsx)(`button`,{type:`button`,onClick:()=>i(e),children:e.filename})}),e.visibility===`private`?(0,J.jsx)(d,{role:`img`,"aria-label":a(`media.visibility.private`),className:`size-3.5 shrink-0 text-muted-foreground`}):null]})}),(0,J.jsx)(L,{className:`text-muted-foreground`,title:e.mimeType,children:T(e.filename,e.mimeType)}),(0,J.jsx)(L,{className:`text-right tabular-nums`,children:D(e.sizeBytes)}),(0,J.jsx)(L,{children:(0,J.jsx)(p,{tone:r.tone,label:a(r.labelKey),size:`sm`})}),(0,J.jsx)(L,{className:`whitespace-nowrap`,title:ae(e.createdAt),children:ie(e.createdAt)})]},e.id)})})]})})},Se=({query:e,filtered:t,view:n,selected:r,selectable:i,activeId:a,onSelectChange:o,onOpen:s})=>{let{t:c}=h(),l=u(e);if(l.isPending)return(0,J.jsx)(ne,{rows:4});if(l.isError)return(0,J.jsx)(te,{error:l.error,onRetry:()=>void l.refetch()});let d=l.data.pages.flatMap(e=>e.items);if(d.length===0){let n=t||e.folder!==void 0;return(0,J.jsx)(ee,{icon:V,size:n?`panel`:`page`,title:c(t?`media.emptyFiltered`:n?`media.emptyFolder`:`media.empty`)})}return(0,J.jsxs)(`div`,{className:`space-y-4`,children:[n===`grid`?(0,J.jsx)(be,{assets:d,selected:r,selectable:i,activeId:a,onSelectChange:o,onOpen:s}):(0,J.jsx)(xe,{assets:d,selected:r,selectable:i,onSelectChange:o,onOpen:s}),l.hasNextPage?(0,J.jsx)(`div`,{className:`flex justify-center`,children:(0,J.jsx)(y,{variant:`outline`,disabled:l.isFetchingNextPage,"aria-busy":l.isFetchingNextPage||void 0,onClick:()=>void l.fetchNextPage(),children:l.isFetchingNextPage?c(`common.loading`):c(`media.loadMore`)})}):null]})},Y=`all`,Ce={image:`media.types.image`,video:`media.types.video`,audio:`media.types.audio`,pdf:`media.types.pdf`},we=({query:e,type:t,view:n,onQueryChange:r,onTypeChange:i,onViewChange:a})=>{let{t:o}=h(),{text:s,setText:c}=he(e,r);return(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsxs)(`div`,{className:`relative min-w-48 flex-1`,children:[(0,J.jsx)(k,{"aria-hidden":`true`,className:`absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground`}),(0,J.jsx)(le,{type:`search`,value:s,onChange:e=>c(e.target.value),"aria-label":o(`media.search`),placeholder:o(`media.searchPlaceholder`),inputSize:`sm`,className:`pl-8`})]}),(0,J.jsxs)(fe,{value:t??Y,onValueChange:e=>i(e===Y?void 0:e),children:[(0,J.jsx)(x,{size:`sm`,"aria-label":o(`media.typeFilter`),className:`w-36`,children:(0,J.jsx)(b,{})}),(0,J.jsxs)(S,{children:[(0,J.jsx)(C,{value:Y,children:o(`media.types.all`)}),ge.map(e=>(0,J.jsx)(C,{value:e,children:o(Ce[e])},e))]})]}),(0,J.jsxs)(`div`,{role:`group`,"aria-label":o(`media.view`),className:`flex h-9 items-center gap-0.5 rounded-lg border border-input px-px`,children:[(0,J.jsx)(y,{variant:n===`grid`?`secondary`:`ghost`,size:`icon-sm`,"aria-pressed":n===`grid`,"aria-label":o(`media.viewGrid`),onClick:()=>a(`grid`),children:(0,J.jsx)(U,{"aria-hidden":`true`})}),(0,J.jsx)(y,{variant:n===`list`?`secondary`:`ghost`,size:`icon-sm`,"aria-pressed":n===`list`,"aria-label":o(`media.viewList`),onClick:()=>a(`list`),children:(0,J.jsx)(A,{"aria-hidden":`true`})})]})]})},Te=({label:e,multiple:t=!0,onFiles:n,...r})=>{let i=(0,K.useRef)(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(y,{...r,onClick:()=>i.current?.click(),children:[(0,J.jsx)(G,{"aria-hidden":`true`}),e]}),(0,J.jsx)(`input`,{ref:i,type:`file`,multiple:t,tabIndex:-1,"aria-hidden":`true`,className:`sr-only`,onChange:e=>{let t=[...e.target.files??[]];e.target.value=``,t.length>0&&n(t)}})]})},X=l()(e=>({items:[],add:t=>e(e=>({items:[...e.items,t]})),update:(t,n)=>e(e=>({items:e.items.map(e=>e.id===t?{...e,...n}:e)})),remove:t=>e(e=>({items:e.items.filter(e=>e.id!==t)})),clearFinished:()=>e(e=>({items:e.items.filter(e=>e.status!==`done`)}))})),Z=class extends Error{status;body;constructor(e,t){super(`Upload failed with status ${e}`),this.name=`UploadTransferError`,this.status=e,this.body=t}},Ee=({url:e,form:t,onProgress:n,signal:r})=>new Promise((i,a)=>{let o=new XMLHttpRequest;o.open(`POST`,e),o.withCredentials=!1,o.upload.onprogress=e=>{e.lengthComputable&&e.total>0&&n(e.loaded/e.total)},o.onload=()=>{if(o.status>=200&&o.status<300){n(1),i();return}a(new Z(o.status,o.responseText))},o.onerror=()=>a(new Z(0,``)),o.onabort=()=>a(new DOMException(`Upload cancelled`,`AbortError`)),r?.addEventListener(`abort`,()=>o.abort(),{once:!0}),o.send(t)}),De=e=>e instanceof Z?e.status===0?v.t(`media.upload.unreachable`):e.status===413||/EntityTooLarge/.test(e.body)?v.t(`errors.codes.FILE_TOO_LARGE`):v.t(`media.upload.transferFailed`,{status:e.status}):ce(e),Q=100,Oe=({item:e,onRetry:t,onDismiss:n})=>{let{t:r}=h(),i=Math.round(e.progress*Q),a=e.status===`uploading`?r(`media.upload.uploading`,{percent:i}):e.status===`confirming`?r(`media.upload.checking`):e.status===`done`?r(`media.upload.done`):De(e.error);return(0,J.jsxs)(`li`,{className:`flex items-start gap-3 px-5 py-2.5`,children:[(0,J.jsx)(`span`,{className:`mt-0.5 shrink-0`,children:e.status===`done`?(0,J.jsx)(pe,{"aria-hidden":`true`,className:`size-4 text-success`}):e.status===`failed`?(0,J.jsx)(me,{"aria-hidden":`true`,className:`size-4 text-destructive`}):(0,J.jsx)(c,{"aria-hidden":`true`,className:`size-4 animate-spin text-muted-foreground motion-reduce:animate-none`})}),(0,J.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,J.jsxs)(`p`,{className:`flex items-baseline gap-2 text-sm`,children:[(0,J.jsx)(`span`,{className:`truncate font-medium`,children:e.file.name}),(0,J.jsx)(`span`,{className:`shrink-0 text-meta text-muted-foreground`,children:D(e.file.size)})]}),e.status===`uploading`||e.status===`confirming`?(0,J.jsx)(`div`,{role:`progressbar`,"aria-label":r(`media.upload.progress`,{name:e.file.name}),"aria-valuemin":0,"aria-valuemax":Q,"aria-valuenow":i,className:`h-1.5 overflow-hidden rounded-full bg-muted`,style:{"--upload-progress":`${i}%`},children:(0,J.jsx)(`div`,{className:`h-full w-[var(--upload-progress)] bg-primary transition-[width]`})}):null,(0,J.jsx)(`p`,{className:M(`text-meta`,e.status===`failed`?`text-destructive`:`text-muted-foreground`),children:a})]}),e.status===`failed`?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-label":r(`media.upload.retry`,{name:e.file.name}),onClick:t,children:(0,J.jsx)(j,{"aria-hidden":`true`})}):null,e.status===`failed`||e.status===`done`?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-label":r(`media.upload.dismiss`,{name:e.file.name}),onClick:n,children:(0,J.jsx)(f,{"aria-hidden":`true`})}):null]})},ke=({onRetry:e,onDismiss:t})=>{let{t:n}=h(),r=X(e=>e.items),i=X(e=>e.clearFinished),[a,o]=(0,K.useState)(!1);if(r.length===0)return null;let s=r.filter(e=>e.status===`uploading`||e.status===`confirming`).length,c=r.filter(e=>e.status===`failed`).length,l=r.length-s-c,u=s===0&&c===0,d=!u||a;return(0,J.jsx)(_e,{title:n(`media.upload.queueTitle`),titleAs:`h2`,flush:d,actions:(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`text-meta text-muted-foreground`,children:u?n(`media.upload.doneSummary`,{count:l}):n(`media.upload.summary`,{active:s,failed:c})}),u?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-expanded":d,"aria-label":n(d?`media.upload.hideFinished`:`media.upload.showFinished`),onClick:()=>o(e=>!e),children:d?(0,J.jsx)(ue,{"aria-hidden":`true`}):(0,J.jsx)(de,{"aria-hidden":`true`})}):null,l>0?(0,J.jsx)(y,{variant:`ghost`,size:`sm`,onClick:i,children:n(`media.upload.clearFinished`)}):null]}),bodyClassName:d?void 0:`hidden`,children:d?(0,J.jsx)(`ul`,{className:`max-h-64 divide-y overflow-y-auto`,children:r.map(n=>(0,J.jsx)(Oe,{item:n,onRetry:()=>e(n.id),onDismiss:()=>t(n.id)},n.id))}):null})},Ae=`application/octet-stream`,je=e=>{let t={filename:e.file.name,mimeType:e.file.type||Ae,sizeBytes:e.file.size};return i(()=>e.replaceAssetId?o.media.assets.replace(e.replaceAssetId,t):o.media.uploads.create({...t,folderId:e.folderId,visibility:e.visibility}))},$=async(e,t,n)=>{let r=await je(e);return await Ee({url:re(r,s()),form:m(r,e.file,e.file.name),onProgress:t}),n(),i(()=>o.media.uploads.confirm(r.grantId))},Me=()=>{let e=a(),{add:t,update:n,remove:i}=X.getState(),o=(0,K.useCallback)(async t=>{n(t.id,{status:`uploading`,progress:0,error:void 0});try{let e=await $(t,e=>n(t.id,{progress:e}),()=>n(t.id,{status:`confirming`}));n(t.id,{status:`done`,assetId:e.id}),t.replaceAssetId&&_.success(v.t(`media.upload.replaced`,{name:t.file.name}))}catch(e){se(e,`uploading ${t.file.name}`),n(t.id,{status:`failed`,error:e})}finally{await e.invalidateQueries({queryKey:r.media.all})}},[e,n]);return{enqueue:(0,K.useCallback)((e,n)=>{for(let r of e){let e={id:crypto.randomUUID(),file:r,folderId:n.folderId,visibility:n.visibility,replaceAssetId:n.replaceAssetId,status:`uploading`,progress:0,error:void 0,assetId:void 0};t(e),o(e)}},[t,o]),retry:(0,K.useCallback)(e=>{let t=X.getState().items.find(t=>t.id===e);t&&o(t)},[o]),dismiss:i,uploadOne:(0,K.useCallback)(async t=>{try{let n=await $({file:t,folderId:null,visibility:`public`,replaceAssetId:void 0},()=>void 0,()=>void 0);return e.setQueryData(r.media.asset(n.id),n),{id:n.id,alt:n.alt||null}}finally{await e.invalidateQueries({queryKey:r.media.all})}},[e])}};export{Se as a,V as c,we as i,ke as n,G as o,Te as r,U as s,Me as t};
|
|
2
|
-
//# sourceMappingURL=useMediaUploader-
|
|
1
|
+
import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{O as r,i,lt as a,o,s,t as c,u as l}from"./loader-circle-C-9trZPI.js";import{a as u}from"./media-VCJUbYzJ.js";import{A as d,O as f,n as p,o as ee,r as te,v as ne}from"./badge-vLiQczOd.js";import{g as re,h as m,n as h,t as g}from"./createLucideIcon-CqygG5K6.js";import{i as ie,n as ae,t as oe}from"./RowTitle-B4CE8tt7.js";import{C as se,E as _}from"./InfoHint-Dyzyf59c.js";import{T as v,x as ce}from"./es2015-BKfbx3rz.js";import{i as y,n as le}from"./skeleton-D4eOLKLY.js";import{a as b,i as x,n as S,o as ue,r as C,s as de,t as fe}from"./select-DjCAH45V.js";import{n as w}from"./ConfirmDialog-Rd6WDt6q.js";import{t as pe}from"./circle-check-De27poaB.js";import{n as me}from"./external-link-nZp2VpKw.js";import{n as T,o as E,s as D,t as O}from"./Thumbnail-BwbCNpgQ.js";import{t as k}from"./search-CW3iBC4k.js";import{m as A}from"./dropdown-menu-CVAnm22s.js";import{t as j}from"./rotate-ccw-Cvc_uA58.js";import{t as M}from"./cn-DVhJ55Mo.js";import{a as N,i as P,n as F,o as I,r as L,s as R,t as z}from"./table-zG68ipQc.js";import{t as he}from"./useSearchInput-1fDoEtXe.js";import{t as ge}from"./constants-DCtq_UOe.js";import{t as _e}from"./Panel-B1TkcP8V.js";var B={name:`images`,size:24,node:[[`path`,{d:`m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16`,key:`9kzy35`}],[`path`,{d:`M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2`,key:`1t0f0t`}],[`circle`,{cx:`13`,cy:`7`,r:`1`,fill:`currentColor`,key:`1obus6`}],[`rect`,{x:`8`,y:`2`,width:`14`,height:`14`,rx:`2`,key:`1gvhby`}]]};B.node;var V=g(B),H={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};H.node;var U=g(H),W={name:`upload`,size:24,node:[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]};W.node;var G=g(W),K=e(t(),1),ve=(e,t,n)=>{let r=t===void 0?-1:e.indexOf(t),i=e.indexOf(n);if(r!==-1&&i!==-1)return e.slice(Math.min(r,i),Math.max(r,i)+1)},q=(e,t)=>{let n=(0,K.useRef)(void 0);return{select:({id:r,checked:i,shiftKey:a})=>{let o=a?ve(e,n.current,r):void 0;if(o)for(let e of o)t(e,!0);else t(r,i);n.current=r}}},J=e(n(),1),ye=({asset:e,selected:t,selectable:n,active:r,onSelect:i,onOpen:a})=>{let{t:o}=h(),s=E[e.status];return(0,J.jsxs)(`li`,{className:M(`group relative overflow-hidden rounded-xl border bg-card transition-shadow focus-within:ring-[3px] focus-within:ring-ring/50 hover:border-input`,(t||r)&&`border-primary ring-2 ring-primary hover:border-primary`),children:[(0,J.jsxs)(`button`,{type:`button`,onClick:e=>{if(e.shiftKey&&n){i(!t,!0);return}a()},className:`flex w-full flex-col text-left outline-none`,"aria-label":o(`media.openDetails`,{name:e.filename}),children:[(0,J.jsx)(O,{asset:e,className:`aspect-square w-full border-b`}),(0,J.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5 px-3 py-2.5`,children:[(0,J.jsx)(`span`,{className:`truncate text-sm font-medium`,title:e.filename,children:e.filename}),(0,J.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1.5 text-meta text-muted-foreground`,children:[(0,J.jsxs)(`span`,{className:`truncate`,children:[T(e.filename,e.mimeType),` · `,D(e.sizeBytes)]}),e.visibility===`private`?(0,J.jsx)(d,{"aria-hidden":`true`,className:`size-3.5 shrink-0`}):null]})]})]}),e.status===`ready`?null:(0,J.jsx)(p,{tone:s.tone,label:o(s.labelKey),size:`sm`,className:`pointer-events-none absolute top-2 right-2`}),n?(0,J.jsx)(w,{checked:t,onClick:e=>{e.shiftKey&&(e.preventDefault(),i(!t,!0))},onCheckedChange:e=>i(e===!0,!1),"aria-label":o(`media.select`,{name:e.filename}),className:`absolute top-2 left-2 bg-card`}):null]})},be=({assets:e,selected:t,selectable:n,activeId:r,onSelectChange:i,onOpen:a})=>{let{t:o}=h(),s=q(e.map(e=>e.id),i);return(0,J.jsx)(`ul`,{"aria-label":o(`media.assetsLabel`,{count:e.length}),className:`grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] gap-4`,children:e.map(e=>(0,J.jsx)(ye,{asset:e,selected:t.has(e.id),selectable:n,active:e.id===r,onSelect:(t,n)=>s.select({id:e.id,checked:t,shiftKey:n}),onOpen:()=>a(e)},e.id))})},xe=({assets:e,selected:t,selectable:n,onSelectChange:r,onOpen:i})=>{let{t:a}=h(),o=q(e.map(e=>e.id),r);return(0,J.jsx)(R,{children:(0,J.jsxs)(z,{children:[(0,J.jsx)(N,{children:(0,J.jsxs)(I,{children:[n?(0,J.jsx)(P,{className:`w-10`,children:(0,J.jsx)(`span`,{className:`sr-only`,children:a(`media.selection`)})}):null,(0,J.jsx)(P,{children:a(`media.fields.filename`)}),(0,J.jsx)(P,{children:a(`media.fields.type`)}),(0,J.jsx)(P,{className:`text-right`,children:a(`media.fields.size`)}),(0,J.jsx)(P,{children:a(`media.fields.status`)}),(0,J.jsx)(P,{children:a(`media.fields.uploaded`)})]})}),(0,J.jsx)(F,{children:e.map(e=>{let r=E[e.status],s=t.has(e.id);return(0,J.jsxs)(I,{"data-state":s?`selected`:void 0,children:[n?(0,J.jsx)(L,{children:(0,J.jsx)(w,{checked:s,onClick:t=>{t.shiftKey&&(t.preventDefault(),o.select({id:e.id,checked:!s,shiftKey:!0}))},onCheckedChange:t=>o.select({id:e.id,checked:t===!0,shiftKey:!1}),"aria-label":a(`media.select`,{name:e.filename})})}):null,(0,J.jsx)(L,{className:`max-w-96`,children:(0,J.jsxs)(`span`,{className:`flex min-w-0 items-center gap-3`,children:[(0,J.jsx)(O,{asset:e,className:`size-8 shrink-0 rounded-md`}),(0,J.jsx)(oe,{asChild:!0,className:`min-w-0 truncate text-left`,children:(0,J.jsx)(`button`,{type:`button`,onClick:()=>i(e),children:e.filename})}),e.visibility===`private`?(0,J.jsx)(d,{role:`img`,"aria-label":a(`media.visibility.private`),className:`size-3.5 shrink-0 text-muted-foreground`}):null]})}),(0,J.jsx)(L,{className:`text-muted-foreground`,title:e.mimeType,children:T(e.filename,e.mimeType)}),(0,J.jsx)(L,{className:`text-right tabular-nums`,children:D(e.sizeBytes)}),(0,J.jsx)(L,{children:(0,J.jsx)(p,{tone:r.tone,label:a(r.labelKey),size:`sm`})}),(0,J.jsx)(L,{className:`whitespace-nowrap`,title:ae(e.createdAt),children:ie(e.createdAt)})]},e.id)})})]})})},Se=({query:e,filtered:t,view:n,selected:r,selectable:i,activeId:a,onSelectChange:o,onOpen:s})=>{let{t:c}=h(),l=u(e);if(l.isPending)return(0,J.jsx)(ne,{rows:4});if(l.isError)return(0,J.jsx)(te,{error:l.error,onRetry:()=>void l.refetch()});let d=l.data.pages.flatMap(e=>e.items);if(d.length===0){let n=t||e.folder!==void 0;return(0,J.jsx)(ee,{icon:V,size:n?`panel`:`page`,title:c(t?`media.emptyFiltered`:n?`media.emptyFolder`:`media.empty`)})}return(0,J.jsxs)(`div`,{className:`space-y-4`,children:[n===`grid`?(0,J.jsx)(be,{assets:d,selected:r,selectable:i,activeId:a,onSelectChange:o,onOpen:s}):(0,J.jsx)(xe,{assets:d,selected:r,selectable:i,onSelectChange:o,onOpen:s}),l.hasNextPage?(0,J.jsx)(`div`,{className:`flex justify-center`,children:(0,J.jsx)(y,{variant:`outline`,disabled:l.isFetchingNextPage,"aria-busy":l.isFetchingNextPage||void 0,onClick:()=>void l.fetchNextPage(),children:l.isFetchingNextPage?c(`common.loading`):c(`media.loadMore`)})}):null]})},Y=`all`,Ce={image:`media.types.image`,video:`media.types.video`,audio:`media.types.audio`,pdf:`media.types.pdf`},we=({query:e,type:t,view:n,onQueryChange:r,onTypeChange:i,onViewChange:a})=>{let{t:o}=h(),{text:s,setText:c}=he(e,r);return(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsxs)(`div`,{className:`relative min-w-48 flex-1`,children:[(0,J.jsx)(k,{"aria-hidden":`true`,className:`absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground`}),(0,J.jsx)(le,{type:`search`,value:s,onChange:e=>c(e.target.value),"aria-label":o(`media.search`),placeholder:o(`media.searchPlaceholder`),inputSize:`sm`,className:`pl-8`})]}),(0,J.jsxs)(fe,{value:t??Y,onValueChange:e=>i(e===Y?void 0:e),children:[(0,J.jsx)(x,{size:`sm`,"aria-label":o(`media.typeFilter`),className:`w-36`,children:(0,J.jsx)(b,{})}),(0,J.jsxs)(S,{children:[(0,J.jsx)(C,{value:Y,children:o(`media.types.all`)}),ge.map(e=>(0,J.jsx)(C,{value:e,children:o(Ce[e])},e))]})]}),(0,J.jsxs)(`div`,{role:`group`,"aria-label":o(`media.view`),className:`flex h-9 items-center gap-0.5 rounded-lg border border-input px-px`,children:[(0,J.jsx)(y,{variant:n===`grid`?`secondary`:`ghost`,size:`icon-sm`,"aria-pressed":n===`grid`,"aria-label":o(`media.viewGrid`),onClick:()=>a(`grid`),children:(0,J.jsx)(U,{"aria-hidden":`true`})}),(0,J.jsx)(y,{variant:n===`list`?`secondary`:`ghost`,size:`icon-sm`,"aria-pressed":n===`list`,"aria-label":o(`media.viewList`),onClick:()=>a(`list`),children:(0,J.jsx)(A,{"aria-hidden":`true`})})]})]})},Te=({label:e,multiple:t=!0,onFiles:n,...r})=>{let i=(0,K.useRef)(null);return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(y,{...r,onClick:()=>i.current?.click(),children:[(0,J.jsx)(G,{"aria-hidden":`true`}),e]}),(0,J.jsx)(`input`,{ref:i,type:`file`,multiple:t,tabIndex:-1,"aria-hidden":`true`,className:`sr-only`,onChange:e=>{let t=[...e.target.files??[]];e.target.value=``,t.length>0&&n(t)}})]})},X=l()(e=>({items:[],add:t=>e(e=>({items:[...e.items,t]})),update:(t,n)=>e(e=>({items:e.items.map(e=>e.id===t?{...e,...n}:e)})),remove:t=>e(e=>({items:e.items.filter(e=>e.id!==t)})),clearFinished:()=>e(e=>({items:e.items.filter(e=>e.status!==`done`)}))})),Z=class extends Error{status;body;constructor(e,t){super(`Upload failed with status ${e}`),this.name=`UploadTransferError`,this.status=e,this.body=t}},Ee=({url:e,form:t,onProgress:n,signal:r})=>new Promise((i,a)=>{let o=new XMLHttpRequest;o.open(`POST`,e),o.withCredentials=!1,o.upload.onprogress=e=>{e.lengthComputable&&e.total>0&&n(e.loaded/e.total)},o.onload=()=>{if(o.status>=200&&o.status<300){n(1),i();return}a(new Z(o.status,o.responseText))},o.onerror=()=>a(new Z(0,``)),o.onabort=()=>a(new DOMException(`Upload cancelled`,`AbortError`)),r?.addEventListener(`abort`,()=>o.abort(),{once:!0}),o.send(t)}),De=e=>e instanceof Z?e.status===0?v.t(`media.upload.unreachable`):e.status===413||/EntityTooLarge/.test(e.body)?v.t(`errors.codes.FILE_TOO_LARGE`):v.t(`media.upload.transferFailed`,{status:e.status}):ce(e),Q=100,Oe=({item:e,onRetry:t,onDismiss:n})=>{let{t:r}=h(),i=Math.round(e.progress*Q),a=e.status===`uploading`?r(`media.upload.uploading`,{percent:i}):e.status===`confirming`?r(`media.upload.checking`):e.status===`done`?r(`media.upload.done`):De(e.error);return(0,J.jsxs)(`li`,{className:`flex items-start gap-3 px-5 py-2.5`,children:[(0,J.jsx)(`span`,{className:`mt-0.5 shrink-0`,children:e.status===`done`?(0,J.jsx)(pe,{"aria-hidden":`true`,className:`size-4 text-success`}):e.status===`failed`?(0,J.jsx)(me,{"aria-hidden":`true`,className:`size-4 text-destructive`}):(0,J.jsx)(c,{"aria-hidden":`true`,className:`size-4 animate-spin text-muted-foreground motion-reduce:animate-none`})}),(0,J.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,J.jsxs)(`p`,{className:`flex items-baseline gap-2 text-sm`,children:[(0,J.jsx)(`span`,{className:`truncate font-medium`,children:e.file.name}),(0,J.jsx)(`span`,{className:`shrink-0 text-meta text-muted-foreground`,children:D(e.file.size)})]}),e.status===`uploading`||e.status===`confirming`?(0,J.jsx)(`div`,{role:`progressbar`,"aria-label":r(`media.upload.progress`,{name:e.file.name}),"aria-valuemin":0,"aria-valuemax":Q,"aria-valuenow":i,className:`h-1.5 overflow-hidden rounded-full bg-muted`,style:{"--upload-progress":`${i}%`},children:(0,J.jsx)(`div`,{className:`h-full w-[var(--upload-progress)] bg-primary transition-[width]`})}):null,(0,J.jsx)(`p`,{className:M(`text-meta`,e.status===`failed`?`text-destructive`:`text-muted-foreground`),children:a})]}),e.status===`failed`?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-label":r(`media.upload.retry`,{name:e.file.name}),onClick:t,children:(0,J.jsx)(j,{"aria-hidden":`true`})}):null,e.status===`failed`||e.status===`done`?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-label":r(`media.upload.dismiss`,{name:e.file.name}),onClick:n,children:(0,J.jsx)(f,{"aria-hidden":`true`})}):null]})},ke=({onRetry:e,onDismiss:t})=>{let{t:n}=h(),r=X(e=>e.items),i=X(e=>e.clearFinished),[a,o]=(0,K.useState)(!1);if(r.length===0)return null;let s=r.filter(e=>e.status===`uploading`||e.status===`confirming`).length,c=r.filter(e=>e.status===`failed`).length,l=r.length-s-c,u=s===0&&c===0,d=!u||a;return(0,J.jsx)(_e,{title:n(`media.upload.queueTitle`),titleAs:`h2`,flush:d,actions:(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`text-meta text-muted-foreground`,children:u?n(`media.upload.doneSummary`,{count:l}):n(`media.upload.summary`,{active:s,failed:c})}),u?(0,J.jsx)(y,{variant:`ghost`,size:`icon-sm`,"aria-expanded":d,"aria-label":n(d?`media.upload.hideFinished`:`media.upload.showFinished`),onClick:()=>o(e=>!e),children:d?(0,J.jsx)(ue,{"aria-hidden":`true`}):(0,J.jsx)(de,{"aria-hidden":`true`})}):null,l>0?(0,J.jsx)(y,{variant:`ghost`,size:`sm`,onClick:i,children:n(`media.upload.clearFinished`)}):null]}),bodyClassName:d?void 0:`hidden`,children:d?(0,J.jsx)(`ul`,{className:`max-h-64 divide-y overflow-y-auto`,children:r.map(n=>(0,J.jsx)(Oe,{item:n,onRetry:()=>e(n.id),onDismiss:()=>t(n.id)},n.id))}):null})},Ae=`application/octet-stream`,je=e=>{let t={filename:e.file.name,mimeType:e.file.type||Ae,sizeBytes:e.file.size};return i(()=>e.replaceAssetId?o.media.assets.replace(e.replaceAssetId,t):o.media.uploads.create({...t,folderId:e.folderId,visibility:e.visibility}))},$=async(e,t,n)=>{let r=await je(e);return await Ee({url:re(r,s()),form:m(r,e.file,e.file.name),onProgress:t}),n(),i(()=>o.media.uploads.confirm(r.grantId))},Me=()=>{let e=a(),{add:t,update:n,remove:i}=X.getState(),o=(0,K.useCallback)(async t=>{n(t.id,{status:`uploading`,progress:0,error:void 0});try{let e=await $(t,e=>n(t.id,{progress:e}),()=>n(t.id,{status:`confirming`}));n(t.id,{status:`done`,assetId:e.id}),t.replaceAssetId&&_.success(v.t(`media.upload.replaced`,{name:t.file.name}))}catch(e){se(e,`uploading ${t.file.name}`),n(t.id,{status:`failed`,error:e})}finally{await e.invalidateQueries({queryKey:r.media.all})}},[e,n]);return{enqueue:(0,K.useCallback)((e,n)=>{for(let r of e){let e={id:crypto.randomUUID(),file:r,folderId:n.folderId,visibility:n.visibility,replaceAssetId:n.replaceAssetId,status:`uploading`,progress:0,error:void 0,assetId:void 0};t(e),o(e)}},[t,o]),retry:(0,K.useCallback)(e=>{let t=X.getState().items.find(t=>t.id===e);t&&o(t)},[o]),dismiss:i,uploadOne:(0,K.useCallback)(async t=>{try{let n=await $({file:t,folderId:null,visibility:`public`,replaceAssetId:void 0},()=>void 0,()=>void 0);return e.setQueryData(r.media.asset(n.id),n),{id:n.id,alt:n.alt||null}}finally{await e.invalidateQueries({queryKey:r.media.all})}},[e])}};export{Se as a,V as c,we as i,ke as n,G as o,Te as r,U as s,Me as t};
|
|
2
|
+
//# sourceMappingURL=useMediaUploader-CTViR0LX.js.map
|
package/dist/admin/assets/{useMediaUploader-B42H_CMG.js.map → useMediaUploader-CTViR0LX.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaUploader-B42H_CMG.js","names":["__iconData","__iconData","useRef","useRef","_Fragment","i18next","CheckCircle2","XCircle","Loader2","useState","_Fragment","useCallback","i18next","__toESM","require_jsx_runtime","queryKeys","useQueryClient","LoaderCircle","create","useMediaAssets","Lock","X","StatusChip","EmptyState","ErrorState","LoadingState","resolveUploadUrl","buildUploadForm","useTranslation","createLucideIcon","formatRelativeTime","formatDateTime","RowTitle","logError","toast","instance","describeError","Button","Input","SelectValue","SelectTrigger","SelectContent","ChevronUp","SelectItem","ChevronDown","Select","Checkbox","CircleCheck","CircleX","fileKindLabel","MEDIA_STATUS_DISPLAY","formatBytes","Thumbnail","Search","List","RotateCcw","cn","TableHeader","TableHead","TableBody","TableRow","TableCell","TableCard","Table","useSearchInput","MEDIA_TYPE_FILTERS","Panel","__iconData$2","Images","__iconData$1","LayoutGrid","__iconData","Upload","import_react","require_react","selectionRange","from","anchor","ids","to","target","useRangeSelection","range","shiftKey","id","rangeId","onSelectChange","checked","import_jsx_runtime","Card","status","asset","selected","active","event","selectable","onSelect","onOpen","t","AssetGrid","assets","activeId","AssetTable","isSelected","Library","query","items","page","scoped","filtered","view","ALL_TYPES","TYPE_LABEL_KEYS","Toolbar","onQueryChange","text","setText","type","onTypeChange","value","filter","onViewChange","UploadButton","buttonProps","input","label","files","onFiles","useMediaUploadsStore","set","state","item","patch","UploadTransferError","body","uploadWithProgress","request","url","onProgress","resolve","reject","signal","form","describeUploadError","error","PERCENT","Row","percent","statusText","onRetry","onDismiss","UploadQueue","clearFinished","showFinished","setShowFinished","failed","done","settled","expanded","current","FALLBACK_MIME_TYPE","requestGrant","details","withCsrf","adminApi","uploadFile","grant","apiBaseUrl","onConfirming","useMediaUploader","queryClient","run","update","file","options","add","candidate","remove"],"sources":["../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/images.mjs","../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/layout-grid.mjs","../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/upload.mjs","../../src/features/Media/helpers/selectionRange.ts","../../src/features/Media/hooks/useRangeSelection.ts","../../src/features/Media/AssetGrid/Card/index.tsx","../../src/features/Media/AssetGrid/index.tsx","../../src/features/Media/AssetTable/index.tsx","../../src/features/Media/Library/index.tsx","../../src/features/Media/Toolbar/index.tsx","../../src/features/Media/UploadButton/index.tsx","../../src/stores/mediaUploads.ts","../../src/helpers/uploadWithProgress.ts","../../src/features/Media/helpers/describeUploadError.ts","../../src/features/Media/UploadQueue/Row/index.tsx","../../src/features/Media/UploadQueue/index.tsx","../../src/hooks/useMediaUploader.ts"],"sourcesContent":["/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"images\",\n size: 24,\n node: [\n [\"path\", { d: \"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16\", key: \"9kzy35\" }],\n [\"path\", { d: \"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2\", key: \"1t0f0t\" }],\n [\"circle\", { cx: \"13\", cy: \"7\", r: \"1\", fill: \"currentColor\", key: \"1obus6\" }],\n [\"rect\", { x: \"8\", y: \"2\", width: \"14\", height: \"14\", rx: \"2\", key: \"1gvhby\" }]\n ]\n};\n__iconData.node;\nconst Images = createLucideIcon(__iconData);\n\nexport { __iconData, Images as default };\n//# sourceMappingURL=images.mjs.map\n","/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"layout-grid\",\n size: 24,\n node: [\n [\"rect\", { width: \"7\", height: \"7\", x: \"3\", y: \"3\", rx: \"1\", key: \"1g98yp\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"14\", y: \"3\", rx: \"1\", key: \"6d4xhi\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"14\", y: \"14\", rx: \"1\", key: \"nxv5o0\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"3\", y: \"14\", rx: \"1\", key: \"1bb6yr\" }]\n ]\n};\n__iconData.node;\nconst LayoutGrid = createLucideIcon(__iconData);\n\nexport { __iconData, LayoutGrid as default };\n//# sourceMappingURL=layout-grid.mjs.map\n","/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"upload\",\n size: 24,\n node: [\n [\"path\", { d: \"M12 3v12\", key: \"1x0j5s\" }],\n [\"path\", { d: \"m17 8-5-5-5 5\", key: \"7q97r8\" }],\n [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }]\n ]\n};\n__iconData.node;\nconst Upload = createLucideIcon(__iconData);\n\nexport { __iconData, Upload as default };\n//# sourceMappingURL=upload.mjs.map\n","/**\n * The items a shift-click selects: from the anchor (the last item toggled) to the clicked one, inclusive,\n * in list order. Undefined when there is no usable anchor (then the click toggles one item).\n */\nexport const selectionRange = (\n ids: readonly string[],\n anchor: string | undefined,\n target: string,\n): string[] | undefined => {\n const from = anchor === undefined ? -1 : ids.indexOf(anchor);\n const to = ids.indexOf(target);\n if (from === -1 || to === -1) {\n return undefined;\n }\n return ids.slice(Math.min(from, to), Math.max(from, to) + 1);\n};\n","import { useRef } from 'react';\nimport { selectionRange } from '../helpers/selectionRange';\n\ntype SelectRequest = { id: string; checked: boolean; shiftKey: boolean };\n\n/**\n * Shift-click selection over an ordered list: a plain toggle sets the anchor; a shift toggle selects\n * everything from the anchor to the clicked item. Works through `onSelectChange` alone, so any owner of the\n * selection (the library, the media picker) gets ranges without new props.\n */\nexport const useRangeSelection = (\n ids: readonly string[],\n onSelectChange: (id: string, checked: boolean) => void,\n) => {\n const anchor = useRef<string | undefined>(undefined);\n const select = ({ id, checked, shiftKey }: SelectRequest) => {\n const range = shiftKey ? selectionRange(ids, anchor.current, id) : undefined;\n if (range) {\n for (const rangeId of range) {\n onSelectChange(rangeId, true);\n }\n } else {\n onSelectChange(id, checked);\n }\n anchor.current = id;\n };\n return { select };\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { StatusChip } from '@/components/StatusChip';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { cn } from '@/helpers/cn';\nimport { fileKindLabel } from '../../helpers/fileKind';\nimport { formatBytes } from '../../helpers/formatBytes';\nimport { MEDIA_STATUS_DISPLAY } from '../../helpers/statusDisplay';\nimport { Thumbnail } from '../../Thumbnail';\n\ntype CardProps = {\n asset: MediaAsset;\n selected: boolean;\n selectable: boolean;\n active: boolean;\n /** `shiftKey`: extend the selection to here from the last item toggled. */\n onSelect: (checked: boolean, shiftKey: boolean) => void;\n onOpen: () => void;\n};\n\n/**\n * One asset tile: a button that opens its details (shift-click selects instead), and a checkbox for bulk\n * actions. The square thumbnail, then the name and \"PNG · 120 kB\".\n */\nexport const Card = ({ asset, selected, selectable, active, onSelect, onOpen }: CardProps) => {\n const { t } = useTranslation();\n const status = MEDIA_STATUS_DISPLAY[asset.status];\n return (\n <li\n className={cn(\n 'group relative overflow-hidden rounded-xl border bg-card transition-shadow focus-within:ring-[3px] focus-within:ring-ring/50 hover:border-input',\n (selected || active) && 'border-primary ring-2 ring-primary hover:border-primary',\n )}\n >\n <button\n type=\"button\"\n onClick={(event) => {\n if (event.shiftKey && selectable) {\n onSelect(!selected, true);\n return;\n }\n onOpen();\n }}\n className=\"flex w-full flex-col text-left outline-none\"\n aria-label={t('media.openDetails', { name: asset.filename })}\n >\n <Thumbnail asset={asset} className=\"aspect-square w-full border-b\" />\n <span className=\"flex min-w-0 flex-col gap-0.5 px-3 py-2.5\">\n <span className=\"truncate text-sm font-medium\" title={asset.filename}>\n {asset.filename}\n </span>\n <span className=\"flex min-w-0 items-center gap-1.5 text-meta text-muted-foreground\">\n <span className=\"truncate\">\n {fileKindLabel(asset.filename, asset.mimeType)} · {formatBytes(asset.sizeBytes)}\n </span>\n {asset.visibility === 'private' ? (\n <Lock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n ) : null}\n </span>\n </span>\n </button>\n {asset.status === 'ready' ? null : (\n <StatusChip\n tone={status.tone}\n label={t(status.labelKey)}\n size=\"sm\"\n className=\"pointer-events-none absolute top-2 right-2\"\n />\n )}\n {selectable ? (\n <Checkbox\n checked={selected}\n onClick={(event) => {\n if (event.shiftKey) {\n event.preventDefault();\n onSelect(!selected, true);\n }\n }}\n onCheckedChange={(checked) => onSelect(checked === true, false)}\n aria-label={t('media.select', { name: asset.filename })}\n className=\"absolute top-2 left-2 bg-card\"\n />\n ) : null}\n </li>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { useTranslation } from 'react-i18next';\nimport { useRangeSelection } from '../hooks/useRangeSelection';\nimport { Card } from './Card';\n\ntype AssetGridProps = {\n assets: readonly MediaAsset[];\n selected: ReadonlySet<string>;\n selectable: boolean;\n activeId: string | undefined;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** Square tiles that fill the width; shift-click (tile or checkbox) selects a range. */\nexport const AssetGrid = ({\n assets,\n selected,\n selectable,\n activeId,\n onSelectChange,\n onOpen,\n}: AssetGridProps) => {\n const { t } = useTranslation();\n const range = useRangeSelection(\n assets.map((asset) => asset.id),\n onSelectChange,\n );\n return (\n <ul\n aria-label={t('media.assetsLabel', { count: assets.length })}\n className=\"grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] gap-4\"\n >\n {assets.map((asset) => (\n <Card\n key={asset.id}\n asset={asset}\n selected={selected.has(asset.id)}\n selectable={selectable}\n active={asset.id === activeId}\n onSelect={(checked, shiftKey) => range.select({ id: asset.id, checked, shiftKey })}\n onOpen={() => onOpen(asset)}\n />\n ))}\n </ul>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { RowTitle } from '@/components/RowTitle';\nimport { StatusChip } from '@/components/StatusChip';\nimport { TableCard } from '@/components/TableCard';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';\nimport { formatDateTime, formatRelativeTime } from '@/helpers/formatDate';\nimport { fileKindLabel } from '../helpers/fileKind';\nimport { formatBytes } from '../helpers/formatBytes';\nimport { MEDIA_STATUS_DISPLAY } from '../helpers/statusDisplay';\nimport { useRangeSelection } from '../hooks/useRangeSelection';\nimport { Thumbnail } from '../Thumbnail';\n\ntype AssetTableProps = {\n assets: readonly MediaAsset[];\n selected: ReadonlySet<string>;\n selectable: boolean;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** The list view: name, type, size, status and date per asset; shift-click a checkbox to select a range. */\nexport const AssetTable = ({ assets, selected, selectable, onSelectChange, onOpen }: AssetTableProps) => {\n const { t } = useTranslation();\n const range = useRangeSelection(\n assets.map((asset) => asset.id),\n onSelectChange,\n );\n return (\n <TableCard>\n <Table>\n <TableHeader>\n <TableRow>\n {selectable ? (\n <TableHead className=\"w-10\">\n <span className=\"sr-only\">{t('media.selection')}</span>\n </TableHead>\n ) : null}\n <TableHead>{t('media.fields.filename')}</TableHead>\n <TableHead>{t('media.fields.type')}</TableHead>\n <TableHead className=\"text-right\">{t('media.fields.size')}</TableHead>\n <TableHead>{t('media.fields.status')}</TableHead>\n <TableHead>{t('media.fields.uploaded')}</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {assets.map((asset) => {\n const status = MEDIA_STATUS_DISPLAY[asset.status];\n const isSelected = selected.has(asset.id);\n return (\n <TableRow key={asset.id} data-state={isSelected ? 'selected' : undefined}>\n {selectable ? (\n <TableCell>\n <Checkbox\n checked={isSelected}\n onClick={(event) => {\n if (event.shiftKey) {\n event.preventDefault();\n range.select({ id: asset.id, checked: !isSelected, shiftKey: true });\n }\n }}\n onCheckedChange={(checked) =>\n range.select({ id: asset.id, checked: checked === true, shiftKey: false })\n }\n aria-label={t('media.select', { name: asset.filename })}\n />\n </TableCell>\n ) : null}\n <TableCell className=\"max-w-96\">\n <span className=\"flex min-w-0 items-center gap-3\">\n <Thumbnail asset={asset} className=\"size-8 shrink-0 rounded-md\" />\n <RowTitle asChild className=\"min-w-0 truncate text-left\">\n <button type=\"button\" onClick={() => onOpen(asset)}>\n {asset.filename}\n </button>\n </RowTitle>\n {asset.visibility === 'private' ? (\n <Lock\n role=\"img\"\n aria-label={t('media.visibility.private')}\n className=\"size-3.5 shrink-0 text-muted-foreground\"\n />\n ) : null}\n </span>\n </TableCell>\n <TableCell className=\"text-muted-foreground\" title={asset.mimeType}>\n {fileKindLabel(asset.filename, asset.mimeType)}\n </TableCell>\n <TableCell className=\"text-right tabular-nums\">{formatBytes(asset.sizeBytes)}</TableCell>\n <TableCell>\n <StatusChip tone={status.tone} label={t(status.labelKey)} size=\"sm\" />\n </TableCell>\n <TableCell className=\"whitespace-nowrap\" title={formatDateTime(asset.createdAt)}>\n {formatRelativeTime(asset.createdAt)}\n </TableCell>\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableCard>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Images } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useMediaAssets } from '@/api/media';\nimport { EmptyState } from '@/components/EmptyState';\nimport { ErrorState } from '@/components/ErrorState';\nimport { LoadingState } from '@/components/LoadingState';\nimport { Button } from '@/components/ui/button';\nimport { AssetGrid } from '../AssetGrid';\nimport { AssetTable } from '../AssetTable';\nimport type { MediaView } from '../constants';\n\ntype LibraryProps = {\n query: Parameters<typeof useMediaAssets>[0];\n filtered: boolean;\n view: MediaView;\n selected: ReadonlySet<string>;\n selectable: boolean;\n activeId: string | undefined;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** The assets of the current folder and filters: loading, error, empty, grid or list, and \"Load more\". */\nexport const Library = ({\n query,\n filtered,\n view,\n selected,\n selectable,\n activeId,\n onSelectChange,\n onOpen,\n}: LibraryProps) => {\n const { t } = useTranslation();\n const assets = useMediaAssets(query);\n if (assets.isPending) {\n return <LoadingState rows={4} />;\n }\n if (assets.isError) {\n return <ErrorState error={assets.error} onRetry={() => void assets.refetch()} />;\n }\n const items = assets.data.pages.flatMap((page) => page.items);\n if (items.length === 0) {\n // The whole library is empty: a page-sized empty state. An empty folder or search: a quieter one.\n const scoped = filtered || query.folder !== undefined;\n return (\n <EmptyState\n icon={Images}\n size={scoped ? 'panel' : 'page'}\n title={filtered ? t('media.emptyFiltered') : scoped ? t('media.emptyFolder') : t('media.empty')}\n />\n );\n }\n return (\n <div className=\"space-y-4\">\n {view === 'grid' ? (\n <AssetGrid\n assets={items}\n selected={selected}\n selectable={selectable}\n activeId={activeId}\n onSelectChange={onSelectChange}\n onOpen={onOpen}\n />\n ) : (\n <AssetTable\n assets={items}\n selected={selected}\n selectable={selectable}\n onSelectChange={onSelectChange}\n onOpen={onOpen}\n />\n )}\n {assets.hasNextPage ? (\n <div className=\"flex justify-center\">\n <Button\n variant=\"outline\"\n disabled={assets.isFetchingNextPage}\n aria-busy={assets.isFetchingNextPage || undefined}\n onClick={() => void assets.fetchNextPage()}\n >\n {assets.isFetchingNextPage ? t('common.loading') : t('media.loadMore')}\n </Button>\n </div>\n ) : null}\n </div>\n );\n};\n","import { LayoutGrid, List, Search } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';\nimport { useSearchInput } from '@/hooks/useSearchInput';\nimport { MEDIA_TYPE_FILTERS, type MediaTypeFilter, type MediaView } from '../constants';\n\ntype ToolbarProps = {\n query: string | undefined;\n type: MediaTypeFilter | undefined;\n view: MediaView;\n onQueryChange: (query: string | undefined) => void;\n onTypeChange: (type: MediaTypeFilter | undefined) => void;\n onViewChange: (view: MediaView) => void;\n};\n\nconst ALL_TYPES = 'all';\n\nconst TYPE_LABEL_KEYS = {\n image: 'media.types.image',\n video: 'media.types.video',\n audio: 'media.types.audio',\n pdf: 'media.types.pdf',\n} as const satisfies Record<MediaTypeFilter, string>;\n\n/** Search, type filter and grid/list switch. */\nexport const Toolbar = ({ query, type, view, onQueryChange, onTypeChange, onViewChange }: ToolbarProps) => {\n const { t } = useTranslation();\n const { text, setText } = useSearchInput(query, onQueryChange);\n return (\n <div className=\"flex flex-wrap items-center gap-2\">\n <div className=\"relative min-w-48 flex-1\">\n <Search\n aria-hidden=\"true\"\n className=\"absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\"\n />\n <Input\n type=\"search\"\n value={text}\n onChange={(event) => setText(event.target.value)}\n aria-label={t('media.search')}\n placeholder={t('media.searchPlaceholder')}\n inputSize=\"sm\"\n className=\"pl-8\"\n />\n </div>\n <Select\n value={type ?? ALL_TYPES}\n onValueChange={(value) => onTypeChange(value === ALL_TYPES ? undefined : (value as MediaTypeFilter))}\n >\n <SelectTrigger size=\"sm\" aria-label={t('media.typeFilter')} className=\"w-36\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL_TYPES}>{t('media.types.all')}</SelectItem>\n {MEDIA_TYPE_FILTERS.map((filter) => (\n <SelectItem key={filter} value={filter}>\n {t(TYPE_LABEL_KEYS[filter])}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <div\n role=\"group\"\n aria-label={t('media.view')}\n className=\"flex h-9 items-center gap-0.5 rounded-lg border border-input px-px\"\n >\n <Button\n variant={view === 'grid' ? 'secondary' : 'ghost'}\n size=\"icon-sm\"\n aria-pressed={view === 'grid'}\n aria-label={t('media.viewGrid')}\n onClick={() => onViewChange('grid')}\n >\n <LayoutGrid aria-hidden=\"true\" />\n </Button>\n <Button\n variant={view === 'list' ? 'secondary' : 'ghost'}\n size=\"icon-sm\"\n aria-pressed={view === 'list'}\n aria-label={t('media.viewList')}\n onClick={() => onViewChange('list')}\n >\n <List aria-hidden=\"true\" />\n </Button>\n </div>\n </div>\n );\n};\n","import { Upload } from 'lucide-react';\nimport { useRef, type ComponentProps } from 'react';\nimport { Button } from '@/components/ui/button';\n\ntype UploadButtonProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {\n label: string;\n multiple?: boolean;\n onFiles: (files: File[]) => void;\n};\n\n/** A button that opens the file picker (the keyboard path; dropping files is the pointer shortcut). */\nexport const UploadButton = ({ label, multiple = true, onFiles, ...buttonProps }: UploadButtonProps) => {\n const input = useRef<HTMLInputElement>(null);\n return (\n <>\n <Button {...buttonProps} onClick={() => input.current?.click()}>\n <Upload aria-hidden=\"true\" />\n {label}\n </Button>\n <input\n ref={input}\n type=\"file\"\n multiple={multiple}\n tabIndex={-1}\n aria-hidden=\"true\"\n className=\"sr-only\"\n onChange={(event) => {\n const files = [...(event.target.files ?? [])];\n event.target.value = '';\n if (files.length > 0) {\n onFiles(files);\n }\n }}\n />\n </>\n );\n};\n","import type { MediaVisibility } from '@shapio/client';\nimport { create } from 'zustand';\n\nexport type UploadStatus = 'uploading' | 'confirming' | 'done' | 'failed';\n\nexport type UploadItem = {\n id: string;\n file: File;\n folderId: string | null;\n visibility: MediaVisibility;\n /** Set when the upload replaces this asset's file. */\n replaceAssetId: string | undefined;\n status: UploadStatus;\n /** 0 to 1 while the bytes are sent. */\n progress: number;\n error: unknown;\n assetId: string | undefined;\n};\n\ntype MediaUploadsState = {\n items: UploadItem[];\n add: (item: UploadItem) => void;\n update: (id: string, patch: Partial<UploadItem>) => void;\n remove: (id: string) => void;\n clearFinished: () => void;\n};\n\n/** Uploads in flight and recently finished (client-only; kept while the admin is open, not persisted). */\nexport const useMediaUploadsStore = create<MediaUploadsState>()((set) => ({\n items: [],\n add: (item) => set((state) => ({ items: [...state.items, item] })),\n update: (id, patch) =>\n set((state) => ({ items: state.items.map((item) => (item.id === id ? { ...item, ...patch } : item)) })),\n remove: (id) => set((state) => ({ items: state.items.filter((item) => item.id !== id) })),\n clearFinished: () => set((state) => ({ items: state.items.filter((item) => item.status !== 'done') })),\n}));\n","/** The storage (bucket or Shapio's upload route) refused the bytes; `status` 0 means the request never completed. */\nexport class UploadTransferError extends Error {\n readonly status: number;\n readonly body: string;\n\n constructor(status: number, body: string) {\n super(`Upload failed with status ${status}`);\n this.name = 'UploadTransferError';\n this.status = status;\n this.body = body;\n }\n}\n\ntype UploadWithProgressInput = {\n url: string;\n form: FormData;\n onProgress: (fraction: number) => void;\n signal?: AbortSignal;\n};\n\n/**\n * POSTs a multipart form with upload progress (fetch cannot report it, so this uses XMLHttpRequest).\n * No credentials are sent: the grant's fields authorise the upload, whether it goes to a bucket or to Shapio.\n */\nexport const uploadWithProgress = ({ url, form, onProgress, signal }: UploadWithProgressInput) =>\n new Promise<void>((resolve, reject) => {\n const request = new XMLHttpRequest();\n request.open('POST', url);\n request.withCredentials = false;\n request.upload.onprogress = (event) => {\n if (event.lengthComputable && event.total > 0) {\n onProgress(event.loaded / event.total);\n }\n };\n request.onload = () => {\n if (request.status >= 200 && request.status < 300) {\n onProgress(1);\n resolve();\n return;\n }\n reject(new UploadTransferError(request.status, request.responseText));\n };\n request.onerror = () => reject(new UploadTransferError(0, ''));\n request.onabort = () => reject(new DOMException('Upload cancelled', 'AbortError'));\n signal?.addEventListener('abort', () => request.abort(), { once: true });\n request.send(form);\n });\n","import { i18next } from '@/app/i18n';\nimport { describeError } from '@/helpers/describeError';\nimport { UploadTransferError } from '@/helpers/uploadWithProgress';\n\n/** Why an upload failed, for the queue. Storage refusals (bucket or upload route) get their own message. */\nexport const describeUploadError = (error: unknown): string => {\n if (error instanceof UploadTransferError) {\n if (error.status === 0) {\n return i18next.t('media.upload.unreachable');\n }\n if (error.status === 413 || /EntityTooLarge/.test(error.body)) {\n return i18next.t('errors.codes.FILE_TOO_LARGE');\n }\n return i18next.t('media.upload.transferFailed', { status: error.status });\n }\n return describeError(error);\n};\n","import { CheckCircle2, Loader2, RotateCcw, X, XCircle } from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/helpers/cn';\nimport type { UploadItem } from '@/stores/mediaUploads';\nimport { describeUploadError } from '../../helpers/describeUploadError';\nimport { formatBytes } from '../../helpers/formatBytes';\n\ntype RowProps = { item: UploadItem; onRetry: () => void; onDismiss: () => void };\n\nconst PERCENT = 100;\n\n/** One upload: name, size, progress (a real progressbar), and Retry/Dismiss when it failed. */\nexport const Row = ({ item, onRetry, onDismiss }: RowProps) => {\n const { t } = useTranslation();\n const percent = Math.round(item.progress * PERCENT);\n const statusText =\n item.status === 'uploading'\n ? t('media.upload.uploading', { percent })\n : item.status === 'confirming'\n ? t('media.upload.checking')\n : item.status === 'done'\n ? t('media.upload.done')\n : describeUploadError(item.error);\n return (\n <li className=\"flex items-start gap-3 px-5 py-2.5\">\n <span className=\"mt-0.5 shrink-0\">\n {item.status === 'done' ? (\n <CheckCircle2 aria-hidden=\"true\" className=\"size-4 text-success\" />\n ) : item.status === 'failed' ? (\n <XCircle aria-hidden=\"true\" className=\"size-4 text-destructive\" />\n ) : (\n <Loader2\n aria-hidden=\"true\"\n className=\"size-4 animate-spin text-muted-foreground motion-reduce:animate-none\"\n />\n )}\n </span>\n <div className=\"min-w-0 flex-1 space-y-1\">\n <p className=\"flex items-baseline gap-2 text-sm\">\n <span className=\"truncate font-medium\">{item.file.name}</span>\n <span className=\"shrink-0 text-meta text-muted-foreground\">{formatBytes(item.file.size)}</span>\n </p>\n {item.status === 'uploading' || item.status === 'confirming' ? (\n <div\n role=\"progressbar\"\n aria-label={t('media.upload.progress', { name: item.file.name })}\n aria-valuemin={0}\n aria-valuemax={PERCENT}\n aria-valuenow={percent}\n className=\"h-1.5 overflow-hidden rounded-full bg-muted\"\n style={{ '--upload-progress': `${percent}%` } as CSSProperties}\n >\n <div className=\"h-full w-[var(--upload-progress)] bg-primary transition-[width]\" />\n </div>\n ) : null}\n <p\n className={cn('text-meta', item.status === 'failed' ? 'text-destructive' : 'text-muted-foreground')}\n >\n {statusText}\n </p>\n </div>\n {item.status === 'failed' ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={t('media.upload.retry', { name: item.file.name })}\n onClick={onRetry}\n >\n <RotateCcw aria-hidden=\"true\" />\n </Button>\n ) : null}\n {item.status === 'failed' || item.status === 'done' ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={t('media.upload.dismiss', { name: item.file.name })}\n onClick={onDismiss}\n >\n <X aria-hidden=\"true\" />\n </Button>\n ) : null}\n </li>\n );\n};\n","import { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Panel } from '@/components/Panel';\nimport { Button } from '@/components/ui/button';\nimport { useMediaUploadsStore } from '@/stores/mediaUploads';\nimport { Row } from './Row';\n\ntype UploadQueueProps = { onRetry: (id: string) => void; onDismiss: (id: string) => void };\n\n/**\n * Uploads in progress and recently finished, newest last, as a compact panel. Once nothing is running or\n * failed it collapses to one line (\"3 uploaded\"); failures stay open until retried or dismissed.\n */\nexport const UploadQueue = ({ onRetry, onDismiss }: UploadQueueProps) => {\n const { t } = useTranslation();\n const items = useMediaUploadsStore((state) => state.items);\n const clearFinished = useMediaUploadsStore((state) => state.clearFinished);\n const [showFinished, setShowFinished] = useState(false);\n if (items.length === 0) {\n return null;\n }\n const active = items.filter((item) => item.status === 'uploading' || item.status === 'confirming').length;\n const failed = items.filter((item) => item.status === 'failed').length;\n const done = items.length - active - failed;\n const settled = active === 0 && failed === 0;\n const expanded = !settled || showFinished;\n return (\n <Panel\n title={t('media.upload.queueTitle')}\n titleAs=\"h2\"\n flush={expanded}\n actions={\n <>\n <span role=\"status\" aria-live=\"polite\" className=\"text-meta text-muted-foreground\">\n {settled\n ? t('media.upload.doneSummary', { count: done })\n : t('media.upload.summary', { active, failed })}\n </span>\n {settled ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-expanded={expanded}\n aria-label={expanded ? t('media.upload.hideFinished') : t('media.upload.showFinished')}\n onClick={() => setShowFinished((current) => !current)}\n >\n {expanded ? <ChevronUp aria-hidden=\"true\" /> : <ChevronDown aria-hidden=\"true\" />}\n </Button>\n ) : null}\n {done > 0 ? (\n <Button variant=\"ghost\" size=\"sm\" onClick={clearFinished}>\n {t('media.upload.clearFinished')}\n </Button>\n ) : null}\n </>\n }\n bodyClassName={expanded ? undefined : 'hidden'}\n >\n {expanded ? (\n <ul className=\"max-h-64 divide-y overflow-y-auto\">\n {items.map((item) => (\n <Row\n key={item.id}\n item={item}\n onRetry={() => onRetry(item.id)}\n onDismiss={() => onDismiss(item.id)}\n />\n ))}\n </ul>\n ) : null}\n </Panel>\n );\n};\n","import { buildUploadForm, type MediaAsset, type MediaVisibility, type UploadGrant } from '@shapio/client';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { adminApi, apiBaseUrl } from '@/api/client';\nimport { withCsrf } from '@/api/csrf';\nimport { queryKeys } from '@/api/queryKeys';\nimport { i18next } from '@/app/i18n';\nimport { logError } from '@/helpers/reportError';\nimport { resolveUploadUrl } from '@/helpers/resolveUploadUrl';\nimport { uploadWithProgress } from '@/helpers/uploadWithProgress';\nimport { useMediaUploadsStore, type UploadItem } from '@/stores/mediaUploads';\n\nconst FALLBACK_MIME_TYPE = 'application/octet-stream';\n\ntype UploadTarget = Pick<UploadItem, 'file' | 'folderId' | 'visibility' | 'replaceAssetId'>;\n\nconst requestGrant = (item: UploadTarget): Promise<UploadGrant> => {\n const details = {\n filename: item.file.name,\n mimeType: item.file.type || FALLBACK_MIME_TYPE,\n sizeBytes: item.file.size,\n };\n return withCsrf(() =>\n item.replaceAssetId\n ? adminApi.media.assets.replace(item.replaceAssetId, details)\n : adminApi.media.uploads.create({ ...details, folderId: item.folderId, visibility: item.visibility }),\n );\n};\n\n/** Grant, send (with progress), confirm: one file into the library. Throws when any step fails. */\nconst uploadFile = async (\n item: UploadTarget,\n onProgress: (progress: number) => void,\n onConfirming: () => void,\n): Promise<MediaAsset> => {\n const grant = await requestGrant(item);\n await uploadWithProgress({\n url: resolveUploadUrl(grant, apiBaseUrl()),\n form: buildUploadForm(grant, item.file, item.file.name),\n onProgress,\n });\n onConfirming();\n return withCsrf(() => adminApi.media.uploads.confirm(grant.grantId));\n};\n\n/** What an editor gets back from `uploadOne`: the new asset's ID and its library alt text. */\nexport type UploadedMedia = { id: string; alt: string | null };\n\ntype EnqueueOptions = { folderId: string | null; visibility: MediaVisibility; replaceAssetId?: string };\n\n/**\n * The upload flow, the same for local disk and S3: ask for a grant, send the form to the grant's URL\n * (with progress), then confirm so the server checks the bytes and records the asset. A failed upload stays\n * in the queue with its error; retrying starts again with a fresh grant (grants are single-use).\n */\nexport const useMediaUploader = () => {\n const queryClient = useQueryClient();\n const { add, update, remove } = useMediaUploadsStore.getState();\n\n const run = useCallback(\n async (item: UploadItem) => {\n update(item.id, { status: 'uploading', progress: 0, error: undefined });\n try {\n const asset = await uploadFile(\n item,\n (progress) => update(item.id, { progress }),\n () => update(item.id, { status: 'confirming' }),\n );\n update(item.id, { status: 'done', assetId: asset.id });\n if (item.replaceAssetId) {\n toast.success(i18next.t('media.upload.replaced', { name: item.file.name }));\n }\n } catch (error) {\n logError(error, `uploading ${item.file.name}`);\n update(item.id, { status: 'failed', error });\n } finally {\n await queryClient.invalidateQueries({ queryKey: queryKeys.media.all });\n }\n },\n [queryClient, update],\n );\n\n const enqueue = useCallback(\n (files: readonly File[], options: EnqueueOptions) => {\n for (const file of files) {\n const item: UploadItem = {\n id: crypto.randomUUID(),\n file,\n folderId: options.folderId,\n visibility: options.visibility,\n replaceAssetId: options.replaceAssetId,\n status: 'uploading',\n progress: 0,\n error: undefined,\n assetId: undefined,\n };\n add(item);\n void run(item);\n }\n },\n [add, run],\n );\n\n const retry = useCallback(\n (id: string) => {\n const item = useMediaUploadsStore.getState().items.find((candidate) => candidate.id === id);\n if (item) {\n void run(item);\n }\n },\n [run],\n );\n\n /**\n * One file uploaded outside the queue (a file dropped into rich text): resolves with the new asset, or\n * rejects so the caller can undo its placeholder. Public, in the root folder.\n */\n const uploadOne = useCallback(\n async (file: File): Promise<UploadedMedia> => {\n try {\n const asset = await uploadFile(\n { file, folderId: null, visibility: 'public', replaceAssetId: undefined },\n () => undefined,\n () => undefined,\n );\n queryClient.setQueryData(queryKeys.media.asset(asset.id), asset);\n return { id: asset.id, alt: asset.alt || null };\n } finally {\n await queryClient.invalidateQueries({ queryKey: queryKeys.media.all });\n }\n },\n [queryClient],\n );\n\n return { enqueue, retry, dismiss: remove, uploadOne };\n};\n"],"ignoreList":[0,1,2],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useMediaUploader-CTViR0LX.js","names":["__iconData","__iconData","useRef","useRef","_Fragment","i18next","CheckCircle2","XCircle","Loader2","useState","_Fragment","useCallback","i18next","__toESM","require_jsx_runtime","queryKeys","useQueryClient","LoaderCircle","create","useMediaAssets","Lock","X","StatusChip","EmptyState","ErrorState","LoadingState","resolveUploadUrl","buildUploadForm","useTranslation","createLucideIcon","formatRelativeTime","formatDateTime","RowTitle","logError","toast","instance","describeError","Button","Input","SelectValue","SelectTrigger","SelectContent","ChevronUp","SelectItem","ChevronDown","Select","Checkbox","CircleCheck","CircleX","fileKindLabel","MEDIA_STATUS_DISPLAY","formatBytes","Thumbnail","Search","List","RotateCcw","cn","TableHeader","TableHead","TableBody","TableRow","TableCell","TableCard","Table","useSearchInput","MEDIA_TYPE_FILTERS","Panel","__iconData$2","Images","__iconData$1","LayoutGrid","__iconData","Upload","import_react","require_react","selectionRange","from","anchor","ids","to","target","useRangeSelection","range","shiftKey","id","rangeId","onSelectChange","checked","import_jsx_runtime","Card","status","asset","selected","active","event","selectable","onSelect","onOpen","t","AssetGrid","assets","activeId","AssetTable","isSelected","Library","query","items","page","scoped","filtered","view","ALL_TYPES","TYPE_LABEL_KEYS","Toolbar","onQueryChange","text","setText","type","onTypeChange","value","filter","onViewChange","UploadButton","buttonProps","input","label","files","onFiles","useMediaUploadsStore","set","state","item","patch","UploadTransferError","body","uploadWithProgress","request","url","onProgress","resolve","reject","signal","form","describeUploadError","error","PERCENT","Row","percent","statusText","onRetry","onDismiss","UploadQueue","clearFinished","showFinished","setShowFinished","failed","done","settled","expanded","current","FALLBACK_MIME_TYPE","requestGrant","details","withCsrf","adminApi","uploadFile","grant","apiBaseUrl","onConfirming","useMediaUploader","queryClient","run","update","file","options","add","candidate","remove"],"sources":["../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/images.mjs","../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/layout-grid.mjs","../../../../node_modules/.pnpm/lucide-react@1.49.0_@types+react@19.3.0_react@19.3.0/node_modules/lucide-react/dist/esm/icons/upload.mjs","../../src/features/Media/helpers/selectionRange.ts","../../src/features/Media/hooks/useRangeSelection.ts","../../src/features/Media/AssetGrid/Card/index.tsx","../../src/features/Media/AssetGrid/index.tsx","../../src/features/Media/AssetTable/index.tsx","../../src/features/Media/Library/index.tsx","../../src/features/Media/Toolbar/index.tsx","../../src/features/Media/UploadButton/index.tsx","../../src/stores/mediaUploads.ts","../../src/helpers/uploadWithProgress.ts","../../src/features/Media/helpers/describeUploadError.ts","../../src/features/Media/UploadQueue/Row/index.tsx","../../src/features/Media/UploadQueue/index.tsx","../../src/hooks/useMediaUploader.ts"],"sourcesContent":["/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"images\",\n size: 24,\n node: [\n [\"path\", { d: \"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16\", key: \"9kzy35\" }],\n [\"path\", { d: \"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2\", key: \"1t0f0t\" }],\n [\"circle\", { cx: \"13\", cy: \"7\", r: \"1\", fill: \"currentColor\", key: \"1obus6\" }],\n [\"rect\", { x: \"8\", y: \"2\", width: \"14\", height: \"14\", rx: \"2\", key: \"1gvhby\" }]\n ]\n};\n__iconData.node;\nconst Images = createLucideIcon(__iconData);\n\nexport { __iconData, Images as default };\n//# sourceMappingURL=images.mjs.map\n","/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"layout-grid\",\n size: 24,\n node: [\n [\"rect\", { width: \"7\", height: \"7\", x: \"3\", y: \"3\", rx: \"1\", key: \"1g98yp\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"14\", y: \"3\", rx: \"1\", key: \"6d4xhi\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"14\", y: \"14\", rx: \"1\", key: \"nxv5o0\" }],\n [\"rect\", { width: \"7\", height: \"7\", x: \"3\", y: \"14\", rx: \"1\", key: \"1bb6yr\" }]\n ]\n};\n__iconData.node;\nconst LayoutGrid = createLucideIcon(__iconData);\n\nexport { __iconData, LayoutGrid as default };\n//# sourceMappingURL=layout-grid.mjs.map\n","/**\n * @license lucide-react v1.49.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconData = {\n name: \"upload\",\n size: 24,\n node: [\n [\"path\", { d: \"M12 3v12\", key: \"1x0j5s\" }],\n [\"path\", { d: \"m17 8-5-5-5 5\", key: \"7q97r8\" }],\n [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }]\n ]\n};\n__iconData.node;\nconst Upload = createLucideIcon(__iconData);\n\nexport { __iconData, Upload as default };\n//# sourceMappingURL=upload.mjs.map\n","/**\n * The items a shift-click selects: from the anchor (the last item toggled) to the clicked one, inclusive,\n * in list order. Undefined when there is no usable anchor (then the click toggles one item).\n */\nexport const selectionRange = (\n ids: readonly string[],\n anchor: string | undefined,\n target: string,\n): string[] | undefined => {\n const from = anchor === undefined ? -1 : ids.indexOf(anchor);\n const to = ids.indexOf(target);\n if (from === -1 || to === -1) {\n return undefined;\n }\n return ids.slice(Math.min(from, to), Math.max(from, to) + 1);\n};\n","import { useRef } from 'react';\nimport { selectionRange } from '../helpers/selectionRange';\n\ntype SelectRequest = { id: string; checked: boolean; shiftKey: boolean };\n\n/**\n * Shift-click selection over an ordered list: a plain toggle sets the anchor; a shift toggle selects\n * everything from the anchor to the clicked item. Works through `onSelectChange` alone, so any owner of the\n * selection (the library, the media picker) gets ranges without new props.\n */\nexport const useRangeSelection = (\n ids: readonly string[],\n onSelectChange: (id: string, checked: boolean) => void,\n) => {\n const anchor = useRef<string | undefined>(undefined);\n const select = ({ id, checked, shiftKey }: SelectRequest) => {\n const range = shiftKey ? selectionRange(ids, anchor.current, id) : undefined;\n if (range) {\n for (const rangeId of range) {\n onSelectChange(rangeId, true);\n }\n } else {\n onSelectChange(id, checked);\n }\n anchor.current = id;\n };\n return { select };\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { StatusChip } from '@/components/StatusChip';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { cn } from '@/helpers/cn';\nimport { fileKindLabel } from '../../helpers/fileKind';\nimport { formatBytes } from '../../helpers/formatBytes';\nimport { MEDIA_STATUS_DISPLAY } from '../../helpers/statusDisplay';\nimport { Thumbnail } from '../../Thumbnail';\n\ntype CardProps = {\n asset: MediaAsset;\n selected: boolean;\n selectable: boolean;\n active: boolean;\n /** `shiftKey`: extend the selection to here from the last item toggled. */\n onSelect: (checked: boolean, shiftKey: boolean) => void;\n onOpen: () => void;\n};\n\n/**\n * One asset tile: a button that opens its details (shift-click selects instead), and a checkbox for bulk\n * actions. The square thumbnail, then the name and \"PNG · 120 kB\".\n */\nexport const Card = ({ asset, selected, selectable, active, onSelect, onOpen }: CardProps) => {\n const { t } = useTranslation();\n const status = MEDIA_STATUS_DISPLAY[asset.status];\n return (\n <li\n className={cn(\n 'group relative overflow-hidden rounded-xl border bg-card transition-shadow focus-within:ring-[3px] focus-within:ring-ring/50 hover:border-input',\n (selected || active) && 'border-primary ring-2 ring-primary hover:border-primary',\n )}\n >\n <button\n type=\"button\"\n onClick={(event) => {\n if (event.shiftKey && selectable) {\n onSelect(!selected, true);\n return;\n }\n onOpen();\n }}\n className=\"flex w-full flex-col text-left outline-none\"\n aria-label={t('media.openDetails', { name: asset.filename })}\n >\n <Thumbnail asset={asset} className=\"aspect-square w-full border-b\" />\n <span className=\"flex min-w-0 flex-col gap-0.5 px-3 py-2.5\">\n <span className=\"truncate text-sm font-medium\" title={asset.filename}>\n {asset.filename}\n </span>\n <span className=\"flex min-w-0 items-center gap-1.5 text-meta text-muted-foreground\">\n <span className=\"truncate\">\n {fileKindLabel(asset.filename, asset.mimeType)} · {formatBytes(asset.sizeBytes)}\n </span>\n {asset.visibility === 'private' ? (\n <Lock aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />\n ) : null}\n </span>\n </span>\n </button>\n {asset.status === 'ready' ? null : (\n <StatusChip\n tone={status.tone}\n label={t(status.labelKey)}\n size=\"sm\"\n className=\"pointer-events-none absolute top-2 right-2\"\n />\n )}\n {selectable ? (\n <Checkbox\n checked={selected}\n onClick={(event) => {\n if (event.shiftKey) {\n event.preventDefault();\n onSelect(!selected, true);\n }\n }}\n onCheckedChange={(checked) => onSelect(checked === true, false)}\n aria-label={t('media.select', { name: asset.filename })}\n className=\"absolute top-2 left-2 bg-card\"\n />\n ) : null}\n </li>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { useTranslation } from 'react-i18next';\nimport { useRangeSelection } from '../hooks/useRangeSelection';\nimport { Card } from './Card';\n\ntype AssetGridProps = {\n assets: readonly MediaAsset[];\n selected: ReadonlySet<string>;\n selectable: boolean;\n activeId: string | undefined;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** Square tiles that fill the width; shift-click (tile or checkbox) selects a range. */\nexport const AssetGrid = ({\n assets,\n selected,\n selectable,\n activeId,\n onSelectChange,\n onOpen,\n}: AssetGridProps) => {\n const { t } = useTranslation();\n const range = useRangeSelection(\n assets.map((asset) => asset.id),\n onSelectChange,\n );\n return (\n <ul\n aria-label={t('media.assetsLabel', { count: assets.length })}\n className=\"grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] gap-4\"\n >\n {assets.map((asset) => (\n <Card\n key={asset.id}\n asset={asset}\n selected={selected.has(asset.id)}\n selectable={selectable}\n active={asset.id === activeId}\n onSelect={(checked, shiftKey) => range.select({ id: asset.id, checked, shiftKey })}\n onOpen={() => onOpen(asset)}\n />\n ))}\n </ul>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Lock } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { RowTitle } from '@/components/RowTitle';\nimport { StatusChip } from '@/components/StatusChip';\nimport { TableCard } from '@/components/TableCard';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';\nimport { formatDateTime, formatRelativeTime } from '@/helpers/formatDate';\nimport { fileKindLabel } from '../helpers/fileKind';\nimport { formatBytes } from '../helpers/formatBytes';\nimport { MEDIA_STATUS_DISPLAY } from '../helpers/statusDisplay';\nimport { useRangeSelection } from '../hooks/useRangeSelection';\nimport { Thumbnail } from '../Thumbnail';\n\ntype AssetTableProps = {\n assets: readonly MediaAsset[];\n selected: ReadonlySet<string>;\n selectable: boolean;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** The list view: name, type, size, status and date per asset; shift-click a checkbox to select a range. */\nexport const AssetTable = ({ assets, selected, selectable, onSelectChange, onOpen }: AssetTableProps) => {\n const { t } = useTranslation();\n const range = useRangeSelection(\n assets.map((asset) => asset.id),\n onSelectChange,\n );\n return (\n <TableCard>\n <Table>\n <TableHeader>\n <TableRow>\n {selectable ? (\n <TableHead className=\"w-10\">\n <span className=\"sr-only\">{t('media.selection')}</span>\n </TableHead>\n ) : null}\n <TableHead>{t('media.fields.filename')}</TableHead>\n <TableHead>{t('media.fields.type')}</TableHead>\n <TableHead className=\"text-right\">{t('media.fields.size')}</TableHead>\n <TableHead>{t('media.fields.status')}</TableHead>\n <TableHead>{t('media.fields.uploaded')}</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {assets.map((asset) => {\n const status = MEDIA_STATUS_DISPLAY[asset.status];\n const isSelected = selected.has(asset.id);\n return (\n <TableRow key={asset.id} data-state={isSelected ? 'selected' : undefined}>\n {selectable ? (\n <TableCell>\n <Checkbox\n checked={isSelected}\n onClick={(event) => {\n if (event.shiftKey) {\n event.preventDefault();\n range.select({ id: asset.id, checked: !isSelected, shiftKey: true });\n }\n }}\n onCheckedChange={(checked) =>\n range.select({ id: asset.id, checked: checked === true, shiftKey: false })\n }\n aria-label={t('media.select', { name: asset.filename })}\n />\n </TableCell>\n ) : null}\n <TableCell className=\"max-w-96\">\n <span className=\"flex min-w-0 items-center gap-3\">\n <Thumbnail asset={asset} className=\"size-8 shrink-0 rounded-md\" />\n <RowTitle asChild className=\"min-w-0 truncate text-left\">\n <button type=\"button\" onClick={() => onOpen(asset)}>\n {asset.filename}\n </button>\n </RowTitle>\n {asset.visibility === 'private' ? (\n <Lock\n role=\"img\"\n aria-label={t('media.visibility.private')}\n className=\"size-3.5 shrink-0 text-muted-foreground\"\n />\n ) : null}\n </span>\n </TableCell>\n <TableCell className=\"text-muted-foreground\" title={asset.mimeType}>\n {fileKindLabel(asset.filename, asset.mimeType)}\n </TableCell>\n <TableCell className=\"text-right tabular-nums\">{formatBytes(asset.sizeBytes)}</TableCell>\n <TableCell>\n <StatusChip tone={status.tone} label={t(status.labelKey)} size=\"sm\" />\n </TableCell>\n <TableCell className=\"whitespace-nowrap\" title={formatDateTime(asset.createdAt)}>\n {formatRelativeTime(asset.createdAt)}\n </TableCell>\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableCard>\n );\n};\n","import type { MediaAsset } from '@shapio/client';\nimport { Images } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useMediaAssets } from '@/api/media';\nimport { EmptyState } from '@/components/EmptyState';\nimport { ErrorState } from '@/components/ErrorState';\nimport { LoadingState } from '@/components/LoadingState';\nimport { Button } from '@/components/ui/button';\nimport { AssetGrid } from '../AssetGrid';\nimport { AssetTable } from '../AssetTable';\nimport type { MediaView } from '../constants';\n\ntype LibraryProps = {\n query: Parameters<typeof useMediaAssets>[0];\n filtered: boolean;\n view: MediaView;\n selected: ReadonlySet<string>;\n selectable: boolean;\n activeId: string | undefined;\n onSelectChange: (id: string, checked: boolean) => void;\n onOpen: (asset: MediaAsset) => void;\n};\n\n/** The assets of the current folder and filters: loading, error, empty, grid or list, and \"Load more\". */\nexport const Library = ({\n query,\n filtered,\n view,\n selected,\n selectable,\n activeId,\n onSelectChange,\n onOpen,\n}: LibraryProps) => {\n const { t } = useTranslation();\n const assets = useMediaAssets(query);\n if (assets.isPending) {\n return <LoadingState rows={4} />;\n }\n if (assets.isError) {\n return <ErrorState error={assets.error} onRetry={() => void assets.refetch()} />;\n }\n const items = assets.data.pages.flatMap((page) => page.items);\n if (items.length === 0) {\n // The whole library is empty: a page-sized empty state. An empty folder or search: a quieter one.\n const scoped = filtered || query.folder !== undefined;\n return (\n <EmptyState\n icon={Images}\n size={scoped ? 'panel' : 'page'}\n title={filtered ? t('media.emptyFiltered') : scoped ? t('media.emptyFolder') : t('media.empty')}\n />\n );\n }\n return (\n <div className=\"space-y-4\">\n {view === 'grid' ? (\n <AssetGrid\n assets={items}\n selected={selected}\n selectable={selectable}\n activeId={activeId}\n onSelectChange={onSelectChange}\n onOpen={onOpen}\n />\n ) : (\n <AssetTable\n assets={items}\n selected={selected}\n selectable={selectable}\n onSelectChange={onSelectChange}\n onOpen={onOpen}\n />\n )}\n {assets.hasNextPage ? (\n <div className=\"flex justify-center\">\n <Button\n variant=\"outline\"\n disabled={assets.isFetchingNextPage}\n aria-busy={assets.isFetchingNextPage || undefined}\n onClick={() => void assets.fetchNextPage()}\n >\n {assets.isFetchingNextPage ? t('common.loading') : t('media.loadMore')}\n </Button>\n </div>\n ) : null}\n </div>\n );\n};\n","import { LayoutGrid, List, Search } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';\nimport { useSearchInput } from '@/hooks/useSearchInput';\nimport { MEDIA_TYPE_FILTERS, type MediaTypeFilter, type MediaView } from '../constants';\n\ntype ToolbarProps = {\n query: string | undefined;\n type: MediaTypeFilter | undefined;\n view: MediaView;\n onQueryChange: (query: string | undefined) => void;\n onTypeChange: (type: MediaTypeFilter | undefined) => void;\n onViewChange: (view: MediaView) => void;\n};\n\nconst ALL_TYPES = 'all';\n\nconst TYPE_LABEL_KEYS = {\n image: 'media.types.image',\n video: 'media.types.video',\n audio: 'media.types.audio',\n pdf: 'media.types.pdf',\n} as const satisfies Record<MediaTypeFilter, string>;\n\n/** Search, type filter and grid/list switch. */\nexport const Toolbar = ({ query, type, view, onQueryChange, onTypeChange, onViewChange }: ToolbarProps) => {\n const { t } = useTranslation();\n const { text, setText } = useSearchInput(query, onQueryChange);\n return (\n <div className=\"flex flex-wrap items-center gap-2\">\n <div className=\"relative min-w-48 flex-1\">\n <Search\n aria-hidden=\"true\"\n className=\"absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\"\n />\n <Input\n type=\"search\"\n value={text}\n onChange={(event) => setText(event.target.value)}\n aria-label={t('media.search')}\n placeholder={t('media.searchPlaceholder')}\n inputSize=\"sm\"\n className=\"pl-8\"\n />\n </div>\n <Select\n value={type ?? ALL_TYPES}\n onValueChange={(value) => onTypeChange(value === ALL_TYPES ? undefined : (value as MediaTypeFilter))}\n >\n <SelectTrigger size=\"sm\" aria-label={t('media.typeFilter')} className=\"w-36\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL_TYPES}>{t('media.types.all')}</SelectItem>\n {MEDIA_TYPE_FILTERS.map((filter) => (\n <SelectItem key={filter} value={filter}>\n {t(TYPE_LABEL_KEYS[filter])}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <div\n role=\"group\"\n aria-label={t('media.view')}\n className=\"flex h-9 items-center gap-0.5 rounded-lg border border-input px-px\"\n >\n <Button\n variant={view === 'grid' ? 'secondary' : 'ghost'}\n size=\"icon-sm\"\n aria-pressed={view === 'grid'}\n aria-label={t('media.viewGrid')}\n onClick={() => onViewChange('grid')}\n >\n <LayoutGrid aria-hidden=\"true\" />\n </Button>\n <Button\n variant={view === 'list' ? 'secondary' : 'ghost'}\n size=\"icon-sm\"\n aria-pressed={view === 'list'}\n aria-label={t('media.viewList')}\n onClick={() => onViewChange('list')}\n >\n <List aria-hidden=\"true\" />\n </Button>\n </div>\n </div>\n );\n};\n","import { Upload } from 'lucide-react';\nimport { useRef, type ComponentProps } from 'react';\nimport { Button } from '@/components/ui/button';\n\ntype UploadButtonProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {\n label: string;\n multiple?: boolean;\n onFiles: (files: File[]) => void;\n};\n\n/** A button that opens the file picker (the keyboard path; dropping files is the pointer shortcut). */\nexport const UploadButton = ({ label, multiple = true, onFiles, ...buttonProps }: UploadButtonProps) => {\n const input = useRef<HTMLInputElement>(null);\n return (\n <>\n <Button {...buttonProps} onClick={() => input.current?.click()}>\n <Upload aria-hidden=\"true\" />\n {label}\n </Button>\n <input\n ref={input}\n type=\"file\"\n multiple={multiple}\n tabIndex={-1}\n aria-hidden=\"true\"\n className=\"sr-only\"\n onChange={(event) => {\n const files = [...(event.target.files ?? [])];\n event.target.value = '';\n if (files.length > 0) {\n onFiles(files);\n }\n }}\n />\n </>\n );\n};\n","import type { MediaVisibility } from '@shapio/client';\nimport { create } from 'zustand';\n\nexport type UploadStatus = 'uploading' | 'confirming' | 'done' | 'failed';\n\nexport type UploadItem = {\n id: string;\n file: File;\n folderId: string | null;\n visibility: MediaVisibility;\n /** Set when the upload replaces this asset's file. */\n replaceAssetId: string | undefined;\n status: UploadStatus;\n /** 0 to 1 while the bytes are sent. */\n progress: number;\n error: unknown;\n assetId: string | undefined;\n};\n\ntype MediaUploadsState = {\n items: UploadItem[];\n add: (item: UploadItem) => void;\n update: (id: string, patch: Partial<UploadItem>) => void;\n remove: (id: string) => void;\n clearFinished: () => void;\n};\n\n/** Uploads in flight and recently finished (client-only; kept while the admin is open, not persisted). */\nexport const useMediaUploadsStore = create<MediaUploadsState>()((set) => ({\n items: [],\n add: (item) => set((state) => ({ items: [...state.items, item] })),\n update: (id, patch) =>\n set((state) => ({ items: state.items.map((item) => (item.id === id ? { ...item, ...patch } : item)) })),\n remove: (id) => set((state) => ({ items: state.items.filter((item) => item.id !== id) })),\n clearFinished: () => set((state) => ({ items: state.items.filter((item) => item.status !== 'done') })),\n}));\n","/** The storage (bucket or Shapio's upload route) refused the bytes; `status` 0 means the request never completed. */\nexport class UploadTransferError extends Error {\n readonly status: number;\n readonly body: string;\n\n constructor(status: number, body: string) {\n super(`Upload failed with status ${status}`);\n this.name = 'UploadTransferError';\n this.status = status;\n this.body = body;\n }\n}\n\ntype UploadWithProgressInput = {\n url: string;\n form: FormData;\n onProgress: (fraction: number) => void;\n signal?: AbortSignal;\n};\n\n/**\n * POSTs a multipart form with upload progress (fetch cannot report it, so this uses XMLHttpRequest).\n * No credentials are sent: the grant's fields authorise the upload, whether it goes to a bucket or to Shapio.\n */\nexport const uploadWithProgress = ({ url, form, onProgress, signal }: UploadWithProgressInput) =>\n new Promise<void>((resolve, reject) => {\n const request = new XMLHttpRequest();\n request.open('POST', url);\n request.withCredentials = false;\n request.upload.onprogress = (event) => {\n if (event.lengthComputable && event.total > 0) {\n onProgress(event.loaded / event.total);\n }\n };\n request.onload = () => {\n if (request.status >= 200 && request.status < 300) {\n onProgress(1);\n resolve();\n return;\n }\n reject(new UploadTransferError(request.status, request.responseText));\n };\n request.onerror = () => reject(new UploadTransferError(0, ''));\n request.onabort = () => reject(new DOMException('Upload cancelled', 'AbortError'));\n signal?.addEventListener('abort', () => request.abort(), { once: true });\n request.send(form);\n });\n","import { i18next } from '@/app/i18n';\nimport { describeError } from '@/helpers/describeError';\nimport { UploadTransferError } from '@/helpers/uploadWithProgress';\n\n/** Why an upload failed, for the queue. Storage refusals (bucket or upload route) get their own message. */\nexport const describeUploadError = (error: unknown): string => {\n if (error instanceof UploadTransferError) {\n if (error.status === 0) {\n return i18next.t('media.upload.unreachable');\n }\n if (error.status === 413 || /EntityTooLarge/.test(error.body)) {\n return i18next.t('errors.codes.FILE_TOO_LARGE');\n }\n return i18next.t('media.upload.transferFailed', { status: error.status });\n }\n return describeError(error);\n};\n","import { CheckCircle2, Loader2, RotateCcw, X, XCircle } from 'lucide-react';\nimport type { CSSProperties } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/helpers/cn';\nimport type { UploadItem } from '@/stores/mediaUploads';\nimport { describeUploadError } from '../../helpers/describeUploadError';\nimport { formatBytes } from '../../helpers/formatBytes';\n\ntype RowProps = { item: UploadItem; onRetry: () => void; onDismiss: () => void };\n\nconst PERCENT = 100;\n\n/** One upload: name, size, progress (a real progressbar), and Retry/Dismiss when it failed. */\nexport const Row = ({ item, onRetry, onDismiss }: RowProps) => {\n const { t } = useTranslation();\n const percent = Math.round(item.progress * PERCENT);\n const statusText =\n item.status === 'uploading'\n ? t('media.upload.uploading', { percent })\n : item.status === 'confirming'\n ? t('media.upload.checking')\n : item.status === 'done'\n ? t('media.upload.done')\n : describeUploadError(item.error);\n return (\n <li className=\"flex items-start gap-3 px-5 py-2.5\">\n <span className=\"mt-0.5 shrink-0\">\n {item.status === 'done' ? (\n <CheckCircle2 aria-hidden=\"true\" className=\"size-4 text-success\" />\n ) : item.status === 'failed' ? (\n <XCircle aria-hidden=\"true\" className=\"size-4 text-destructive\" />\n ) : (\n <Loader2\n aria-hidden=\"true\"\n className=\"size-4 animate-spin text-muted-foreground motion-reduce:animate-none\"\n />\n )}\n </span>\n <div className=\"min-w-0 flex-1 space-y-1\">\n <p className=\"flex items-baseline gap-2 text-sm\">\n <span className=\"truncate font-medium\">{item.file.name}</span>\n <span className=\"shrink-0 text-meta text-muted-foreground\">{formatBytes(item.file.size)}</span>\n </p>\n {item.status === 'uploading' || item.status === 'confirming' ? (\n <div\n role=\"progressbar\"\n aria-label={t('media.upload.progress', { name: item.file.name })}\n aria-valuemin={0}\n aria-valuemax={PERCENT}\n aria-valuenow={percent}\n className=\"h-1.5 overflow-hidden rounded-full bg-muted\"\n style={{ '--upload-progress': `${percent}%` } as CSSProperties}\n >\n <div className=\"h-full w-[var(--upload-progress)] bg-primary transition-[width]\" />\n </div>\n ) : null}\n <p\n className={cn('text-meta', item.status === 'failed' ? 'text-destructive' : 'text-muted-foreground')}\n >\n {statusText}\n </p>\n </div>\n {item.status === 'failed' ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={t('media.upload.retry', { name: item.file.name })}\n onClick={onRetry}\n >\n <RotateCcw aria-hidden=\"true\" />\n </Button>\n ) : null}\n {item.status === 'failed' || item.status === 'done' ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label={t('media.upload.dismiss', { name: item.file.name })}\n onClick={onDismiss}\n >\n <X aria-hidden=\"true\" />\n </Button>\n ) : null}\n </li>\n );\n};\n","import { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Panel } from '@/components/Panel';\nimport { Button } from '@/components/ui/button';\nimport { useMediaUploadsStore } from '@/stores/mediaUploads';\nimport { Row } from './Row';\n\ntype UploadQueueProps = { onRetry: (id: string) => void; onDismiss: (id: string) => void };\n\n/**\n * Uploads in progress and recently finished, newest last, as a compact panel. Once nothing is running or\n * failed it collapses to one line (\"3 uploaded\"); failures stay open until retried or dismissed.\n */\nexport const UploadQueue = ({ onRetry, onDismiss }: UploadQueueProps) => {\n const { t } = useTranslation();\n const items = useMediaUploadsStore((state) => state.items);\n const clearFinished = useMediaUploadsStore((state) => state.clearFinished);\n const [showFinished, setShowFinished] = useState(false);\n if (items.length === 0) {\n return null;\n }\n const active = items.filter((item) => item.status === 'uploading' || item.status === 'confirming').length;\n const failed = items.filter((item) => item.status === 'failed').length;\n const done = items.length - active - failed;\n const settled = active === 0 && failed === 0;\n const expanded = !settled || showFinished;\n return (\n <Panel\n title={t('media.upload.queueTitle')}\n titleAs=\"h2\"\n flush={expanded}\n actions={\n <>\n <span role=\"status\" aria-live=\"polite\" className=\"text-meta text-muted-foreground\">\n {settled\n ? t('media.upload.doneSummary', { count: done })\n : t('media.upload.summary', { active, failed })}\n </span>\n {settled ? (\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-expanded={expanded}\n aria-label={expanded ? t('media.upload.hideFinished') : t('media.upload.showFinished')}\n onClick={() => setShowFinished((current) => !current)}\n >\n {expanded ? <ChevronUp aria-hidden=\"true\" /> : <ChevronDown aria-hidden=\"true\" />}\n </Button>\n ) : null}\n {done > 0 ? (\n <Button variant=\"ghost\" size=\"sm\" onClick={clearFinished}>\n {t('media.upload.clearFinished')}\n </Button>\n ) : null}\n </>\n }\n bodyClassName={expanded ? undefined : 'hidden'}\n >\n {expanded ? (\n <ul className=\"max-h-64 divide-y overflow-y-auto\">\n {items.map((item) => (\n <Row\n key={item.id}\n item={item}\n onRetry={() => onRetry(item.id)}\n onDismiss={() => onDismiss(item.id)}\n />\n ))}\n </ul>\n ) : null}\n </Panel>\n );\n};\n","import { buildUploadForm, type MediaAsset, type MediaVisibility, type UploadGrant } from '@shapio/client';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { adminApi, apiBaseUrl } from '@/api/client';\nimport { withCsrf } from '@/api/csrf';\nimport { queryKeys } from '@/api/queryKeys';\nimport { i18next } from '@/app/i18n';\nimport { logError } from '@/helpers/reportError';\nimport { resolveUploadUrl } from '@/helpers/resolveUploadUrl';\nimport { uploadWithProgress } from '@/helpers/uploadWithProgress';\nimport { useMediaUploadsStore, type UploadItem } from '@/stores/mediaUploads';\n\nconst FALLBACK_MIME_TYPE = 'application/octet-stream';\n\ntype UploadTarget = Pick<UploadItem, 'file' | 'folderId' | 'visibility' | 'replaceAssetId'>;\n\nconst requestGrant = (item: UploadTarget): Promise<UploadGrant> => {\n const details = {\n filename: item.file.name,\n mimeType: item.file.type || FALLBACK_MIME_TYPE,\n sizeBytes: item.file.size,\n };\n return withCsrf(() =>\n item.replaceAssetId\n ? adminApi.media.assets.replace(item.replaceAssetId, details)\n : adminApi.media.uploads.create({ ...details, folderId: item.folderId, visibility: item.visibility }),\n );\n};\n\n/** Grant, send (with progress), confirm: one file into the library. Throws when any step fails. */\nconst uploadFile = async (\n item: UploadTarget,\n onProgress: (progress: number) => void,\n onConfirming: () => void,\n): Promise<MediaAsset> => {\n const grant = await requestGrant(item);\n await uploadWithProgress({\n url: resolveUploadUrl(grant, apiBaseUrl()),\n form: buildUploadForm(grant, item.file, item.file.name),\n onProgress,\n });\n onConfirming();\n return withCsrf(() => adminApi.media.uploads.confirm(grant.grantId));\n};\n\n/** What an editor gets back from `uploadOne`: the new asset's ID and its library alt text. */\nexport type UploadedMedia = { id: string; alt: string | null };\n\ntype EnqueueOptions = { folderId: string | null; visibility: MediaVisibility; replaceAssetId?: string };\n\n/**\n * The upload flow, the same for local disk and S3: ask for a grant, send the form to the grant's URL\n * (with progress), then confirm so the server checks the bytes and records the asset. A failed upload stays\n * in the queue with its error; retrying starts again with a fresh grant (grants are single-use).\n */\nexport const useMediaUploader = () => {\n const queryClient = useQueryClient();\n const { add, update, remove } = useMediaUploadsStore.getState();\n\n const run = useCallback(\n async (item: UploadItem) => {\n update(item.id, { status: 'uploading', progress: 0, error: undefined });\n try {\n const asset = await uploadFile(\n item,\n (progress) => update(item.id, { progress }),\n () => update(item.id, { status: 'confirming' }),\n );\n update(item.id, { status: 'done', assetId: asset.id });\n if (item.replaceAssetId) {\n toast.success(i18next.t('media.upload.replaced', { name: item.file.name }));\n }\n } catch (error) {\n logError(error, `uploading ${item.file.name}`);\n update(item.id, { status: 'failed', error });\n } finally {\n await queryClient.invalidateQueries({ queryKey: queryKeys.media.all });\n }\n },\n [queryClient, update],\n );\n\n const enqueue = useCallback(\n (files: readonly File[], options: EnqueueOptions) => {\n for (const file of files) {\n const item: UploadItem = {\n id: crypto.randomUUID(),\n file,\n folderId: options.folderId,\n visibility: options.visibility,\n replaceAssetId: options.replaceAssetId,\n status: 'uploading',\n progress: 0,\n error: undefined,\n assetId: undefined,\n };\n add(item);\n void run(item);\n }\n },\n [add, run],\n );\n\n const retry = useCallback(\n (id: string) => {\n const item = useMediaUploadsStore.getState().items.find((candidate) => candidate.id === id);\n if (item) {\n void run(item);\n }\n },\n [run],\n );\n\n /**\n * One file uploaded outside the queue (a file dropped into rich text): resolves with the new asset, or\n * rejects so the caller can undo its placeholder. Public, in the root folder.\n */\n const uploadOne = useCallback(\n async (file: File): Promise<UploadedMedia> => {\n try {\n const asset = await uploadFile(\n { file, folderId: null, visibility: 'public', replaceAssetId: undefined },\n () => undefined,\n () => undefined,\n );\n queryClient.setQueryData(queryKeys.media.asset(asset.id), asset);\n return { id: asset.id, alt: asset.alt || null };\n } finally {\n await queryClient.invalidateQueries({ queryKey: queryKeys.media.all });\n }\n },\n [queryClient],\n );\n\n return { enqueue, retry, dismiss: remove, uploadOne };\n};\n"],"ignoreList":[0,1,2],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{A as r,D as i,F as a,I as o,T as s,x as c}from"./auth-C4fHG9Iu.js";import{F as l,M as u,j as d}from"./badge-
|
|
2
|
-
//# sourceMappingURL=useResolvedScheme-
|
|
1
|
+
import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{A as r,D as i,F as a,I as o,T as s,x as c}from"./auth-C4fHG9Iu.js";import{F as l,M as u,j as d}from"./badge-vLiQczOd.js";import{r as f,t as p}from"./root-CDpNo7ef.js";import{t as m}from"./createLucideIcon-CqygG5K6.js";import{a as h,c as g,o as _,s as v}from"./RowTitle-B4CE8tt7.js";import{o as y,t as b}from"./theme-X-qeg74W.js";import{g as x,l as S,v as C}from"./table-zG68ipQc.js";import{t as w}from"./coerce-DSIVtcR-.js";function T(e){e.statusCode=e.statusCode||e.code||307;let t=new Headers(e.headers);e.href&&t.get(`Location`)===null&&t.set(`Location`,e.href);let n=new Response(null,{status:e.statusCode,headers:t});if(n.options=e,e.throw)throw n;return n}function E(e){return e instanceof Response&&!!e.options}var D=class{get to(){return this._to}get id(){return this._id}get path(){return this._path}get fullPath(){return this._fullPath}constructor(e){if(this.init=e=>{this.originalIndex=e,this._branch=void 0;let t=this.options,n=!t?.path&&!t?.id;this.parentRoute=this.options.getParentRoute?.(),n?this._path=p:this.parentRoute||l();let i=n?p:t?.path;i&&i!==`/`&&(i=a(i));let s=t?.id||i,c=n?p:r((this.parentRoute.id===`__root__`?``:this.parentRoute.id)+`/`+(s??``));i===`__root__`&&(i=`/`);let u=c===`__root__`?`/`:i===void 0?this.parentRoute.fullPath:r(this.parentRoute.fullPath+`/`+i);this._path=i,this._id=c,this._fullPath=u,this._to=o(u)},this.addChildren=e=>this._addFileChildren(e),this._addFileChildren=e=>(Array.isArray(e)&&(this.children=e),typeof e==`object`&&e&&(this.children=Object.values(e)),this),this._addFileTypes=()=>this,this.updateLoader=e=>(Object.assign(this.options,e),this),this.update=e=>(Object.assign(this.options,e),this),this.lazy=e=>(this.lazyFn=e,this),this.redirect=e=>T({from:this.fullPath,...e}),this.options=e||{},this.isRoot=!e?.getParentRoute,e?.id&&e?.path)throw Error(`Route cannot have both an 'id' and a 'path' option.`)}},O=class{constructor({id:e}){this.notFound=e=>f({routeId:this.id,...e}),this.redirect=e=>T({from:this.id,...e}),this.id=e}},k=class extends D{constructor(e){super(e)}},A=e(t(),1),j=e(n(),1);function M(e){return new N({id:e})}var N=class extends O{constructor({id:e}){super({id:e}),this.useMatch=e=>u({...e,from:this.id}),this.useRouteContext=e=>h({...e,from:this.id}),this.useSearch=e=>_({...e,from:this.id}),this.useParams=e=>d({...e,from:this.id}),this.useLoaderDeps=e=>v({...e,from:this.id,strict:!1}),this.useLoaderData=e=>g({...e,from:this.id,strict:!1}),this.useNavigate=()=>s({from:i().routesById[this.id].fullPath}),this.notFound=e=>f({routeId:this.id,...e}),this.Link=A.forwardRef((e,t)=>{let n=i().routesById[this.id].fullPath;return(0,j.jsx)(c,{ref:t,from:n,...e})})}},P=class extends D{constructor(e){super(e),this.useMatch=e=>u({...e,from:this.id}),this.useRouteContext=e=>h({...e,from:this.id}),this.useSearch=e=>_({...e,from:this.id}),this.useParams=e=>d({...e,from:this.id}),this.useLoaderDeps=e=>v({...e,from:this.id}),this.useLoaderData=e=>g({...e,from:this.id}),this.useNavigate=()=>s({from:this.fullPath}),this.Link=A.forwardRef((e,t)=>(0,j.jsx)(c,{ref:t,from:this.fullPath,...e}))}};function F(e){return new P(e)}function I(){return e=>R(e)}var L=class extends k{constructor(e){super(e),this.useMatch=e=>u({...e,from:this.id}),this.useRouteContext=e=>h({...e,from:this.id}),this.useSearch=e=>_({...e,from:this.id}),this.useParams=e=>d({...e,from:this.id}),this.useLoaderDeps=e=>v({...e,from:this.id}),this.useLoaderData=e=>g({...e,from:this.id}),this.useNavigate=()=>s({from:this.fullPath}),this.Link=A.forwardRef((e,t)=>(0,j.jsx)(c,{ref:t,from:this.fullPath,...e}))}};function R(e){return new L(e)}var z={name:`camera`,size:24,node:[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]};z.node;var B=m(z),V={name:`file-code-corner`,size:24,node:[[`path`,{d:`M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35`,key:`1wthlu`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`m5 16-3 3 3 3`,key:`331omg`}],[`path`,{d:`m9 22 3-3-3-3`,key:`lsp7cz`}]],aliases:[`file-code-2`]};V.node;var H=m(V),U=[`rest`,`graphql`],W=x({tab:S(U).optional().catch(void 0),op:C().trim().min(1).max(200).optional().catch(void 0)}),G=[`changes`,`checks`,`consumers`,`timeline`],K=x({tab:S(G).optional().catch(void 0)}),q=x({cursor:C().max(500).optional().catch(void 0)}),J=[`diff`,`timeline`],Y=w().int().min(0).optional().catch(void 0),X=x({from:Y,tab:S(J).optional().catch(void 0),at:Y}),Z=()=>{let e=b(e=>e.appearance),t=b(e=>e.variants);return y(e,t)};export{G as a,W as c,I as d,F as f,T as h,q as i,H as l,E as m,J as n,K as o,M as p,X as r,U as s,Z as t,B as u};
|
|
2
|
+
//# sourceMappingURL=useResolvedScheme-Cg8TdO85.js.map
|