@pixldocs/canvas-renderer 0.5.37 → 0.5.39

package/dist/index.d.ts

@@ -221,7 +221,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.37";
+export declare const PACKAGE_VERSION = "0.5.39";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12053,11 +12053,94 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.37";
+const PACKAGE_VERSION = "0.5.39";
+let __underlineFixInstalled = false;
+function installUnderlineFix(fab) {
+  var _a;
+  if (__underlineFixInstalled) return;
+  const TextProto = (_a = fab.Text) == null ? void 0 : _a.prototype;
+  if (!TextProto || typeof TextProto._renderTextDecoration !== "function") return;
+  const original = TextProto._renderTextDecoration;
+  TextProto._renderTextDecoration = function patchedRenderTextDecoration(ctx, type) {
+    try {
+      const hasOwn = !!this[type];
+      const hasStyled = typeof this.styleHas === "function" && this.styleHas(type);
+      if (!hasOwn && !hasStyled) return;
+      const lines = this._textLines;
+      const offsets = this.offsets;
+      if (!Array.isArray(lines) || !offsets) {
+        return original.call(this, ctx, type);
+      }
+      const offsetY = offsets[type];
+      const offsetAligner = type === "linethrough" ? 0.5 : type === "overline" ? 1 : 0;
+      const leftOffset = this._getLeftOffset();
+      let topOffset = this._getTopOffset();
+      for (let i = 0, len = lines.length; i < len; i++) {
+        const heightOfLine = this.getHeightOfLine(i);
+        const lineHas = !!this[type] || typeof this.styleHas === "function" && this.styleHas(type, i);
+        if (!lineHas) {
+          topOffset += heightOfLine;
+          continue;
+        }
+        const fillStyle = this.getValueOfPropertyAt(i, 0, "fill");
+        const thickness = this.getValueOfPropertyAt(i, 0, "textDecorationThickness");
+        const charSize = this.getHeightOfChar(i, 0);
+        const dy = this.getValueOfPropertyAt(i, 0, "deltaY") || 0;
+        const finalThickness = this.fontSize * (thickness || 0) / 1e3;
+        if (!fillStyle || !finalThickness) {
+          topOffset += heightOfLine;
+          continue;
+        }
+        if (Array.isArray(this.__lineWidths)) {
+          this.__lineWidths[i] = void 0;
+        }
+        let lineWidth = 0;
+        try {
+          lineWidth = this.getLineWidth(i);
+        } catch {
+          lineWidth = 0;
+        }
+        if (!lineWidth) {
+          topOffset += heightOfLine;
+          continue;
+        }
+        const lineLeftOffset = this._getLineLeftOffset(i);
+        let drawStart = leftOffset + lineLeftOffset;
+        if (this.direction === "rtl") {
+          drawStart = this.width - drawStart - lineWidth;
+        }
+        const maxHeight = heightOfLine / this.lineHeight;
+        const top = topOffset + maxHeight * (1 - this._fontSizeFraction);
+        ctx.fillStyle = fillStyle;
+        ctx.fillRect(
+          drawStart,
+          top + offsetY * charSize + dy - offsetAligner * finalThickness,
+          lineWidth,
+          finalThickness
+        );
+        topOffset += heightOfLine;
+      }
+      if (typeof this._removeShadow === "function") {
+        try {
+          this._removeShadow(ctx);
+        } catch {
+        }
+      }
+    } catch {
+      try {
+        return original.call(this, ctx, type);
+      } catch {
+      }
+    }
+  };
+  __underlineFixInstalled = true;
+  console.log(`[canvas-renderer] underline-fix monkey patch installed (v${PACKAGE_VERSION})`);
+}
 class PixldocsRenderer {
   constructor(config) {
     __publicField(this, "config");
     this.config = config;
+    installUnderlineFix(fabric);
     try {
       console.log(`[canvas-renderer] PixldocsRenderer v${PACKAGE_VERSION} initialized`);
     } catch {