canvu-react 0.3.28 → 0.3.30

package/dist/index.d.cts

@@ -1,9 +1,9 @@
-import { C as Camera2D } from './camera-BwQjm5oh.cjs';
-export { a as Camera2DOptions } from './camera-BwQjm5oh.cjs';
-import { V as VectorSceneItem, A as ArrowEndpointBinding, R as Rect } from './types-CB0TZZuk.cjs';
-export { a as ArrowBindings, b as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-CB0TZZuk.cjs';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-3Iv5xHxM.cjs';
-export { D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, a as applyStrokeToItem, b as buildArrowSvg, c as buildDrawDotSvg, d as buildEllipseSvg, e as buildFreehandPathSvg, f as buildLineSvg, g as buildRectSvg, h as computeFreehandSvgPayload, i as createDrawDotItem, j as createEllipseItem, k as createFreehandStrokeItem, l as createImageFromVectorTrace, m as createImageItem, n as createLineItem, o as createRectangleItem, p as createShapeId, q as createTextItem, r as lineEndpointsToLocal, s as rebuildItemSvg, t as resolveStrokeStyle } from './shape-builders-DFudWDFI.cjs';
+import { C as Camera2D } from './camera-Di5R_Rwl.cjs';
+export { a as Camera2DOptions } from './camera-Di5R_Rwl.cjs';
+import { V as VectorSceneItem, A as ArrowEndpointBinding, R as Rect } from './types-Bnq2HtHQ.cjs';
+export { a as ArrowBindings, b as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-Bnq2HtHQ.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-EtEuBwb7.cjs';
+export { D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, a as applyStrokeToItem, b as buildArchitecturalCloudPathD, c as buildArchitecturalCloudSvg, d as buildArrowSvg, e as buildDrawDotSvg, f as buildEllipseSvg, g as buildFreehandPathSvg, h as buildLineSvg, i as buildRectSvg, j as computeFreehandSvgPayload, k as createArchitecturalCloudItem, l as createDrawDotItem, m as createEllipseItem, n as createFreehandStrokeItem, o as createImageFromVectorTrace, p as createImageItem, q as createLineItem, r as createRectangleItem, s as createShapeId, t as createTextItem, u as lineEndpointsToLocal, v as rebuildItemSvg, w as resolveStrokeStyle } from './shape-builders-CsbSRZnQ.cjs';
 
 type EncodeCanvasToBlobOptions = {
     mimeType?: string;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { C as Camera2D } from './camera-KwCYYPhm.js';
-export { a as Camera2DOptions } from './camera-KwCYYPhm.js';
-import { V as VectorSceneItem, A as ArrowEndpointBinding, R as Rect } from './types-CB0TZZuk.js';
-export { a as ArrowBindings, b as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-CB0TZZuk.js';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-BEG21hMp.js';
-export { D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, a as applyStrokeToItem, b as buildArrowSvg, c as buildDrawDotSvg, d as buildEllipseSvg, e as buildFreehandPathSvg, f as buildLineSvg, g as buildRectSvg, h as computeFreehandSvgPayload, i as createDrawDotItem, j as createEllipseItem, k as createFreehandStrokeItem, l as createImageFromVectorTrace, m as createImageItem, n as createLineItem, o as createRectangleItem, p as createShapeId, q as createTextItem, r as lineEndpointsToLocal, s as rebuildItemSvg, t as resolveStrokeStyle } from './shape-builders-ENwnK-zT.js';
+import { C as Camera2D } from './camera-AoTwBSoE.js';
+export { a as Camera2DOptions } from './camera-AoTwBSoE.js';
+import { V as VectorSceneItem, A as ArrowEndpointBinding, R as Rect } from './types-Bnq2HtHQ.js';
+export { a as ArrowBindings, b as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-Bnq2HtHQ.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-DrTOgDdd.js';
+export { D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, a as applyStrokeToItem, b as buildArchitecturalCloudPathD, c as buildArchitecturalCloudSvg, d as buildArrowSvg, e as buildDrawDotSvg, f as buildEllipseSvg, g as buildFreehandPathSvg, h as buildLineSvg, i as buildRectSvg, j as computeFreehandSvgPayload, k as createArchitecturalCloudItem, l as createDrawDotItem, m as createEllipseItem, n as createFreehandStrokeItem, o as createImageFromVectorTrace, p as createImageItem, q as createLineItem, r as createRectangleItem, s as createShapeId, t as createTextItem, u as lineEndpointsToLocal, v as rebuildItemSvg, w as resolveStrokeStyle } from './shape-builders-CsSXKCcs.js';
 
 type EncodeCanvasToBlobOptions = {
     mimeType?: string;

package/dist/index.js

@@ -1038,6 +1038,41 @@ function resolveStrokeStyle(item) {
 function strokeOpacityAttr(style) {
   return style.strokeOpacity != null ? ` stroke-opacity="${style.strokeOpacity}"` : "";
 }
+function clampNumber(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function svgNumber(value) {
+  if (!Number.isFinite(value)) return "0";
+  return Number(value.toFixed(3)).toString();
+}
+function architecturalCloudScallopCount(length, depth) {
+  if (length <= 1e-6) return 0;
+  return Math.max(1, Math.round(length / Math.max(depth * 2.05, 8)));
+}
+function appendHorizontalScallops(segments, startX, endX, y, controlY, count) {
+  if (count <= 0) return;
+  const step = (endX - startX) / count;
+  for (let index = 1; index <= count; index += 1) {
+    const x0 = startX + step * (index - 1);
+    const x1 = index === count ? endX : startX + step * index;
+    const cx = (x0 + x1) / 2;
+    segments.push(
+      `Q${svgNumber(cx)} ${svgNumber(controlY)} ${svgNumber(x1)} ${svgNumber(y)}`
+    );
+  }
+}
+function appendVerticalScallops(segments, startY, endY, x, controlX, count) {
+  if (count <= 0) return;
+  const step = (endY - startY) / count;
+  for (let index = 1; index <= count; index += 1) {
+    const y0 = startY + step * (index - 1);
+    const y1 = index === count ? endY : startY + step * index;
+    const cy = (y0 + y1) / 2;
+    segments.push(
+      `Q${svgNumber(controlX)} ${svgNumber(cy)} ${svgNumber(x)} ${svgNumber(y1)}`
+    );
+  }
+}
 function buildRectSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   return `<rect width="${width}" height="${height}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" rx="4"${strokeOpacityAttr(style)} />`;
 }
@@ -1046,6 +1081,63 @@ function buildEllipseSvg(width, height, style = DEFAULT_STROKE_STYLE) {
   const ry = height / 2;
   return `<ellipse cx="${rx}" cy="${ry}" rx="${rx}" ry="${ry}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
+function buildArchitecturalCloudPathD(width, height, strokeWidth = DEFAULT_STROKE_STYLE.strokeWidth) {
+  const w = Math.max(0, width);
+  const h = Math.max(0, height);
+  if (w <= 0 || h <= 0) return "";
+  const inset = Math.min(w / 2, h / 2, Math.max(0.5, strokeWidth / 2));
+  const x0 = inset;
+  const y0 = inset;
+  const x1 = Math.max(x0, w - inset);
+  const y1 = Math.max(y0, h - inset);
+  const innerW = Math.max(0, x1 - x0);
+  const innerH = Math.max(0, y1 - y0);
+  if (innerW <= 0 || innerH <= 0) return "";
+  const maxDepth = Math.max(0.5, Math.min(innerW, innerH) * 0.18);
+  const depth = clampNumber(Math.min(w, h) * 0.08, 2, Math.min(12, maxDepth));
+  const corner = Math.min(depth * 1.2, innerW / 2, innerH / 2);
+  const topStart = x0 + corner;
+  const topEnd = x1 - corner;
+  const rightStart = y0 + corner;
+  const rightEnd = y1 - corner;
+  const bottomStart = x1 - corner;
+  const bottomEnd = x0 + corner;
+  const leftStart = y1 - corner;
+  const leftEnd = y0 + corner;
+  const topCount = architecturalCloudScallopCount(topEnd - topStart, depth);
+  const rightCount = architecturalCloudScallopCount(rightEnd - rightStart, depth);
+  const bottomCount = architecturalCloudScallopCount(bottomStart - bottomEnd, depth);
+  const leftCount = architecturalCloudScallopCount(leftStart - leftEnd, depth);
+  const segments = [`M${svgNumber(topStart)} ${svgNumber(y0)}`];
+  appendHorizontalScallops(segments, topStart, topEnd, y0, y0 + depth, topCount);
+  segments.push(
+    `Q${svgNumber(x1)} ${svgNumber(y0)} ${svgNumber(x1)} ${svgNumber(rightStart)}`
+  );
+  appendVerticalScallops(segments, rightStart, rightEnd, x1, x1 - depth, rightCount);
+  segments.push(
+    `Q${svgNumber(x1)} ${svgNumber(y1)} ${svgNumber(bottomStart)} ${svgNumber(y1)}`
+  );
+  appendHorizontalScallops(
+    segments,
+    bottomStart,
+    bottomEnd,
+    y1,
+    y1 - depth,
+    bottomCount
+  );
+  segments.push(
+    `Q${svgNumber(x0)} ${svgNumber(y1)} ${svgNumber(x0)} ${svgNumber(leftStart)}`
+  );
+  appendVerticalScallops(segments, leftStart, leftEnd, x0, x0 + depth, leftCount);
+  segments.push(
+    `Q${svgNumber(x0)} ${svgNumber(y0)} ${svgNumber(topStart)} ${svgNumber(y0)} Z`
+  );
+  return segments.join(" ");
+}
+function buildArchitecturalCloudSvg(width, height, style = DEFAULT_STROKE_STYLE) {
+  const d = buildArchitecturalCloudPathD(width, height, style.strokeWidth);
+  return `<path d="${d}" fill="none" stroke="${style.stroke}" stroke-width="${style.strokeWidth}" stroke-linecap="round" stroke-linejoin="round"${strokeOpacityAttr(style)} />`;
+}
 function buildLineSvg(line, style = DEFAULT_STROKE_STYLE) {
   return `<line x1="${line.x1}" y1="${line.y1}" x2="${line.x2}" y2="${line.y2}" stroke="${style.stroke}" stroke-width="${style.strokeWidth}"${strokeOpacityAttr(style)} />`;
 }
@@ -1188,6 +1280,13 @@ function rebuildItemSvg(item) {
       childrenSvg: buildEllipseSvg(b.width, b.height, style)
     };
   }
+  if (k === "architectural-cloud") {
+    const b = normalizeRect(item.bounds);
+    return {
+      ...item,
+      childrenSvg: buildArchitecturalCloudSvg(b.width, b.height, style)
+    };
+  }
   if ((k === "line" || k === "arrow") && item.line) {
     const line = item.line;
     const childrenSvg = k === "arrow" ? buildArrowSvg(item.id, line, style) : buildLineSvg(line, style);
@@ -1300,6 +1399,21 @@ function createEllipseItem(id, bounds, style) {
     childrenSvg: ""
   });
 }
+function createArchitecturalCloudItem(id, bounds, style) {
+  const r = normalizeRect(bounds);
+  const s = { ...DEFAULT_STROKE_STYLE, ...style };
+  return rebuildItemSvg({
+    id,
+    x: r.x,
+    y: r.y,
+    bounds: { ...r },
+    toolKind: "architectural-cloud",
+    stroke: s.stroke,
+    strokeWidth: s.strokeWidth,
+    ...s.strokeOpacity != null ? { strokeOpacity: s.strokeOpacity } : {},
+    childrenSvg: ""
+  });
+}
 function createLineItem(id, bounds, line, toolKind, style, arrowBind) {
   const r = normalizeRect(bounds);
   const s = { ...DEFAULT_STROKE_STYLE, ...style };
@@ -1519,7 +1633,7 @@ function isArrowBindTarget(item) {
   if (item.locked) return false;
   const k = item.toolKind;
   if (!k) return false;
-  return k === "rect" || k === "ellipse" || k === "text" || k === "image" || k === "custom";
+  return k === "rect" || k === "ellipse" || k === "architectural-cloud" || k === "text" || k === "image" || k === "custom";
 }
 function closestPointOnShapeBoundaryLocal(item, lx, ly, w, h) {
   if (item.toolKind === "ellipse") {
@@ -2386,6 +2500,6 @@ var VectorScene = class {
   }
 };
 
-export { ARROW_BIND_SNAP_PX, Camera2D, DEFAULT_STROKE_STYLE, DEFAULT_TEXT_FONT_SIZE, MANAGED_KEY, MAX_RASTER_EMBED_DIMENSION, SvgVectorRenderer, VectorScene, addManagedImage, applyStrokeToItem, attachApplePencilNavigation, attachViewportInput, bakeArrowItemToAbsolute, buildArrowSvg, buildCustomShapeChildrenSvg, buildDrawDotSvg, buildEllipseSvg, buildFreehandPathSvg, buildLineSvg, buildRectSvg, buildTextSvg, cloneVectorSceneItemWithNewId, cloneVectorSceneItemsWithNewIds, collectEraserTargetsAtWorldPoint, computeFreehandSvgPayload, copyManagedImage, createCustomShapeItem, createDrawDotItem, createEllipseItem, createFreehandStrokeItem, createImageFromVectorTrace, createImageItem, createLineItem, createRectangleItem, createShapeId, createTextItem, cullItemsByViewport, deleteManagedImage, encodeCanvasToBlob, expandCustomShapeTemplate, formatCameraTransform, formatItemPlacementTransform, hitTestWorldPoint, hydrateSceneItemsWithAssets, isArrowBindTarget, isManagedImage, itemHitTestWorldPoint, lineEndpointsToLocal, loadImageFileAsRasterSceneSource, markImageAsManaged, normalizeRect, rebuildItemSvg, rectsIntersect, reorderManagedImages, resolveArrowBindingsInScene, resolveStrokeStyle, restackManagedImages, rotateManagedImage, snapArrowEndpointToShape };
+export { ARROW_BIND_SNAP_PX, Camera2D, DEFAULT_STROKE_STYLE, DEFAULT_TEXT_FONT_SIZE, MANAGED_KEY, MAX_RASTER_EMBED_DIMENSION, SvgVectorRenderer, VectorScene, addManagedImage, applyStrokeToItem, attachApplePencilNavigation, attachViewportInput, bakeArrowItemToAbsolute, buildArchitecturalCloudPathD, buildArchitecturalCloudSvg, buildArrowSvg, buildCustomShapeChildrenSvg, buildDrawDotSvg, buildEllipseSvg, buildFreehandPathSvg, buildLineSvg, buildRectSvg, buildTextSvg, cloneVectorSceneItemWithNewId, cloneVectorSceneItemsWithNewIds, collectEraserTargetsAtWorldPoint, computeFreehandSvgPayload, copyManagedImage, createArchitecturalCloudItem, createCustomShapeItem, createDrawDotItem, createEllipseItem, createFreehandStrokeItem, createImageFromVectorTrace, createImageItem, createLineItem, createRectangleItem, createShapeId, createTextItem, cullItemsByViewport, deleteManagedImage, encodeCanvasToBlob, expandCustomShapeTemplate, formatCameraTransform, formatItemPlacementTransform, hitTestWorldPoint, hydrateSceneItemsWithAssets, isArrowBindTarget, isManagedImage, itemHitTestWorldPoint, lineEndpointsToLocal, loadImageFileAsRasterSceneSource, markImageAsManaged, normalizeRect, rebuildItemSvg, rectsIntersect, reorderManagedImages, resolveArrowBindingsInScene, resolveStrokeStyle, restackManagedImages, rotateManagedImage, snapArrowEndpointToShape };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map