canvu-react 0.4.26 → 0.4.28

package/dist/native.js

@@ -37,6 +37,7 @@ function escapeHtmlText(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 var DEFAULT_TEXT_FONT_SIZE = 18;
+var DEFAULT_TEXT_TOOL_FONT_SIZE = 28;
 var TEXT_FONT_FAMILY = "Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif";
 var LINE_HEIGHT_RATIO = 22 / 18;
 var FIRST_LINE_BASELINE_RATIO = 20 / 18;
@@ -77,6 +78,12 @@ function lineHeightFor(fontSize) {
 function firstLineBaselineY(fontSize) {
   return fontSize * FIRST_LINE_BASELINE_RATIO;
 }
+function textBaselineYFor(fontSize) {
+  return firstLineBaselineY(fontSize);
+}
+function textLineHeightFor(fontSize) {
+  return lineHeightFor(fontSize);
+}
 function measureTextBoundsLocal(content, fontSize = DEFAULT_TEXT_FONT_SIZE) {
   const cacheKey = textMeasureCacheKey(content, fontSize);
   const cached = textMeasureCache.get(cacheKey);
@@ -3059,6 +3066,25 @@ var DEFAULT_NATIVE_OVERFLOW_TOOL_IDS = [
   "laser",
   "image"
 ];
+var ARCHITECTURAL_CLOUD_ICON_PATH = "M1.5 12 A 4.94 5.23 0 0 1 9.07 6 A 4.94 5.23 0 0 1 14.93 6 A 4.94 5.23 0 0 1 22.5 12 A 4.94 5.23 0 0 1 14.93 18 A 4.94 5.23 0 0 1 9.07 18 A 4.94 5.23 0 0 1 1.5 12 Z";
+function NativeArchitecturalCloudIcon({
+  color,
+  size = 19,
+  strokeWidth = 2
+}) {
+  const scale = size / 24;
+  return /* @__PURE__ */ jsx(Canvas, { style: { width: size, height: size }, children: /* @__PURE__ */ jsx(Group, { transform: [{ scale }], children: /* @__PURE__ */ jsx(
+    Path,
+    {
+      path: ARCHITECTURAL_CLOUD_ICON_PATH,
+      color,
+      style: "stroke",
+      strokeWidth,
+      strokeCap: "round",
+      strokeJoin: "round"
+    }
+  ) }) });
+}
 var DEFAULT_NATIVE_VECTOR_TOOLS = [
   { id: "hand", label: "Hand", shortcutHint: "H", shortLabel: "H" },
   { id: "select", label: "Select", shortcutHint: "V", shortLabel: "V" },
@@ -3355,6 +3381,9 @@ function renderNativeToolButton(input) {
   );
 }
 function renderNativeToolFallback(tool, foregroundColor, toolLabelStyle) {
+  if (tool.id === "architectural-cloud") {
+    return /* @__PURE__ */ jsx(NativeArchitecturalCloudIcon, { color: foregroundColor });
+  }
   return /* @__PURE__ */ jsx(Text$1, { style: [styles2.shortLabel, { color: foregroundColor }, toolLabelStyle], children: tool.shortLabel ?? tool.label.slice(0, 1).toUpperCase() });
 }
 var styles2 = StyleSheet.create({
@@ -4628,17 +4657,21 @@ var NativeVectorViewport = forwardRef(function NativeVectorViewport2({
         if (!change) return;
         if (st.tool === "text") {
           const id = createShapeId();
+          const fs = DEFAULT_TEXT_TOOL_FONT_SIZE;
+          const baseline = textBaselineYFor(fs);
+          const lh = textLineHeightFor(fs);
+          const minH = Math.max(26, baseline + Math.max(4, lh * 0.2));
           const item = createTextItem(
             id,
             {
               x: st.startWorld.x - 4,
-              y: st.startWorld.y - 18,
+              y: st.startWorld.y - baseline,
               width: 160,
-              height: 26
+              height: minH
             },
             "Text",
             strokeStyleRef.current,
-            18
+            fs
           );
           change([...itemsRef.current, item]);
           onSelectionChangeRef.current?.([id]);