@anvilkit/plugin-asset-manager 0.1.2 → 0.1.4

package/dist/ui/AssetBrowser.d.cts

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface AssetBrowserProps {
     readonly assets: readonly UploadResult[];
     readonly onInsert: (asset: UploadResult) => void;
@@ -36,7 +36,16 @@ export interface AssetBrowserProps {
      * scroll math entirely.
      */
     readonly virtualizeThreshold?: number;
-    /** Pixel height of a single row when virtualizing. */
+    /**
+     * Pixel height of a single row when virtualizing.
+     *
+     * **Fixed-height contract:** the windowing math (visible range, scroll
+     * offset, and keyboard-focus scroll) assumes every row is exactly
+     * `itemHeight` tall. Rows that wrap or vary in height (long names,
+     * thumbnails) will desync the scroll position and focus calculation.
+     * Keep rows uniform, or raise `virtualizeThreshold` so the list renders
+     * inline instead.
+     */
     readonly itemHeight?: number;
     /** Pixel height of the scroll container when virtualizing. */
     readonly maxHeight?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"AssetBrowser.d.cts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3D,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,sDAAsD;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAmVnB"}
+{"version":3,"file":"AssetBrowser.d.cts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;;OASG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAkZnB"}

package/dist/ui/AssetBrowser.d.ts

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface AssetBrowserProps {
     readonly assets: readonly UploadResult[];
     readonly onInsert: (asset: UploadResult) => void;
@@ -36,7 +36,16 @@ export interface AssetBrowserProps {
      * scroll math entirely.
      */
     readonly virtualizeThreshold?: number;
-    /** Pixel height of a single row when virtualizing. */
+    /**
+     * Pixel height of a single row when virtualizing.
+     *
+     * **Fixed-height contract:** the windowing math (visible range, scroll
+     * offset, and keyboard-focus scroll) assumes every row is exactly
+     * `itemHeight` tall. Rows that wrap or vary in height (long names,
+     * thumbnails) will desync the scroll position and focus calculation.
+     * Keep rows uniform, or raise `virtualizeThreshold` so the list renders
+     * inline instead.
+     */
     readonly itemHeight?: number;
     /** Pixel height of the scroll container when virtualizing. */
     readonly maxHeight?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"AssetBrowser.d.ts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3D,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,sDAAsD;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAmVnB"}
+{"version":3,"file":"AssetBrowser.d.ts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;;OASG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAkZnB"}

package/dist/ui/AssetBrowser.js

@@ -1,6 +1,8 @@
+"use client";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@anvilkit/ui/card";
 import { Input } from "@anvilkit/ui/input";
-import { inferAssetKind } from "../infer-kind.js";
+import { flushSync } from "react-dom";
+import { inferAssetKind } from "../utils/infer-kind.js";
 import * as __rspack_external_react from "react";
 const KIND_FILTERS = [
     "image",
@@ -22,22 +24,40 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
     const [pageLimit, setPageLimit] = __rspack_external_react.useState(pageSize);
     const buttonRefs = __rspack_external_react.useRef([]);
     const scrollContainerRef = __rspack_external_react.useRef(null);
+    const scrollFrameRef = __rspack_external_react.useRef(null);
+    const pendingScrollTopRef = __rspack_external_react.useRef(0);
+    __rspack_external_react.useEffect(()=>()=>{
+            if (null !== scrollFrameRef.current && "function" == typeof cancelAnimationFrame) cancelAnimationFrame(scrollFrameRef.current);
+        }, []);
+    const searchIndex = __rspack_external_react.useMemo(()=>{
+        if (!searchEnabled) return null;
+        return assets.map((asset)=>({
+                asset,
+                kind: inferAssetKind(asset),
+                haystack: [
+                    asset.id,
+                    asset.name ?? "",
+                    asset.meta?.mimeType ?? "",
+                    ...asset.tags ?? []
+                ].join("\u0000").toLowerCase()
+            }));
+    }, [
+        assets,
+        searchEnabled
+    ]);
     const filteredAssets = __rspack_external_react.useMemo(()=>{
-        if (!searchEnabled) return assets;
+        if (!searchEnabled || null === searchIndex) return assets;
         const lower = query.trim().toLowerCase();
-        return assets.filter((asset)=>{
-            if (activeKinds.length > 0) {
-                if (!activeKinds.includes(inferAssetKind(asset))) return false;
-            }
-            if ("" === lower) return true;
-            if (asset.id.toLowerCase().includes(lower)) return true;
-            if (asset.name?.toLowerCase().includes(lower)) return true;
-            if (asset.meta?.mimeType?.toLowerCase().includes(lower)) return true;
-            if (asset.tags?.some((tag)=>tag.toLowerCase().includes(lower))) return true;
-            return false;
-        });
+        const hasKindFilter = activeKinds.length > 0;
+        if ("" === lower && !hasKindFilter) return assets;
+        const result = [];
+        for (const entry of searchIndex)if (!hasKindFilter || activeKinds.includes(entry.kind)) {
+            if ("" === lower || entry.haystack.includes(lower)) result.push(entry.asset);
+        }
+        return result;
     }, [
         assets,
+        searchIndex,
         activeKinds,
         query,
         searchEnabled
@@ -59,19 +79,27 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
     function moveFocus(nextIndex) {
         if (0 === total) return;
         const clampedIndex = Math.max(0, Math.min(nextIndex, total - 1));
-        setActiveIndex(clampedIndex);
         if (isVirtualized && scrollContainerRef.current) {
             const targetTop = clampedIndex * itemHeight;
             const targetBottom = targetTop + itemHeight;
             const viewTop = scrollContainerRef.current.scrollTop;
-            const viewBottom = viewTop + maxHeight;
-            if (targetTop < viewTop) scrollContainerRef.current.scrollTop = targetTop;
-            else if (targetBottom > viewBottom) scrollContainerRef.current.scrollTop = targetBottom - maxHeight;
-            queueMicrotask(()=>{
-                buttonRefs.current[clampedIndex]?.focus();
+            let nextScrollTop = viewTop;
+            if (targetTop < viewTop) nextScrollTop = targetTop;
+            else if (targetBottom > viewTop + maxHeight) nextScrollTop = targetBottom - maxHeight;
+            if (null !== scrollFrameRef.current && "function" == typeof cancelAnimationFrame) {
+                cancelAnimationFrame(scrollFrameRef.current);
+                scrollFrameRef.current = null;
+            }
+            pendingScrollTopRef.current = nextScrollTop;
+            flushSync(()=>{
+                setActiveIndex(clampedIndex);
+                setScrollTop(nextScrollTop);
             });
+            scrollContainerRef.current.scrollTop = nextScrollTop;
+            buttonRefs.current[clampedIndex]?.focus();
             return;
         }
+        setActiveIndex(clampedIndex);
         buttonRefs.current[clampedIndex]?.focus();
     }
     function toggleKind(kind) {
@@ -202,7 +230,14 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
     return /*#__PURE__*/ __rspack_external_react.createElement(Card, null, /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, null, "Asset browser"), /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, "Validated assets currently registered in memory.")), /*#__PURE__*/ __rspack_external_react.createElement(CardContent, null, filterRow, /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-virtual": true,
         onScroll: (event)=>{
-            setScrollTop(event.currentTarget.scrollTop);
+            const next = event.currentTarget.scrollTop;
+            if ("function" != typeof requestAnimationFrame) return void setScrollTop(next);
+            pendingScrollTopRef.current = next;
+            if (null !== scrollFrameRef.current) return;
+            scrollFrameRef.current = requestAnimationFrame(()=>{
+                scrollFrameRef.current = null;
+                setScrollTop(pendingScrollTopRef.current);
+            });
         },
         ref: scrollContainerRef,
         style: {

package/dist/ui/AssetCommandPalette.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -29,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const input_namespaceObject = require("@anvilkit/ui/input");
 const external_react_namespaceObject = require("react");
-const external_infer_kind_cjs_namespaceObject = require("../infer-kind.cjs");
+const infer_kind_cjs_namespaceObject = require("../utils/infer-kind.cjs");
 const DEFAULT_MAX_RESULTS = 20;
 function AssetCommandPalette({ registry, open, onOpenChange, onSelect, maxResults = DEFAULT_MAX_RESULTS }) {
     const [query, setQuery] = external_react_namespaceObject.useState("");
@@ -48,27 +49,35 @@ function AssetCommandPalette({ registry, open, onOpenChange, onSelect, maxResult
         registry,
         maxResults
     ]);
+    const queryRef = external_react_namespaceObject.useRef(query);
+    queryRef.current = query;
     external_react_namespaceObject.useEffect(()=>{
         if (!open) return;
-        refresh(query);
-        const unsubscribe = registry.subscribe(()=>{
-            refresh(query);
+        setQuery("");
+        queueMicrotask(()=>{
+            inputRef.current?.focus();
         });
-        return unsubscribe;
+    }, [
+        open
+    ]);
+    external_react_namespaceObject.useEffect(()=>{
+        if (!open) return;
+        refresh(query);
     }, [
         open,
         query,
-        registry,
         refresh
     ]);
     external_react_namespaceObject.useEffect(()=>{
         if (!open) return;
-        setQuery("");
-        queueMicrotask(()=>{
-            inputRef.current?.focus();
+        const unsubscribe = registry.subscribe(()=>{
+            refresh(queryRef.current);
         });
+        return unsubscribe;
     }, [
-        open
+        open,
+        registry,
+        refresh
     ]);
     function handleKeyDown(event) {
         if ("ArrowDown" === event.key) {
@@ -124,7 +133,7 @@ function AssetCommandPalette({ registry, open, onOpenChange, onSelect, maxResult
                 setActiveIndex(index);
             },
             type: "button"
-        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.name ?? asset.id), /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.meta?.mimeType ?? (0, external_infer_kind_cjs_namespaceObject.inferAssetKind)(asset))))))));
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.name ?? asset.id), /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.meta?.mimeType ?? (0, infer_kind_cjs_namespaceObject.inferAssetKind)(asset))))))));
 }
 exports.AssetCommandPalette = __webpack_exports__.AssetCommandPalette;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/ui/AssetCommandPalette.d.cts

@@ -1,4 +1,4 @@
-import type { AssetRegistry, UploadResult } from "../types.js";
+import type { AssetRegistry, UploadResult } from "../types/types.js";
 export interface AssetCommandPaletteProps {
     /** Registry the palette searches against. */
     readonly registry: AssetRegistry;

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

@@ -1 +1 @@
-{"version":3,"file":"AssetCommandPalette.d.cts","sourceRoot":"","sources":["../../src/ui/AssetCommandPalette.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,WAAW,wBAAwB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAgC,GAChC,EAAE,wBAAwB,2CAmH1B"}
+{"version":3,"file":"AssetCommandPalette.d.cts","sourceRoot":"","sources":["../../src/ui/AssetCommandPalette.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,MAAM,WAAW,wBAAwB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAgC,GAChC,EAAE,wBAAwB,2CAiI1B"}

package/dist/ui/AssetCommandPalette.d.ts

@@ -1,4 +1,4 @@
-import type { AssetRegistry, UploadResult } from "../types.js";
+import type { AssetRegistry, UploadResult } from "../types/types.js";
 export interface AssetCommandPaletteProps {
     /** Registry the palette searches against. */
     readonly registry: AssetRegistry;

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

@@ -1 +1 @@
-{"version":3,"file":"AssetCommandPalette.d.ts","sourceRoot":"","sources":["../../src/ui/AssetCommandPalette.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,WAAW,wBAAwB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAgC,GAChC,EAAE,wBAAwB,2CAmH1B"}
+{"version":3,"file":"AssetCommandPalette.d.ts","sourceRoot":"","sources":["../../src/ui/AssetCommandPalette.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,MAAM,WAAW,wBAAwB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,wBAAgB,mBAAmB,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,UAAgC,GAChC,EAAE,wBAAwB,2CAiI1B"}

package/dist/ui/AssetCommandPalette.js

@@ -1,6 +1,7 @@
+"use client";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { Input } from "@anvilkit/ui/input";
-import { inferAssetKind } from "../infer-kind.js";
+import { inferAssetKind } from "../utils/infer-kind.js";
 import * as __rspack_external_react from "react";
 const DEFAULT_MAX_RESULTS = 20;
 function AssetCommandPalette({ registry, open, onOpenChange, onSelect, maxResults = DEFAULT_MAX_RESULTS }) {
@@ -20,27 +21,35 @@ function AssetCommandPalette({ registry, open, onOpenChange, onSelect, maxResult
         registry,
         maxResults
     ]);
+    const queryRef = __rspack_external_react.useRef(query);
+    queryRef.current = query;
     __rspack_external_react.useEffect(()=>{
         if (!open) return;
-        refresh(query);
-        const unsubscribe = registry.subscribe(()=>{
-            refresh(query);
+        setQuery("");
+        queueMicrotask(()=>{
+            inputRef.current?.focus();
         });
-        return unsubscribe;
+    }, [
+        open
+    ]);
+    __rspack_external_react.useEffect(()=>{
+        if (!open) return;
+        refresh(query);
     }, [
         open,
         query,
-        registry,
         refresh
     ]);
     __rspack_external_react.useEffect(()=>{
         if (!open) return;
-        setQuery("");
-        queueMicrotask(()=>{
-            inputRef.current?.focus();
+        const unsubscribe = registry.subscribe(()=>{
+            refresh(queryRef.current);
         });
+        return unsubscribe;
     }, [
-        open
+        open,
+        registry,
+        refresh
     ]);
     function handleKeyDown(event) {
         if ("ArrowDown" === event.key) {

package/dist/ui/AssetManagerUI.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -29,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 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 validate_upload_result_cjs_namespaceObject = require("../utils/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");
@@ -77,7 +78,7 @@ function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlA
     }
     async function handleConfirmReplace(asset, file) {
         const uploaded = await uploader(file);
-        const validated = (0, external_validate_upload_result_cjs_namespaceObject.validateUploadResult)({
+        const validated = (0, validate_upload_result_cjs_namespaceObject.validateUploadResult)({
             ...uploaded,
             meta: {
                 size: file.size,

package/dist/ui/AssetManagerUI.d.cts

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types.js";
+import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types/types.js";
 export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
     readonly registry: AssetRegistry;
     readonly onAssetInserted?: (asset: UploadResult) => void;

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

@@ -1 +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"}
+{"version":3,"file":"AssetManagerUI.d.cts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,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

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types.js";
+import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types/types.js";
 export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
     readonly registry: AssetRegistry;
     readonly onAssetInserted?: (asset: UploadResult) => void;

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

@@ -1 +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"}
+{"version":3,"file":"AssetManagerUI.d.ts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,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

@@ -1,6 +1,7 @@
+"use client";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@anvilkit/ui/card";
 import { Progress } from "@anvilkit/ui/progress";
-import { validateUploadResult } from "../validate-upload-result.js";
+import { validateUploadResult } from "../utils/validate-upload-result.js";
 import { AssetBrowser } from "./AssetBrowser.js";
 import { AssetCommandPalette } from "./AssetCommandPalette.js";
 import { DeleteAssetDialog } from "./DeleteAssetDialog.js";

package/dist/ui/DeleteAssetDialog.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{

package/dist/ui/DeleteAssetDialog.d.cts

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface DeleteAssetDialogProps {
     /**
      * Asset to confirm deletion for. When `null`, the dialog is closed.

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

@@ -1 +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"}
+{"version":3,"file":"DeleteAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,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

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface DeleteAssetDialogProps {
     /**
      * Asset to confirm deletion for. When `null`, the dialog is closed.

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

@@ -1 +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"}
+{"version":3,"file":"DeleteAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,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

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import * as __rspack_external_react from "react";

package/dist/ui/MetadataPanel.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{

package/dist/ui/MetadataPanel.d.cts

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface MetadataPanelProps {
     /**
      * Asset whose metadata is being edited. When `null`, the panel is

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}

package/dist/ui/MetadataPanel.d.ts

@@ -1,4 +1,4 @@
-import type { UploadResult } from "../types.js";
+import type { UploadResult } from "../types/types.js";
 export interface MetadataPanelProps {
     /**
      * Asset whose metadata is being edited. When `null`, the panel is

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}

package/dist/ui/MetadataPanel.js

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { Input } from "@anvilkit/ui/input";

package/dist/ui/ReplaceAssetDialog.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{

package/dist/ui/ReplaceAssetDialog.d.cts

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, UploadResult } from "../types.js";
+import type { AssetManagerOptions, UploadResult } from "../types/types.js";
 export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAErE,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}

package/dist/ui/ReplaceAssetDialog.d.ts

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, UploadResult } from "../types.js";
+import type { AssetManagerOptions, UploadResult } from "../types/types.js";
 export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAErE,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuHzB"}

package/dist/ui/ReplaceAssetDialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { validateSelectedFile } from "../plugin.js";

package/dist/ui/UploadButton.cjs

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -29,18 +30,24 @@ __webpack_require__.d(__webpack_exports__, {
 const button_namespaceObject = require("@anvilkit/ui/button");
 const external_react_namespaceObject = require("react");
 const external_plugin_cjs_namespaceObject = require("../plugin.cjs");
-const external_validate_upload_result_cjs_namespaceObject = require("../validate-upload-result.cjs");
+const validate_upload_result_cjs_namespaceObject = require("../utils/validate-upload-result.cjs");
 function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader }) {
     const inputRef = external_react_namespaceObject.useRef(null);
     const [errorMessage, setErrorMessage] = external_react_namespaceObject.useState(null);
     const [batch, setBatch] = external_react_namespaceObject.useState(null);
     const [isDragOver, setIsDragOver] = external_react_namespaceObject.useState(false);
     const isUploading = null !== batch;
+    const uploadAbortRef = external_react_namespaceObject.useRef(null);
+    external_react_namespaceObject.useEffect(()=>()=>uploadAbortRef.current?.abort(), []);
     const acceptAttr = external_react_namespaceObject.useMemo(()=>acceptedMimeTypes?.join(","), [
         acceptedMimeTypes
     ]);
     async function processFiles(files) {
         if (0 === files.length) return;
+        uploadAbortRef.current?.abort();
+        const controller = new AbortController();
+        uploadAbortRef.current = controller;
+        const { signal } = controller;
         const total = files.length;
         setErrorMessage(null);
         const initial = {
@@ -51,14 +58,18 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         onProgress?.(initial);
         let lastError = null;
         for(let index = 0; index < files.length; index += 1){
+            if (signal.aborted) return;
             const file = files[index];
             if (file) try {
                 (0, external_plugin_cjs_namespaceObject.validateSelectedFile)(file, {
                     acceptedMimeTypes,
                     maxFileSize
                 });
-                const uploaded = await uploader(file);
-                const validated = (0, external_validate_upload_result_cjs_namespaceObject.validateUploadResult)({
+                const uploaded = await uploader(file, {
+                    signal
+                });
+                if (signal.aborted) return;
+                const validated = (0, validate_upload_result_cjs_namespaceObject.validateUploadResult)({
                     ...uploaded,
                     meta: {
                         size: file.size,
@@ -73,17 +84,21 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
                 });
                 onUploaded?.(validated);
             } catch (error) {
+                if (signal.aborted) return;
                 lastError = error instanceof Error ? error.message : String(error);
                 onError?.(error);
             } finally{
-                const next = {
-                    completed: index + 1,
-                    total
-                };
-                setBatch(next);
-                onProgress?.(next);
+                if (!signal.aborted) {
+                    const next = {
+                        completed: index + 1,
+                        total
+                    };
+                    setBatch(next);
+                    onProgress?.(next);
+                }
             }
         }
+        if (signal.aborted) return;
         if (null !== lastError) setErrorMessage(lastError);
         setBatch(null);
         onProgress?.(null);

package/dist/ui/UploadButton.d.cts

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, UploadResult } from "../types.js";
+import type { AssetManagerOptions, UploadResult } from "../types/types.js";
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;

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

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.cts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CAwJnB"}
+{"version":3,"file":"UploadButton.d.cts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG3E,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CA6KnB"}

package/dist/ui/UploadButton.d.ts

@@ -1,4 +1,4 @@
-import type { AssetManagerOptions, UploadResult } from "../types.js";
+import type { AssetManagerOptions, UploadResult } from "../types/types.js";
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;