@imgly/plugin-background-removal-web 0.1.0 → 0.2.0

package/dist/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const BG_REMOVAL_ID = "@imgly/plugin-background-removal-web";
+export declare const PLUGIN_ID = "@imgly/plugin-background-removal-web";
 export declare const CANVAS_MENU_COMPONENT_ID = "@imgly/plugin-background-removal-web.canvasMenu";
 export declare const CANVAS_MENU_COMPONENT_BUTTON_ID = "@imgly/plugin-background-removal-web.canvasMenu.button";
 export declare const FEATURE_ID = "@imgly/plugin-background-removal-web.feature";

package/dist/index.mjs

@@ -1,492 +1,2 @@
-// src/utils.ts
-import isEqual from "lodash/isEqual";
-
-// src/constants.ts
-var BG_REMOVAL_ID = "@imgly/plugin-background-removal-web";
-var CANVAS_MENU_COMPONENT_ID = `${BG_REMOVAL_ID}.canvasMenu`;
-var CANVAS_MENU_COMPONENT_BUTTON_ID = `${CANVAS_MENU_COMPONENT_ID}.button`;
-var FEATURE_ID = `${BG_REMOVAL_ID}.feature`;
-
-// src/utils.ts
-function setBGRemovalMetadata(cesdk, id, metadata) {
-  cesdk.engine.block.setMetadata(id, BG_REMOVAL_ID, JSON.stringify(metadata));
-}
-function getBGRemovalMetadata(cesdk, id) {
-  if (cesdk.engine.block.hasMetadata(id, BG_REMOVAL_ID)) {
-    return JSON.parse(cesdk.engine.block.getMetadata(id, BG_REMOVAL_ID));
-  } else {
-    return {
-      status: "IDLE"
-    };
-  }
-}
-function clearBGRemovalMetadata(cesdk, id) {
-  if (cesdk.engine.block.hasMetadata(id, BG_REMOVAL_ID)) {
-    cesdk.engine.block.removeMetadata(id, BG_REMOVAL_ID);
-  }
-}
-function isDuplicate(cesdk, blockId, metadata) {
-  if (!cesdk.engine.block.isValid(blockId))
-    return false;
-  if (metadata.status === "IDLE" || metadata.status === "PENDING" || metadata.status === "ERROR")
-    return false;
-  if (!cesdk.engine.block.hasFill(blockId))
-    return false;
-  const fillId = cesdk.engine.block.getFill(blockId);
-  if (metadata.blockId === blockId || metadata.fillId === fillId)
-    return false;
-  return true;
-}
-function fixDuplicateMetadata(cesdk, blockId) {
-  const fillId = cesdk.engine.block.getFill(blockId);
-  const metadata = getBGRemovalMetadata(cesdk, blockId);
-  if (metadata.status === "IDLE" || metadata.status === "PENDING" || metadata.status === "ERROR")
-    return;
-  setBGRemovalMetadata(cesdk, blockId, {
-    ...metadata,
-    blockId,
-    fillId
-  });
-}
-function isMetadataConsistent(cesdk, blockId) {
-  if (!cesdk.engine.block.isValid(blockId))
-    return false;
-  const metadata = getBGRemovalMetadata(cesdk, blockId);
-  if (metadata.status === "IDLE" || metadata.status === "PENDING")
-    return true;
-  if (!cesdk.engine.block.hasFill(blockId))
-    return false;
-  const fillId = cesdk.engine.block.getFill(blockId);
-  if (fillId == null)
-    return false;
-  if (blockId !== metadata.blockId || fillId !== metadata.fillId)
-    return false;
-  const sourceSet = cesdk.engine.block.getSourceSet(
-    fillId,
-    "fill/image/sourceSet"
-  );
-  const imageFileURI = cesdk.engine.block.getString(
-    fillId,
-    "fill/image/imageFileURI"
-  );
-  if (sourceSet.length === 0 && !imageFileURI && metadata.status === "PROCESSING") {
-    return true;
-  }
-  if (sourceSet?.length > 0) {
-    const initialSourceSet = metadata.initialSourceSet;
-    if (metadata.status === "PROCESSED_WITH_BG" || metadata.status === "PROCESSED_WITHOUT_BG") {
-      const removedBackground = metadata.removedBackground;
-      if (!isEqual(sourceSet, removedBackground) && !isEqual(sourceSet, initialSourceSet)) {
-        return false;
-      }
-    } else {
-      if (!isEqual(sourceSet, initialSourceSet)) {
-        return false;
-      }
-    }
-  } else {
-    if (metadata.status === "PROCESSED_WITH_BG" || metadata.status === "PROCESSED_WITHOUT_BG") {
-      if (imageFileURI !== metadata.initialImageFileURI && imageFileURI !== metadata.removedBackground) {
-        return false;
-      }
-    } else {
-      if (imageFileURI !== metadata.initialImageFileURI) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-function toggleBackgroundRemovalData(cesdk, blockId) {
-  const blockApi = cesdk.engine.block;
-  if (!blockApi.hasFill(blockId))
-    return;
-  const fillId = blockApi.getFill(blockId);
-  const metadata = getBGRemovalMetadata(cesdk, blockId);
-  if (metadata.status === "PROCESSED_WITH_BG") {
-    setBGRemovalMetadata(cesdk, blockId, {
-      ...metadata,
-      status: "PROCESSED_WITHOUT_BG"
-    });
-    if (typeof metadata.removedBackground === "string") {
-      blockApi.setString(
-        fillId,
-        "fill/image/imageFileURI",
-        metadata.removedBackground
-      );
-    } else {
-      blockApi.setSourceSet(
-        fillId,
-        "fill/image/sourceSet",
-        metadata.removedBackground
-      );
-    }
-    cesdk.engine.editor.addUndoStep();
-  } else if (metadata.status === "PROCESSED_WITHOUT_BG") {
-    setBGRemovalMetadata(cesdk, blockId, {
-      ...metadata,
-      status: "PROCESSED_WITH_BG"
-    });
-    blockApi.setString(
-      fillId,
-      "fill/image/imageFileURI",
-      metadata.initialImageFileURI
-    );
-    blockApi.setSourceSet(
-      fillId,
-      "fill/image/sourceSet",
-      metadata.initialSourceSet
-    );
-    cesdk.engine.editor.addUndoStep();
-  }
-}
-function recoverInitialImageData(cesdk, blockId) {
-  const blockApi = cesdk.engine.block;
-  if (!blockApi.hasFill(blockId))
-    return;
-  const metadata = getBGRemovalMetadata(cesdk, blockId);
-  if (metadata.status === "PENDING" || metadata.status === "IDLE") {
-    return;
-  }
-  const initialSourceSet = metadata.initialSourceSet;
-  const initialImageFileURI = metadata.initialImageFileURI;
-  const fillId = getValidFill(cesdk, blockId, metadata);
-  if (fillId == null)
-    return;
-  if (initialImageFileURI) {
-    cesdk.engine.block.setString(
-      fillId,
-      "fill/image/imageFileURI",
-      initialImageFileURI
-    );
-  }
-  if (initialSourceSet.length > 0) {
-    cesdk.engine.block.setSourceSet(
-      fillId,
-      "fill/image/sourceSet",
-      initialSourceSet
-    );
-  }
-}
-function getValidFill(cesdk, blockId, metadata) {
-  if (!cesdk.engine.block.isValid(blockId) || !cesdk.engine.block.hasFill(blockId) || blockId !== metadata.blockId) {
-    return void 0;
-  }
-  const fillId = cesdk.engine.block.getFill(blockId);
-  if (fillId !== metadata.fillId) {
-    return void 0;
-  }
-  return fillId;
-}
-
-// src/registerComponents.ts
-function registerComponents(cesdk) {
-  cesdk.ui.unstable_setCanvasMenuOrder([
-    CANVAS_MENU_COMPONENT_ID,
-    ...cesdk.ui.unstable_getCanvasMenuOrder()
-  ]);
-  cesdk.ui.unstable_registerComponent(
-    CANVAS_MENU_COMPONENT_ID,
-    ({ builder: { Button }, engine }) => {
-      if (!cesdk.feature.unstable_isEnabled(FEATURE_ID, {
-        engine
-      })) {
-        return;
-      }
-      const [id] = engine.block.findAllSelected();
-      const metadata = getBGRemovalMetadata(cesdk, id);
-      const isActive = metadata.status === "PROCESSED_WITHOUT_BG";
-      const isLoading = metadata.status === "PROCESSING";
-      const isDisabled = metadata.status === "PENDING" || metadata.status === "PROCESSING";
-      let loadingProgress;
-      if (isLoading && metadata.progress) {
-        const { key, current, total } = metadata.progress;
-        if (key === "compute:inference") {
-          loadingProgress = void 0;
-        } else if (key.startsWith("fetch:/models/")) {
-          loadingProgress = current / total * 50;
-        } else if (key.startsWith("fetch:/onnxruntime-web/")) {
-          loadingProgress = 50 + current / total * 50;
-        } else {
-          loadingProgress = void 0;
-        }
-      }
-      Button(CANVAS_MENU_COMPONENT_BUTTON_ID, {
-        label: "BG Removal",
-        icon: "@imgly/icons/BGRemove",
-        isActive,
-        isLoading,
-        isDisabled,
-        loadingProgress,
-        onClick: () => {
-          switch (metadata.status) {
-            case "IDLE":
-            case "ERROR": {
-              setBGRemovalMetadata(cesdk, id, {
-                status: "PENDING"
-              });
-              break;
-            }
-            case "PROCESSED_WITHOUT_BG":
-            case "PROCESSED_WITH_BG": {
-              toggleBackgroundRemovalData(cesdk, id);
-              break;
-            }
-            default: {
-            }
-          }
-        }
-      });
-    }
-  );
-}
-
-// src/enableFeatures.ts
-function enableFeatures(cesdk) {
-  cesdk.feature.unstable_enable(FEATURE_ID, ({ engine }) => {
-    const selectedIds = engine.block.findAllSelected();
-    if (selectedIds.length !== 1) {
-      return false;
-    }
-    const [selectedId] = selectedIds;
-    if (cesdk.engine.block.hasFill(selectedId)) {
-      const fillId = cesdk.engine.block.getFill(selectedId);
-      const fillType = cesdk.engine.block.getType(fillId);
-      if (fillType !== "//ly.img.ubq/fill/image") {
-        return false;
-      }
-      const fileUri = engine.block.getString(fillId, "fill/image/imageFileURI");
-      const sourceSet = engine.block.getSourceSet(
-        fillId,
-        "fill/image/sourceSet"
-      );
-      if (sourceSet.length > 0 || fileUri !== "")
-        return true;
-      const metadata = getBGRemovalMetadata(cesdk, selectedId);
-      return metadata.status === "PROCESSING";
-    }
-    return false;
-  });
-}
-
-// src/processBackgroundRemoval.ts
-import {
-  segmentForeground,
-  applySegmentationMask
-} from "@imgly/background-removal";
-import throttle from "lodash/throttle";
-async function processBackgroundRemoval(cesdk, blockId, configuration) {
-  const blockApi = cesdk.engine.block;
-  if (!blockApi.hasFill(blockId))
-    throw new Error("Block has no fill to remove the background from");
-  const fillId = blockApi.getFill(blockId);
-  const initialSourceSet = blockApi.getSourceSet(
-    fillId,
-    "fill/image/sourceSet"
-  );
-  const initialImageFileURI = blockApi.getString(
-    fillId,
-    "fill/image/imageFileURI"
-  );
-  try {
-    blockApi.setString(fillId, "fill/image/imageFileURI", "");
-    blockApi.setSourceSet(fillId, "fill/image/sourceSet", []);
-    const metadata = getBGRemovalMetadata(cesdk, blockId);
-    setBGRemovalMetadata(cesdk, blockId, {
-      ...metadata,
-      version: "0.1.0",
-      initialSourceSet,
-      initialImageFileURI,
-      blockId,
-      fillId,
-      status: "PROCESSING"
-    });
-    const uriToProcess = (
-      // Source sets have priority in the engine
-      initialSourceSet.length > 0 ? (
-        // Choose the highest resolution image in the source set
-        initialSourceSet.sort(
-          (a, b) => b.width * b.height - a.height * a.width
-        )[0].uri
-      ) : initialImageFileURI
-    );
-    const mask = await segmentForeground(uriToProcess, configuration);
-    if (initialSourceSet.length > 0) {
-      const uploaded = await maskSourceSet(
-        cesdk,
-        blockId,
-        initialSourceSet,
-        mask,
-        configuration
-      );
-      if (uploaded == null)
-        return;
-      if (uploaded.every((url) => url == null)) {
-        throw new Error("Could not upload any BG removed image");
-      }
-      const newSourceSet = initialSourceSet.map((source, index) => {
-        return {
-          ...source,
-          uri: uploaded[index]
-        };
-      });
-      setBGRemovalMetadata(cesdk, blockId, {
-        version: "0.1.0",
-        initialSourceSet,
-        initialImageFileURI,
-        blockId,
-        fillId,
-        status: "PROCESSED_WITHOUT_BG",
-        removedBackground: newSourceSet
-      });
-      blockApi.setSourceSet(fillId, "fill/image/sourceSet", newSourceSet);
-    } else {
-      const uploaded = await maskSourceSet(
-        cesdk,
-        blockId,
-        [{ uri: uriToProcess }],
-        mask,
-        configuration
-      );
-      if (uploaded == null)
-        return;
-      const uploadedUrl = uploaded[0];
-      if (uploadedUrl == null) {
-        throw new Error("Could not upload BG removed image");
-      }
-      setBGRemovalMetadata(cesdk, blockId, {
-        version: "0.1.0",
-        initialSourceSet,
-        initialImageFileURI,
-        blockId,
-        fillId,
-        status: "PROCESSED_WITHOUT_BG",
-        removedBackground: uploadedUrl
-      });
-      blockApi.setString(fillId, "fill/image/imageFileURI", uploadedUrl);
-    }
-    cesdk.engine.editor.addUndoStep();
-  } catch (error) {
-    if (cesdk.engine.block.isValid(blockId)) {
-      setBGRemovalMetadata(cesdk, blockId, {
-        version: "0.1.0",
-        initialSourceSet,
-        initialImageFileURI,
-        blockId,
-        fillId,
-        status: "ERROR"
-      });
-      recoverInitialImageData(cesdk, blockId);
-    }
-    console.log(error);
-  }
-}
-async function maskSourceSet(cesdk, blockId, urisOrSources, mask, configurationFromArgs) {
-  const configuration = {
-    ...configurationFromArgs,
-    progress: throttle((key, current, total) => {
-      const metadataDuringProgress = getBGRemovalMetadata(cesdk, blockId);
-      if (metadataDuringProgress.status !== "PROCESSING" || !isMetadataConsistent(cesdk, blockId))
-        return;
-      configurationFromArgs.progress?.(key, current, total);
-      setBGRemovalMetadata(cesdk, blockId, {
-        ...metadataDuringProgress,
-        progress: { key, current, total }
-      });
-    }, 100)
-  };
-  const masked = await Promise.all(
-    urisOrSources.map(async (source) => {
-      const blob = await applySegmentationMask(source.uri, mask, configuration);
-      return [blob, source];
-    })
-  );
-  if (getBGRemovalMetadata(cesdk, blockId).status !== "PROCESSING" || !isMetadataConsistent(cesdk, blockId))
-    return;
-  const uploaded = await Promise.all(
-    masked.map(async ([blob, source]) => {
-      const pathname = new URL(source.uri).pathname;
-      const parts = pathname.split("/");
-      const filename = parts[parts.length - 1];
-      const uploadedAssets = await cesdk.unstable_upload(
-        new File([blob], filename, { type: blob.type }),
-        () => {
-        }
-      );
-      const url = uploadedAssets.meta?.uri;
-      if (url == null) {
-        throw new Error("Could not upload BG removed image");
-      }
-      return [url, source];
-    })
-  );
-  if (getBGRemovalMetadata(cesdk, blockId).status !== "PROCESSING" || !isMetadataConsistent(cesdk, blockId))
-    return;
-  return uploaded.map(([url]) => url);
-}
-
-// src/plugin.ts
-var plugin_default = (pluginConfiguration = {}) => {
-  const backgroundRemovalConfiguration = pluginConfiguration?.backgroundRemoval ?? {};
-  return {
-    initialize() {
-    },
-    update() {
-    },
-    initializeUserInterface({ cesdk }) {
-      cesdk.engine.event.subscribe([], async (events) => {
-        events.forEach((e) => {
-          const id = e.block;
-          if (!cesdk.engine.block.isValid(id) || !cesdk.engine.block.hasMetadata(id, BG_REMOVAL_ID)) {
-            return;
-          }
-          if (e.type === "Created") {
-            const metadata = getBGRemovalMetadata(cesdk, id);
-            if (isDuplicate(cesdk, id, metadata)) {
-              fixDuplicateMetadata(cesdk, id);
-            }
-          } else if (e.type === "Updated") {
-            handleUpdateEvent(cesdk, id, backgroundRemovalConfiguration);
-          }
-        });
-      });
-      registerComponents(cesdk);
-      enableFeatures(cesdk);
-    }
-  };
-};
-async function handleUpdateEvent(cesdk, blockId, configuration) {
-  const metadata = getBGRemovalMetadata(cesdk, blockId);
-  switch (metadata.status) {
-    case "PENDING": {
-      if (cesdk.feature.unstable_isEnabled(FEATURE_ID, {
-        engine: cesdk.engine
-      })) {
-        processBackgroundRemoval(cesdk, blockId, configuration);
-      }
-      break;
-    }
-    case "PROCESSING":
-    case "PROCESSED_WITH_BG":
-    case "PROCESSED_WITHOUT_BG": {
-      if (!isMetadataConsistent(cesdk, blockId)) {
-        clearBGRemovalMetadata(cesdk, blockId);
-      }
-      break;
-    }
-    default: {
-    }
-  }
-}
-
-// src/index.ts
-var Plugin = (pluginConfiguration) => ({
-  name: BG_REMOVAL_ID,
-  version: "0.1.0",
-  ...plugin_default(pluginConfiguration)
-});
-var src_default = Plugin;
-export {
-  src_default as default
-};
+var m="@imgly/plugin-background-removal-web",R=`${m}.canvasMenu`,I=`${R}.button`,E=`${m}.feature`;import v from"lodash/isEqual";function p(e,t,i){e.engine.block.setMetadata(t,m,JSON.stringify(i))}function g(e,t){return e.engine.block.hasMetadata(t,m)?JSON.parse(e.engine.block.getMetadata(t,m)):{status:"IDLE"}}function D(e,t){e.engine.block.hasMetadata(t,m)&&e.engine.block.removeMetadata(t,m)}function N(e,t,i){if(!e.engine.block.isValid(t)||i.status==="IDLE"||i.status==="PENDING"||i.status==="ERROR"||!e.engine.block.hasFill(t))return!1;let n=e.engine.block.getFill(t);return!(i.blockId===t||i.fillId===n)}function U(e,t){let i=e.engine.block.getFill(t),n=g(e,t);n.status==="IDLE"||n.status==="PENDING"||n.status==="ERROR"||p(e,t,{...n,blockId:t,fillId:i})}function d(e,t){if(!e.engine.block.isValid(t))return!1;let i=g(e,t);if(i.status==="IDLE"||i.status==="PENDING")return!0;if(!e.engine.block.hasFill(t))return!1;let n=e.engine.block.getFill(t);if(n==null||t!==i.blockId||n!==i.fillId)return!1;let r=e.engine.block.getSourceSet(n,"fill/image/sourceSet"),a=e.engine.block.getString(n,"fill/image/imageFileURI");if(r.length===0&&!a&&i.status==="PROCESSING")return!0;if(r?.length>0){let l=i.initialSourceSet;if(i.status==="PROCESSED"){let u=i.removedBackground;if(!v(r,u)&&!v(r,l))return!1}else if(!v(r,l))return!1}else if(i.status==="PROCESSED"){if(a!==i.initialImageFileURI&&a!==i.removedBackground)return!1}else if(a!==i.initialImageFileURI)return!1;return!0}function b(e,t){if(!e.engine.block.hasFill(t))return;let n=g(e,t);if(n.status==="PENDING"||n.status==="IDLE")return;let r=n.initialSourceSet,a=n.initialImageFileURI,l=n.initialPreviewFileURI,u=G(e,t,n);u!=null&&(a&&e.engine.block.setString(u,"fill/image/imageFileURI",a),l&&e.engine.block.setString(u,"fill/image/previewFileURI",l),r.length>0&&e.engine.block.setSourceSet(u,"fill/image/sourceSet",r))}function G(e,t,i){if(!e.engine.block.isValid(t)||!e.engine.block.hasFill(t)||t!==i.blockId)return;let n=e.engine.block.getFill(t);if(n===i.fillId)return n}function h(e){e.feature.unstable_enable(E,({engine:t})=>{let i=t.block.findAllSelected();if(i.length!==1)return!1;let[n]=i;if(e.engine.block.hasFill(n)){let r=e.engine.block.getFill(n);if(e.engine.block.getType(r)!=="//ly.img.ubq/fill/image")return!1;let l=t.block.getString(r,"fill/image/imageFileURI");return t.block.getSourceSet(r,"fill/image/sourceSet").length>0||l!==""?!0:g(e,n).status==="PROCESSING"}return!1})}import{applySegmentationMask as w,segmentForeground as B}from"@imgly/background-removal";import A from"lodash/throttle";async function F(e,t,i){let n=e.engine.block;if(!n.hasFill(t))throw new Error("Block has no fill to remove the background from");let r=n.getFill(t),a=n.getSourceSet(r,"fill/image/sourceSet"),l=n.getString(r,"fill/image/imageFileURI"),u=n.getString(r,"fill/image/previewFileURI");try{n.setString(r,"fill/image/imageFileURI",""),n.setSourceSet(r,"fill/image/sourceSet",[]);let o=g(e,t);p(e,t,{...o,version:"0.2.0",initialSourceSet:a,initialImageFileURI:l,initialPreviewFileURI:u,blockId:t,fillId:r,status:"PROCESSING"});let f=a.length>0?a.sort((s,c)=>c.width*c.height-s.height*s.width)[0].uri:l;u||n.setString(r,"fill/image/previewFileURI",f);let S=await B(f,i);if(a.length>0){let s=await O(e,t,a,S,i);if(s==null)return;if(s.every(P=>P==null))throw new Error("Could not upload any BG removed image");let c=a.map((P,C)=>({...P,uri:s[C]}));p(e,t,{version:"0.2.0",initialSourceSet:a,initialImageFileURI:l,initialPreviewFileURI:u,blockId:t,fillId:r,status:"PROCESSED",removedBackground:c}),n.setSourceSet(r,"fill/image/sourceSet",c),n.setString(r,"fill/image/previewFileURI","")}else{let s=await O(e,t,[{uri:f}],S,i);if(s==null)return;let c=s[0];if(c==null)throw new Error("Could not upload BG removed image");p(e,t,{version:"0.2.0",initialSourceSet:a,initialImageFileURI:l,initialPreviewFileURI:u,blockId:t,fillId:r,status:"PROCESSED",removedBackground:c}),n.setString(r,"fill/image/imageFileURI",c),n.setString(r,"fill/image/previewFileURI","")}e.engine.editor.addUndoStep()}catch(o){e.engine.block.isValid(t)&&(p(e,t,{version:"0.2.0",initialSourceSet:a,initialImageFileURI:l,initialPreviewFileURI:u,blockId:t,fillId:r,status:"ERROR"}),b(e,t)),console.log(o)}}async function O(e,t,i,n,r){let a={...r,progress:A((o,f,S)=>{let s=g(e,t);s.status!=="PROCESSING"||!d(e,t)||(r.progress?.(o,f,S),p(e,t,{...s,progress:{key:o,current:f,total:S}}))},100)},l=await Promise.all(i.map(async o=>[await w(o.uri,n,a),o]));if(g(e,t).status!=="PROCESSING"||!d(e,t))return;let u=await Promise.all(l.map(async([o,f])=>{let s=new URL(f.uri).pathname.split("/"),c=s[s.length-1],C=(await e.unstable_upload(new File([o],c,{type:o.type}),()=>{})).meta?.uri;if(C==null)throw new Error("Could not upload BG removed image");return[C,f]}));if(!(g(e,t).status!=="PROCESSING"||!d(e,t)))return u.map(([o])=>o)}var M=`plugin.${m}.action.removeBackground`;function _(e,t={}){T("canvasMenu",t)&&e.ui.unstable_setCanvasMenuOrder([R,...e.ui.unstable_getCanvasMenuOrder()]),e.setTranslations({en:{[M]:"BG Removal"}}),e.ui.unstable_registerComponent(R,({builder:{Button:i},engine:n})=>{if(!e.feature.unstable_isEnabled(E,{engine:n}))return;let[r]=n.block.findAllSelected(),a=g(e,r),l=a.status==="PROCESSING",u=a.status==="PENDING"||a.status==="PROCESSING",o;if(l&&a.progress){let{key:f,current:S,total:s}=a.progress;f==="compute:inference"?o=void 0:f.startsWith("fetch:/models/")?o=S/s*50:f.startsWith("fetch:/onnxruntime-web/")?o=50+S/s*50:o=void 0}i(I,{label:M,icon:"@imgly/icons/BGRemove",isLoading:l,isDisabled:u,loadingProgress:o,onClick:()=>{(a.status==="IDLE"||a.status==="ERROR"||a.status==="PROCESSED")&&p(e,r,{status:"PENDING"})}})})}function T(e,t){return t.locations&&(Array.isArray(t.locations)?t.locations:[t.locations]).includes(e)}var y=(e={})=>{let t=e?.backgroundRemoval??{};return{initialize(){},update(){},initializeUserInterface({cesdk:i}){i.engine.event.subscribe([],async n=>{n.forEach(r=>{let a=r.block;if(!(!i.engine.block.isValid(a)||!i.engine.block.hasMetadata(a,m)))if(r.type==="Created"){let l=g(i,a);N(i,a,l)&&U(i,a)}else r.type==="Updated"&&x(i,a,t)})}),_(i,e.ui),h(i)}}};async function x(e,t,i){switch(g(e,t).status){case"PENDING":{e.feature.unstable_isEnabled(E,{engine:e.engine})&&F(e,t,i);break}case"PROCESSING":case"PROCESSED":{d(e,t)||D(e,t);break}default:}}var K=e=>({name:m,version:"0.2.0",...y(e)}),se=K;export{se as default};
 //# sourceMappingURL=index.mjs.map