@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/shapes/bookmark/BookmarkShapeUtil.js

@@ -0,0 +1,163 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BookmarkShapeUtil_exports = {};
+__export(BookmarkShapeUtil_exports, {
+  BookmarkShapeUtil: () => BookmarkShapeUtil,
+  getHumanReadableAddress: () => getHumanReadableAddress
+});
+module.exports = __toCommonJS(BookmarkShapeUtil_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_text = require("../../utils/text/text");
+var import_HyperlinkButton = require("../shared/HyperlinkButton");
+var import_rotated_box_shadow = require("../shared/rotated-box-shadow");
+class BookmarkShapeUtil extends import_editor.BaseBoxShapeUtil {
+  static type = "bookmark";
+  static props = import_editor.bookmarkShapeProps;
+  static migrations = import_editor.bookmarkShapeMigrations;
+  canResize = () => false;
+  hideSelectionBoundsFg = () => true;
+  getDefaultProps() {
+    return {
+      url: "",
+      w: 300,
+      h: 320,
+      assetId: null
+    };
+  }
+  component(shape) {
+    const asset = shape.props.assetId ? this.editor.getAsset(shape.props.assetId) : null;
+    const pageRotation = this.editor.getShapePageTransform(shape).rotation();
+    const address = getHumanReadableAddress(shape);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.HTMLContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "tl-bookmark__container",
+        style: {
+          boxShadow: (0, import_rotated_box_shadow.getRotatedBoxShadow)(pageRotation)
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tl-bookmark__image_container", children: [
+            asset?.props.image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "img",
+              {
+                className: "tl-bookmark__image",
+                draggable: false,
+                src: asset?.props.image,
+                alt: asset?.props.title || ""
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tl-bookmark__placeholder" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HyperlinkButton.HyperlinkButton, { url: shape.props.url, zoomLevel: this.editor.getZoomLevel() })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tl-bookmark__copy_container", children: [
+            asset?.props.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "tl-bookmark__heading", children: (0, import_text.truncateStringWithEllipsis)(asset?.props.title || "", 54) }),
+            asset?.props.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tl-bookmark__description", children: (0, import_text.truncateStringWithEllipsis)(asset?.props.description || "", 128) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                className: "tl-bookmark__link",
+                href: shape.props.url || "",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onPointerDown: import_editor.stopEventPropagation,
+                onPointerUp: import_editor.stopEventPropagation,
+                onClick: import_editor.stopEventPropagation,
+                children: (0, import_text.truncateStringWithEllipsis)(address, 45)
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+  indicator(shape) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "rect",
+      {
+        width: (0, import_editor.toDomPrecision)(shape.props.w),
+        height: (0, import_editor.toDomPrecision)(shape.props.h),
+        rx: "8",
+        ry: "8"
+      }
+    );
+  }
+  onBeforeCreate = (shape) => {
+    updateBookmarkAssetOnUrlChange(this.editor, shape);
+  };
+  onBeforeUpdate = (prev, shape) => {
+    if (prev.props.url !== shape.props.url) {
+      if (!(0, import_editor.isValidUrl)(shape.props.url)) {
+        return { ...shape, props: { ...shape.props, url: prev.props.url } };
+      } else {
+        updateBookmarkAssetOnUrlChange(this.editor, shape);
+      }
+    }
+  };
+}
+const getHumanReadableAddress = (shape) => {
+  try {
+    const url = new URL(shape.props.url);
+    const path = url.pathname.replace(/\/*$/, "");
+    return `${url.hostname}${path}`;
+  } catch (e) {
+    return shape.props.url;
+  }
+};
+function updateBookmarkAssetOnUrlChange(editor, shape) {
+  const { url } = shape.props;
+  const assetId = import_editor.AssetRecordType.createId((0, import_editor.getHashForString)(url));
+  if (editor.getAsset(assetId)) {
+    if (shape.props.assetId !== assetId) {
+      editor.updateShapes([
+        {
+          id: shape.id,
+          type: shape.type,
+          props: { assetId }
+        }
+      ]);
+    }
+  } else {
+    editor.updateShapes([
+      {
+        id: shape.id,
+        type: shape.type,
+        props: { assetId: null }
+      }
+    ]);
+    createBookmarkAssetOnUrlChange(editor, shape);
+  }
+}
+const createBookmarkAssetOnUrlChange = (0, import_editor.debounce)(async (editor, shape) => {
+  const { url } = shape.props;
+  const asset = await editor.getAssetForExternalContent({ type: "url", url });
+  if (!asset) {
+    return;
+  }
+  editor.batch(() => {
+    editor.createAssets([asset]);
+    editor.updateShapes([
+      {
+        id: shape.id,
+        type: shape.type,
+        props: { assetId: asset.id }
+      }
+    ]);
+  });
+}, 500);
+//# sourceMappingURL=BookmarkShapeUtil.js.map

package/dist-cjs/lib/shapes/bookmark/BookmarkShapeUtil.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/bookmark/BookmarkShapeUtil.tsx"],
+  "sourcesContent": ["import {\n\tAssetRecordType,\n\tBaseBoxShapeUtil,\n\tEditor,\n\tHTMLContainer,\n\tTLAssetId,\n\tTLBookmarkAsset,\n\tTLBookmarkShape,\n\tTLOnBeforeCreateHandler,\n\tTLOnBeforeUpdateHandler,\n\tbookmarkShapeMigrations,\n\tbookmarkShapeProps,\n\tdebounce,\n\tgetHashForString,\n\tisValidUrl,\n\tstopEventPropagation,\n\ttoDomPrecision,\n} from '@bigbluebutton/editor'\nimport { truncateStringWithEllipsis } from '../../utils/text/text'\nimport { HyperlinkButton } from '../shared/HyperlinkButton'\nimport { getRotatedBoxShadow } from '../shared/rotated-box-shadow'\n\n/** @public */\nexport class BookmarkShapeUtil extends BaseBoxShapeUtil<TLBookmarkShape> {\n\tstatic override type = 'bookmark' as const\n\tstatic override props = bookmarkShapeProps\n\tstatic override migrations = bookmarkShapeMigrations\n\n\toverride canResize = () => false\n\n\toverride hideSelectionBoundsFg = () => true\n\n\toverride getDefaultProps(): TLBookmarkShape['props'] {\n\t\treturn {\n\t\t\turl: '',\n\t\t\tw: 300,\n\t\t\th: 320,\n\t\t\tassetId: null,\n\t\t}\n\t}\n\n\toverride component(shape: TLBookmarkShape) {\n\t\tconst asset = (\n\t\t\tshape.props.assetId ? this.editor.getAsset(shape.props.assetId) : null\n\t\t) as TLBookmarkAsset\n\n\t\tconst pageRotation = this.editor.getShapePageTransform(shape)!.rotation()\n\n\t\tconst address = getHumanReadableAddress(shape)\n\n\t\treturn (\n\t\t\t<HTMLContainer>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"tl-bookmark__container\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tboxShadow: getRotatedBoxShadow(pageRotation),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"tl-bookmark__image_container\">\n\t\t\t\t\t\t{asset?.props.image ? (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tclassName=\"tl-bookmark__image\"\n\t\t\t\t\t\t\t\tdraggable={false}\n\t\t\t\t\t\t\t\tsrc={asset?.props.image}\n\t\t\t\t\t\t\t\talt={asset?.props.title || ''}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"tl-bookmark__placeholder\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<HyperlinkButton url={shape.props.url} zoomLevel={this.editor.getZoomLevel()} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"tl-bookmark__copy_container\">\n\t\t\t\t\t\t{asset?.props.title && (\n\t\t\t\t\t\t\t<h2 className=\"tl-bookmark__heading\">\n\t\t\t\t\t\t\t\t{truncateStringWithEllipsis(asset?.props.title || '', 54)}\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{asset?.props.description && (\n\t\t\t\t\t\t\t<p className=\"tl-bookmark__description\">\n\t\t\t\t\t\t\t\t{truncateStringWithEllipsis(asset?.props.description || '', 128)}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tclassName=\"tl-bookmark__link\"\n\t\t\t\t\t\t\thref={shape.props.url || ''}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tonPointerDown={stopEventPropagation}\n\t\t\t\t\t\t\tonPointerUp={stopEventPropagation}\n\t\t\t\t\t\t\tonClick={stopEventPropagation}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{truncateStringWithEllipsis(address, 45)}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</HTMLContainer>\n\t\t)\n\t}\n\n\toverride indicator(shape: TLBookmarkShape) {\n\t\treturn (\n\t\t\t<rect\n\t\t\t\twidth={toDomPrecision(shape.props.w)}\n\t\t\t\theight={toDomPrecision(shape.props.h)}\n\t\t\t\trx=\"8\"\n\t\t\t\try=\"8\"\n\t\t\t/>\n\t\t)\n\t}\n\n\toverride onBeforeCreate?: TLOnBeforeCreateHandler<TLBookmarkShape> = (shape) => {\n\t\tupdateBookmarkAssetOnUrlChange(this.editor, shape)\n\t}\n\n\toverride onBeforeUpdate?: TLOnBeforeUpdateHandler<TLBookmarkShape> = (prev, shape) => {\n\t\tif (prev.props.url !== shape.props.url) {\n\t\t\tif (!isValidUrl(shape.props.url)) {\n\t\t\t\treturn { ...shape, props: { ...shape.props, url: prev.props.url } }\n\t\t\t} else {\n\t\t\t\tupdateBookmarkAssetOnUrlChange(this.editor, shape)\n\t\t\t}\n\t\t}\n\t}\n}\n\n/** @internal */\nexport const getHumanReadableAddress = (shape: TLBookmarkShape) => {\n\ttry {\n\t\tconst url = new URL(shape.props.url)\n\t\tconst path = url.pathname.replace(/\\/*$/, '')\n\t\treturn `${url.hostname}${path}`\n\t} catch (e) {\n\t\treturn shape.props.url\n\t}\n}\n\nfunction updateBookmarkAssetOnUrlChange(editor: Editor, shape: TLBookmarkShape) {\n\tconst { url } = shape.props\n\n\t// Derive the asset id from the URL\n\tconst assetId: TLAssetId = AssetRecordType.createId(getHashForString(url))\n\n\tif (editor.getAsset(assetId)) {\n\t\t// Existing asset for this URL?\n\t\tif (shape.props.assetId !== assetId) {\n\t\t\teditor.updateShapes<TLBookmarkShape>([\n\t\t\t\t{\n\t\t\t\t\tid: shape.id,\n\t\t\t\t\ttype: shape.type,\n\t\t\t\t\tprops: { assetId },\n\t\t\t\t},\n\t\t\t])\n\t\t}\n\t} else {\n\t\t// No asset for this URL?\n\n\t\t// First, clear out the existing asset reference\n\t\teditor.updateShapes<TLBookmarkShape>([\n\t\t\t{\n\t\t\t\tid: shape.id,\n\t\t\t\ttype: shape.type,\n\t\t\t\tprops: { assetId: null },\n\t\t\t},\n\t\t])\n\n\t\t// Then try to asyncronously create a new one\n\t\tcreateBookmarkAssetOnUrlChange(editor, shape)\n\t}\n}\n\nconst createBookmarkAssetOnUrlChange = debounce(async (editor: Editor, shape: TLBookmarkShape) => {\n\tconst { url } = shape.props\n\n\t// Create the asset using the external content manager's createAssetFromUrl method.\n\t// This may be overwritten by the user (for example, we overwrite it on tldraw.com)\n\tconst asset = await editor.getAssetForExternalContent({ type: 'url', url })\n\n\tif (!asset) {\n\t\t// No asset? Just leave the bookmark as a null assetId.\n\t\treturn\n\t}\n\n\teditor.batch(() => {\n\t\t// Create the new asset\n\t\teditor.createAssets([asset])\n\n\t\t// And update the shape\n\t\teditor.updateShapes<TLBookmarkShape>([\n\t\t\t{\n\t\t\t\tid: shape.id,\n\t\t\t\ttype: shape.type,\n\t\t\t\tprops: { assetId: asset.id },\n\t\t\t},\n\t\t])\n\t})\n}, 500)\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/shapes/draw/DrawShapeTool.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrawShapeTool_exports = {};
+__export(DrawShapeTool_exports, {
+  DrawShapeTool: () => DrawShapeTool
+});
+module.exports = __toCommonJS(DrawShapeTool_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_Drawing = require("./toolStates/Drawing");
+var import_Idle = require("./toolStates/Idle");
+class DrawShapeTool extends import_editor.StateNode {
+  static id = "draw";
+  static initial = "idle";
+  static children = () => [import_Idle.Idle, import_Drawing.Drawing];
+  shapeType = "draw";
+  onExit = () => {
+    const drawingState = this.children["drawing"];
+    drawingState.initialShape = void 0;
+  };
+}
+//# sourceMappingURL=DrawShapeTool.js.map

package/dist-cjs/lib/shapes/draw/DrawShapeTool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/draw/DrawShapeTool.ts"],
+  "sourcesContent": ["import { StateNode } from '@bigbluebutton/editor'\nimport { Drawing } from './toolStates/Drawing'\nimport { Idle } from './toolStates/Idle'\n\n/** @public */\nexport class DrawShapeTool extends StateNode {\n\tstatic override id = 'draw'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, Drawing]\n\n\toverride shapeType = 'draw'\n\n\toverride onExit = () => {\n\t\tconst drawingState = this.children!['drawing'] as Drawing\n\t\tdrawingState.initialShape = undefined\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,qBAAwB;AACxB,kBAAqB;AAGd,MAAM,sBAAsB,wBAAU;AAAA,EAC5C,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,kBAAM,sBAAO;AAAA,EAEtC,YAAY;AAAA,EAEZ,SAAS,MAAM;AACvB,UAAM,eAAe,KAAK,SAAU,SAAS;AAC7C,iBAAa,eAAe;AAAA,EAC7B;AACD;",
+  "names": []
+}

package/dist-cjs/lib/shapes/draw/DrawShapeUtil.js

@@ -0,0 +1,243 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrawShapeUtil_exports = {};
+__export(DrawShapeUtil_exports, {
+  DrawShapeUtil: () => DrawShapeUtil
+});
+module.exports = __toCommonJS(DrawShapeUtil_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_ShapeFill = require("../shared/ShapeFill");
+var import_default_shape_constants = require("../shared/default-shape-constants");
+var import_defaultStyleDefs = require("../shared/defaultStyleDefs");
+var import_getStrokeOutlinePoints = require("../shared/freehand/getStrokeOutlinePoints");
+var import_getStrokePoints = require("../shared/freehand/getStrokePoints");
+var import_setStrokePointRadii = require("../shared/freehand/setStrokePointRadii");
+var import_svg = require("../shared/freehand/svg");
+var import_svgInk = require("../shared/freehand/svgInk");
+var import_useForceSolid = require("../shared/useForceSolid");
+var import_getPath = require("./getPath");
+class DrawShapeUtil extends import_editor.ShapeUtil {
+  static type = "draw";
+  static props = import_editor.drawShapeProps;
+  static migrations = import_editor.drawShapeMigrations;
+  hideResizeHandles = (shape) => getIsDot(shape);
+  hideRotateHandle = (shape) => getIsDot(shape);
+  hideSelectionBoundsFg = (shape) => getIsDot(shape);
+  getDefaultProps() {
+    return {
+      segments: [],
+      color: "black",
+      fill: "none",
+      dash: "draw",
+      size: "m",
+      isComplete: false,
+      isClosed: false,
+      isPen: false
+    };
+  }
+  getGeometry(shape) {
+    const points = (0, import_getPath.getPointsFromSegments)(shape.props.segments);
+    const strokeWidth = import_default_shape_constants.STROKE_SIZES[shape.props.size];
+    if (shape.props.segments.length === 1) {
+      const box = import_editor.Box2d.FromPoints(points);
+      if (box.width < strokeWidth * 2 && box.height < strokeWidth * 2) {
+        return new import_editor.Circle2d({
+          x: -strokeWidth,
+          y: -strokeWidth,
+          radius: strokeWidth,
+          isFilled: true
+        });
+      }
+    }
+    const strokePoints = (0, import_getStrokePoints.getStrokePoints)(
+      points,
+      (0, import_getPath.getFreehandOptions)(shape.props, strokeWidth, true, true)
+    ).map((p) => p.point);
+    if (shape.props.isClosed) {
+      return new import_editor.Polygon2d({
+        points: strokePoints,
+        isFilled: shape.props.fill !== "none"
+      });
+    }
+    return new import_editor.Polyline2d({
+      points: strokePoints
+    });
+  }
+  component(shape) {
+    const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+    const forceSolid = (0, import_useForceSolid.useForceSolid)();
+    const strokeWidth = import_default_shape_constants.STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = (0, import_getPath.getPointsFromSegments)(shape.props.segments);
+    const showAsComplete = shape.props.isComplete || (0, import_editor.last)(shape.props.segments)?.type === "straight";
+    let sw = strokeWidth;
+    if (!forceSolid && !shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += (0, import_editor.rng)(shape.id)() * (strokeWidth / 6);
+    }
+    const options = (0, import_getPath.getFreehandOptions)(shape.props, sw, showAsComplete, forceSolid);
+    if (!forceSolid && shape.props.dash === "draw") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_editor.SVGContainer, { id: shape.id, children: [
+        shape.props.isClosed && shape.props.fill && allPointsFromSegments.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ShapeFill.ShapeFill,
+          {
+            theme,
+            fill: shape.props.isClosed ? shape.props.fill : "none",
+            color: shape.props.color,
+            d: (0, import_svg.getSvgPathFromStrokePoints)(
+              (0, import_getStrokePoints.getStrokePoints)(allPointsFromSegments, options),
+              shape.props.isClosed
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: (0, import_svgInk.svgInk)(allPointsFromSegments, options),
+            strokeLinecap: "round",
+            fill: theme[shape.props.color].solid
+          }
+        )
+      ] });
+    }
+    const strokePoints = (0, import_getStrokePoints.getStrokePoints)(allPointsFromSegments, options);
+    const isDot = strokePoints.length < 2;
+    const solidStrokePath = isDot ? getDot(allPointsFromSegments[0], 0) : (0, import_svg.getSvgPathFromStrokePoints)(strokePoints, shape.props.isClosed);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_editor.SVGContainer, { id: shape.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ShapeFill.ShapeFill,
+        {
+          theme,
+          color: shape.props.color,
+          fill: isDot || shape.props.isClosed ? shape.props.fill : "none",
+          d: solidStrokePath
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: solidStrokePath,
+          strokeLinecap: "round",
+          fill: isDot ? theme[shape.props.color].solid : "none",
+          stroke: theme[shape.props.color].solid,
+          strokeWidth,
+          strokeDasharray: isDot ? "none" : (0, import_getPath.getDrawShapeStrokeDashArray)(shape, strokeWidth),
+          strokeDashoffset: "0"
+        }
+      )
+    ] });
+  }
+  indicator(shape) {
+    const forceSolid = (0, import_useForceSolid.useForceSolid)();
+    const strokeWidth = import_default_shape_constants.STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = (0, import_getPath.getPointsFromSegments)(shape.props.segments);
+    let sw = strokeWidth;
+    if (!forceSolid && !shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += (0, import_editor.rng)(shape.id)() * (strokeWidth / 6);
+    }
+    const showAsComplete = shape.props.isComplete || (0, import_editor.last)(shape.props.segments)?.type === "straight";
+    const options = (0, import_getPath.getFreehandOptions)(shape.props, sw, showAsComplete, true);
+    const strokePoints = (0, import_getStrokePoints.getStrokePoints)(allPointsFromSegments, options);
+    const solidStrokePath = strokePoints.length > 1 ? (0, import_svg.getSvgPathFromStrokePoints)(strokePoints, shape.props.isClosed) : getDot(allPointsFromSegments[0], sw);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: solidStrokePath });
+  }
+  toSvg(shape, ctx) {
+    const theme = (0, import_editor.getDefaultColorTheme)({ isDarkMode: this.editor.user.getIsDarkMode() });
+    ctx.addExportDef((0, import_defaultStyleDefs.getFillDefForExport)(shape.props.fill, theme));
+    const { color } = shape.props;
+    const strokeWidth = import_default_shape_constants.STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = (0, import_getPath.getPointsFromSegments)(shape.props.segments);
+    const showAsComplete = shape.props.isComplete || (0, import_editor.last)(shape.props.segments)?.type === "straight";
+    let sw = strokeWidth;
+    if (!shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += (0, import_editor.rng)(shape.id)() * (strokeWidth / 6);
+    }
+    const options = (0, import_getPath.getFreehandOptions)(shape.props, sw, showAsComplete, false);
+    const strokePoints = (0, import_getStrokePoints.getStrokePoints)(allPointsFromSegments, options);
+    const solidStrokePath = strokePoints.length > 1 ? (0, import_svg.getSvgPathFromStrokePoints)(strokePoints, shape.props.isClosed) : getDot(allPointsFromSegments[0], sw);
+    let foregroundPath;
+    if (shape.props.dash === "draw" || strokePoints.length < 2) {
+      (0, import_setStrokePointRadii.setStrokePointRadii)(strokePoints, options);
+      const strokeOutlinePoints = (0, import_getStrokeOutlinePoints.getStrokeOutlinePoints)(strokePoints, options);
+      const p = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      p.setAttribute("d", (0, import_editor.getSvgPathFromPoints)(strokeOutlinePoints, true));
+      p.setAttribute("fill", theme[color].solid);
+      p.setAttribute("stroke-linecap", "round");
+      foregroundPath = p;
+    } else {
+      const p = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      p.setAttribute("d", solidStrokePath);
+      p.setAttribute("stroke", theme[color].solid);
+      p.setAttribute("fill", "none");
+      p.setAttribute("stroke-linecap", "round");
+      p.setAttribute("stroke-width", strokeWidth.toString());
+      p.setAttribute("stroke-dasharray", (0, import_getPath.getDrawShapeStrokeDashArray)(shape, strokeWidth));
+      p.setAttribute("stroke-dashoffset", "0");
+      foregroundPath = p;
+    }
+    const fillPath = (0, import_ShapeFill.getShapeFillSvg)({
+      fill: shape.props.isClosed ? shape.props.fill : "none",
+      d: solidStrokePath,
+      color: shape.props.color,
+      theme
+    });
+    if (fillPath) {
+      const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+      g.appendChild(fillPath);
+      g.appendChild(foregroundPath);
+      return g;
+    }
+    return foregroundPath;
+  }
+  getCanvasSvgDefs() {
+    return [(0, import_defaultStyleDefs.getFillDefForCanvas)()];
+  }
+  onResize = (shape, info) => {
+    const { scaleX, scaleY } = info;
+    const newSegments = [];
+    for (const segment of shape.props.segments) {
+      newSegments.push({
+        ...segment,
+        points: segment.points.map(({ x, y, z }) => {
+          return {
+            x: (0, import_editor.toFixed)(scaleX * x),
+            y: (0, import_editor.toFixed)(scaleY * y),
+            z
+          };
+        })
+      });
+    }
+    return {
+      props: {
+        segments: newSegments
+      }
+    };
+  };
+  expandSelectionOutlinePx(shape) {
+    const multiplier = shape.props.dash === "draw" ? 1.6 : 1;
+    return import_default_shape_constants.STROKE_SIZES[shape.props.size] * multiplier / 2;
+  }
+}
+function getDot(point, sw) {
+  const r = (sw + 1) * 0.5;
+  return `M ${point.x} ${point.y} m -${r}, 0 a ${r},${r} 0 1,0 ${r * 2},0 a ${r},${r} 0 1,0 -${r * 2},0`;
+}
+function getIsDot(shape) {
+  return shape.props.segments.length === 1 && shape.props.segments[0].points.length < 2;
+}
+//# sourceMappingURL=DrawShapeUtil.js.map

package/dist-cjs/lib/shapes/draw/DrawShapeUtil.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/draw/DrawShapeUtil.tsx"],
+  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport {\n\tBox2d,\n\tCircle2d,\n\tPolygon2d,\n\tPolyline2d,\n\tSVGContainer,\n\tShapeUtil,\n\tSvgExportContext,\n\tTLDrawShape,\n\tTLDrawShapeSegment,\n\tTLOnResizeHandler,\n\tTLShapeUtilCanvasSvgDef,\n\tVecLike,\n\tdrawShapeMigrations,\n\tdrawShapeProps,\n\tgetDefaultColorTheme,\n\tgetSvgPathFromPoints,\n\tlast,\n\trng,\n\ttoFixed,\n} from '@bigbluebutton/editor'\nimport { ShapeFill, getShapeFillSvg, useDefaultColorTheme } from '../shared/ShapeFill'\nimport { STROKE_SIZES } from '../shared/default-shape-constants'\nimport { getFillDefForCanvas, getFillDefForExport } from '../shared/defaultStyleDefs'\nimport { getStrokeOutlinePoints } from '../shared/freehand/getStrokeOutlinePoints'\nimport { getStrokePoints } from '../shared/freehand/getStrokePoints'\nimport { setStrokePointRadii } from '../shared/freehand/setStrokePointRadii'\nimport { getSvgPathFromStrokePoints } from '../shared/freehand/svg'\nimport { svgInk } from '../shared/freehand/svgInk'\nimport { useForceSolid } from '../shared/useForceSolid'\nimport { getDrawShapeStrokeDashArray, getFreehandOptions, getPointsFromSegments } from './getPath'\n\n/** @public */\nexport class DrawShapeUtil extends ShapeUtil<TLDrawShape> {\n\tstatic override type = 'draw' as const\n\tstatic override props = drawShapeProps\n\tstatic override migrations = drawShapeMigrations\n\n\toverride hideResizeHandles = (shape: TLDrawShape) => getIsDot(shape)\n\toverride hideRotateHandle = (shape: TLDrawShape) => getIsDot(shape)\n\toverride hideSelectionBoundsFg = (shape: TLDrawShape) => getIsDot(shape)\n\n\toverride getDefaultProps(): TLDrawShape['props'] {\n\t\treturn {\n\t\t\tsegments: [],\n\t\t\tcolor: 'black',\n\t\t\tfill: 'none',\n\t\t\tdash: 'draw',\n\t\t\tsize: 'm',\n\t\t\tisComplete: false,\n\t\t\tisClosed: false,\n\t\t\tisPen: false,\n\t\t}\n\t}\n\n\tgetGeometry(shape: TLDrawShape) {\n\t\tconst points = getPointsFromSegments(shape.props.segments)\n\t\tconst strokeWidth = STROKE_SIZES[shape.props.size]\n\n\t\t// A dot\n\t\tif (shape.props.segments.length === 1) {\n\t\t\tconst box = Box2d.FromPoints(points)\n\t\t\tif (box.width < strokeWidth * 2 && box.height < strokeWidth * 2) {\n\t\t\t\treturn new Circle2d({\n\t\t\t\t\tx: -strokeWidth,\n\t\t\t\t\ty: -strokeWidth,\n\t\t\t\t\tradius: strokeWidth,\n\t\t\t\t\tisFilled: true,\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\tconst strokePoints = getStrokePoints(\n\t\t\tpoints,\n\t\t\tgetFreehandOptions(shape.props, strokeWidth, true, true)\n\t\t).map((p) => p.point)\n\n\t\t// A closed draw stroke\n\t\tif (shape.props.isClosed) {\n\t\t\treturn new Polygon2d({\n\t\t\t\tpoints: strokePoints,\n\t\t\t\tisFilled: shape.props.fill !== 'none',\n\t\t\t})\n\t\t}\n\n\t\t// An open draw stroke\n\t\treturn new Polyline2d({\n\t\t\tpoints: strokePoints,\n\t\t})\n\t}\n\n\tcomponent(shape: TLDrawShape) {\n\t\tconst theme = useDefaultColorTheme()\n\t\tconst forceSolid = useForceSolid()\n\t\tconst strokeWidth = STROKE_SIZES[shape.props.size]\n\t\tconst allPointsFromSegments = getPointsFromSegments(shape.props.segments)\n\n\t\tconst showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === 'straight'\n\n\t\tlet sw = strokeWidth\n\t\tif (\n\t\t\t!forceSolid &&\n\t\t\t!shape.props.isPen &&\n\t\t\tshape.props.dash === 'draw' &&\n\t\t\tallPointsFromSegments.length === 1\n\t\t) {\n\t\t\tsw += rng(shape.id)() * (strokeWidth / 6)\n\t\t}\n\n\t\tconst options = getFreehandOptions(shape.props, sw, showAsComplete, forceSolid)\n\n\t\tif (!forceSolid && shape.props.dash === 'draw') {\n\t\t\treturn (\n\t\t\t\t<SVGContainer id={shape.id}>\n\t\t\t\t\t{shape.props.isClosed && shape.props.fill && allPointsFromSegments.length > 1 ? (\n\t\t\t\t\t\t<ShapeFill\n\t\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\t\tfill={shape.props.isClosed ? shape.props.fill : 'none'}\n\t\t\t\t\t\t\tcolor={shape.props.color}\n\t\t\t\t\t\t\td={getSvgPathFromStrokePoints(\n\t\t\t\t\t\t\t\tgetStrokePoints(allPointsFromSegments, options),\n\t\t\t\t\t\t\t\tshape.props.isClosed\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<path\n\t\t\t\t\t\td={svgInk(allPointsFromSegments, options)}\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\tfill={theme[shape.props.color].solid}\n\t\t\t\t\t/>\n\t\t\t\t</SVGContainer>\n\t\t\t)\n\t\t}\n\n\t\tconst strokePoints = getStrokePoints(allPointsFromSegments, options)\n\t\tconst isDot = strokePoints.length < 2\n\t\tconst solidStrokePath = isDot\n\t\t\t? getDot(allPointsFromSegments[0], 0)\n\t\t\t: getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed)\n\n\t\treturn (\n\t\t\t<SVGContainer id={shape.id}>\n\t\t\t\t<ShapeFill\n\t\t\t\t\ttheme={theme}\n\t\t\t\t\tcolor={shape.props.color}\n\t\t\t\t\tfill={isDot || shape.props.isClosed ? shape.props.fill : 'none'}\n\t\t\t\t\td={solidStrokePath}\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td={solidStrokePath}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tfill={isDot ? theme[shape.props.color].solid : 'none'}\n\t\t\t\t\tstroke={theme[shape.props.color].solid}\n\t\t\t\t\tstrokeWidth={strokeWidth}\n\t\t\t\t\tstrokeDasharray={isDot ? 'none' : getDrawShapeStrokeDashArray(shape, strokeWidth)}\n\t\t\t\t\tstrokeDashoffset=\"0\"\n\t\t\t\t/>\n\t\t\t</SVGContainer>\n\t\t)\n\t}\n\n\tindicator(shape: TLDrawShape) {\n\t\tconst forceSolid = useForceSolid()\n\t\tconst strokeWidth = STROKE_SIZES[shape.props.size]\n\t\tconst allPointsFromSegments = getPointsFromSegments(shape.props.segments)\n\n\t\tlet sw = strokeWidth\n\t\tif (\n\t\t\t!forceSolid &&\n\t\t\t!shape.props.isPen &&\n\t\t\tshape.props.dash === 'draw' &&\n\t\t\tallPointsFromSegments.length === 1\n\t\t) {\n\t\t\tsw += rng(shape.id)() * (strokeWidth / 6)\n\t\t}\n\n\t\tconst showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === 'straight'\n\t\tconst options = getFreehandOptions(shape.props, sw, showAsComplete, true)\n\t\tconst strokePoints = getStrokePoints(allPointsFromSegments, options)\n\t\tconst solidStrokePath =\n\t\t\tstrokePoints.length > 1\n\t\t\t\t? getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed)\n\t\t\t\t: getDot(allPointsFromSegments[0], sw)\n\n\t\treturn <path d={solidStrokePath} />\n\t}\n\n\toverride toSvg(shape: TLDrawShape, ctx: SvgExportContext) {\n\t\tconst theme = getDefaultColorTheme({ isDarkMode: this.editor.user.getIsDarkMode() })\n\t\tctx.addExportDef(getFillDefForExport(shape.props.fill, theme))\n\n\t\tconst { color } = shape.props\n\n\t\tconst strokeWidth = STROKE_SIZES[shape.props.size]\n\t\tconst allPointsFromSegments = getPointsFromSegments(shape.props.segments)\n\n\t\tconst showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === 'straight'\n\n\t\tlet sw = strokeWidth\n\t\tif (!shape.props.isPen && shape.props.dash === 'draw' && allPointsFromSegments.length === 1) {\n\t\t\tsw += rng(shape.id)() * (strokeWidth / 6)\n\t\t}\n\n\t\tconst options = getFreehandOptions(shape.props, sw, showAsComplete, false)\n\t\tconst strokePoints = getStrokePoints(allPointsFromSegments, options)\n\t\tconst solidStrokePath =\n\t\t\tstrokePoints.length > 1\n\t\t\t\t? getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed)\n\t\t\t\t: getDot(allPointsFromSegments[0], sw)\n\n\t\tlet foregroundPath: SVGPathElement | undefined\n\n\t\tif (shape.props.dash === 'draw' || strokePoints.length < 2) {\n\t\t\tsetStrokePointRadii(strokePoints, options)\n\t\t\tconst strokeOutlinePoints = getStrokeOutlinePoints(strokePoints, options)\n\n\t\t\tconst p = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\t\t\tp.setAttribute('d', getSvgPathFromPoints(strokeOutlinePoints, true))\n\t\t\tp.setAttribute('fill', theme[color].solid)\n\t\t\tp.setAttribute('stroke-linecap', 'round')\n\n\t\t\tforegroundPath = p\n\t\t} else {\n\t\t\tconst p = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n\t\t\tp.setAttribute('d', solidStrokePath)\n\t\t\tp.setAttribute('stroke', theme[color].solid)\n\t\t\tp.setAttribute('fill', 'none')\n\t\t\tp.setAttribute('stroke-linecap', 'round')\n\t\t\tp.setAttribute('stroke-width', strokeWidth.toString())\n\t\t\tp.setAttribute('stroke-dasharray', getDrawShapeStrokeDashArray(shape, strokeWidth))\n\t\t\tp.setAttribute('stroke-dashoffset', '0')\n\n\t\t\tforegroundPath = p\n\t\t}\n\n\t\tconst fillPath = getShapeFillSvg({\n\t\t\tfill: shape.props.isClosed ? shape.props.fill : 'none',\n\t\t\td: solidStrokePath,\n\t\t\tcolor: shape.props.color,\n\t\t\ttheme,\n\t\t})\n\n\t\tif (fillPath) {\n\t\t\tconst g = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n\t\t\tg.appendChild(fillPath)\n\t\t\tg.appendChild(foregroundPath)\n\t\t\treturn g\n\t\t}\n\n\t\treturn foregroundPath\n\t}\n\n\toverride getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[] {\n\t\treturn [getFillDefForCanvas()]\n\t}\n\n\toverride onResize: TLOnResizeHandler<TLDrawShape> = (shape, info) => {\n\t\tconst { scaleX, scaleY } = info\n\n\t\tconst newSegments: TLDrawShapeSegment[] = []\n\n\t\tfor (const segment of shape.props.segments) {\n\t\t\tnewSegments.push({\n\t\t\t\t...segment,\n\t\t\t\tpoints: segment.points.map(({ x, y, z }) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tx: toFixed(scaleX * x),\n\t\t\t\t\t\ty: toFixed(scaleY * y),\n\t\t\t\t\t\tz,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t})\n\t\t}\n\n\t\treturn {\n\t\t\tprops: {\n\t\t\t\tsegments: newSegments,\n\t\t\t},\n\t\t}\n\t}\n\n\toverride expandSelectionOutlinePx(shape: TLDrawShape): number {\n\t\tconst multiplier = shape.props.dash === 'draw' ? 1.6 : 1\n\t\treturn (STROKE_SIZES[shape.props.size] * multiplier) / 2\n\t}\n}\n\nfunction getDot(point: VecLike, sw: number) {\n\tconst r = (sw + 1) * 0.5\n\treturn `M ${point.x} ${point.y} m -${r}, 0 a ${r},${r} 0 1,0 ${r * 2},0 a ${r},${r} 0 1,0 -${\n\t\tr * 2\n\t},0`\n}\n\nfunction getIsDot(shape: TLDrawShape) {\n\treturn shape.props.segments.length === 1 && shape.props.segments[0].points.length < 2\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkHI;AAjHJ,oBAoBO;AACP,uBAAiE;AACjE,qCAA6B;AAC7B,8BAAyD;AACzD,oCAAuC;AACvC,6BAAgC;AAChC,iCAAoC;AACpC,iBAA2C;AAC3C,oBAAuB;AACvB,2BAA8B;AAC9B,qBAAuF;AAGhF,MAAM,sBAAsB,wBAAuB;AAAA,EACzD,OAAgB,OAAO;AAAA,EACvB,OAAgB,QAAQ;AAAA,EACxB,OAAgB,aAAa;AAAA,EAEpB,oBAAoB,CAAC,UAAuB,SAAS,KAAK;AAAA,EAC1D,mBAAmB,CAAC,UAAuB,SAAS,KAAK;AAAA,EACzD,wBAAwB,CAAC,UAAuB,SAAS,KAAK;AAAA,EAE9D,kBAAwC;AAChD,WAAO;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EAEA,YAAY,OAAoB;AAC/B,UAAM,aAAS,sCAAsB,MAAM,MAAM,QAAQ;AACzD,UAAM,cAAc,4CAAa,MAAM,MAAM,IAAI;AAGjD,QAAI,MAAM,MAAM,SAAS,WAAW,GAAG;AACtC,YAAM,MAAM,oBAAM,WAAW,MAAM;AACnC,UAAI,IAAI,QAAQ,cAAc,KAAK,IAAI,SAAS,cAAc,GAAG;AAChE,eAAO,IAAI,uBAAS;AAAA,UACnB,GAAG,CAAC;AAAA,UACJ,GAAG,CAAC;AAAA,UACJ,QAAQ;AAAA,UACR,UAAU;AAAA,QACX,CAAC;AAAA,MACF;AAAA,IACD;AAEA,UAAM,mBAAe;AAAA,MACpB;AAAA,UACA,mCAAmB,MAAM,OAAO,aAAa,MAAM,IAAI;AAAA,IACxD,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;AAGpB,QAAI,MAAM,MAAM,UAAU;AACzB,aAAO,IAAI,wBAAU;AAAA,QACpB,QAAQ;AAAA,QACR,UAAU,MAAM,MAAM,SAAS;AAAA,MAChC,CAAC;AAAA,IACF;AAGA,WAAO,IAAI,yBAAW;AAAA,MACrB,QAAQ;AAAA,IACT,CAAC;AAAA,EACF;AAAA,EAEA,UAAU,OAAoB;AAC7B,UAAM,YAAQ,uCAAqB;AACnC,UAAM,iBAAa,oCAAc;AACjC,UAAM,cAAc,4CAAa,MAAM,MAAM,IAAI;AACjD,UAAM,4BAAwB,sCAAsB,MAAM,MAAM,QAAQ;AAExE,UAAM,iBAAiB,MAAM,MAAM,kBAAc,oBAAK,MAAM,MAAM,QAAQ,GAAG,SAAS;AAEtF,QAAI,KAAK;AACT,QACC,CAAC,cACD,CAAC,MAAM,MAAM,SACb,MAAM,MAAM,SAAS,UACrB,sBAAsB,WAAW,GAChC;AACD,gBAAM,mBAAI,MAAM,EAAE,EAAE,KAAK,cAAc;AAAA,IACxC;AAEA,UAAM,cAAU,mCAAmB,MAAM,OAAO,IAAI,gBAAgB,UAAU;AAE9E,QAAI,CAAC,cAAc,MAAM,MAAM,SAAS,QAAQ;AAC/C,aACC,6CAAC,8BAAa,IAAI,MAAM,IACtB;AAAA,cAAM,MAAM,YAAY,MAAM,MAAM,QAAQ,sBAAsB,SAAS,IAC3E;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,OAAO;AAAA,YAChD,OAAO,MAAM,MAAM;AAAA,YACnB,OAAG;AAAA,kBACF,wCAAgB,uBAAuB,OAAO;AAAA,cAC9C,MAAM,MAAM;AAAA,YACb;AAAA;AAAA,QACD,IACG;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACA,OAAG,sBAAO,uBAAuB,OAAO;AAAA,YACxC,eAAc;AAAA,YACd,MAAM,MAAM,MAAM,MAAM,KAAK,EAAE;AAAA;AAAA,QAChC;AAAA,SACD;AAAA,IAEF;AAEA,UAAM,mBAAe,wCAAgB,uBAAuB,OAAO;AACnE,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,QACrB,OAAO,sBAAsB,CAAC,GAAG,CAAC,QAClC,uCAA2B,cAAc,MAAM,MAAM,QAAQ;AAEhE,WACC,6CAAC,8BAAa,IAAI,MAAM,IACvB;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,OAAO,MAAM,MAAM;AAAA,UACnB,MAAM,SAAS,MAAM,MAAM,WAAW,MAAM,MAAM,OAAO;AAAA,UACzD,GAAG;AAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,GAAG;AAAA,UACH,eAAc;AAAA,UACd,MAAM,QAAQ,MAAM,MAAM,MAAM,KAAK,EAAE,QAAQ;AAAA,UAC/C,QAAQ,MAAM,MAAM,MAAM,KAAK,EAAE;AAAA,UACjC;AAAA,UACA,iBAAiB,QAAQ,aAAS,4CAA4B,OAAO,WAAW;AAAA,UAChF,kBAAiB;AAAA;AAAA,MAClB;AAAA,OACD;AAAA,EAEF;AAAA,EAEA,UAAU,OAAoB;AAC7B,UAAM,iBAAa,oCAAc;AACjC,UAAM,cAAc,4CAAa,MAAM,MAAM,IAAI;AACjD,UAAM,4BAAwB,sCAAsB,MAAM,MAAM,QAAQ;AAExE,QAAI,KAAK;AACT,QACC,CAAC,cACD,CAAC,MAAM,MAAM,SACb,MAAM,MAAM,SAAS,UACrB,sBAAsB,WAAW,GAChC;AACD,gBAAM,mBAAI,MAAM,EAAE,EAAE,KAAK,cAAc;AAAA,IACxC;AAEA,UAAM,iBAAiB,MAAM,MAAM,kBAAc,oBAAK,MAAM,MAAM,QAAQ,GAAG,SAAS;AACtF,UAAM,cAAU,mCAAmB,MAAM,OAAO,IAAI,gBAAgB,IAAI;AACxE,UAAM,mBAAe,wCAAgB,uBAAuB,OAAO;AACnE,UAAM,kBACL,aAAa,SAAS,QACnB,uCAA2B,cAAc,MAAM,MAAM,QAAQ,IAC7D,OAAO,sBAAsB,CAAC,GAAG,EAAE;AAEvC,WAAO,4CAAC,UAAK,GAAG,iBAAiB;AAAA,EAClC;AAAA,EAES,MAAM,OAAoB,KAAuB;AACzD,UAAM,YAAQ,oCAAqB,EAAE,YAAY,KAAK,OAAO,KAAK,cAAc,EAAE,CAAC;AACnF,QAAI,iBAAa,6CAAoB,MAAM,MAAM,MAAM,KAAK,CAAC;AAE7D,UAAM,EAAE,MAAM,IAAI,MAAM;AAExB,UAAM,cAAc,4CAAa,MAAM,MAAM,IAAI;AACjD,UAAM,4BAAwB,sCAAsB,MAAM,MAAM,QAAQ;AAExE,UAAM,iBAAiB,MAAM,MAAM,kBAAc,oBAAK,MAAM,MAAM,QAAQ,GAAG,SAAS;AAEtF,QAAI,KAAK;AACT,QAAI,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,UAAU,sBAAsB,WAAW,GAAG;AAC5F,gBAAM,mBAAI,MAAM,EAAE,EAAE,KAAK,cAAc;AAAA,IACxC;AAEA,UAAM,cAAU,mCAAmB,MAAM,OAAO,IAAI,gBAAgB,KAAK;AACzE,UAAM,mBAAe,wCAAgB,uBAAuB,OAAO;AACnE,UAAM,kBACL,aAAa,SAAS,QACnB,uCAA2B,cAAc,MAAM,MAAM,QAAQ,IAC7D,OAAO,sBAAsB,CAAC,GAAG,EAAE;AAEvC,QAAI;AAEJ,QAAI,MAAM,MAAM,SAAS,UAAU,aAAa,SAAS,GAAG;AAC3D,0DAAoB,cAAc,OAAO;AACzC,YAAM,0BAAsB,sDAAuB,cAAc,OAAO;AAExE,YAAM,IAAI,SAAS,gBAAgB,8BAA8B,MAAM;AACvE,QAAE,aAAa,SAAK,oCAAqB,qBAAqB,IAAI,CAAC;AACnE,QAAE,aAAa,QAAQ,MAAM,KAAK,EAAE,KAAK;AACzC,QAAE,aAAa,kBAAkB,OAAO;AAExC,uBAAiB;AAAA,IAClB,OAAO;AACN,YAAM,IAAI,SAAS,gBAAgB,8BAA8B,MAAM;AACvE,QAAE,aAAa,KAAK,eAAe;AACnC,QAAE,aAAa,UAAU,MAAM,KAAK,EAAE,KAAK;AAC3C,QAAE,aAAa,QAAQ,MAAM;AAC7B,QAAE,aAAa,kBAAkB,OAAO;AACxC,QAAE,aAAa,gBAAgB,YAAY,SAAS,CAAC;AACrD,QAAE,aAAa,wBAAoB,4CAA4B,OAAO,WAAW,CAAC;AAClF,QAAE,aAAa,qBAAqB,GAAG;AAEvC,uBAAiB;AAAA,IAClB;AAEA,UAAM,eAAW,kCAAgB;AAAA,MAChC,MAAM,MAAM,MAAM,WAAW,MAAM,MAAM,OAAO;AAAA,MAChD,GAAG;AAAA,MACH,OAAO,MAAM,MAAM;AAAA,MACnB;AAAA,IACD,CAAC;AAED,QAAI,UAAU;AACb,YAAM,IAAI,SAAS,gBAAgB,8BAA8B,GAAG;AACpE,QAAE,YAAY,QAAQ;AACtB,QAAE,YAAY,cAAc;AAC5B,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,EACR;AAAA,EAES,mBAA8C;AACtD,WAAO,KAAC,6CAAoB,CAAC;AAAA,EAC9B;AAAA,EAES,WAA2C,CAAC,OAAO,SAAS;AACpE,UAAM,EAAE,QAAQ,OAAO,IAAI;AAE3B,UAAM,cAAoC,CAAC;AAE3C,eAAW,WAAW,MAAM,MAAM,UAAU;AAC3C,kBAAY,KAAK;AAAA,QAChB,GAAG;AAAA,QACH,QAAQ,QAAQ,OAAO,IAAI,CAAC,EAAE,GAAG,GAAG,EAAE,MAAM;AAC3C,iBAAO;AAAA,YACN,OAAG,uBAAQ,SAAS,CAAC;AAAA,YACrB,OAAG,uBAAQ,SAAS,CAAC;AAAA,YACrB;AAAA,UACD;AAAA,QACD,CAAC;AAAA,MACF,CAAC;AAAA,IACF;AAEA,WAAO;AAAA,MACN,OAAO;AAAA,QACN,UAAU;AAAA,MACX;AAAA,IACD;AAAA,EACD;AAAA,EAES,yBAAyB,OAA4B;AAC7D,UAAM,aAAa,MAAM,MAAM,SAAS,SAAS,MAAM;AACvD,WAAQ,4CAAa,MAAM,MAAM,IAAI,IAAI,aAAc;AAAA,EACxD;AACD;AAEA,SAAS,OAAO,OAAgB,IAAY;AAC3C,QAAM,KAAK,KAAK,KAAK;AACrB,SAAO,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WACjF,IAAI,CACL;AACD;AAEA,SAAS,SAAS,OAAoB;AACrC,SAAO,MAAM,MAAM,SAAS,WAAW,KAAK,MAAM,MAAM,SAAS,CAAC,EAAE,OAAO,SAAS;AACrF;",
+  "names": []
+}

package/dist-cjs/lib/shapes/draw/getPath.js

@@ -0,0 +1,102 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getPath_exports = {};
+__export(getPath_exports, {
+  getDrawShapeStrokeDashArray: () => getDrawShapeStrokeDashArray,
+  getFreehandOptions: () => getFreehandOptions,
+  getHighlightFreehandSettings: () => getHighlightFreehandSettings,
+  getPointsFromSegments: () => getPointsFromSegments
+});
+module.exports = __toCommonJS(getPath_exports);
+var import_editor = require("@bigbluebutton/editor");
+const PEN_EASING = (t) => t * 0.65 + (0, import_editor.SIN)(t * import_editor.PI / 2) * 0.35;
+const simulatePressureSettings = (strokeWidth) => {
+  return {
+    size: 1 + strokeWidth,
+    thinning: 0.5,
+    streamline: 0.62 + (1 + strokeWidth) / 8 * 0.06,
+    smoothing: 0.62,
+    easing: import_editor.EASINGS.easeOutSine,
+    simulatePressure: true
+  };
+};
+const realPressureSettings = (strokeWidth) => {
+  return {
+    size: 1 + strokeWidth * 1.2,
+    thinning: 0.62,
+    streamline: 0.62,
+    smoothing: 0.62,
+    simulatePressure: false,
+    easing: PEN_EASING
+  };
+};
+const solidSettings = (strokeWidth) => {
+  return {
+    size: 1 + strokeWidth,
+    thinning: 0,
+    streamline: 0.62 + (1 + strokeWidth) / 8 * 0.06,
+    smoothing: 0.62,
+    simulatePressure: false,
+    easing: import_editor.EASINGS.linear
+  };
+};
+function getHighlightFreehandSettings({
+  strokeWidth,
+  showAsComplete
+}) {
+  return {
+    size: 1 + strokeWidth,
+    thinning: 0,
+    streamline: 0.5,
+    smoothing: 0.5,
+    simulatePressure: false,
+    easing: import_editor.EASINGS.easeOutSine,
+    last: showAsComplete
+  };
+}
+function getFreehandOptions(shapeProps, strokeWidth, forceComplete, forceSolid) {
+  return {
+    ...forceSolid ? solidSettings(strokeWidth) : shapeProps.dash === "draw" ? shapeProps.isPen ? realPressureSettings(strokeWidth) : simulatePressureSettings(strokeWidth) : solidSettings(strokeWidth),
+    last: shapeProps.isComplete || forceComplete
+  };
+}
+function getPointsFromSegments(segments) {
+  const points = [];
+  for (const segment of segments) {
+    if (segment.type === "free" || segment.points.length < 2) {
+      points.push(...segment.points.map(import_editor.Vec2d.Cast));
+    } else {
+      const pointsToInterpolate = Math.max(
+        4,
+        Math.floor(import_editor.Vec2d.Dist(segment.points[0], segment.points[1]) / 16)
+      );
+      points.push(...import_editor.Vec2d.PointsBetween(segment.points[0], segment.points[1], pointsToInterpolate));
+    }
+  }
+  return points;
+}
+function getDrawShapeStrokeDashArray(shape, strokeWidth) {
+  return {
+    draw: "none",
+    solid: `none`,
+    dotted: `0.1 ${strokeWidth * 2}`,
+    dashed: `${strokeWidth * 2} ${strokeWidth * 2}`
+  }[shape.props.dash];
+}
+//# sourceMappingURL=getPath.js.map

package/dist-cjs/lib/shapes/draw/getPath.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/draw/getPath.ts"],
+  "sourcesContent": ["import {\n\tEASINGS,\n\tPI,\n\tSIN,\n\tTLDefaultDashStyle,\n\tTLDrawShape,\n\tTLDrawShapeSegment,\n\tVec2d,\n} from '@bigbluebutton/editor'\nimport { StrokeOptions } from '../shared/freehand/types'\n\nconst PEN_EASING = (t: number) => t * 0.65 + SIN((t * PI) / 2) * 0.35\n\nconst simulatePressureSettings = (strokeWidth: number): StrokeOptions => {\n\treturn {\n\t\tsize: 1 + strokeWidth,\n\t\tthinning: 0.5,\n\t\tstreamline: 0.62 + ((1 + strokeWidth) / 8) * 0.06,\n\t\tsmoothing: 0.62,\n\t\teasing: EASINGS.easeOutSine,\n\t\tsimulatePressure: true,\n\t}\n}\n\nconst realPressureSettings = (strokeWidth: number): StrokeOptions => {\n\treturn {\n\t\tsize: 1 + strokeWidth * 1.2,\n\t\tthinning: 0.62,\n\t\tstreamline: 0.62,\n\t\tsmoothing: 0.62,\n\t\tsimulatePressure: false,\n\t\teasing: PEN_EASING,\n\t}\n}\n\nconst solidSettings = (strokeWidth: number): StrokeOptions => {\n\treturn {\n\t\tsize: 1 + strokeWidth,\n\t\tthinning: 0,\n\t\tstreamline: 0.62 + ((1 + strokeWidth) / 8) * 0.06,\n\t\tsmoothing: 0.62,\n\t\tsimulatePressure: false,\n\t\teasing: EASINGS.linear,\n\t}\n}\n\nexport function getHighlightFreehandSettings({\n\tstrokeWidth,\n\tshowAsComplete,\n}: {\n\tstrokeWidth: number\n\tshowAsComplete: boolean\n}): StrokeOptions {\n\treturn {\n\t\tsize: 1 + strokeWidth,\n\t\tthinning: 0,\n\t\tstreamline: 0.5,\n\t\tsmoothing: 0.5,\n\t\tsimulatePressure: false,\n\t\teasing: EASINGS.easeOutSine,\n\t\tlast: showAsComplete,\n\t}\n}\n\nexport function getFreehandOptions(\n\tshapeProps: { dash: TLDefaultDashStyle; isPen: boolean; isComplete: boolean },\n\tstrokeWidth: number,\n\tforceComplete: boolean,\n\tforceSolid: boolean\n): StrokeOptions {\n\treturn {\n\t\t...(forceSolid\n\t\t\t? solidSettings(strokeWidth)\n\t\t\t: shapeProps.dash === 'draw'\n\t\t\t? shapeProps.isPen\n\t\t\t\t? realPressureSettings(strokeWidth)\n\t\t\t\t: simulatePressureSettings(strokeWidth)\n\t\t\t: solidSettings(strokeWidth)),\n\t\tlast: shapeProps.isComplete || forceComplete,\n\t}\n}\n\nexport function getPointsFromSegments(segments: TLDrawShapeSegment[]) {\n\tconst points: Vec2d[] = []\n\n\tfor (const segment of segments) {\n\t\tif (segment.type === 'free' || segment.points.length < 2) {\n\t\t\tpoints.push(...segment.points.map(Vec2d.Cast))\n\t\t} else {\n\t\t\tconst pointsToInterpolate = Math.max(\n\t\t\t\t4,\n\t\t\t\tMath.floor(Vec2d.Dist(segment.points[0], segment.points[1]) / 16)\n\t\t\t)\n\t\t\tpoints.push(...Vec2d.PointsBetween(segment.points[0], segment.points[1], pointsToInterpolate))\n\t\t}\n\t}\n\n\treturn points\n}\n\nexport function getDrawShapeStrokeDashArray(shape: TLDrawShape, strokeWidth: number) {\n\treturn {\n\t\tdraw: 'none',\n\t\tsolid: `none`,\n\t\tdotted: `0.1 ${strokeWidth * 2}`,\n\t\tdashed: `${strokeWidth * 2} ${strokeWidth * 2}`,\n\t}[shape.props.dash]\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQO;AAGP,MAAM,aAAa,CAAC,MAAc,IAAI,WAAO,mBAAK,IAAI,mBAAM,CAAC,IAAI;AAEjE,MAAM,2BAA2B,CAAC,gBAAuC;AACxE,SAAO;AAAA,IACN,MAAM,IAAI;AAAA,IACV,UAAU;AAAA,IACV,YAAY,QAAS,IAAI,eAAe,IAAK;AAAA,IAC7C,WAAW;AAAA,IACX,QAAQ,sBAAQ;AAAA,IAChB,kBAAkB;AAAA,EACnB;AACD;AAEA,MAAM,uBAAuB,CAAC,gBAAuC;AACpE,SAAO;AAAA,IACN,MAAM,IAAI,cAAc;AAAA,IACxB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,QAAQ;AAAA,EACT;AACD;AAEA,MAAM,gBAAgB,CAAC,gBAAuC;AAC7D,SAAO;AAAA,IACN,MAAM,IAAI;AAAA,IACV,UAAU;AAAA,IACV,YAAY,QAAS,IAAI,eAAe,IAAK;AAAA,IAC7C,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,QAAQ,sBAAQ;AAAA,EACjB;AACD;AAEO,SAAS,6BAA6B;AAAA,EAC5C;AAAA,EACA;AACD,GAGkB;AACjB,SAAO;AAAA,IACN,MAAM,IAAI;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,QAAQ,sBAAQ;AAAA,IAChB,MAAM;AAAA,EACP;AACD;AAEO,SAAS,mBACf,YACA,aACA,eACA,YACgB;AAChB,SAAO;AAAA,IACN,GAAI,aACD,cAAc,WAAW,IACzB,WAAW,SAAS,SACpB,WAAW,QACV,qBAAqB,WAAW,IAChC,yBAAyB,WAAW,IACrC,cAAc,WAAW;AAAA,IAC5B,MAAM,WAAW,cAAc;AAAA,EAChC;AACD;AAEO,SAAS,sBAAsB,UAAgC;AACrE,QAAM,SAAkB,CAAC;AAEzB,aAAW,WAAW,UAAU;AAC/B,QAAI,QAAQ,SAAS,UAAU,QAAQ,OAAO,SAAS,GAAG;AACzD,aAAO,KAAK,GAAG,QAAQ,OAAO,IAAI,oBAAM,IAAI,CAAC;AAAA,IAC9C,OAAO;AACN,YAAM,sBAAsB,KAAK;AAAA,QAChC;AAAA,QACA,KAAK,MAAM,oBAAM,KAAK,QAAQ,OAAO,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC,IAAI,EAAE;AAAA,MACjE;AACA,aAAO,KAAK,GAAG,oBAAM,cAAc,QAAQ,OAAO,CAAC,GAAG,QAAQ,OAAO,CAAC,GAAG,mBAAmB,CAAC;AAAA,IAC9F;AAAA,EACD;AAEA,SAAO;AACR;AAEO,SAAS,4BAA4B,OAAoB,aAAqB;AACpF,SAAO;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ,OAAO,cAAc,CAAC;AAAA,IAC9B,QAAQ,GAAG,cAAc,CAAC,IAAI,cAAc,CAAC;AAAA,EAC9C,EAAE,MAAM,MAAM,IAAI;AACnB;",
+  "names": []
+}