canopycms 0.0.57 → 0.0.58

package/dist/editor/media/MediaLibrary.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, Modal, Text, Title } from '@mantine/core';
+import { MediaLibraryBody } from './MediaLibraryBody.js';
+/**
+ * One component, two presentations, sharing the same grid/upload/filter/
+ * pagination/delete core (MediaLibraryBody) - see
+ * .claude/future-tasks/assets-media-system.md "MediaManager design".
+ */
+export const MediaLibrary = ({ opened, onClose, mode, onSelect }) => {
+    if (mode === 'picker') {
+        return (_jsx(Modal, { opened: opened, onClose: onClose, title: "Media library", size: "lg", overlayProps: { blur: 2 }, "data-testid": "media-library-picker", children: _jsx(MediaLibraryBody, { opened: opened, mode: "picker", onSelect: onSelect }) }));
+    }
+    return (_jsx(Drawer, { opened: opened, onClose: onClose, position: "right", title: _jsxs("div", { children: [_jsx(Title, { order: 4, children: "Media library" }), _jsx(Text, { size: "xs", c: "dimmed", children: "Upload and manage images and PDFs" })] }), padding: "md", size: 700, overlayProps: { blur: 2 }, "data-testid": "media-library-manage", children: _jsx(MediaLibraryBody, { opened: opened, mode: "manage" }) }));
+};
+export default MediaLibrary;
+//# sourceMappingURL=MediaLibrary.js.map

package/dist/editor/media/MediaLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibrary.js","sourceRoot":"","sources":["../../../src/editor/media/MediaLibrary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAIZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAerD;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,iBACb,sBAAsB,YAElC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,GAChE,CACT,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,KAAK,EACH,0BACE,KAAC,KAAK,IAAC,KAAK,EAAE,CAAC,8BAAuB,EACtC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,kDAEnB,IACH,EAER,OAAO,EAAC,IAAI,EACZ,IAAI,EAAE,GAAG,EACT,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,iBACb,sBAAsB,YAElC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,QAAQ,GAAG,GAC3C,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/editor/media/MediaLibraryBody.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { AssetRecord } from '../../api';
+export interface MediaLibraryBodyProps {
+    /** Whether the enclosing Drawer/Modal is open - gates the (re)fetch of the first page on each open. */
+    opened: boolean;
+    mode: 'manage' | 'picker';
+    /** Present in picker mode - clicking a card (or completing an upload) selects the asset. */
+    onSelect?: (asset: AssetRecord) => void;
+}
+/**
+ * Shared grid/upload/filter/pagination/delete core for both MediaLibrary
+ * presentations (Drawer "manage" mode, Modal "picker" mode) - see
+ * MediaLibrary.tsx for the two wrappers.
+ */
+export declare const MediaLibraryBody: React.FC<MediaLibraryBodyProps>;
+export default MediaLibraryBody;
+//# sourceMappingURL=MediaLibraryBody.d.ts.map

package/dist/editor/media/MediaLibraryBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryBody.d.ts","sourceRoot":"","sources":["../../../src/editor/media/MediaLibraryBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkB/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAiB5C,MAAM,WAAW,qBAAqB;IACpC,uGAAuG;IACvG,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2M5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/editor/media/MediaLibraryBody.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Alert, Button, Group, Loader, Progress, ScrollArea, SimpleGrid, Stack, Text, TextInput, } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { modals } from '@mantine/modals';
+import { IconAlertCircle, IconUpload } from '@tabler/icons-react';
+import { getErrorMessage } from '../../utils/error.js';
+// Import directly from helpers (not the authorization barrel) to keep server-only
+// authorization code out of this client bundle - matches BranchManager's convention.
+import { isAdmin } from '../../authorization/helpers.js';
+import { useApiClient, useAssetContext } from '../context/index.js';
+import { useUserContext } from '../hooks/index.js';
+import { AssetCard } from './AssetCard.js';
+import { useAssetUpload } from './useAssetUpload.js';
+import { ACCEPTED_ASSET_MIME_TYPES, ACCEPTED_IMAGE_MIME_TYPES, MAX_UPLOAD_BYTES, } from './upload-constants.js';
+const PAGE_SIZE = 40;
+/**
+ * Shared grid/upload/filter/pagination/delete core for both MediaLibrary
+ * presentations (Drawer "manage" mode, Modal "picker" mode) - see
+ * MediaLibrary.tsx for the two wrappers.
+ */
+export const MediaLibraryBody = ({ opened, mode, onSelect }) => {
+    const client = useApiClient();
+    const { baseUrl } = useAssetContext();
+    const { userContext } = useUserContext();
+    const canDelete = mode === 'manage' && isAdmin(userContext?.groups);
+    const upload = useAssetUpload();
+    // `picker` mode is used exclusively by ImageField and the MDX image dialog
+    // (see MediaLibraryProps.mode's doc comment) - both image-only contexts.
+    // `manage` mode (the Editor's Media Library drawer) keeps accepting PDFs.
+    const imageOnly = mode === 'picker';
+    const [assets, setAssets] = useState([]);
+    const [nextCursor, setNextCursor] = useState(undefined);
+    const [loading, setLoading] = useState(false);
+    const [loadingMore, setLoadingMore] = useState(false);
+    const [listError, setListError] = useState(null);
+    const [filterText, setFilterText] = useState('');
+    const loadFirstPage = useCallback(async () => {
+        setLoading(true);
+        setListError(null);
+        try {
+            const result = await client.assets.list({ limit: String(PAGE_SIZE) });
+            if (!result.ok || !result.data) {
+                setListError(result.error || 'Failed to load assets');
+                return;
+            }
+            setAssets(result.data.assets);
+            setNextCursor(result.data.nextCursor);
+        }
+        catch (err) {
+            setListError(getErrorMessage(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    useEffect(() => {
+        if (!opened)
+            return;
+        void loadFirstPage();
+        // Refetch only when the drawer/modal (re)opens, not on every render where
+        // loadFirstPage's identity happens to change.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [opened]);
+    const handleLoadMore = async () => {
+        if (!nextCursor)
+            return;
+        setLoadingMore(true);
+        setListError(null);
+        try {
+            const result = await client.assets.list({ cursor: nextCursor, limit: String(PAGE_SIZE) });
+            if (!result.ok || !result.data) {
+                setListError(result.error || 'Failed to load more assets');
+                return;
+            }
+            const page = result.data;
+            setAssets((prev) => [...prev, ...page.assets]);
+            setNextCursor(page.nextCursor);
+        }
+        catch (err) {
+            setListError(getErrorMessage(err));
+        }
+        finally {
+            setLoadingMore(false);
+        }
+    };
+    const handleDrop = async (files) => {
+        const file = files[0];
+        if (!file)
+            return;
+        const asset = await upload.upload(file);
+        if (asset) {
+            setAssets((prev) => [asset, ...prev]);
+        }
+    };
+    const handleReject = (rejections) => {
+        setListError(rejections[0]?.errors[0]?.message ?? 'File rejected');
+    };
+    const handleDelete = async (asset) => {
+        const result = await client.assets.delete({ key: asset.hash32 });
+        if (!result.ok) {
+            setListError(result.error || 'Failed to delete asset');
+            return;
+        }
+        setAssets((prev) => prev.filter((a) => a.hash32 !== asset.hash32));
+    };
+    const handleDeleteClick = (asset) => {
+        modals.openConfirmModal({
+            title: 'Remove from library',
+            children: (_jsxs(Text, { size: "sm", children: ["Remove \u201C", asset.filename, "\u201D from the media library? Existing content that already references this file keeps working - removing it here only hides it from the library; the file itself is not deleted."] })),
+            labels: { confirm: 'Remove', cancel: 'Cancel' },
+            confirmProps: { color: 'red' },
+            onConfirm: () => {
+                void handleDelete(asset);
+            },
+        });
+    };
+    // Picker mode is image-only (see `imageOnly` above) - pdf assets are
+    // filtered out of the pickable grid entirely, not just the upload accept
+    // list, since an already-uploaded pdf could otherwise still be selected.
+    const kindFiltered = imageOnly ? assets.filter((asset) => asset.kind !== 'pdf') : assets;
+    const normalizedFilter = filterText.trim().toLowerCase();
+    const filteredAssets = normalizedFilter
+        ? kindFiltered.filter((asset) => asset.filename.toLowerCase().includes(normalizedFilter))
+        : kindFiltered;
+    return (_jsxs(Stack, { gap: "sm", h: "100%", style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Dropzone, { onDrop: (files) => void handleDrop(files), onReject: handleReject, maxSize: MAX_UPLOAD_BYTES, accept: imageOnly ? ACCEPTED_IMAGE_MIME_TYPES : ACCEPTED_ASSET_MIME_TYPES, loading: upload.uploading, multiple: false, "data-testid": "media-library-dropzone", children: _jsxs(Group, { justify: "center", gap: "xs", py: "sm", style: { pointerEvents: 'none' }, children: [_jsx(IconUpload, { size: 20 }), _jsx(Text, { size: "sm", children: imageOnly
+                                ? 'Drop an image here, or click to browse'
+                                : 'Drop an image or PDF here, or click to browse' })] }) }), upload.uploading &&
+                (upload.progress !== null ? (_jsx(Progress, { value: upload.progress * 100, size: "sm", "data-testid": "upload-progress" })) : (_jsx(Progress, { value: 100, size: "sm", animated: true, "data-testid": "upload-progress-indeterminate" }))), upload.error && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", "data-testid": "upload-error", children: upload.error })), _jsx(TextInput, { placeholder: "Filter by filename...", value: filterText, onChange: (event) => setFilterText(event.currentTarget.value), "data-testid": "media-library-filter" }), listError && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", "data-testid": "media-library-error", children: _jsxs(Stack, { gap: 4, children: [_jsx(Text, { size: "sm", children: listError }), _jsx(Button, { size: "xs", variant: "light", onClick: () => void loadFirstPage(), children: "Retry" })] }) })), _jsxs(ScrollArea, { style: { flex: 1 }, children: [loading ? (_jsx(Group, { justify: "center", py: "xl", children: _jsx(Loader, { size: "sm", "data-testid": "media-library-loading" }) })) : filteredAssets.length === 0 ? (_jsx(Text, { size: "sm", c: "dimmed", py: "xl", ta: "center", children: "No assets found." })) : (_jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, spacing: "sm", children: filteredAssets.map((asset) => (_jsx(AssetCard, { asset: asset, baseUrl: baseUrl, onSelect: mode === 'picker' ? onSelect : undefined, onDelete: canDelete ? () => handleDeleteClick(asset) : undefined }, asset.hash32))) })), !loading && nextCursor && (_jsx(Group, { justify: "center", py: "sm", children: _jsx(Button, { variant: "light", size: "xs", loading: loadingMore, onClick: () => void handleLoadMore(), "data-testid": "media-library-load-more", children: "Load more" }) }))] })] }));
+};
+export default MediaLibraryBody;
+//# sourceMappingURL=MediaLibraryBody.js.map

package/dist/editor/media/MediaLibraryBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryBody.js","sourceRoot":"","sources":["../../../src/editor/media/MediaLibraryBody.tsx"],"names":[],"mappings":"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"}

package/dist/editor/media/crop-math.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Pure math for the ImageField crop step: converting between react-easy-crop's
+ * percentage-based `Area` shape and CanopyCMS's normalized 0..1 `CropRect`
+ * (the same shape stored in `ImageFieldValue.crop` and accepted by the `c=`
+ * transform directive - see assets/transform-directives.ts). Kept dependency-free
+ * (no react-easy-crop import) so it's trivially unit-testable and reusable
+ * without pulling in the cropper UI library.
+ */
+import { type CropRect } from '../../assets/transform-directives';
+/** react-easy-crop's `Area` shape, expressed in percentages (0..100). */
+export interface CropAreaPercent {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Convert react-easy-crop's `onCropComplete(croppedArea, croppedAreaPixels)`
+ * percentage area into a normalized `CropRect`, rounded to 4 decimals and
+ * clamped to fit within bounds. Rounding can push `x+w`/`y+h` a hair over 1
+ * (e.g. x=0.6667, w=0.3334 -> 1.0001) - shrink the extent to the remaining
+ * space rather than reject a rect that was valid before rounding.
+ *
+ * Returns `null` if the input can't be coerced into a valid rect (e.g. a
+ * zero-area selection).
+ */
+export declare function cropAreaPercentToRect(area: CropAreaPercent): CropRect | null;
+/**
+ * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * `initialCroppedAreaPercentages` when re-opening the crop step for an
+ * already-cropped image, so the user sees their previous selection instead
+ * of starting over.
+ */
+export declare function cropRectToAreaPercent(rect: CropRect): CropAreaPercent;
+/** "W:H" -> the numeric aspect ratio react-easy-crop's `aspect` prop expects. Mirrors config/schemas/field.ts's ASPECT_RATIO_RE; returns undefined for anything malformed rather than throwing (defensive - the field config was already validated at schema-parse time). */
+export declare function parseAspectRatio(aspect: string | undefined): number | undefined;
+//# sourceMappingURL=crop-math.d.ts.map

package/dist/editor/media/crop-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop-math.d.ts","sourceRoot":"","sources":["../../../src/editor/media/crop-math.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAElF,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAeD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,eAAe,GAAG,QAAQ,GAAG,IAAI,CAW5E;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,GAAG,eAAe,CAErE;AAED,6QAA6Q;AAC7Q,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK/E"}

package/dist/editor/media/crop-math.js

@@ -0,0 +1,62 @@
+/**
+ * Pure math for the ImageField crop step: converting between react-easy-crop's
+ * percentage-based `Area` shape and CanopyCMS's normalized 0..1 `CropRect`
+ * (the same shape stored in `ImageFieldValue.crop` and accepted by the `c=`
+ * transform directive - see assets/transform-directives.ts). Kept dependency-free
+ * (no react-easy-crop import) so it's trivially unit-testable and reusable
+ * without pulling in the cropper UI library.
+ */
+import { isValidCropRect } from '../../assets/transform-directives.js';
+/** Matches transform-directives.ts's CROP_PRECISION so a crop rect round-trips through the URL directive unchanged. */
+const CROP_PRECISION = 4;
+function roundTo(value, decimals) {
+    const factor = 10 ** decimals;
+    return Math.round(value * factor) / factor;
+}
+function clamp01(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return Math.min(1, Math.max(0, value));
+}
+/**
+ * Convert react-easy-crop's `onCropComplete(croppedArea, croppedAreaPixels)`
+ * percentage area into a normalized `CropRect`, rounded to 4 decimals and
+ * clamped to fit within bounds. Rounding can push `x+w`/`y+h` a hair over 1
+ * (e.g. x=0.6667, w=0.3334 -> 1.0001) - shrink the extent to the remaining
+ * space rather than reject a rect that was valid before rounding.
+ *
+ * Returns `null` if the input can't be coerced into a valid rect (e.g. a
+ * zero-area selection).
+ */
+export function cropAreaPercentToRect(area) {
+    const x = roundTo(clamp01(area.x / 100), CROP_PRECISION);
+    const y = roundTo(clamp01(area.y / 100), CROP_PRECISION);
+    let w = roundTo(clamp01(area.width / 100), CROP_PRECISION);
+    let h = roundTo(clamp01(area.height / 100), CROP_PRECISION);
+    if (x + w > 1)
+        w = roundTo(1 - x, CROP_PRECISION);
+    if (y + h > 1)
+        h = roundTo(1 - y, CROP_PRECISION);
+    if (!isValidCropRect(x, y, w, h))
+        return null;
+    return { x, y, w, h };
+}
+/**
+ * Inverse of `cropAreaPercentToRect` - used to seed react-easy-crop's
+ * `initialCroppedAreaPercentages` when re-opening the crop step for an
+ * already-cropped image, so the user sees their previous selection instead
+ * of starting over.
+ */
+export function cropRectToAreaPercent(rect) {
+    return { x: rect.x * 100, y: rect.y * 100, width: rect.w * 100, height: rect.h * 100 };
+}
+/** "W:H" -> the numeric aspect ratio react-easy-crop's `aspect` prop expects. Mirrors config/schemas/field.ts's ASPECT_RATIO_RE; returns undefined for anything malformed rather than throwing (defensive - the field config was already validated at schema-parse time). */
+export function parseAspectRatio(aspect) {
+    if (!aspect)
+        return undefined;
+    const match = /^([1-9][0-9]*):([1-9][0-9]*)$/.exec(aspect);
+    if (!match)
+        return undefined;
+    return Number(match[1]) / Number(match[2]);
+}
+//# sourceMappingURL=crop-math.js.map

package/dist/editor/media/crop-math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop-math.js","sourceRoot":"","sources":["../../../src/editor/media/crop-math.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,eAAe,EAAiB,MAAM,mCAAmC,CAAA;AAUlF,uHAAuH;AACvH,MAAM,cAAc,GAAG,CAAC,CAAA;AAExB,SAAS,OAAO,CAAC,KAAa,EAAE,QAAgB;IAC9C,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,CAAA;IAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM,CAAA;AAC5C,CAAC;AAED,SAAS,OAAO,CAAC,KAAa;IAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,CAAC,CAAA;IACrC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;AACxC,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAqB;IACzD,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACxD,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACxD,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAC1D,IAAI,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAE3D,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IACjD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;IAEjD,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAc;IAClD,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAA;AACxF,CAAC;AAED,6QAA6Q;AAC7Q,MAAM,UAAU,gBAAgB,CAAC,MAA0B;IACzD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAA;IAC7B,MAAM,KAAK,GAAG,+BAA+B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC1D,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAA;IAC5B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC"}

package/dist/editor/media/upload-asset.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Shared upload state machine: presign -> transport -> finalize. Used by
+ * every asset-upload entry point in the editor (MediaLibrary's dropzone,
+ * ImageField's empty-state dropzone, the MDX image dialog's Upload tab, and
+ * MDXEditor's own drag/drop/paste `imageUploadHandler`) so the flow (and its
+ * 415/413 pipeline-rejection error surfacing) lives in exactly one place.
+ *
+ * Framework-agnostic (no React) so `MarkdownField`'s `imageUploadHandler`
+ * prop - a plain `(file: File) => Promise<string>` function required by
+ * MDXEditor's `imagePlugin`, called outside of any component render - can
+ * call it directly. `useAssetUpload.ts` wraps this with React state for
+ * callers that want progress/error UI.
+ */
+import type { ApiClient } from '../context';
+import type { AssetRecord } from '../../api';
+/**
+ * Upload `file` through the asset pipeline and return the finalized
+ * `AssetRecord`. `onProgress` receives a 0..1 fraction while the transport is
+ * underway for direct-upload stores (S3 presigned POST); it is never called
+ * for proxied stores (no XHR involved - `client.assets.uploadProxied` uses
+ * `fetch`, which exposes no upload progress) or during the (fast) finalize
+ * step, so callers should show an indeterminate indicator whenever they
+ * aren't actively receiving progress calls.
+ *
+ * Throws an `Error` (message = the server's `error` string when available)
+ * on any failure - a rejected presign (415 unsupported type, 413 too large),
+ * a failed transport, or a rejected finalize (e.g. a magic-byte sniff
+ * mismatch or SVG sanitization failure).
+ */
+export declare function uploadAsset(client: ApiClient, file: File, onProgress?: (fraction: number) => void): Promise<AssetRecord>;
+//# sourceMappingURL=upload-asset.d.ts.map

package/dist/editor/media/upload-asset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-asset.d.ts","sourceRoot":"","sources":["../../../src/editor/media/upload-asset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG5C;;;;;;;;;;;;;GAaG;AACH,wBAAsB,WAAW,CAC/B,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACtC,OAAO,CAAC,WAAW,CAAC,CA6BtB"}

package/dist/editor/media/upload-asset.js

@@ -0,0 +1,56 @@
+/**
+ * Shared upload state machine: presign -> transport -> finalize. Used by
+ * every asset-upload entry point in the editor (MediaLibrary's dropzone,
+ * ImageField's empty-state dropzone, the MDX image dialog's Upload tab, and
+ * MDXEditor's own drag/drop/paste `imageUploadHandler`) so the flow (and its
+ * 415/413 pipeline-rejection error surfacing) lives in exactly one place.
+ *
+ * Framework-agnostic (no React) so `MarkdownField`'s `imageUploadHandler`
+ * prop - a plain `(file: File) => Promise<string>` function required by
+ * MDXEditor's `imagePlugin`, called outside of any component render - can
+ * call it directly. `useAssetUpload.ts` wraps this with React state for
+ * callers that want progress/error UI.
+ */
+import { uploadToPresignedPost } from './xhr-upload.js';
+/**
+ * Upload `file` through the asset pipeline and return the finalized
+ * `AssetRecord`. `onProgress` receives a 0..1 fraction while the transport is
+ * underway for direct-upload stores (S3 presigned POST); it is never called
+ * for proxied stores (no XHR involved - `client.assets.uploadProxied` uses
+ * `fetch`, which exposes no upload progress) or during the (fast) finalize
+ * step, so callers should show an indeterminate indicator whenever they
+ * aren't actively receiving progress calls.
+ *
+ * Throws an `Error` (message = the server's `error` string when available)
+ * on any failure - a rejected presign (415 unsupported type, 413 too large),
+ * a failed transport, or a rejected finalize (e.g. a magic-byte sniff
+ * mismatch or SVG sanitization failure).
+ */
+export async function uploadAsset(client, file, onProgress) {
+    const presignResult = await client.assets.presign({
+        filename: file.name,
+        contentType: file.type || 'application/octet-stream',
+        size: file.size,
+    });
+    if (!presignResult.ok || !presignResult.data) {
+        throw new Error(presignResult.error || 'Failed to start upload');
+    }
+    const { upload } = presignResult.data;
+    if (upload.mode === 'direct') {
+        await uploadToPresignedPost(upload, file, onProgress);
+        const finalizeResult = await client.assets.finalize({
+            stagingKey: upload.stagingKey,
+            filename: file.name,
+        });
+        if (!finalizeResult.ok || !finalizeResult.data) {
+            throw new Error(finalizeResult.error || 'Failed to finalize upload');
+        }
+        return finalizeResult.data.asset;
+    }
+    const uploadResult = await client.assets.uploadProxied(file);
+    if (!uploadResult.ok || !uploadResult.data) {
+        throw new Error(uploadResult.error || 'Failed to upload');
+    }
+    return uploadResult.data.asset;
+}
+//# sourceMappingURL=upload-asset.js.map

package/dist/editor/media/upload-asset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-asset.js","sourceRoot":"","sources":["../../../src/editor/media/upload-asset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAC/B,MAAiB,EACjB,IAAU,EACV,UAAuC;IAEvC,MAAM,aAAa,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;QAChD,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,WAAW,EAAE,IAAI,CAAC,IAAI,IAAI,0BAA0B;QACpD,IAAI,EAAE,IAAI,CAAC,IAAI;KAChB,CAAC,CAAA;IACF,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC7C,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,wBAAwB,CAAC,CAAA;IAClE,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI,CAAA;IAErC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAA;QACrD,MAAM,cAAc,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;YAClD,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI;SACpB,CAAC,CAAA;QACF,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;YAC/C,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,IAAI,2BAA2B,CAAC,CAAA;QACtE,CAAC;QACD,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAA;IAClC,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC3C,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,kBAAkB,CAAC,CAAA;IAC3D,CAAC;IACD,OAAO,YAAY,CAAC,IAAI,CAAC,KAAK,CAAA;AAChC,CAAC"}

package/dist/editor/media/upload-constants.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Client-side upload UX constants. Deliberately duplicated from
+ * assets/pipeline.ts's `ALLOWED_UPLOAD_CONTENT_TYPES`/size caps rather than
+ * imported from it: pipeline.ts is server-only (pulls in `file-type` and
+ * `image-size`) and must never reach a browser bundle. These are UX-only
+ * (Dropzone's `accept`/`maxSize` props reject bad files before an upload even
+ * starts) - the server-side finalize pipeline is the actual source of truth
+ * and re-validates independently.
+ */
+/**
+ * Mirrors assets/pipeline.ts's RASTER_MIME_TYPES + SVG_MIME_TYPE + PDF_MIME_TYPE.
+ * A plain (not `readonly`/`as const`) `string[]` - `@mantine/dropzone`'s
+ * `accept` prop takes `string[] | Accept`, neither of which accepts a
+ * readonly tuple.
+ */
+export declare const ACCEPTED_ASSET_MIME_TYPES: string[];
+/**
+ * Image-only subset of `ACCEPTED_ASSET_MIME_TYPES` (raster + svg, no PDF) -
+ * for contexts that only ever want an image out: the ImageField/MDX-image
+ * dropzones, and MediaLibraryBody's `picker` mode (used exclusively by those
+ * two - see MediaLibrary.tsx's doc comment). The general MediaLibrary
+ * (`manage` mode) keeps accepting the full set, PDF included.
+ */
+export declare const ACCEPTED_IMAGE_MIME_TYPES: string[];
+/** Mirrors store-local.ts/store-s3.ts's DEFAULT_MAX_UPLOAD_BYTES. The real limit is enforced by the presigned target's `maxBytes` (S3 content-length-range or the local store's own cap); this only avoids a doomed upload attempt. */
+export declare const MAX_UPLOAD_BYTES: number;
+//# sourceMappingURL=upload-constants.d.ts.map

package/dist/editor/media/upload-constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-constants.d.ts","sourceRoot":"","sources":["../../../src/editor/media/upload-constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,EAO7C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,EAM7C,CAAA;AAED,uOAAuO;AACvO,eAAO,MAAM,gBAAgB,QAAmB,CAAA"}

package/dist/editor/media/upload-constants.js

@@ -0,0 +1,40 @@
+/**
+ * Client-side upload UX constants. Deliberately duplicated from
+ * assets/pipeline.ts's `ALLOWED_UPLOAD_CONTENT_TYPES`/size caps rather than
+ * imported from it: pipeline.ts is server-only (pulls in `file-type` and
+ * `image-size`) and must never reach a browser bundle. These are UX-only
+ * (Dropzone's `accept`/`maxSize` props reject bad files before an upload even
+ * starts) - the server-side finalize pipeline is the actual source of truth
+ * and re-validates independently.
+ */
+/**
+ * Mirrors assets/pipeline.ts's RASTER_MIME_TYPES + SVG_MIME_TYPE + PDF_MIME_TYPE.
+ * A plain (not `readonly`/`as const`) `string[]` - `@mantine/dropzone`'s
+ * `accept` prop takes `string[] | Accept`, neither of which accepts a
+ * readonly tuple.
+ */
+export const ACCEPTED_ASSET_MIME_TYPES = [
+    'image/png',
+    'image/jpeg',
+    'image/webp',
+    'image/gif',
+    'image/svg+xml',
+    'application/pdf',
+];
+/**
+ * Image-only subset of `ACCEPTED_ASSET_MIME_TYPES` (raster + svg, no PDF) -
+ * for contexts that only ever want an image out: the ImageField/MDX-image
+ * dropzones, and MediaLibraryBody's `picker` mode (used exclusively by those
+ * two - see MediaLibrary.tsx's doc comment). The general MediaLibrary
+ * (`manage` mode) keeps accepting the full set, PDF included.
+ */
+export const ACCEPTED_IMAGE_MIME_TYPES = [
+    'image/png',
+    'image/jpeg',
+    'image/webp',
+    'image/gif',
+    'image/svg+xml',
+];
+/** Mirrors store-local.ts/store-s3.ts's DEFAULT_MAX_UPLOAD_BYTES. The real limit is enforced by the presigned target's `maxBytes` (S3 content-length-range or the local store's own cap); this only avoids a doomed upload attempt. */
+export const MAX_UPLOAD_BYTES = 50 * 1024 * 1024;
+//# sourceMappingURL=upload-constants.js.map

package/dist/editor/media/upload-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-constants.js","sourceRoot":"","sources":["../../../src/editor/media/upload-constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAa;IACjD,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,eAAe;IACf,iBAAiB;CAClB,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAa;IACjD,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,eAAe;CAChB,CAAA;AAED,uOAAuO;AACvO,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA"}

package/dist/editor/media/useAssetUpload.d.ts

@@ -0,0 +1,19 @@
+import type { AssetRecord } from '../../api';
+export interface UseAssetUploadResult {
+    uploading: boolean;
+    /** 0..1 fraction while a direct-upload transport is in flight; `null` when indeterminate (proxied stores, or the finalize step). */
+    progress: number | null;
+    error: string | null;
+    /** Upload `file`, returning the finalized AssetRecord, or `null` if the upload failed (see `error`). */
+    upload: (file: File) => Promise<AssetRecord | null>;
+    reset: () => void;
+}
+/**
+ * React state wrapper around `uploadAsset` for UI that shows upload
+ * progress/errors (MediaLibrary's dropzone, ImageField's empty state, the MDX
+ * image dialog's Upload tab). Uses `useApiClient()` (context DI) rather than
+ * `createApiClient()` so tests can inject a mock client via
+ * `ApiClientProvider`.
+ */
+export declare function useAssetUpload(): UseAssetUploadResult;
+//# sourceMappingURL=useAssetUpload.d.ts.map

package/dist/editor/media/useAssetUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetUpload.d.ts","sourceRoot":"","sources":["../../../src/editor/media/useAssetUpload.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK5C,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,oIAAoI;IACpI,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,wGAAwG;IACxG,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACnD,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAyCrD"}

package/dist/editor/media/useAssetUpload.js

@@ -0,0 +1,53 @@
+'use client';
+import { useCallback, useRef, useState } from 'react';
+import { getErrorMessage } from '../../utils/error.js';
+import { useApiClient } from '../context/index.js';
+import { uploadAsset } from './upload-asset.js';
+/**
+ * React state wrapper around `uploadAsset` for UI that shows upload
+ * progress/errors (MediaLibrary's dropzone, ImageField's empty state, the MDX
+ * image dialog's Upload tab). Uses `useApiClient()` (context DI) rather than
+ * `createApiClient()` so tests can inject a mock client via
+ * `ApiClientProvider`.
+ */
+export function useAssetUpload() {
+    const client = useApiClient();
+    const [uploading, setUploading] = useState(false);
+    const [progress, setProgress] = useState(null);
+    const [error, setError] = useState(null);
+    // Guards against a progress/state update landing after the component that
+    // owns this hook has moved on to a different upload (or unmounted) -
+    // avoids a stale "uploading" flicker if a slow upload resolves after a
+    // newer one already started.
+    const uploadIdRef = useRef(0);
+    const upload = useCallback(async (file) => {
+        const uploadId = ++uploadIdRef.current;
+        setUploading(true);
+        setProgress(0);
+        setError(null);
+        try {
+            const asset = await uploadAsset(client, file, (fraction) => {
+                if (uploadIdRef.current === uploadId)
+                    setProgress(fraction);
+            });
+            return asset;
+        }
+        catch (err) {
+            if (uploadIdRef.current === uploadId)
+                setError(getErrorMessage(err));
+            return null;
+        }
+        finally {
+            if (uploadIdRef.current === uploadId) {
+                setUploading(false);
+                setProgress(null);
+            }
+        }
+    }, [client]);
+    const reset = useCallback(() => {
+        setError(null);
+        setProgress(null);
+    }, []);
+    return { uploading, progress, error, upload, reset };
+}
+//# sourceMappingURL=useAssetUpload.js.map

package/dist/editor/media/useAssetUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetUpload.js","sourceRoot":"","sources":["../../../src/editor/media/useAssetUpload.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAY5C;;;;;;GAMG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,YAAY,EAAE,CAAA;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACvD,0EAA0E;IAC1E,qEAAqE;IACrE,uEAAuE;IACvE,6BAA6B;IAC7B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAE7B,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,EAAE,IAAU,EAA+B,EAAE;QAChD,MAAM,QAAQ,GAAG,EAAE,WAAW,CAAC,OAAO,CAAA;QACtC,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,WAAW,CAAC,CAAC,CAAC,CAAA;QACd,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,WAAW,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACzD,IAAI,WAAW,CAAC,OAAO,KAAK,QAAQ;oBAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;YAC7D,CAAC,CAAC,CAAA;YACF,OAAO,KAAK,CAAA;QACd,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,WAAW,CAAC,OAAO,KAAK,QAAQ;gBAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;YACpE,OAAO,IAAI,CAAA;QACb,CAAC;gBAAS,CAAC;YACT,IAAI,WAAW,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACrC,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;YACnB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AACtD,CAAC"}

package/dist/editor/media/xhr-upload.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Raw XHR POST for S3 presigned-POST direct uploads. Deliberately bypasses
+ * the API client's `request()` (which always does `fetch` + `response.json()`)
+ * for two reasons: this posts to the presigned `upload.url` (not our own API),
+ * and XHR is the only fetch-adjacent browser API that exposes upload progress
+ * events.
+ */
+export interface PresignedPostTarget {
+    url: string;
+    fields: Record<string, string>;
+}
+/**
+ * POST `file` to a presigned-POST target. S3 requires the `file` field to be
+ * the LAST field in the multipart body - fields from the presign response
+ * are appended first, `file` last. Resolves on any 2xx response; rejects with
+ * a descriptive Error otherwise (S3 error bodies are XML and not parsed here -
+ * the status code is enough to surface a "something went wrong" message).
+ */
+export declare function uploadToPresignedPost(target: PresignedPostTarget, file: File, onProgress?: (fraction: number) => void): Promise<void>;
+//# sourceMappingURL=xhr-upload.d.ts.map

package/dist/editor/media/xhr-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr-upload.d.ts","sourceRoot":"","sources":["../../../src/editor/media/xhr-upload.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,mBAAmB,EAC3B,IAAI,EAAE,IAAI,EACV,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GACtC,OAAO,CAAC,IAAI,CAAC,CA0Bf"}