@clypra/engine 1.2.0 → 1.2.1

package/dist/index.d.cts

@@ -462,7 +462,7 @@ interface CompositionPreset {
     description?: string;
 }
 declare const COMPOSITION_PRESETS: CompositionPreset[];
-/** Soft-wrap paragraphs to fit safe width */
+/** Soft-wrap paragraphs to fit safe width character-by-character */
 declare function wrapTextToWidth(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, text: string, maxWidth: number, letterSpacing: number): string[];
 declare function measureTextFits(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, cfg: TextEffectConfig, fontSize: number, lines: string[]): boolean;
 declare function computeAutoFitFontSize(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, cfg: TextEffectConfig, wrappedLines: string[]): number;

package/dist/index.d.ts

@@ -462,7 +462,7 @@ interface CompositionPreset {
     description?: string;
 }
 declare const COMPOSITION_PRESETS: CompositionPreset[];
-/** Soft-wrap paragraphs to fit safe width */
+/** Soft-wrap paragraphs to fit safe width character-by-character */
 declare function wrapTextToWidth(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, text: string, maxWidth: number, letterSpacing: number): string[];
 declare function measureTextFits(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, cfg: TextEffectConfig, fontSize: number, lines: string[]): boolean;
 declare function computeAutoFitFontSize(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, cfg: TextEffectConfig, wrappedLines: string[]): number;

package/dist/index.js

@@ -73,35 +73,26 @@ function wrapTextToWidth(ctx, text, maxWidth, letterSpacing) {
   const paragraphs = text.split("\n");
   const lines = [];
   for (const para of paragraphs) {
-    if (!para.trim()) {
+    if (para === "") {
       lines.push("");
       continue;
     }
-    const words = para.split(/\s+/).filter(Boolean);
     let current = "";
-    for (const word of words) {
-      const candidate = current ? `${current} ${word}` : word;
-      if (measureLine(ctx, candidate, letterSpacing) <= maxWidth) {
-        current = candidate;
+    for (let i = 0; i < para.length; i++) {
+      const char = para[i];
+      const tryLine = current + char;
+      if (measureLine(ctx, tryLine, letterSpacing) <= maxWidth) {
+        current = tryLine;
       } else {
-        if (current) lines.push(current);
-        if (measureLine(ctx, word, letterSpacing) > maxWidth) {
-          let chunk = "";
-          for (const ch of word) {
-            const tryChunk = chunk + ch;
-            if (measureLine(ctx, tryChunk, letterSpacing) <= maxWidth) chunk = tryChunk;
-            else {
-              if (chunk) lines.push(chunk);
-              chunk = ch;
-            }
-          }
-          current = chunk;
-        } else {
-          current = word;
+        if (current) {
+          lines.push(current);
         }
+        current = char;
       }
     }
-    if (current) lines.push(current);
+    if (current) {
+      lines.push(current);
+    }
   }
   return lines.length > 0 ? lines : [""];
 }
@@ -127,17 +118,17 @@ function layoutWithFontSize(ctx, cfg, fontSize, lines) {
   } else {
     startX = safe.x + safe.width / 2;
   }
-  let startY = safe.y + (safe.height - textBlockHeight) / 2 + fontSize * 0.82;
+  let startY = safe.y + (safe.height - textBlockHeight) / 2 + fontSize * 0.85;
   if (cfg.textPosY === "top") {
-    startY = safe.y + fontSize * 0.82;
+    startY = safe.y + fontSize * 0.85;
   } else if (cfg.textPosY === "bottom") {
-    startY = safe.y + safe.height - textBlockHeight + fontSize * 0.82;
+    startY = safe.y + safe.height - textBlockHeight + fontSize * 0.85;
   }
   let xMin = startX;
   if (align === "center") xMin = startX - maxLineWidth / 2;
   else if (align === "right") xMin = startX - maxLineWidth;
   const yMin = startY - fontSize * 0.85;
-  const yMax = startY + (lines.length - 1) * fontSize * lineHeight + fontSize * 0.25;
+  const yMax = startY + (lines.length - 1) * fontSize * lineHeight + fontSize * 0.15;
   return {
     lines,
     fontSize,
@@ -576,11 +567,11 @@ var InkBrushEngine = class {
     if (letterSpacing !== 0) {
       ctx.letterSpacing = `${letterSpacing}px`;
     }
-    let startY = (height - textBlockHeight) / 2 + fontSize * 0.8;
+    let startY = (height - textBlockHeight) / 2 + fontSize * 0.85;
     if (textPosY === "top") {
-      startY = 40 + fontSize * 0.8;
+      startY = 40 + fontSize * 0.85;
     } else if (textPosY === "bottom") {
-      startY = height - 40 - textBlockHeight + fontSize * 0.8;
+      startY = height - 40 - textBlockHeight + fontSize * 0.85;
     }
     ctx.save();
     if (skewX !== 0) {
@@ -728,11 +719,11 @@ var InkBrushEngine = class {
     if (letterSpacing !== 0) {
       ctx.letterSpacing = `${letterSpacing}px`;
     }
-    let startY = (height - textBlockHeight) / 2 + fontSize * 0.8;
+    let startY = (height - textBlockHeight) / 2 + fontSize * 0.85;
     if (textPosY === "top") {
-      startY = 40 + fontSize * 0.8;
+      startY = 40 + fontSize * 0.85;
     } else if (textPosY === "bottom") {
-      startY = height - 40 - textBlockHeight + fontSize * 0.8;
+      startY = height - 40 - textBlockHeight + fontSize * 0.85;
     }
     ctx.save();
     if (skewX !== 0) {