@clypra/engine 1.1.0 → 1.1.1

package/dist/index.cjs

@@ -87,6 +87,7 @@ __export(index_exports, {
   createPulseOpacityTrack: () => createPulseOpacityTrack,
   defaultConfig: () => defaultConfig,
   deleteKeyframe: () => deleteKeyframe,
+  disposeSharedCompositor: () => disposeSharedCompositor,
   downloadDotLottie: () => downloadDotLottie,
   downloadLottieJson: () => downloadLottieJson,
   downloadPngSequenceZip: () => downloadPngSequenceZip,
@@ -296,7 +297,7 @@ function layoutWithFontSize(ctx, cfg, fontSize, lines) {
   ctx.font = fontStr;
   const lineWidths = lines.map((line) => measureLine(ctx, line, letterSpacing));
   const maxLineWidth = Math.max(...lineWidths, 1);
-  const textBlockHeight = fontSize + (lines.length - 1) * fontSize * lineHeight;
+  const textBlockHeight = lines.length === 1 ? fontSize : (lines.length - 1) * fontSize * lineHeight + fontSize;
   let align = "center";
   let startX = cWidth / 2;
   if (cfg.textPosX === "left") {
@@ -557,9 +558,8 @@ function createCanvas(width, height) {
 }
 function releaseCanvas(canvas) {
   if (canvas instanceof OffscreenCanvas) return;
-  if (typeof document !== "undefined" && canvas.parentNode) {
-    canvas.parentNode.removeChild(canvas);
-  }
+  canvas.width = 0;
+  canvas.height = 0;
 }
 function _resetPlatformCache() {
   _ctxFilter = null;
@@ -2086,7 +2086,7 @@ function renderTextEffectCore(ctx, cfg) {
       ctx.globalCompositeOperation = "source-atop";
       const renderCount = Math.max(1, Math.min(20, layer2.strength ?? 1));
       for (let i = 0; i < renderCount; i++) {
-        renderWithShadowTrick("fill", layer2.color, layer2.blur, 0, 0, layer2.opacity, "transparent", layer2.spread ?? 0);
+        renderWithShadowTrick("fill", layer2.color, layer2.blur, 0, 0, layer2.opacity, "#000000", layer2.spread ?? 0);
       }
       ctx.restore();
     }
@@ -2094,7 +2094,7 @@ function renderTextEffectCore(ctx, cfg) {
   if (shadowEnabled && shadowType === "inner" && shadowOpacity > 0) {
     ctx.save();
     ctx.globalCompositeOperation = "source-atop";
-    renderWithShadowTrick("fill", shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY, shadowOpacity, "transparent");
+    renderWithShadowTrick("fill", shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY, shadowOpacity, "#000000");
     ctx.restore();
   }
   if (isGlitch) {
@@ -2527,12 +2527,8 @@ async function initializeFontSystem() {
   }
 }
 function checkFontVariant(variantName) {
-  const canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return false;
-  ctx.font = `16px "${variantName}"`;
-  const metrics = ctx.measureText("Test");
-  return metrics.width > 0;
+  if (typeof document === "undefined" || !document.fonts) return false;
+  return document.fonts.check(`16px "${variantName}"`);
 }
 
 // src/engine/timelineDefaults.ts
@@ -3190,6 +3186,10 @@ function getCompositor() {
   }
   return sharedCompositor;
 }
+function disposeSharedCompositor() {
+  sharedCompositor?.dispose();
+  sharedCompositor = null;
+}
 function evaluateScene(doc, time, ctx, options = {}) {
   const animated = applyTimelineAtTime(doc, time);
   const cfg = sceneToConfig(animated);
@@ -6284,6 +6284,7 @@ function duplicateTrackAtPlayhead(doc, trackIndex, previewTime) {
   createPulseOpacityTrack,
   defaultConfig,
   deleteKeyframe,
+  disposeSharedCompositor,
   downloadDotLottie,
   downloadLottieJson,
   downloadPngSequenceZip,