@versa_ai/vmml-editor 1.0.52 → 1.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versa_ai/vmml-editor",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "module": "dist/index.mjs",
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",
@@ -17,8 +17,8 @@
     "remotion": "4.0.166",
     "uuid": "^10.0.0",
     "zod": "^3.23.8",
-    "@versa_ai/vmml-player": "1.1.24",
-    "@versa_ai/vmml-utils": "1.0.15"
+    "@versa_ai/vmml-utils": "1.0.15",
+    "@versa_ai/vmml-player": "1.1.24"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.7.1",

package/src/components/EditorCanvas.tsx

@@ -44,6 +44,7 @@ const EditorCanvas = 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);
@@ -87,6 +88,7 @@ const EditorCanvas = forwardRef(
 				}
 				const { clipData } = e.target.toJSON(['clipData']);
 				vmmlConverterRef.current.deleteClip(clipData);
+				updateVmml(vmmlConverterRef.current.vmml)
 			});
 
 			canvas.on('object:muteChange', (e: any) => {
@@ -288,6 +290,7 @@ const EditorCanvas = forwardRef(
 						const fObj = convertToJSON(img);
 						fObj.src = "";
 						vmmlConverterRef.current.updateClip(fObj);
+						updateVmml(vmmlConverterRef.current.vmml)
 					});
 					resolve(img);
 				});
@@ -591,6 +594,7 @@ const EditorCanvas = forwardRef(
 				group.on('modified', () => {
 					const fObj = convertToJSON(group)
 					vmmlConverterRef.current.updateClip(fObj);
+					updateVmml(vmmlConverterRef.current?.vmml)
 				});
 				canvas.centerObject(group);
 				canvas.add(group)
@@ -599,6 +603,7 @@ const EditorCanvas = forwardRef(
 				})
 				onVideoChange(group?.clipData??null);
 				vmmlConverterRef.current.addTextClip(convertToJSON(group));
+				updateVmml(vmmlConverterRef.current?.vmml)
 				resolve(true);
 			})
 			
@@ -673,6 +678,7 @@ const EditorCanvas = forwardRef(
 				target.setCoords();
 				fc?.requestRenderAll();
 				vmmlConverterRef.current.updateClip(convertToJSON(target));
+				updateVmml(vmmlConverterRef.current?.vmml)
 			}
 		}
 		const changeObjectVisible = (id: string, visible: boolean = true) => {

package/src/index.tsx

@@ -125,14 +125,19 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 	};
 
 	const onControlsClick = () => {
-		if (previewState) {
-			const { current }: any = vmmlPlayerRef;
-			current.unmute();
-			current.play();
-		} else {
-			setPreviewState(true);
-			setMenuState("");
-		}
+		const { current }: any = vmmlPlayerRef;
+		current.unmute();
+		current.play();
+		setPreviewState(true);
+		setMenuState("");
+		// if (previewState) {
+		// 	const { current }: any = vmmlPlayerRef;
+		// 	current.unmute();
+		// 	current.play();
+		// } else {
+		// 	setPreviewState(true);
+		// 	setMenuState("");
+		// }
 	}
 
 	// 点击底部菜单
@@ -215,6 +220,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		if (current && !checkVideoNum()) {
 			const fObj = await current.createImage(file, emojiId);
 			vmmlConverterRef.current.addVideoClip(fObj);
+			updateVmml(vmmlConverterRef.current.vmml)
 			setMenuState("");
 			setPreviewState(true);
 		}
@@ -357,12 +363,18 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		}
 	}, [menuState]);
 
+	// useEffect(() => {
+	// 	if (previewState && !vmmlFlag.current) {
+	// 		vmmlFlag.current = true;
+	// 		setVmml();
+	// 	}
+	// }, [previewState]);
+
 	useEffect(() => {
-		if (previewState && !vmmlFlag.current) {
-			vmmlFlag.current = true;
+		if (!vmmlFlag.current) {
 			setVmml();
 		}
-	}, [previewState]);
+	}, []);
 
 	useEffect(() => {
 		if (canvasSize.width && canvasSize.height && vmmlState) {

package/src/utils/VmmlConverter.ts

@@ -251,6 +251,7 @@ class VmmlConverter {
 				}
 			}
 		}
+		console.log('deleteclip>>>>>>>>>>>>>>>')
 	}
 
 	changeVmml (newVmml: any) {