@versa_ai/vmml-editor 1.0.22 → 1.0.23

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.22 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.23 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -9,6 +9,7 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
+DTS Build start
 
  WARN  ▲ [WARNING] Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
 
@@ -123,13 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-DTS Build start
-CJS dist\index.js     114.41 KB
-CJS dist\index.js.map 216.82 KB
-CJS ⚡️ Build success in 685ms
-ESM dist\index.mjs     112.78 KB
-ESM dist\index.mjs.map 216.53 KB
-ESM ⚡️ Build success in 685ms
-DTS ⚡️ Build success in 2259ms
+ESM dist\index.mjs     113.36 KB
+ESM dist\index.mjs.map 217.80 KB
+ESM ⚡️ Build success in 820ms
+CJS dist\index.js     115.00 KB
+CJS dist\index.js.map 218.10 KB
+CJS ⚡️ Build success in 821ms
+DTS ⚡️ Build success in 2291ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -1407,9 +1407,10 @@ var EditorCanvas = react.forwardRef(
       if (lower.includes(".ttf")) return "truetype";
       return null;
     };
-    const embedFontInSVG = async (svgString, url) => {
+    const embedFontInSVG = async (svgString, url, fontBase64) => {
       if (url) {
-        const res = await vmmlUtils.urlToBlob({ url });
+        let res = fontBase64;
+        if (!res) await vmmlUtils.urlToBlob({ url });
         const format = detectFontFormat(url);
         const fontFamilyName = getFontFamilyName(url);
         const srcValue = format ? `url('${res}') format('${format}')` : `url('${res}')`;
@@ -1425,7 +1426,22 @@ var EditorCanvas = react.forwardRef(
       }
       return svgString;
     };
+    const loadFont = async (url) => {
+      if (!url) return null;
+      try {
+        const base64 = await vmmlUtils.urlToBlob({ url });
+        const fontFamilyName = getFontFamilyName(url);
+        const format = detectFontFormat(url);
+        const fontFace = new FontFace(fontFamilyName, `url(${base64})${format ? ` format('${format}')` : ""}`);
+        await fontFace.load();
+        document.fonts.add(fontFace);
+        return base64;
+      } catch (e) {
+        return null;
+      }
+    };
     const createTextImg = async ({ textContent, bgColor, textColor, stColor, strokeW, fontAssetUrl = null, textBasicInfo }) => {
+      const fontBase64 = await loadFont(fontAssetUrl);
       const container = document.createElement("div");
       container.style.backgroundColor = bgColor;
       container.style.boxSizing = "content-box";
@@ -1467,7 +1483,7 @@ var EditorCanvas = react.forwardRef(
       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);
+      const base64Image = await embedFontInSVG(dataurl, fontAssetUrl, fontBase64);
       return { base64Image, height, width };
     };
     const createText = async ({ textContent, bgColor, textColor, position, textBasicInfo, id }, fc2) => {