@tscircuit/pcb-viewer 1.11.274 → 1.11.276

package/dist/index.js

@@ -9386,6 +9386,14 @@ import { lineAlphabet, svgAlphabet } from "@tscircuit/alphabet";
 // src/lib/convert-text-to-lines.ts
 var LETTER_HEIGHT_TO_WIDTH_RATIO = 0.6;
 var LETTER_HEIGHT_TO_SPACE_RATIO = 0.2;
+var LOWERCASE_BASELINE_OFFSET = (() => {
+  const referenceLetters = ["a", "c", "e", "m", "n", "o", "r", "s", "u", "x"];
+  const offsets = referenceLetters.map((letter) => lineAlphabet[letter]).filter((lines) => lines && lines.length > 0).map(
+    (lines) => Math.min(...lines.map((line) => Math.min(line.y1, line.y2)))
+  );
+  return offsets.length > 0 ? Math.min(...offsets) : 0;
+})();
+var getBaselineOffsetForLetter = (letter) => letter >= "a" && letter <= "z" ? LOWERCASE_BASELINE_OFFSET : 0;
 var getTextGeometry = (text) => {
   const target_height = text.size * 0.7;
   const target_width_char = target_height * LETTER_HEIGHT_TO_WIDTH_RATIO;
@@ -9399,7 +9407,9 @@ var getTextGeometry = (text) => {
     return line.length * target_width_char + (line.length - 1) * space_between_chars;
   }) : [];
   const width = line_widths.length > 0 ? Math.max(...line_widths) : 0;
-  const height = line_count > 0 ? line_count * target_height + (line_count - 1) * space_between_lines : 0;
+  const hasLowercase = /[a-z]/.test(text.text);
+  const baselineOffset = hasLowercase ? LOWERCASE_BASELINE_OFFSET * target_height : 0;
+  const height = line_count > 0 ? line_count * target_height + (line_count - 1) * space_between_lines + baselineOffset : 0;
   return {
     text_lines,
     line_count,
@@ -9439,6 +9449,7 @@ var convertTextToLines = (text) => {
     for (let letterIndex = 0; letterIndex < text_lines[lineIndex].length; letterIndex++) {
       const letter = text_lines[lineIndex][letterIndex];
       const letterLines = lineAlphabet[letter] ?? lineAlphabet[letter.toUpperCase()];
+      const baselineOffset = getBaselineOffsetForLetter(letter);
       if (!letterLines) {
         current_x_origin_for_char_box += target_width_char + space_between_chars;
         continue;
@@ -9449,13 +9460,15 @@ var convertTextToLines = (text) => {
         x2: norm_x2,
         y2: norm_y2
       } of letterLines) {
+        const adjusted_y1 = norm_y1 - baselineOffset;
+        const adjusted_y2 = norm_y2 - baselineOffset;
         lines.push({
           _pcb_drawing_object_id: getNewPcbDrawingObjectId("line"),
           pcb_drawing_type: "line",
           x1: current_x_origin_for_char_box + target_width_char * norm_x1,
-          y1: text.y + lineYOffset + target_height * norm_y1,
+          y1: text.y + lineYOffset + target_height * adjusted_y1,
           x2: current_x_origin_for_char_box + target_width_char * norm_x2,
-          y2: text.y + lineYOffset + target_height * norm_y2,
+          y2: text.y + lineYOffset + target_height * adjusted_y2,
           width: strokeWidth,
           layer: text.layer,
           unit: text.unit,
@@ -13292,7 +13305,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.273",
+  version: "1.11.275",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14429,96 +14442,104 @@ var PCBViewer = ({
     }),
     [initialState, disablePcbGroups]
   );
-  return /* @__PURE__ */ jsxs14("div", { ref: transformRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx18("div", { ref, children: /* @__PURE__ */ jsxs14(
-      ContextProviders,
-      {
-        initialState: mergedInitialState,
-        disablePcbGroups,
-        children: [
-          /* @__PURE__ */ jsx18(
-            CanvasElementsRenderer,
-            {
-              transform,
-              height,
-              width: refDimensions.width,
-              allowEditing,
-              focusOnHover,
-              cancelPanDrag,
-              onCreateEditEvent,
-              onModifyEditEvent,
-              grid: {
-                spacing: 1,
-                view_window: {
-                  left: 0,
-                  right: refDimensions.width || 500,
-                  top: height,
-                  bottom: 0
-                }
-              },
-              elements,
-              debugGraphics
-            },
-            refDimensions.width
-          ),
-          /* @__PURE__ */ jsx18(ToastContainer, {})
-        ]
-      }
-    ) }),
-    clickToInteractEnabled && !isInteractionEnabled && /* @__PURE__ */ jsx18(
-      "div",
-      {
-        onClick: () => {
-          setIsInteractionEnabled(true);
-          resetTransform();
-        },
-        onTouchStart: (e) => {
-          const touch = e.touches[0];
-          touchStartRef.current = {
-            x: touch.clientX,
-            y: touch.clientY
-          };
-        },
-        onTouchEnd: (e) => {
-          const touch = e.changedTouches[0];
-          const start = touchStartRef.current;
-          if (!start) return;
-          const deltaX = Math.abs(touch.clientX - start.x);
-          const deltaY = Math.abs(touch.clientY - start.y);
-          if (deltaX < 10 && deltaY < 10) {
-            e.preventDefault();
-            setIsInteractionEnabled(true);
-            resetTransform();
-          }
-          touchStartRef.current = null;
-        },
-        style: {
-          position: "absolute",
-          inset: 0,
-          cursor: "pointer",
-          zIndex: zIndexMap.clickToInteractOverlay,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          touchAction: "pan-x pan-y pinch-zoom"
-        },
-        children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      ref: transformRef,
+      style: { position: "relative" },
+      onContextMenu: (event) => event.preventDefault(),
+      children: [
+        /* @__PURE__ */ jsx18("div", { ref, children: /* @__PURE__ */ jsxs14(
+          ContextProviders,
+          {
+            initialState: mergedInitialState,
+            disablePcbGroups,
+            children: [
+              /* @__PURE__ */ jsx18(
+                CanvasElementsRenderer,
+                {
+                  transform,
+                  height,
+                  width: refDimensions.width,
+                  allowEditing,
+                  focusOnHover,
+                  cancelPanDrag,
+                  onCreateEditEvent,
+                  onModifyEditEvent,
+                  grid: {
+                    spacing: 1,
+                    view_window: {
+                      left: 0,
+                      right: refDimensions.width || 500,
+                      top: height,
+                      bottom: 0
+                    }
+                  },
+                  elements,
+                  debugGraphics
+                },
+                refDimensions.width
+              ),
+              /* @__PURE__ */ jsx18(ToastContainer, {})
+            ]
+          }
+        ) }),
+        clickToInteractEnabled && !isInteractionEnabled && /* @__PURE__ */ jsx18(
           "div",
           {
+            onClick: () => {
+              setIsInteractionEnabled(true);
+              resetTransform();
+            },
+            onTouchStart: (e) => {
+              const touch = e.touches[0];
+              touchStartRef.current = {
+                x: touch.clientX,
+                y: touch.clientY
+              };
+            },
+            onTouchEnd: (e) => {
+              const touch = e.changedTouches[0];
+              const start = touchStartRef.current;
+              if (!start) return;
+              const deltaX = Math.abs(touch.clientX - start.x);
+              const deltaY = Math.abs(touch.clientY - start.y);
+              if (deltaX < 10 && deltaY < 10) {
+                e.preventDefault();
+                setIsInteractionEnabled(true);
+                resetTransform();
+              }
+              touchStartRef.current = null;
+            },
             style: {
-              backgroundColor: "rgba(0, 0, 0, 0.8)",
-              color: "white",
-              padding: "12px 24px",
-              borderRadius: "8px",
-              fontSize: "16px",
-              pointerEvents: "none"
+              position: "absolute",
+              inset: 0,
+              cursor: "pointer",
+              zIndex: zIndexMap.clickToInteractOverlay,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              touchAction: "pan-x pan-y pinch-zoom"
             },
-            children: typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0) ? "Touch to Interact" : "Click to Interact"
+            children: /* @__PURE__ */ jsx18(
+              "div",
+              {
+                style: {
+                  backgroundColor: "rgba(0, 0, 0, 0.8)",
+                  color: "white",
+                  padding: "12px 24px",
+                  borderRadius: "8px",
+                  fontSize: "16px",
+                  pointerEvents: "none"
+                },
+                children: typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0) ? "Touch to Interact" : "Click to Interact"
+              }
+            )
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 };
 export {
   CanvasElementsRenderer,