@pixldocs/canvas-renderer 0.5.38 → 0.5.39

package/dist/index.cjs

@@ -12072,7 +12072,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.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;
@@ -12084,22 +12084,73 @@ function installUnderlineFix(fab) {
     try {
       const hasOwn = !!this[type];
       const hasStyled = typeof this.styleHas === "function" && this.styleHas(type);
-      if (!hasOwn && !hasStyled) {
+      if (!hasOwn && !hasStyled) return;
+      const lines = this._textLines;
+      const offsets = this.offsets;
+      if (!Array.isArray(lines) || !offsets) {
         return original.call(this, ctx, type);
       }
-      const lines = this._textLines;
-      if (Array.isArray(lines)) {
-        this.__charBounds = [];
-        for (let i = 0; i < lines.length; i++) {
-          try {
-            this.getLineWidth(i);
-          } catch {
-          }
+      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 {
+      }
     }
-    return original.call(this, ctx, type);
   };
   __underlineFixInstalled = true;
   console.log(`[canvas-renderer] underline-fix monkey patch installed (v${PACKAGE_VERSION})`);