@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/shapes/draw/DrawShapeTool.mjs

@@ -0,0 +1,17 @@
+import { StateNode } from "@bigbluebutton/editor";
+import { Drawing } from "./toolStates/Drawing.mjs";
+import { Idle } from "./toolStates/Idle.mjs";
+class DrawShapeTool extends StateNode {
+  static id = "draw";
+  static initial = "idle";
+  static children = () => [Idle, Drawing];
+  shapeType = "draw";
+  onExit = () => {
+    const drawingState = this.children["drawing"];
+    drawingState.initialShape = void 0;
+  };
+}
+export {
+  DrawShapeTool
+};
+//# sourceMappingURL=DrawShapeTool.mjs.map

package/dist-esm/lib/shapes/draw/DrawShapeTool.mjs.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,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,YAAY;AAGd,MAAM,sBAAsB,UAAU;AAAA,EAC5C,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,MAAM,OAAO;AAAA,EAEtC,YAAY;AAAA,EAEZ,SAAS,MAAM;AACvB,UAAM,eAAe,KAAK,SAAU,SAAS;AAC7C,iBAAa,eAAe;AAAA,EAC7B;AACD;",
+  "names": []
+}

package/dist-esm/lib/shapes/draw/DrawShapeUtil.mjs

@@ -0,0 +1,237 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Box2d,
+  Circle2d,
+  Polygon2d,
+  Polyline2d,
+  SVGContainer,
+  ShapeUtil,
+  drawShapeMigrations,
+  drawShapeProps,
+  getDefaultColorTheme,
+  getSvgPathFromPoints,
+  last,
+  rng,
+  toFixed
+} from "@bigbluebutton/editor";
+import { ShapeFill, getShapeFillSvg, useDefaultColorTheme } from "../shared/ShapeFill.mjs";
+import { STROKE_SIZES } from "../shared/default-shape-constants.mjs";
+import { getFillDefForCanvas, getFillDefForExport } from "../shared/defaultStyleDefs.mjs";
+import { getStrokeOutlinePoints } from "../shared/freehand/getStrokeOutlinePoints.mjs";
+import { getStrokePoints } from "../shared/freehand/getStrokePoints.mjs";
+import { setStrokePointRadii } from "../shared/freehand/setStrokePointRadii.mjs";
+import { getSvgPathFromStrokePoints } from "../shared/freehand/svg.mjs";
+import { svgInk } from "../shared/freehand/svgInk.mjs";
+import { useForceSolid } from "../shared/useForceSolid.mjs";
+import { getDrawShapeStrokeDashArray, getFreehandOptions, getPointsFromSegments } from "./getPath.mjs";
+class DrawShapeUtil extends ShapeUtil {
+  static type = "draw";
+  static props = drawShapeProps;
+  static migrations = 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 = getPointsFromSegments(shape.props.segments);
+    const strokeWidth = STROKE_SIZES[shape.props.size];
+    if (shape.props.segments.length === 1) {
+      const box = Box2d.FromPoints(points);
+      if (box.width < strokeWidth * 2 && box.height < strokeWidth * 2) {
+        return new Circle2d({
+          x: -strokeWidth,
+          y: -strokeWidth,
+          radius: strokeWidth,
+          isFilled: true
+        });
+      }
+    }
+    const strokePoints = getStrokePoints(
+      points,
+      getFreehandOptions(shape.props, strokeWidth, true, true)
+    ).map((p) => p.point);
+    if (shape.props.isClosed) {
+      return new Polygon2d({
+        points: strokePoints,
+        isFilled: shape.props.fill !== "none"
+      });
+    }
+    return new Polyline2d({
+      points: strokePoints
+    });
+  }
+  component(shape) {
+    const theme = useDefaultColorTheme();
+    const forceSolid = useForceSolid();
+    const strokeWidth = STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = getPointsFromSegments(shape.props.segments);
+    const showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === "straight";
+    let sw = strokeWidth;
+    if (!forceSolid && !shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += rng(shape.id)() * (strokeWidth / 6);
+    }
+    const options = getFreehandOptions(shape.props, sw, showAsComplete, forceSolid);
+    if (!forceSolid && shape.props.dash === "draw") {
+      return /* @__PURE__ */ jsxs(SVGContainer, { id: shape.id, children: [
+        shape.props.isClosed && shape.props.fill && allPointsFromSegments.length > 1 ? /* @__PURE__ */ jsx(
+          ShapeFill,
+          {
+            theme,
+            fill: shape.props.isClosed ? shape.props.fill : "none",
+            color: shape.props.color,
+            d: getSvgPathFromStrokePoints(
+              getStrokePoints(allPointsFromSegments, options),
+              shape.props.isClosed
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: svgInk(allPointsFromSegments, options),
+            strokeLinecap: "round",
+            fill: theme[shape.props.color].solid
+          }
+        )
+      ] });
+    }
+    const strokePoints = getStrokePoints(allPointsFromSegments, options);
+    const isDot = strokePoints.length < 2;
+    const solidStrokePath = isDot ? getDot(allPointsFromSegments[0], 0) : getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed);
+    return /* @__PURE__ */ jsxs(SVGContainer, { id: shape.id, children: [
+      /* @__PURE__ */ jsx(
+        ShapeFill,
+        {
+          theme,
+          color: shape.props.color,
+          fill: isDot || shape.props.isClosed ? shape.props.fill : "none",
+          d: solidStrokePath
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: solidStrokePath,
+          strokeLinecap: "round",
+          fill: isDot ? theme[shape.props.color].solid : "none",
+          stroke: theme[shape.props.color].solid,
+          strokeWidth,
+          strokeDasharray: isDot ? "none" : getDrawShapeStrokeDashArray(shape, strokeWidth),
+          strokeDashoffset: "0"
+        }
+      )
+    ] });
+  }
+  indicator(shape) {
+    const forceSolid = useForceSolid();
+    const strokeWidth = STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = getPointsFromSegments(shape.props.segments);
+    let sw = strokeWidth;
+    if (!forceSolid && !shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += rng(shape.id)() * (strokeWidth / 6);
+    }
+    const showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === "straight";
+    const options = getFreehandOptions(shape.props, sw, showAsComplete, true);
+    const strokePoints = getStrokePoints(allPointsFromSegments, options);
+    const solidStrokePath = strokePoints.length > 1 ? getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed) : getDot(allPointsFromSegments[0], sw);
+    return /* @__PURE__ */ jsx("path", { d: solidStrokePath });
+  }
+  toSvg(shape, ctx) {
+    const theme = getDefaultColorTheme({ isDarkMode: this.editor.user.getIsDarkMode() });
+    ctx.addExportDef(getFillDefForExport(shape.props.fill, theme));
+    const { color } = shape.props;
+    const strokeWidth = STROKE_SIZES[shape.props.size];
+    const allPointsFromSegments = getPointsFromSegments(shape.props.segments);
+    const showAsComplete = shape.props.isComplete || last(shape.props.segments)?.type === "straight";
+    let sw = strokeWidth;
+    if (!shape.props.isPen && shape.props.dash === "draw" && allPointsFromSegments.length === 1) {
+      sw += rng(shape.id)() * (strokeWidth / 6);
+    }
+    const options = getFreehandOptions(shape.props, sw, showAsComplete, false);
+    const strokePoints = getStrokePoints(allPointsFromSegments, options);
+    const solidStrokePath = strokePoints.length > 1 ? getSvgPathFromStrokePoints(strokePoints, shape.props.isClosed) : getDot(allPointsFromSegments[0], sw);
+    let foregroundPath;
+    if (shape.props.dash === "draw" || strokePoints.length < 2) {
+      setStrokePointRadii(strokePoints, options);
+      const strokeOutlinePoints = getStrokeOutlinePoints(strokePoints, options);
+      const p = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      p.setAttribute("d", 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", getDrawShapeStrokeDashArray(shape, strokeWidth));
+      p.setAttribute("stroke-dashoffset", "0");
+      foregroundPath = p;
+    }
+    const fillPath = 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 [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: toFixed(scaleX * x),
+            y: toFixed(scaleY * y),
+            z
+          };
+        })
+      });
+    }
+    return {
+      props: {
+        segments: newSegments
+      }
+    };
+  };
+  expandSelectionOutlinePx(shape) {
+    const multiplier = shape.props.dash === "draw" ? 1.6 : 1;
+    return 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;
+}
+export {
+  DrawShapeUtil
+};
+//# sourceMappingURL=DrawShapeUtil.mjs.map

package/dist-esm/lib/shapes/draw/DrawShapeUtil.mjs.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": "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",
+  "names": []
+}

package/dist-esm/lib/shapes/draw/getPath.mjs

@@ -0,0 +1,87 @@
+import {
+  EASINGS,
+  PI,
+  SIN,
+  Vec2d
+} from "@bigbluebutton/editor";
+const PEN_EASING = (t) => t * 0.65 + SIN(t * 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: 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: EASINGS.linear
+  };
+};
+function getHighlightFreehandSettings({
+  strokeWidth,
+  showAsComplete
+}) {
+  return {
+    size: 1 + strokeWidth,
+    thinning: 0,
+    streamline: 0.5,
+    smoothing: 0.5,
+    simulatePressure: false,
+    easing: 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(Vec2d.Cast));
+    } else {
+      const pointsToInterpolate = Math.max(
+        4,
+        Math.floor(Vec2d.Dist(segment.points[0], segment.points[1]) / 16)
+      );
+      points.push(...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];
+}
+export {
+  getDrawShapeStrokeDashArray,
+  getFreehandOptions,
+  getHighlightFreehandSettings,
+  getPointsFromSegments
+};
+//# sourceMappingURL=getPath.mjs.map

package/dist-esm/lib/shapes/draw/getPath.mjs.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,EACC;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,OACM;AAGP,MAAM,aAAa,CAAC,MAAc,IAAI,OAAO,IAAK,IAAI,KAAM,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,QAAQ;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,QAAQ;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,QAAQ;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,MAAM,IAAI,CAAC;AAAA,IAC9C,OAAO;AACN,YAAM,sBAAsB,KAAK;AAAA,QAChC;AAAA,QACA,KAAK,MAAM,MAAM,KAAK,QAAQ,OAAO,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC,IAAI,EAAE;AAAA,MACjE;AACA,aAAO,KAAK,GAAG,MAAM,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": []
+}