@versa_ai/vmml-editor 1.0.52 → 1.0.53

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.52 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.53 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -124,12 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-CJS dist\index.js     121.78 KB
-CJS dist\index.js.map 233.41 KB
-CJS ⚡️ Build success in 673ms
-ESM dist\index.mjs     119.91 KB
-ESM dist\index.mjs.map 233.11 KB
-ESM ⚡️ Build success in 674ms
-DTS ⚡️ Build success in 1560ms
+CJS dist\index.js     121.96 KB
+CJS dist\index.js.map 234.13 KB
+CJS ⚡️ Build success in 848ms
+ESM dist\index.mjs     120.09 KB
+ESM dist\index.mjs.map 233.83 KB
+ESM ⚡️ Build success in 852ms
+DTS ⚡️ Build success in 1567ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -1054,6 +1054,7 @@ var EditorCanvas = react.forwardRef(
           item.on("modified", () => {
             const fObj = convertToJSON(item);
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml(vmmlConverterRef.current.vmml);
           });
           item.set("visible", ns >= item.clipData.inPoint);
           canvas.add(item);
@@ -1283,6 +1284,7 @@ var EditorCanvas = react.forwardRef(
             const fObj = convertToJSON(img);
             fObj.src = "";
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml(vmmlConverterRef.current.vmml);
           });
           resolve(img);
         });
@@ -1546,8 +1548,10 @@ var EditorCanvas = react.forwardRef(
           options.transform.target.isSelected = 0;
         });
         group.on("modified", () => {
+          var _a;
           const fObj = convertToJSON(group);
           vmmlConverterRef.current.updateClip(fObj);
+          updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
         });
         canvas.centerObject(group);
         canvas.add(group);
@@ -1560,7 +1564,7 @@ var EditorCanvas = react.forwardRef(
       });
     };
     const updateText = async ({ id, textContent, bgColor, textColor, strokeColor, letterSpacing, strokeWidth, textBasicInfo, fontAssetUrl, posParam = null, alignType }) => {
-      var _a;
+      var _a, _b;
       const { width, height } = vmml.template.dimension;
       const fontSize = vmmlUtils.getFontSize(width, height);
       const target = fc.getObjects().find((item) => {
@@ -1626,6 +1630,7 @@ var EditorCanvas = react.forwardRef(
         target.setCoords();
         fc == null ? void 0 : fc.requestRenderAll();
         vmmlConverterRef.current.updateClip(convertToJSON(target));
+        updateVmml((_b = vmmlConverterRef.current) == null ? void 0 : _b.vmml);
       }
     };
     const changeObjectVisible = (id, visible = true) => {
@@ -2585,14 +2590,11 @@ var EditorFn = ({
     }
   };
   const onControlsClick = () => {
-    if (previewState) {
-      const { current } = vmmlPlayerRef;
-      current.unmute();
-      current.play();
-    } else {
-      setPreviewState(true);
-      setMenuState("");
-    }
+    const { current } = vmmlPlayerRef;
+    current.unmute();
+    current.play();
+    setPreviewState(true);
+    setMenuState("");
   };
   const onClickMenu = (type) => {
     if (type === "text" && checkTextNum()) return;
@@ -2775,11 +2777,10 @@ var EditorFn = ({
     }
   }, [menuState]);
   react.useEffect(() => {
-    if (previewState && !vmmlFlag.current) {
-      vmmlFlag.current = true;
+    if (!vmmlFlag.current) {
       setVmml();
     }
-  }, [previewState]);
+  }, []);
   react.useEffect(() => {
     if (canvasSize.width && canvasSize.height && vmmlState) {
       if (!vmmlConverterRef.current) {