@versa_ai/vmml-editor 1.0.6 → 1.0.7

package/.turbo/turbo-build.log

@@ -1,10 +1,10 @@
 
-> @versa_ai/vmml-editor@1.0.6 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.7 build D:\code\work\vmml-player\packages\editor
 > tsup
 
-CLI Building entry: src/index.tsx
+CLI Building entry: ./src/index.tsx
 CLI Using tsconfig: tsconfig.json
-CLI tsup v8.3.5
+CLI tsup v8.2.4
 CLI Using tsup config: D:\code\work\vmml-player\packages\editor\tsup.config.ts
 CLI Target: node16
 CJS Build start
@@ -89,6 +89,66 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:104:4:
+      104 │ -ms-overflow-style: none
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:105:4:
+      105 │ scrollbar-width: none
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:106:4:
+      106 │ transition: all 0.1s
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
  WARN  ▲ [WARNING] Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
 
 Recommendation: math.div($px, 750) or calc($px / 750)
@@ -186,6 +246,66 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:104:4:
+      104 │ -ms-overflow-style: none
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:105:4:
+      105 │ scrollbar-width: none
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
+ WARN  ▲ [WARNING] Sass's behavior for declarations that appear after nested
+rules will be changing to match the behavior specified by CSS in an upcoming
+version. To keep the existing behavior, move the declaration above the nested
+rule. To opt into the new behavior, wrap the declaration in & {}.
+
+More info: https://sass-lang.com/d/mixed-decls [plugin sass-plugin]
+
+    src/assets/css/editorTextMenu.scss:106:4:
+      106 │ transition: all 0.1s
+          ╵     ^
+
+  The plugin "sass-plugin" was triggered by this import
+
+    src/components/TextMenu.tsx:2:7:
+      2 │ import "../assets/css/editorTextMenu.scss";
+        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+
+
+
  WARN  ▲ [WARNING] Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
 
 Recommendation: math.div($px, 750) or calc($px / 750)
@@ -204,12 +324,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
+ESM dist\index.mjs     102.29 KB
+ESM dist\index.mjs.map 203.69 KB
+ESM ⚡️ Build success in 772ms
+CJS dist\index.js     103.83 KB
+CJS dist\index.js.map 203.97 KB
+CJS ⚡️ Build success in 774ms
+DTS ⚡️ Build success in 1917ms
 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,
@@ -655,7 +655,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 +794,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 +839,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 +982,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 +1119,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 +1129,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 +1176,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 +1256,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 +1295,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 +1718,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 +1904,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 +2230,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 +2506,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);