@versa_ai/vmml-editor 1.0.6 → 1.0.8

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.6 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.8 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -204,12 +204,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-ESM dist\index.mjs     102.35 KB
-ESM dist\index.mjs.map 197.47 KB
-ESM ⚡️ Build success in 788ms
-CJS dist\index.js     103.89 KB
-CJS dist\index.js.map 197.75 KB
-CJS ⚡️ Build success in 788ms
-DTS ⚡️ Build success in 2270ms
+CJS dist\index.js     103.79 KB
+CJS dist\index.js.map 197.83 KB
+CJS ⚡️ Build success in 816ms
+ESM dist\index.mjs     102.26 KB
+ESM dist\index.mjs.map 197.55 KB
+ESM ⚡️ Build success in 817ms
+DTS ⚡️ Build success in 1972ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -297,7 +297,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
     if (e.button !== 0) {
       return;
     }
-    const { left, width } = (_a = containerRef.current) == null ? undefined : _a.getBoundingClientRect();
+    const { left, width } = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
     const _frame = getFrameFromX(
       e.clientX - left,
       durationInFrames,
@@ -317,7 +317,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
     if (!dragging.dragging) {
       return;
     }
-    const { left, width } = (_a = containerRef.current) == null ? undefined : _a.getBoundingClientRect();
+    const { left, width } = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
     const _frame = getFrameFromX(
       e.clientX - left,
       durationInFrames,
@@ -396,7 +396,6 @@ var HistoryClass = class {
   editorInstance;
   actionTypeList;
   constructor(canvas) {
-    console.log("history init");
     this.canvas = canvas;
     this.historyUndo = [];
     this.historyRedo = [];
@@ -655,7 +654,7 @@ var VmmlConverter = class {
       existClip = originClip;
     } else {
       const editorTrack = this.tracks.find((track) => track.editorType === type);
-      existClip = ((editorTrack == null ? undefined : editorTrack.clips) || []).find((clip) => clip.id === id);
+      existClip = ((editorTrack == null ? void 0 : editorTrack.clips) || []).find((clip) => clip.id === id);
     }
     if (existClip) {
       !originClip && (existClip.fObj = fObj);
@@ -794,11 +793,11 @@ var VmmlConverter = class {
 };
 var VmmlConverter_default = VmmlConverter;
 function drawImg(ctx, left, top, img, wSize, hSize, angle) {
-  if (angle === undefined) return;
+  if (angle === void 0) return;
   ctx.save();
   ctx.translate(left, top);
   ctx.rotate(fabric.fabric.util.degreesToRadians(angle));
-  ctx.drawImage(img, -28 / 2, -28 / 2, wSize, hSize);
+  ctx.drawImage(img, -wSize / 2, -hSize / 2, wSize, hSize);
   ctx.restore();
 }
 function usePeekControl(canvas) {
@@ -839,7 +838,7 @@ function usePeekControl(canvas) {
   const renderMuteIcon = (ctx, left, top, styleOverride, fabricObject) => {
     if (!fabricObject.clipData) return false;
     if (fabricObject.clipData.type === "\u8868\u60C5\u5305") {
-      if (fabricObject.clipData.isMute === null || fabricObject.clipData.isMute === undefined) return false;
+      if (fabricObject.clipData.isMute === null || fabricObject.clipData.isMute === void 0) return false;
       if (fabricObject.clipData.isMute) {
         drawImg(ctx, left, top, muteImg, 28, 28, fabricObject.angle);
       } else {
@@ -982,10 +981,10 @@ var EditorCanvas = react.forwardRef(
         const objects = fc.getObjects();
         objects.forEach((item) => {
           var _a, _b, _c;
-          if (((_a = item == null ? undefined : item.clipData) == null ? undefined : _a.type) === "\u6587\u5B57") {
+          if (((_a = item == null ? void 0 : item.clipData) == null ? void 0 : _a.type) === "\u6587\u5B57") {
             item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + (item.clipData.duration || vmml.template.duration));
           } else {
-            item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + ((_c = (_b = item.clipData) == null ? undefined : _b.fileUrl) == null ? undefined : _c.duration));
+            item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + ((_c = (_b = item.clipData) == null ? void 0 : _b.fileUrl) == null ? void 0 : _c.duration));
           }
         });
         fc.discardActiveObject();
@@ -1119,7 +1118,7 @@ var EditorCanvas = react.forwardRef(
       if (canvas) {
         const imgs = canvas.getObjects().filter((item) => {
           var _a;
-          return ((_a = item == null ? undefined : item.clipData) == null ? undefined : _a.type) === "\u8868\u60C5\u5305";
+          return ((_a = item == null ? void 0 : item.clipData) == null ? void 0 : _a.type) === "\u8868\u60C5\u5305";
         });
         const target = imgs.find((item) => item.clipData.id === id);
         if (target) {
@@ -1129,7 +1128,7 @@ var EditorCanvas = react.forwardRef(
           });
         }
       } else {
-        waitFcTasks.current.push(updateImage.bind(undefined, id, base64));
+        waitFcTasks.current.push(updateImage.bind(void 0, id, base64));
       }
     };
     const createImageFromClip = (clip, fc2) => {
@@ -1176,7 +1175,7 @@ var EditorCanvas = react.forwardRef(
           });
         });
       } else {
-        waitFcTasks.current.push(createImageFromClip.bind(undefined, clip));
+        waitFcTasks.current.push(createImageFromClip.bind(void 0, clip));
       }
     };
     const handleRedo = () => {
@@ -1256,7 +1255,7 @@ var EditorCanvas = react.forwardRef(
           canvas.add(imgData).renderAll();
         });
       } else {
-        waitFcTasks.current.push(createTextFromClip.bind(undefined, clip));
+        waitFcTasks.current.push(createTextFromClip.bind(void 0, clip));
       }
     };
     const embedFontInSVG = async (svgString, url) => {
@@ -1295,7 +1294,7 @@ var EditorCanvas = react.forwardRef(
       container.style.padding = "6.5px 7px 6.5px 7px";
       container.style.borderRadius = "5px";
       document.body.appendChild(container);
-      const { width, height } = container == null ? undefined : container.getBoundingClientRect();
+      const { width, height } = container == null ? void 0 : container.getBoundingClientRect();
       const dataurl = await domToImage.toSvg(container);
       document.body.removeChild(container);
       const base64Image = await embedFontInSVG(dataurl, fontAssetUrl);
@@ -1718,14 +1717,14 @@ var stopMove = () => {
     const currentTouchPositionY = e.touches[0].clientY;
     const deltaX = currentTouchPositionX - lastTouchPositionX;
     const deltaY = currentTouchPositionY - lastTouchPositionY;
-    if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? undefined : _a.className)) {
+    if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? void 0 : _a.className)) {
       e.preventDefault();
     }
     if (element) {
       const willOverflow = element.scrollHeight > element.clientHeight;
       if (willOverflow) {
         return;
-      } else if (((_b = e.target) == null ? undefined : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? undefined : _c.className) === "text_color_change") {
+      } else if (((_b = e.target) == null ? void 0 : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? void 0 : _c.className) === "text_color_change") {
         if (deltaX < 0 || deltaX > 0) {
           return;
         } else {
@@ -1904,7 +1903,7 @@ var ColorSelector_default = ColorSelector;
 var formatText = (text, maxLengthBase = 40) => {
   var _a;
   const newlineRegex = /(\r\n|\r|\n)/g;
-  const matches = ((_a = text.match(newlineRegex)) == null ? undefined : _a.length) || 0;
+  const matches = ((_a = text.match(newlineRegex)) == null ? void 0 : _a.length) || 0;
   const maxLength = maxLengthBase + matches;
   let trimmedText = text.substring(0, maxLength);
   if (text.length - matches === maxLengthBase) {
@@ -2230,7 +2229,7 @@ var EditorFn = ({
   const [isPlaying, setIsPlaying] = react.useState(false);
   const [showCanvas, setShowCanvas] = react.useState(false);
   const [filterIds, setFilterIds] = react.useState([]);
-  const [durationInFrames, setDurationInFrames] = react.useState(vmmlUtils.getFrames(((_a = vmml == null ? undefined : vmml.template) == null ? undefined : _a.duration) || 1, fps));
+  const [durationInFrames, setDurationInFrames] = react.useState(vmmlUtils.getFrames(((_a = vmml == null ? void 0 : vmml.template) == null ? void 0 : _a.duration) || 1, fps));
   const [previewState, setPreviewState] = react.useState(true);
   const [menuState, setMenuState] = react.useState("");
   const [canvasSize, setCanvasSize] = react.useState({ width: 0, height: 0, top: 0 });
@@ -2506,8 +2505,8 @@ var EditorFn = ({
     if (player) {
       const parent = player.getContainerNode();
       if (!canvasSize.width) {
-        const playerElement = parent == null ? undefined : parent.children[0];
-        const { width, height } = (playerElement == null ? undefined : playerElement.getBoundingClientRect()) || {};
+        const playerElement = parent == null ? void 0 : parent.children[0];
+        const { width, height } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
         setCanvasSize({ width, height, top: playerElement.offsetTop });
       }
       player.addEventListener("play", onPlay);