@cesdk/cesdk-js 1.60.0-rc.0 → 1.60.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cesdk/cesdk-js",
-  "version": "1.60.0-rc.0",
+  "version": "1.60.0-rc.1",
   "module": "./index.js",
   "type": "module",
   "types": "./index.d.ts",
@@ -11,14 +11,22 @@
       "module": "./index.js"
     },
     "./react": {
-      "types": "./integrations/react.d.ts",
-      "import": "./integrations/react.js",
-      "module": "./integrations/react.js"
+      "types": "./react/index.d.ts",
+      "import": "./react/index.js",
+      "module": "./react/index.js",
+      "default": "./react/index.js"
     },
     "./vue": {
-      "types": "./integrations/vue.d.ts",
-      "import": "./integrations/vue.js",
-      "module": "./integrations/vue.js"
+      "types": "./vue/index.d.ts",
+      "import": "./vue/index.js",
+      "module": "./vue/index.js",
+      "default": "./vue/index.js"
+    },
+    "./angular": {
+      "types": "./angular/index.d.ts",
+      "import": "./angular/index.js",
+      "module": "./angular/index.js",
+      "default": "./angular/index.js"
     }
   },
   "homepage": "https://www.img.ly",
@@ -26,13 +34,21 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "readme": "README.md",
   "dependencies": {
-    "@cesdk/engine": "1.60.0-rc.0"
+    "@cesdk/engine": "1.60.0-rc.1"
   },
   "peerDependencies": {
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
     "react": ">16",
     "vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
+    "@angular/common": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },

package/vue/index.js

@@ -0,0 +1 @@
+import{defineComponent as e,h as t,onBeforeUnmount as i,onMounted as a,ref as r,shallowRef as n,watch as o}from"vue";var l=e({name:"CreativeEditor",props:{config:{type:Object,required:!0},init:{type:Function,required:!0},height:{type:[Number,String],default:"100%"},width:{type:[Number,String],default:"100%"},class:{type:String,default:void 0}},emits:{"loading-state-change":e=>["idle","loading","loaded","error"].includes(e),error:e=>e&&"object"==typeof e&&"string"==typeof e.message},setup(e,{emit:l,expose:d,attrs:c}){const s=r(null),u=n(null),g=r("idle");let f=0,p=!1;const v=(e,t)=>{const i={message:e,cause:t};g.value="error",l("loading-state-change","error"),l("error",i)},h=()=>{if(u.value)try{u.value.dispose()}catch(e){p&&v("Error during CreativeEditor cleanup",e)}finally{u.value=null}},y=async()=>{const t=++f,i=s.value;if(i)try{g.value="loading",l("loading-state-change","loading"),(e=>{if(!e||"object"!=typeof e)throw new Error("Configuration must be a valid object")})(e.config),(e=>{if(!e||"function"!=typeof e)throw new Error("Init must be a valid function")})(e.init);const CreativeEditorSDK=(await import("@cesdk/cesdk-js")).default,a=await CreativeEditorSDK.create(i,e.config);if(t!==f||!p){try{a.dispose()}catch{}return}u.value=a,g.value="loaded",l("loading-state-change","loaded");try{await(e.init?.(a))}catch(e){v("Initialization function failed",e)}}catch(e){p&&t===f&&v("Failed to create Creative Editor SDK instance",e)}};return o((()=>e.config),(()=>{s.value&&p&&(h(),y())}),{deep:!0}),o((()=>e.init),(()=>{s.value&&p&&(h(),y())})),a((()=>{p=!0,y()})),i((()=>{p=!1,f++,h()})),d({cesdk:u,loadingState:g,reinitialize:y,dispose:h}),()=>{const i={height:e.height,width:e.width};return t("div",{ref:s,class:e.class,style:i,"data-testid":"creative-editor-container",...c})}}}),d=l;export{l as CreativeEditor,d as default};

package/integrations/vue.js

@@ -1,171 +0,0 @@
-// packages/integrations/vue.ts
-import {
-  defineComponent,
-  h,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  shallowRef,
-  watch
-} from "vue";
-var CreativeEditor = defineComponent({
-  name: "CreativeEditor",
-  props: {
-    config: {
-      type: Object,
-      required: true
-    },
-    init: {
-      type: Function,
-      required: true
-    },
-    height: {
-      type: [Number, String],
-      default: "100%"
-    },
-    width: {
-      type: [Number, String],
-      default: "100%"
-    },
-    class: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: {
-    "loading-state-change": (state) => {
-      return ["idle", "loading", "loaded", "error"].includes(state);
-    },
-    error: (error) => {
-      return error && typeof error === "object" && typeof error.message === "string";
-    }
-  },
-  setup(props, { emit, expose, attrs }) {
-    const cesdkContainer = ref(null);
-    const cesdkInstance = shallowRef(null);
-    const loadingState = ref("idle");
-    let initToken = 0;
-    let mounted = false;
-    const handleError = (errorMessage, cause) => {
-      const editorError = {
-        message: errorMessage,
-        cause
-      };
-      loadingState.value = "error";
-      emit("loading-state-change", "error");
-      emit("error", editorError);
-    };
-    const instanceCleanup = () => {
-      if (cesdkInstance.value) {
-        try {
-          cesdkInstance.value.dispose();
-        } catch (cleanupError) {
-          if (mounted) {
-            handleError("Error during CreativeEditor cleanup", cleanupError);
-          }
-        } finally {
-          cesdkInstance.value = null;
-        }
-      }
-    };
-    const validateConfig = (cfg) => {
-      if (!cfg || typeof cfg !== "object") {
-        throw new Error("Configuration must be a valid object");
-      }
-    };
-    const validateInit = (initFn) => {
-      if (!initFn || typeof initFn !== "function") {
-        throw new Error("Init must be a valid function");
-      }
-    };
-    const initializeSDK = async () => {
-      const token = ++initToken;
-      const element = cesdkContainer.value;
-      if (!element) {
-        return;
-      }
-      try {
-        loadingState.value = "loading";
-        emit("loading-state-change", "loading");
-        validateConfig(props.config);
-        validateInit(props.init);
-        const CreativeEditorSDK = (await import("@cesdk/cesdk-js")).default;
-        const instance = await CreativeEditorSDK.create(element, props.config);
-        if (token !== initToken || !mounted) {
-          try {
-            instance.dispose();
-          } catch {
-          }
-          return;
-        }
-        cesdkInstance.value = instance;
-        loadingState.value = "loaded";
-        emit("loading-state-change", "loaded");
-        try {
-          await props.init?.(instance);
-        } catch (initError) {
-          handleError("Initialization function failed", initError);
-        }
-      } catch (creationError) {
-        if (mounted && token === initToken) {
-          handleError(
-            "Failed to create Creative Editor SDK instance",
-            creationError
-          );
-        }
-      }
-    };
-    watch(
-      () => props.config,
-      () => {
-        if (cesdkContainer.value && mounted) {
-          instanceCleanup();
-          void initializeSDK();
-        }
-      },
-      { deep: true }
-    );
-    watch(
-      () => props.init,
-      () => {
-        if (cesdkContainer.value && mounted) {
-          instanceCleanup();
-          void initializeSDK();
-        }
-      }
-    );
-    onMounted(() => {
-      mounted = true;
-      void initializeSDK();
-    });
-    onBeforeUnmount(() => {
-      mounted = false;
-      initToken++;
-      instanceCleanup();
-    });
-    expose({
-      cesdk: cesdkInstance,
-      loadingState,
-      reinitialize: initializeSDK,
-      dispose: instanceCleanup
-    });
-    return () => {
-      const containerStyle = {
-        height: props.height,
-        width: props.width
-      };
-      return h("div", {
-        ref: cesdkContainer,
-        class: props.class,
-        style: containerStyle,
-        "data-testid": "creative-editor-container",
-        ...attrs
-      });
-    };
-  }
-});
-var vue_default = CreativeEditor;
-export {
-  CreativeEditor,
-  vue_default as default
-};