@anvilkit/plugin-asset-manager 0.1.1

package/dist/ui/AssetManagerUI.cjs

@@ -0,0 +1,169 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AssetManagerUI: ()=>AssetManagerUI
+});
+const card_namespaceObject = require("@anvilkit/ui/card");
+const progress_namespaceObject = require("@anvilkit/ui/progress");
+const external_react_namespaceObject = require("react");
+const external_validate_upload_result_cjs_namespaceObject = require("../validate-upload-result.cjs");
+const external_AssetBrowser_cjs_namespaceObject = require("./AssetBrowser.cjs");
+const external_AssetCommandPalette_cjs_namespaceObject = require("./AssetCommandPalette.cjs");
+const external_DeleteAssetDialog_cjs_namespaceObject = require("./DeleteAssetDialog.cjs");
+const external_MetadataPanel_cjs_namespaceObject = require("./MetadataPanel.cjs");
+const external_ReplaceAssetDialog_cjs_namespaceObject = require("./ReplaceAssetDialog.cjs");
+const external_UploadButton_cjs_namespaceObject = require("./UploadButton.cjs");
+function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+    const [assets, setAssets] = external_react_namespaceObject.useState(()=>registry.list());
+    const [progress, setProgress] = external_react_namespaceObject.useState(null);
+    const [pendingDelete, setPendingDelete] = external_react_namespaceObject.useState(null);
+    const [pendingReplace, setPendingReplace] = external_react_namespaceObject.useState(null);
+    const [pendingEdit, setPendingEdit] = external_react_namespaceObject.useState(null);
+    const [paletteOpen, setPaletteOpen] = external_react_namespaceObject.useState(false);
+    external_react_namespaceObject.useEffect(()=>{
+        setAssets(registry.list());
+        const unsubscribe = registry.subscribe(()=>{
+            setAssets(registry.list());
+        });
+        return unsubscribe;
+    }, [
+        registry
+    ]);
+    external_react_namespaceObject.useEffect(()=>{
+        if (!searchEnabled) return;
+        function handler(event) {
+            if ((event.metaKey || event.ctrlKey) && "k" === event.key.toLowerCase()) {
+                event.preventDefault();
+                setPaletteOpen((current)=>!current);
+            }
+        }
+        window.addEventListener("keydown", handler);
+        return ()=>{
+            window.removeEventListener("keydown", handler);
+        };
+    }, [
+        searchEnabled
+    ]);
+    function handleUploaded(asset) {
+        const stored = registry.register(asset);
+        onAssetInserted?.(stored);
+    }
+    async function handleConfirmDelete(asset) {
+        registry.delete(asset.id);
+        setPendingDelete(null);
+    }
+    async function handleConfirmReplace(asset, file) {
+        const uploaded = await uploader(file);
+        const validated = (0, external_validate_upload_result_cjs_namespaceObject.validateUploadResult)({
+            ...uploaded,
+            meta: {
+                size: file.size,
+                ...file.type ? {
+                    mimeType: file.type
+                } : {},
+                ...uploaded.meta ?? {}
+            }
+        }, {
+            dataUrlAllowlistOptIn,
+            allowMixedScriptHostnames
+        });
+        registry.replace(asset.id, validated);
+        setPendingReplace(null);
+    }
+    async function handleConfirmEdit(asset, next) {
+        if ("" !== next.name && next.name !== asset.name) registry.rename(asset.id, next.name);
+        registry.setTags(asset.id, next.tags);
+        setPendingEdit(null);
+    }
+    const showProgress = null !== progress && progress.total > 0;
+    const percent = showProgress ? Math.round(progress.completed / progress.total * 100) : 0;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, "Asset manager"), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, "Upload via the configured adapter, then insert a validated asset reference.")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_UploadButton_cjs_namespaceObject.UploadButton, {
+        acceptedMimeTypes: acceptedMimeTypes,
+        allowMixedScriptHostnames: allowMixedScriptHostnames,
+        dataUrlAllowlistOptIn: dataUrlAllowlistOptIn,
+        maxFileSize: maxFileSize,
+        onProgress: setProgress,
+        onUploaded: handleUploaded,
+        uploader: uploader
+    }), showProgress ? /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-asset-manager-progress": true
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(progress_namespaceObject.Progress, {
+        "aria-label": "Batch upload progress",
+        value: percent
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+        "aria-live": "polite",
+        role: "status"
+    }, "Uploading ", progress.completed, " of ", progress.total)) : null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_AssetBrowser_cjs_namespaceObject.AssetBrowser, {
+        assets: assets,
+        onDelete: (asset)=>{
+            setPendingDelete(asset);
+        },
+        onEdit: (asset)=>{
+            setPendingEdit(asset);
+        },
+        onInsert: (asset)=>{
+            onAssetInserted?.(asset);
+        },
+        onReplace: (asset)=>{
+            setPendingReplace(asset);
+        },
+        searchEnabled: searchEnabled
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement(external_DeleteAssetDialog_cjs_namespaceObject.DeleteAssetDialog, {
+        asset: pendingDelete,
+        onCancel: ()=>{
+            setPendingDelete(null);
+        },
+        onConfirm: handleConfirmDelete
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement(external_ReplaceAssetDialog_cjs_namespaceObject.ReplaceAssetDialog, {
+        acceptedMimeTypes: acceptedMimeTypes,
+        asset: pendingReplace,
+        maxFileSize: maxFileSize,
+        onCancel: ()=>{
+            setPendingReplace(null);
+        },
+        onConfirm: handleConfirmReplace
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement(external_MetadataPanel_cjs_namespaceObject.MetadataPanel, {
+        asset: pendingEdit,
+        onCancel: ()=>{
+            setPendingEdit(null);
+        },
+        onConfirm: handleConfirmEdit
+    }), searchEnabled ? /*#__PURE__*/ external_react_namespaceObject.createElement(external_AssetCommandPalette_cjs_namespaceObject.AssetCommandPalette, {
+        onOpenChange: setPaletteOpen,
+        onSelect: (asset)=>{
+            onAssetInserted?.(asset);
+        },
+        open: paletteOpen,
+        registry: registry
+    }) : null));
+}
+exports.AssetManagerUI = __webpack_exports__.AssetManagerUI;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AssetManagerUI"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/AssetManagerUI.d.cts

@@ -0,0 +1,15 @@
+import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types.js";
+export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+    readonly registry: AssetRegistry;
+    readonly onAssetInserted?: (asset: UploadResult) => void;
+    /**
+     * When `true`, exposes the search input + kind chips on the embedded
+     * `AssetBrowser` and enables Cmd-K / Ctrl-K to open the
+     * `AssetCommandPalette`. Defaults to `true` because Phase 3 is the
+     * library-management milestone — hosts that want the lean Phase 1
+     * chrome can opt out.
+     */
+    readonly searchEnabled?: boolean;
+}
+export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AssetManagerUI.d.cts.map

package/dist/ui/AssetManagerUI.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetManagerUI.d.cts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,aAAa,CAAC;AASrB,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiKrB"}

package/dist/ui/AssetManagerUI.d.ts

@@ -0,0 +1,15 @@
+import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types.js";
+export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+    readonly registry: AssetRegistry;
+    readonly onAssetInserted?: (asset: UploadResult) => void;
+    /**
+     * When `true`, exposes the search input + kind chips on the embedded
+     * `AssetBrowser` and enables Cmd-K / Ctrl-K to open the
+     * `AssetCommandPalette`. Defaults to `true` because Phase 3 is the
+     * library-management milestone — hosts that want the lean Phase 1
+     * chrome can opt out.
+     */
+    readonly searchEnabled?: boolean;
+}
+export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AssetManagerUI.d.ts.map

package/dist/ui/AssetManagerUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetManagerUI.d.ts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,aAAa,CAAC;AASrB,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiKrB"}

package/dist/ui/AssetManagerUI.js

@@ -0,0 +1,135 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@anvilkit/ui/card";
+import { Progress } from "@anvilkit/ui/progress";
+import { validateUploadResult } from "../validate-upload-result.js";
+import { AssetBrowser } from "./AssetBrowser.js";
+import { AssetCommandPalette } from "./AssetCommandPalette.js";
+import { DeleteAssetDialog } from "./DeleteAssetDialog.js";
+import { MetadataPanel } from "./MetadataPanel.js";
+import { ReplaceAssetDialog } from "./ReplaceAssetDialog.js";
+import { UploadButton } from "./UploadButton.js";
+import * as __rspack_external_react from "react";
+function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+    const [assets, setAssets] = __rspack_external_react.useState(()=>registry.list());
+    const [progress, setProgress] = __rspack_external_react.useState(null);
+    const [pendingDelete, setPendingDelete] = __rspack_external_react.useState(null);
+    const [pendingReplace, setPendingReplace] = __rspack_external_react.useState(null);
+    const [pendingEdit, setPendingEdit] = __rspack_external_react.useState(null);
+    const [paletteOpen, setPaletteOpen] = __rspack_external_react.useState(false);
+    __rspack_external_react.useEffect(()=>{
+        setAssets(registry.list());
+        const unsubscribe = registry.subscribe(()=>{
+            setAssets(registry.list());
+        });
+        return unsubscribe;
+    }, [
+        registry
+    ]);
+    __rspack_external_react.useEffect(()=>{
+        if (!searchEnabled) return;
+        function handler(event) {
+            if ((event.metaKey || event.ctrlKey) && "k" === event.key.toLowerCase()) {
+                event.preventDefault();
+                setPaletteOpen((current)=>!current);
+            }
+        }
+        window.addEventListener("keydown", handler);
+        return ()=>{
+            window.removeEventListener("keydown", handler);
+        };
+    }, [
+        searchEnabled
+    ]);
+    function handleUploaded(asset) {
+        const stored = registry.register(asset);
+        onAssetInserted?.(stored);
+    }
+    async function handleConfirmDelete(asset) {
+        registry.delete(asset.id);
+        setPendingDelete(null);
+    }
+    async function handleConfirmReplace(asset, file) {
+        const uploaded = await uploader(file);
+        const validated = validateUploadResult({
+            ...uploaded,
+            meta: {
+                size: file.size,
+                ...file.type ? {
+                    mimeType: file.type
+                } : {},
+                ...uploaded.meta ?? {}
+            }
+        }, {
+            dataUrlAllowlistOptIn,
+            allowMixedScriptHostnames
+        });
+        registry.replace(asset.id, validated);
+        setPendingReplace(null);
+    }
+    async function handleConfirmEdit(asset, next) {
+        if ("" !== next.name && next.name !== asset.name) registry.rename(asset.id, next.name);
+        registry.setTags(asset.id, next.tags);
+        setPendingEdit(null);
+    }
+    const showProgress = null !== progress && progress.total > 0;
+    const percent = showProgress ? Math.round(progress.completed / progress.total * 100) : 0;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Card, null, /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, null, "Asset manager"), /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, "Upload via the configured adapter, then insert a validated asset reference.")), /*#__PURE__*/ __rspack_external_react.createElement(CardContent, null, /*#__PURE__*/ __rspack_external_react.createElement(UploadButton, {
+        acceptedMimeTypes: acceptedMimeTypes,
+        allowMixedScriptHostnames: allowMixedScriptHostnames,
+        dataUrlAllowlistOptIn: dataUrlAllowlistOptIn,
+        maxFileSize: maxFileSize,
+        onProgress: setProgress,
+        onUploaded: handleUploaded,
+        uploader: uploader
+    }), showProgress ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-asset-manager-progress": true
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Progress, {
+        "aria-label": "Batch upload progress",
+        value: percent
+    }), /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "aria-live": "polite",
+        role: "status"
+    }, "Uploading ", progress.completed, " of ", progress.total)) : null, /*#__PURE__*/ __rspack_external_react.createElement(AssetBrowser, {
+        assets: assets,
+        onDelete: (asset)=>{
+            setPendingDelete(asset);
+        },
+        onEdit: (asset)=>{
+            setPendingEdit(asset);
+        },
+        onInsert: (asset)=>{
+            onAssetInserted?.(asset);
+        },
+        onReplace: (asset)=>{
+            setPendingReplace(asset);
+        },
+        searchEnabled: searchEnabled
+    }), /*#__PURE__*/ __rspack_external_react.createElement(DeleteAssetDialog, {
+        asset: pendingDelete,
+        onCancel: ()=>{
+            setPendingDelete(null);
+        },
+        onConfirm: handleConfirmDelete
+    }), /*#__PURE__*/ __rspack_external_react.createElement(ReplaceAssetDialog, {
+        acceptedMimeTypes: acceptedMimeTypes,
+        asset: pendingReplace,
+        maxFileSize: maxFileSize,
+        onCancel: ()=>{
+            setPendingReplace(null);
+        },
+        onConfirm: handleConfirmReplace
+    }), /*#__PURE__*/ __rspack_external_react.createElement(MetadataPanel, {
+        asset: pendingEdit,
+        onCancel: ()=>{
+            setPendingEdit(null);
+        },
+        onConfirm: handleConfirmEdit
+    }), searchEnabled ? /*#__PURE__*/ __rspack_external_react.createElement(AssetCommandPalette, {
+        onOpenChange: setPaletteOpen,
+        onSelect: (asset)=>{
+            onAssetInserted?.(asset);
+        },
+        open: paletteOpen,
+        registry: registry
+    }) : null));
+}
+export { AssetManagerUI };

package/dist/ui/DeleteAssetDialog.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DeleteAssetDialog: ()=>DeleteAssetDialog
+});
+const button_namespaceObject = require("@anvilkit/ui/button");
+const dialog_namespaceObject = require("@anvilkit/ui/dialog");
+const external_react_namespaceObject = require("react");
+function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
+    const [busy, setBusy] = external_react_namespaceObject.useState(false);
+    async function handleConfirm() {
+        if (null === asset || busy) return;
+        setBusy(true);
+        try {
+            await onConfirm(asset);
+        } finally{
+            setBusy(false);
+        }
+    }
+    function handleOpenChange(nextOpen) {
+        if (!nextOpen && !busy) onCancel();
+    }
+    const open = null !== asset;
+    const label = asset?.name ?? asset?.id ?? "";
+    const mimeType = asset?.meta?.mimeType;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Delete asset?"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " will be removed from the registry. References to it in the page will fail to resolve.", "number" == typeof referenceCount && referenceCount > 0 ? ` This asset is referenced in ${referenceCount} ${1 === referenceCount ? "node" : "nodes"}.` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        onClick: onCancel,
+        disabled: busy
+    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "destructive",
+        onClick: handleConfirm,
+        disabled: busy || null === asset
+    }, busy ? "Deleting…" : "Delete"))));
+}
+exports.DeleteAssetDialog = __webpack_exports__.DeleteAssetDialog;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DeleteAssetDialog"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/DeleteAssetDialog.d.cts

@@ -0,0 +1,22 @@
+import type { UploadResult } from "../types.js";
+export interface DeleteAssetDialogProps {
+    /**
+     * Asset to confirm deletion for. When `null`, the dialog is closed.
+     * Setting this to an asset opens the dialog; the host clears it on
+     * cancel or after confirm resolves.
+     */
+    readonly asset: UploadResult | null;
+    /**
+     * Called when the user confirms. May return a Promise to keep the
+     * "Delete" button in a busy state until it settles.
+     */
+    readonly onConfirm: (asset: UploadResult) => void | Promise<void>;
+    readonly onCancel: () => void;
+    /**
+     * Optional context such as "This asset is referenced in 2 nodes".
+     * Rendered after the default destructive-action description.
+     */
+    readonly referenceCount?: number;
+}
+export declare function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount, }: DeleteAssetDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeleteAssetDialog.d.cts.map

package/dist/ui/DeleteAssetDialog.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CA8DxB"}

package/dist/ui/DeleteAssetDialog.d.ts

@@ -0,0 +1,22 @@
+import type { UploadResult } from "../types.js";
+export interface DeleteAssetDialogProps {
+    /**
+     * Asset to confirm deletion for. When `null`, the dialog is closed.
+     * Setting this to an asset opens the dialog; the host clears it on
+     * cancel or after confirm resolves.
+     */
+    readonly asset: UploadResult | null;
+    /**
+     * Called when the user confirms. May return a Promise to keep the
+     * "Delete" button in a busy state until it settles.
+     */
+    readonly onConfirm: (asset: UploadResult) => void | Promise<void>;
+    readonly onCancel: () => void;
+    /**
+     * Optional context such as "This asset is referenced in 2 nodes".
+     * Rendered after the default destructive-action description.
+     */
+    readonly referenceCount?: number;
+}
+export declare function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount, }: DeleteAssetDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeleteAssetDialog.d.ts.map

package/dist/ui/DeleteAssetDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CA8DxB"}

package/dist/ui/DeleteAssetDialog.js

@@ -0,0 +1,36 @@
+import { Button } from "@anvilkit/ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
+import * as __rspack_external_react from "react";
+function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
+    const [busy, setBusy] = __rspack_external_react.useState(false);
+    async function handleConfirm() {
+        if (null === asset || busy) return;
+        setBusy(true);
+        try {
+            await onConfirm(asset);
+        } finally{
+            setBusy(false);
+        }
+    }
+    function handleOpenChange(nextOpen) {
+        if (!nextOpen && !busy) onCancel();
+    }
+    const open = null !== asset;
+    const label = asset?.name ?? asset?.id ?? "";
+    const mimeType = asset?.meta?.mimeType;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Delete asset?"), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " will be removed from the registry. References to it in the page will fail to resolve.", "number" == typeof referenceCount && referenceCount > 0 ? ` This asset is referenced in ${referenceCount} ${1 === referenceCount ? "node" : "nodes"}.` : "")), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        onClick: onCancel,
+        disabled: busy
+    }, "Cancel"), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "destructive",
+        onClick: handleConfirm,
+        disabled: busy || null === asset
+    }, busy ? "Deleting…" : "Delete"))));
+}
+export { DeleteAssetDialog };

package/dist/ui/MetadataPanel.cjs

@@ -0,0 +1,147 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MetadataPanel: ()=>MetadataPanel
+});
+const button_namespaceObject = require("@anvilkit/ui/button");
+const dialog_namespaceObject = require("@anvilkit/ui/dialog");
+const input_namespaceObject = require("@anvilkit/ui/input");
+const external_react_namespaceObject = require("react");
+function MetadataPanel({ asset, onCancel, onConfirm }) {
+    const [name, setName] = external_react_namespaceObject.useState("");
+    const [tagInput, setTagInput] = external_react_namespaceObject.useState("");
+    const [tags, setTags] = external_react_namespaceObject.useState([]);
+    const [busy, setBusy] = external_react_namespaceObject.useState(false);
+    external_react_namespaceObject.useEffect(()=>{
+        if (null === asset) return;
+        setName(asset.name ?? "");
+        setTags(asset.tags ?? []);
+        setTagInput("");
+        setBusy(false);
+    }, [
+        asset
+    ]);
+    function commitTagInput() {
+        const next = tagInput.trim().toLowerCase();
+        if ("" === next) return tags;
+        if (tags.includes(next)) {
+            setTagInput("");
+            return tags;
+        }
+        const merged = [
+            ...tags,
+            next
+        ];
+        setTags(merged);
+        setTagInput("");
+        return merged;
+    }
+    function removeTag(value) {
+        setTags((current)=>current.filter((entry)=>entry !== value));
+    }
+    function handleTagKeyDown(event) {
+        if ("Enter" === event.key || "," === event.key) {
+            event.preventDefault();
+            commitTagInput();
+        }
+    }
+    async function handleConfirm() {
+        if (null === asset || busy) return;
+        const finalTags = "" === tagInput.trim() ? tags : commitTagInput();
+        setBusy(true);
+        try {
+            await onConfirm(asset, {
+                name: name.trim(),
+                tags: finalTags
+            });
+        } finally{
+            setBusy(false);
+        }
+    }
+    function handleOpenChange(nextOpen) {
+        if (!nextOpen && !busy) onCancel();
+    }
+    const open = null !== asset;
+    const mimeType = asset?.meta?.mimeType;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
+        open: open,
+        onOpenChange: handleOpenChange
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Edit asset"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-asset-manager-metadata": true
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+        htmlFor: "asset-metadata-name"
+    }, "Name"), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+        id: "asset-metadata-name",
+        value: name,
+        onChange: (event)=>{
+            setName(event.target.value);
+        },
+        placeholder: asset?.id ?? "",
+        disabled: busy
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-asset-manager-tag-editor": true
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+        htmlFor: "asset-metadata-tag-input"
+    }, "Tags"), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": "Current tags",
+        role: "list"
+    }, tags.map((tag)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+            key: tag
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
+            "aria-label": `Remove tag ${tag}`,
+            "data-asset-action": "remove-tag",
+            disabled: busy,
+            onClick: ()=>{
+                removeTag(tag);
+            },
+            type: "button"
+        }, "\xd7")))), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+        id: "asset-metadata-tag-input",
+        value: tagInput,
+        onChange: (event)=>{
+            setTagInput(event.target.value);
+        },
+        onKeyDown: handleTagKeyDown,
+        placeholder: "Add a tag and press Enter",
+        disabled: busy
+    }))), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        disabled: busy,
+        onClick: onCancel,
+        type: "button",
+        variant: "outline"
+    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        disabled: busy || null === asset,
+        onClick: handleConfirm,
+        type: "button"
+    }, busy ? "Saving…" : "Save"))));
+}
+exports.MetadataPanel = __webpack_exports__.MetadataPanel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MetadataPanel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});