@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/shapes/shared/defaultStyleDefs.mjs

@@ -0,0 +1,240 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import {
+  DefaultColorThemePalette,
+  DefaultFontFamilies,
+  DefaultFontStyle,
+  HASH_PATTERN_ZOOM_NAMES,
+  MAX_ZOOM,
+  debugFlags,
+  useEditor
+} from "@bigbluebutton/editor";
+import { useEffect, useMemo, useRef, useState } from "react";
+function getFontDefForExport(fontStyle) {
+  return {
+    key: `${DefaultFontStyle.id}:${fontStyle}`,
+    getElement: async () => {
+      const font = findFont(fontStyle);
+      if (!font)
+        return null;
+      const url = font.$$_url;
+      const fontFaceRule = font.$$_fontface;
+      if (!url || !fontFaceRule)
+        return null;
+      const fontFile = await (await fetch(url)).blob();
+      const base64FontFile = await new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(fontFile);
+      });
+      const newFontFaceRule = fontFaceRule.replace(url, base64FontFile);
+      const style = document.createElementNS("http://www.w3.org/2000/svg", "style");
+      style.textContent = newFontFaceRule;
+      return style;
+    }
+  };
+}
+function findFont(name) {
+  const fontFamily = DefaultFontFamilies[name];
+  for (const font of document.fonts) {
+    if (fontFamily.includes(font.family)) {
+      return font;
+    }
+  }
+  return null;
+}
+function getFillDefForExport(fill, theme) {
+  return {
+    key: `${DefaultFontStyle.id}:${fill}`,
+    getElement: async () => {
+      if (fill !== "pattern")
+        return null;
+      const t = 8 / 12;
+      const divEl = document.createElement("div");
+      divEl.innerHTML = `
+				<svg>
+					<defs>
+						<mask id="hash_pattern_mask">
+							<rect x="0" y="0" width="8" height="8" fill="white" />
+							<g
+								strokeLinecap="round"
+								stroke="black"
+							>
+								<line x1="${t * 1}" y1="${t * 3}" x2="${t * 3}" y2="${t * 1}" />
+								<line x1="${t * 5}" y1="${t * 7}" x2="${t * 7}" y2="${t * 5}" />
+								<line x1="${t * 9}" y1="${t * 11}" x2="${t * 11}" y2="${t * 9}" />
+							</g>
+						</mask>
+						<pattern
+							id="hash_pattern"
+							width="8"
+							height="8"
+							patternUnits="userSpaceOnUse"
+						>
+							<rect x="0" y="0" width="8" height="8" fill="${theme.solid}" mask="url(#hash_pattern_mask)" />
+						</pattern>
+					</defs>
+				</svg>
+			`;
+      return Array.from(divEl.querySelectorAll("defs > *"));
+    }
+  };
+}
+function getFillDefForCanvas() {
+  return {
+    key: `${DefaultFontStyle.id}:pattern`,
+    component: PatternFillDefForCanvas
+  };
+}
+const TILE_PATTERN_SIZE = 8;
+const generateImage = (dpr, currentZoom, darkMode) => {
+  return new Promise((resolve, reject) => {
+    const size = TILE_PATTERN_SIZE * currentZoom * dpr;
+    const canvasEl = document.createElement("canvas");
+    canvasEl.width = size;
+    canvasEl.height = size;
+    const ctx = canvasEl.getContext("2d");
+    if (!ctx)
+      return;
+    ctx.fillStyle = darkMode ? "#212529" : "#f8f9fa";
+    ctx.fillRect(0, 0, size, size);
+    ctx.globalCompositeOperation = "destination-out";
+    ctx.lineCap = "round";
+    ctx.lineWidth = 1.25 * currentZoom * dpr;
+    const t = 8 / 12;
+    const s = (v) => v * currentZoom * dpr;
+    ctx.beginPath();
+    ctx.moveTo(s(t * 1), s(t * 3));
+    ctx.lineTo(s(t * 3), s(t * 1));
+    ctx.moveTo(s(t * 5), s(t * 7));
+    ctx.lineTo(s(t * 7), s(t * 5));
+    ctx.moveTo(s(t * 9), s(t * 11));
+    ctx.lineTo(s(t * 11), s(t * 9));
+    ctx.stroke();
+    canvasEl.toBlob((blob) => {
+      if (!blob || debugFlags.throwToBlob.get()) {
+        reject();
+      } else {
+        resolve(blob);
+      }
+    });
+  });
+};
+const canvasBlob = (size, fn) => {
+  const canvas = document.createElement("canvas");
+  canvas.width = size[0];
+  canvas.height = size[1];
+  const ctx = canvas.getContext("2d");
+  if (!ctx)
+    return "";
+  fn(ctx);
+  return canvas.toDataURL();
+};
+const getDefaultPatterns = () => {
+  const defaultPatterns = [];
+  for (let i = 1; i <= Math.ceil(MAX_ZOOM); i++) {
+    const whitePixelBlob = canvasBlob([1, 1], (ctx) => {
+      ctx.fillStyle = DefaultColorThemePalette.lightMode.black.semi;
+      ctx.fillRect(0, 0, 1, 1);
+    });
+    const blackPixelBlob = canvasBlob([1, 1], (ctx) => {
+      ctx.fillStyle = DefaultColorThemePalette.darkMode.black.semi;
+      ctx.fillRect(0, 0, 1, 1);
+    });
+    defaultPatterns.push({
+      zoom: i,
+      url: whitePixelBlob,
+      darkMode: false
+    });
+    defaultPatterns.push({
+      zoom: i,
+      url: blackPixelBlob,
+      darkMode: true
+    });
+  }
+  return defaultPatterns;
+};
+function usePattern() {
+  const editor = useEditor();
+  const dpr = editor.getInstanceState().devicePixelRatio;
+  const [isReady, setIsReady] = useState(false);
+  const defaultPatterns = useMemo(() => getDefaultPatterns(), []);
+  const [backgroundUrls, setBackgroundUrls] = useState(defaultPatterns);
+  useEffect(() => {
+    const promises = [];
+    for (let i = 1; i <= Math.ceil(MAX_ZOOM); i++) {
+      promises.push(
+        generateImage(dpr, i, false).then((blob) => ({
+          zoom: i,
+          url: URL.createObjectURL(blob),
+          darkMode: false
+        }))
+      );
+      promises.push(
+        generateImage(dpr, i, true).then((blob) => ({
+          zoom: i,
+          url: URL.createObjectURL(blob),
+          darkMode: true
+        }))
+      );
+    }
+    let isCancelled = false;
+    Promise.all(promises).then((urls) => {
+      if (isCancelled)
+        return;
+      setBackgroundUrls(urls);
+      setIsReady(true);
+    });
+    return () => {
+      isCancelled = true;
+      setIsReady(false);
+    };
+  }, [dpr]);
+  const defs = /* @__PURE__ */ jsx(Fragment, { children: backgroundUrls.map((item) => {
+    const key = item.zoom + (item.darkMode ? "_dark" : "_light");
+    return /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: HASH_PATTERN_ZOOM_NAMES[key],
+        width: TILE_PATTERN_SIZE,
+        height: TILE_PATTERN_SIZE,
+        patternUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ jsx("image", { href: item.url, width: TILE_PATTERN_SIZE, height: TILE_PATTERN_SIZE })
+      },
+      key
+    );
+  }) });
+  return { defs, isReady };
+}
+function PatternFillDefForCanvas() {
+  const editor = useEditor();
+  const containerRef = useRef(null);
+  const { defs, isReady } = usePattern();
+  useEffect(() => {
+    if (isReady && editor.environment.isSafari) {
+      const htmlLayer = findHtmlLayerParent(containerRef.current);
+      if (htmlLayer) {
+        requestAnimationFrame(() => {
+          htmlLayer.style.display = "none";
+          requestAnimationFrame(() => {
+            htmlLayer.style.display = "";
+          });
+        });
+      }
+    }
+  }, [editor, isReady]);
+  return /* @__PURE__ */ jsx("g", { ref: containerRef, children: defs });
+}
+function findHtmlLayerParent(element) {
+  if (element.classList.contains("tl-html-layer"))
+    return element;
+  if (element.parentElement)
+    return findHtmlLayerParent(element.parentElement);
+  return null;
+}
+export {
+  getFillDefForCanvas,
+  getFillDefForExport,
+  getFontDefForExport
+};
+//# sourceMappingURL=defaultStyleDefs.mjs.map

package/dist-esm/lib/shapes/shared/defaultStyleDefs.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/defaultStyleDefs.tsx"],
+  "sourcesContent": ["import {\n\tDefaultColorThemePalette,\n\tDefaultFontFamilies,\n\tDefaultFontStyle,\n\tHASH_PATTERN_ZOOM_NAMES,\n\tMAX_ZOOM,\n\tSvgExportDef,\n\tTLDefaultColorTheme,\n\tTLDefaultFillStyle,\n\tTLDefaultFontStyle,\n\tTLShapeUtilCanvasSvgDef,\n\tdebugFlags,\n\tuseEditor,\n} from '@bigbluebutton/editor'\nimport { useEffect, useMemo, useRef, useState } from 'react'\n\n/** @public */\nexport function getFontDefForExport(fontStyle: TLDefaultFontStyle): SvgExportDef {\n\treturn {\n\t\tkey: `${DefaultFontStyle.id}:${fontStyle}`,\n\t\tgetElement: async () => {\n\t\t\tconst font = findFont(fontStyle)\n\t\t\tif (!font) return null\n\n\t\t\tconst url = (font as any).$$_url\n\t\t\tconst fontFaceRule = (font as any).$$_fontface\n\t\t\tif (!url || !fontFaceRule) return null\n\n\t\t\tconst fontFile = await (await fetch(url)).blob()\n\t\t\tconst base64FontFile = await new Promise<string>((resolve, reject) => {\n\t\t\t\tconst reader = new FileReader()\n\t\t\t\treader.onload = () => resolve(reader.result as string)\n\t\t\t\treader.onerror = reject\n\t\t\t\treader.readAsDataURL(fontFile)\n\t\t\t})\n\n\t\t\tconst newFontFaceRule = fontFaceRule.replace(url, base64FontFile)\n\t\t\tconst style = document.createElementNS('http://www.w3.org/2000/svg', 'style')\n\t\t\tstyle.textContent = newFontFaceRule\n\t\t\treturn style\n\t\t},\n\t}\n}\n\nfunction findFont(name: TLDefaultFontStyle): FontFace | null {\n\tconst fontFamily = DefaultFontFamilies[name]\n\tfor (const font of document.fonts) {\n\t\tif (fontFamily.includes(font.family)) {\n\t\t\treturn font\n\t\t}\n\t}\n\treturn null\n}\n\n/** @public */\nexport function getFillDefForExport(\n\tfill: TLDefaultFillStyle,\n\ttheme: TLDefaultColorTheme\n): SvgExportDef {\n\treturn {\n\t\tkey: `${DefaultFontStyle.id}:${fill}`,\n\t\tgetElement: async () => {\n\t\t\tif (fill !== 'pattern') return null\n\n\t\t\tconst t = 8 / 12\n\t\t\tconst divEl = document.createElement('div')\n\t\t\tdivEl.innerHTML = `\n\t\t\t\t<svg>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<mask id=\"hash_pattern_mask\">\n\t\t\t\t\t\t\t<rect x=\"0\" y=\"0\" width=\"8\" height=\"8\" fill=\"white\" />\n\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstroke=\"black\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<line x1=\"${t * 1}\" y1=\"${t * 3}\" x2=\"${t * 3}\" y2=\"${t * 1}\" />\n\t\t\t\t\t\t\t\t<line x1=\"${t * 5}\" y1=\"${t * 7}\" x2=\"${t * 7}\" y2=\"${t * 5}\" />\n\t\t\t\t\t\t\t\t<line x1=\"${t * 9}\" y1=\"${t * 11}\" x2=\"${t * 11}\" y2=\"${t * 9}\" />\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</mask>\n\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\tid=\"hash_pattern\"\n\t\t\t\t\t\t\twidth=\"8\"\n\t\t\t\t\t\t\theight=\"8\"\n\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<rect x=\"0\" y=\"0\" width=\"8\" height=\"8\" fill=\"${theme.solid}\" mask=\"url(#hash_pattern_mask)\" />\n\t\t\t\t\t\t</pattern>\n\t\t\t\t\t</defs>\n\t\t\t\t</svg>\n\t\t\t`\n\t\t\treturn Array.from(divEl.querySelectorAll('defs > *'))\n\t\t},\n\t}\n}\n\nexport function getFillDefForCanvas(): TLShapeUtilCanvasSvgDef {\n\treturn {\n\t\tkey: `${DefaultFontStyle.id}:pattern`,\n\t\tcomponent: PatternFillDefForCanvas,\n\t}\n}\nconst TILE_PATTERN_SIZE = 8\n\nconst generateImage = (dpr: number, currentZoom: number, darkMode: boolean) => {\n\treturn new Promise<Blob>((resolve, reject) => {\n\t\tconst size = TILE_PATTERN_SIZE * currentZoom * dpr\n\n\t\tconst canvasEl = document.createElement('canvas')\n\t\tcanvasEl.width = size\n\t\tcanvasEl.height = size\n\n\t\tconst ctx = canvasEl.getContext('2d')\n\t\tif (!ctx) return\n\n\t\tctx.fillStyle = darkMode ? '#212529' : '#f8f9fa'\n\t\tctx.fillRect(0, 0, size, size)\n\n\t\t// This essentially generates an inverse of the pattern we're drawing.\n\t\tctx.globalCompositeOperation = 'destination-out'\n\n\t\tctx.lineCap = 'round'\n\t\tctx.lineWidth = 1.25 * currentZoom * dpr\n\n\t\tconst t = 8 / 12\n\t\tconst s = (v: number) => v * currentZoom * dpr\n\n\t\tctx.beginPath()\n\t\tctx.moveTo(s(t * 1), s(t * 3))\n\t\tctx.lineTo(s(t * 3), s(t * 1))\n\n\t\tctx.moveTo(s(t * 5), s(t * 7))\n\t\tctx.lineTo(s(t * 7), s(t * 5))\n\n\t\tctx.moveTo(s(t * 9), s(t * 11))\n\t\tctx.lineTo(s(t * 11), s(t * 9))\n\t\tctx.stroke()\n\n\t\tcanvasEl.toBlob((blob) => {\n\t\t\tif (!blob || debugFlags.throwToBlob.get()) {\n\t\t\t\treject()\n\t\t\t} else {\n\t\t\t\tresolve(blob)\n\t\t\t}\n\t\t})\n\t})\n}\n\nconst canvasBlob = (size: [number, number], fn: (ctx: CanvasRenderingContext2D) => void) => {\n\tconst canvas = document.createElement('canvas')\n\tcanvas.width = size[0]\n\tcanvas.height = size[1]\n\tconst ctx = canvas.getContext('2d')\n\tif (!ctx) return ''\n\tfn(ctx)\n\treturn canvas.toDataURL()\n}\ntype PatternDef = { zoom: number; url: string; darkMode: boolean }\n\nconst getDefaultPatterns = () => {\n\tconst defaultPatterns: PatternDef[] = []\n\tfor (let i = 1; i <= Math.ceil(MAX_ZOOM); i++) {\n\t\tconst whitePixelBlob = canvasBlob([1, 1], (ctx) => {\n\t\t\tctx.fillStyle = DefaultColorThemePalette.lightMode.black.semi\n\t\t\tctx.fillRect(0, 0, 1, 1)\n\t\t})\n\t\tconst blackPixelBlob = canvasBlob([1, 1], (ctx) => {\n\t\t\tctx.fillStyle = DefaultColorThemePalette.darkMode.black.semi\n\t\t\tctx.fillRect(0, 0, 1, 1)\n\t\t})\n\t\tdefaultPatterns.push({\n\t\t\tzoom: i,\n\t\t\turl: whitePixelBlob,\n\t\t\tdarkMode: false,\n\t\t})\n\t\tdefaultPatterns.push({\n\t\t\tzoom: i,\n\t\t\turl: blackPixelBlob,\n\t\t\tdarkMode: true,\n\t\t})\n\t}\n\treturn defaultPatterns\n}\n\nfunction usePattern() {\n\tconst editor = useEditor()\n\tconst dpr = editor.getInstanceState().devicePixelRatio\n\tconst [isReady, setIsReady] = useState(false)\n\tconst defaultPatterns = useMemo(() => getDefaultPatterns(), [])\n\tconst [backgroundUrls, setBackgroundUrls] = useState<PatternDef[]>(defaultPatterns)\n\n\tuseEffect(() => {\n\t\tconst promises: Promise<{ zoom: number; url: string; darkMode: boolean }>[] = []\n\n\t\tfor (let i = 1; i <= Math.ceil(MAX_ZOOM); i++) {\n\t\t\tpromises.push(\n\t\t\t\tgenerateImage(dpr, i, false).then((blob) => ({\n\t\t\t\t\tzoom: i,\n\t\t\t\t\turl: URL.createObjectURL(blob),\n\t\t\t\t\tdarkMode: false,\n\t\t\t\t}))\n\t\t\t)\n\t\t\tpromises.push(\n\t\t\t\tgenerateImage(dpr, i, true).then((blob) => ({\n\t\t\t\t\tzoom: i,\n\t\t\t\t\turl: URL.createObjectURL(blob),\n\t\t\t\t\tdarkMode: true,\n\t\t\t\t}))\n\t\t\t)\n\t\t}\n\n\t\tlet isCancelled = false\n\t\tPromise.all(promises).then((urls) => {\n\t\t\tif (isCancelled) return\n\t\t\tsetBackgroundUrls(urls)\n\t\t\tsetIsReady(true)\n\t\t})\n\n\t\treturn () => {\n\t\t\tisCancelled = true\n\t\t\tsetIsReady(false)\n\t\t}\n\t}, [dpr])\n\n\tconst defs = (\n\t\t<>\n\t\t\t{backgroundUrls.map((item) => {\n\t\t\t\tconst key = item.zoom + (item.darkMode ? '_dark' : '_light')\n\t\t\t\treturn (\n\t\t\t\t\t<pattern\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tid={HASH_PATTERN_ZOOM_NAMES[key]}\n\t\t\t\t\t\twidth={TILE_PATTERN_SIZE}\n\t\t\t\t\t\theight={TILE_PATTERN_SIZE}\n\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<image href={item.url} width={TILE_PATTERN_SIZE} height={TILE_PATTERN_SIZE} />\n\t\t\t\t\t</pattern>\n\t\t\t\t)\n\t\t\t})}\n\t\t</>\n\t)\n\n\treturn { defs, isReady }\n}\n\nfunction PatternFillDefForCanvas() {\n\tconst editor = useEditor()\n\tconst containerRef = useRef<SVGGElement>(null)\n\tconst { defs, isReady } = usePattern()\n\n\tuseEffect(() => {\n\t\tif (isReady && editor.environment.isSafari) {\n\t\t\tconst htmlLayer = findHtmlLayerParent(containerRef.current!)\n\t\t\tif (htmlLayer) {\n\t\t\t\t// Wait for `patternContext` to be picked up\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\thtmlLayer.style.display = 'none'\n\n\t\t\t\t\t// Wait for 'display = \"none\"' to take effect\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\thtmlLayer.style.display = ''\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}, [editor, isReady])\n\n\treturn <g ref={containerRef}>{defs}</g>\n}\n\nfunction findHtmlLayerParent(element: Element): HTMLElement | null {\n\tif (element.classList.contains('tl-html-layer')) return element as HTMLElement\n\tif (element.parentElement) return findHtmlLayerParent(element.parentElement)\n\treturn null\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-esm/lib/shapes/shared/freehand/getStroke.mjs

@@ -0,0 +1,13 @@
+import { getStrokeOutlinePoints } from "./getStrokeOutlinePoints.mjs";
+import { getStrokePoints } from "./getStrokePoints.mjs";
+import { setStrokePointRadii } from "./setStrokePointRadii.mjs";
+function getStroke(points, options = {}) {
+  return getStrokeOutlinePoints(
+    setStrokePointRadii(getStrokePoints(points, options), options),
+    options
+  );
+}
+export {
+  getStroke
+};
+//# sourceMappingURL=getStroke.mjs.map

package/dist-esm/lib/shapes/shared/freehand/getStroke.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/shared/freehand/getStroke.ts"],
+  "sourcesContent": ["import { Vec2d, VecLike } from '@bigbluebutton/editor'\nimport { getStrokeOutlinePoints } from './getStrokeOutlinePoints'\nimport { getStrokePoints } from './getStrokePoints'\nimport { setStrokePointRadii } from './setStrokePointRadii'\nimport type { StrokeOptions } from './types'\n\n/**\n * ## getStroke\n *\n * Get an array of points describing a polygon that surrounds the input points.\n *\n * @param points - An array of points (as `[x, y, pressure]` or `{x, y, pressure}`). Pressure is\n *   optional in both cases.\n * @param options - An object with options.\n * @public\n */\n\nexport function getStroke(points: VecLike[], options: StrokeOptions = {}): Vec2d[] {\n\treturn getStrokeOutlinePoints(\n\t\tsetStrokePointRadii(getStrokePoints(points, options), options),\n\t\toptions\n\t)\n}\n"],
+  "mappings": "AACA,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AAc7B,SAAS,UAAU,QAAmB,UAAyB,CAAC,GAAY;AAClF,SAAO;AAAA,IACN,oBAAoB,gBAAgB,QAAQ,OAAO,GAAG,OAAO;AAAA,IAC7D;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-esm/lib/shapes/shared/freehand/getStrokeOutlinePoints.mjs

@@ -0,0 +1,155 @@
+import { Vec2d } from "@bigbluebutton/editor";
+const { PI } = Math;
+const FIXED_PI = PI + 1e-4;
+function getStrokeOutlineTracks(strokePoints, options = {}) {
+  const { size = 16, smoothing = 0.5 } = options;
+  if (strokePoints.length === 0 || size <= 0) {
+    return { left: [], right: [] };
+  }
+  const firstStrokePoint = strokePoints[0];
+  const lastStrokePoint = strokePoints[strokePoints.length - 1];
+  const totalLength = lastStrokePoint.runningLength;
+  const minDistance = Math.pow(size * smoothing, 2);
+  const leftPts = [];
+  const rightPts = [];
+  let prevVector = strokePoints[0].vector;
+  let pl = strokePoints[0].point;
+  let pr = pl;
+  let tl = pl;
+  let tr = pr;
+  let isPrevPointSharpCorner = false;
+  let strokePoint;
+  for (let i = 0; i < strokePoints.length; i++) {
+    strokePoint = strokePoints[i];
+    const { point, vector } = strokePoints[i];
+    const prevDpr = strokePoint.vector.dpr(prevVector);
+    const nextVector = (i < strokePoints.length - 1 ? strokePoints[i + 1] : strokePoints[i]).vector;
+    const nextDpr = i < strokePoints.length - 1 ? nextVector.dpr(strokePoint.vector) : 1;
+    const isPointSharpCorner = prevDpr < 0 && !isPrevPointSharpCorner;
+    const isNextPointSharpCorner = nextDpr !== null && nextDpr < 0.2;
+    if (isPointSharpCorner || isNextPointSharpCorner) {
+      if (nextDpr > -0.62 && totalLength - strokePoint.runningLength > strokePoint.radius) {
+        const offset2 = prevVector.clone().mul(strokePoint.radius);
+        const cpr = prevVector.clone().cpr(nextVector);
+        if (cpr < 0) {
+          tl = Vec2d.Add(point, offset2);
+          tr = Vec2d.Sub(point, offset2);
+        } else {
+          tl = Vec2d.Sub(point, offset2);
+          tr = Vec2d.Add(point, offset2);
+        }
+        leftPts.push(tl);
+        rightPts.push(tr);
+      } else {
+        const offset2 = prevVector.clone().mul(strokePoint.radius).per();
+        const start = Vec2d.Sub(strokePoint.input, offset2);
+        for (let step = 1 / 13, t = 0; t < 1; t += step) {
+          tl = Vec2d.RotWith(start, strokePoint.input, FIXED_PI * t);
+          leftPts.push(tl);
+          tr = Vec2d.RotWith(start, strokePoint.input, FIXED_PI + FIXED_PI * -t);
+          rightPts.push(tr);
+        }
+      }
+      pl = tl;
+      pr = tr;
+      if (isNextPointSharpCorner) {
+        isPrevPointSharpCorner = true;
+      }
+      continue;
+    }
+    isPrevPointSharpCorner = false;
+    if (strokePoint === firstStrokePoint || strokePoint === lastStrokePoint) {
+      const offset2 = Vec2d.Per(vector).mul(strokePoint.radius);
+      leftPts.push(Vec2d.Sub(point, offset2));
+      rightPts.push(Vec2d.Add(point, offset2));
+      continue;
+    }
+    const offset = Vec2d.Lrp(nextVector, vector, nextDpr).per().mul(strokePoint.radius);
+    tl = Vec2d.Sub(point, offset);
+    if (i <= 1 || Vec2d.Dist2(pl, tl) > minDistance) {
+      leftPts.push(tl);
+      pl = tl;
+    }
+    tr = Vec2d.Add(point, offset);
+    if (i <= 1 || Vec2d.Dist2(pr, tr) > minDistance) {
+      rightPts.push(tr);
+      pr = tr;
+    }
+    prevVector = vector;
+    continue;
+  }
+  return {
+    left: leftPts,
+    right: rightPts
+  };
+}
+function getStrokeOutlinePoints(strokePoints, options = {}) {
+  const { size = 16, start = {}, end = {}, last: isComplete = false } = options;
+  const { cap: capStart = true } = start;
+  const { cap: capEnd = true } = end;
+  if (strokePoints.length === 0 || size <= 0) {
+    return [];
+  }
+  const firstStrokePoint = strokePoints[0];
+  const lastStrokePoint = strokePoints[strokePoints.length - 1];
+  const totalLength = lastStrokePoint.runningLength;
+  const taperStart = start.taper === false ? 0 : start.taper === true ? Math.max(size, totalLength) : start.taper;
+  const taperEnd = end.taper === false ? 0 : end.taper === true ? Math.max(size, totalLength) : end.taper;
+  const { left: leftPts, right: rightPts } = getStrokeOutlineTracks(strokePoints, options);
+  const firstPoint = firstStrokePoint.point;
+  const lastPoint = strokePoints.length > 1 ? strokePoints[strokePoints.length - 1].point : Vec2d.AddXY(firstStrokePoint.point, 1, 1);
+  if (strokePoints.length === 1) {
+    if (!(taperStart || taperEnd) || isComplete) {
+      const start2 = Vec2d.Add(
+        firstPoint,
+        Vec2d.Sub(firstPoint, lastPoint).uni().per().mul(-firstStrokePoint.radius)
+      );
+      const dotPts = [];
+      for (let step = 1 / 13, t = step; t <= 1; t += step) {
+        dotPts.push(Vec2d.RotWith(start2, firstPoint, FIXED_PI * 2 * t));
+      }
+      return dotPts;
+    }
+  }
+  const startCap = [];
+  if (taperStart || taperEnd && strokePoints.length === 1) {
+  } else if (capStart) {
+    for (let step = 1 / 8, t = step; t <= 1; t += step) {
+      const pt = Vec2d.RotWith(rightPts[0], firstPoint, FIXED_PI * t);
+      startCap.push(pt);
+    }
+  } else {
+    const cornersVector = Vec2d.Sub(leftPts[0], rightPts[0]);
+    const offsetA = Vec2d.Mul(cornersVector, 0.5);
+    const offsetB = Vec2d.Mul(cornersVector, 0.51);
+    startCap.push(
+      Vec2d.Sub(firstPoint, offsetA),
+      Vec2d.Sub(firstPoint, offsetB),
+      Vec2d.Add(firstPoint, offsetB),
+      Vec2d.Add(firstPoint, offsetA)
+    );
+  }
+  const endCap = [];
+  const direction = lastStrokePoint.vector.clone().per().neg();
+  if (taperEnd || taperStart && strokePoints.length === 1) {
+    endCap.push(lastPoint);
+  } else if (capEnd) {
+    const start2 = Vec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius));
+    for (let step = 1 / 29, t = step; t < 1; t += step) {
+      endCap.push(Vec2d.RotWith(start2, lastPoint, FIXED_PI * 3 * t));
+    }
+  } else {
+    endCap.push(
+      Vec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius)),
+      Vec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius * 0.99)),
+      Vec2d.Sub(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius * 0.99)),
+      Vec2d.Sub(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius))
+    );
+  }
+  return leftPts.concat(endCap, rightPts.reverse(), startCap);
+}
+export {
+  getStrokeOutlinePoints,
+  getStrokeOutlineTracks
+};
+//# sourceMappingURL=getStrokeOutlinePoints.mjs.map

package/dist-esm/lib/shapes/shared/freehand/getStrokeOutlinePoints.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/shared/freehand/getStrokeOutlinePoints.ts"],
+  "sourcesContent": ["import { Vec2d } from '@bigbluebutton/editor'\nimport type { StrokeOptions, StrokePoint } from './types'\n\nconst { PI } = Math\n\n// Browser strokes seem to be off if PI is regular, a tiny offset seems to fix it\nconst FIXED_PI = PI + 0.0001\n\n/**\n * @internal\n */\nexport function getStrokeOutlineTracks(\n\tstrokePoints: StrokePoint[],\n\toptions: StrokeOptions = {}\n): { left: Vec2d[]; right: Vec2d[] } {\n\tconst { size = 16, smoothing = 0.5 } = options\n\n\t// We can't do anything with an empty array or a stroke with negative size.\n\tif (strokePoints.length === 0 || size <= 0) {\n\t\treturn { left: [], right: [] }\n\t}\n\n\tconst firstStrokePoint = strokePoints[0]\n\tconst lastStrokePoint = strokePoints[strokePoints.length - 1]\n\n\t// The total length of the line\n\tconst totalLength = lastStrokePoint.runningLength\n\n\t// The minimum allowed distance between points (squared)\n\tconst minDistance = Math.pow(size * smoothing, 2)\n\n\t// Our collected left and right points\n\tconst leftPts: Vec2d[] = []\n\tconst rightPts: Vec2d[] = []\n\n\t// Previous vector\n\tlet prevVector = strokePoints[0].vector\n\n\t// Previous left and right points\n\tlet pl = strokePoints[0].point\n\tlet pr = pl\n\n\t// Temporary left and right points\n\tlet tl = pl\n\tlet tr = pr\n\n\t// Keep track of whether the previous point is a sharp corner\n\t// ... so that we don't detect the same corner twice\n\tlet isPrevPointSharpCorner = false\n\n\t/*\n    Find the outline's left and right points\n\n    Iterating through the points and populate the rightPts and leftPts arrays,\n    skipping the first and last pointsm, which will get caps later on.\n  */\n\n\tlet strokePoint: StrokePoint\n\n\tfor (let i = 0; i < strokePoints.length; i++) {\n\t\tstrokePoint = strokePoints[i]\n\t\tconst { point, vector } = strokePoints[i]\n\n\t\t/*\n      Handle sharp corners\n\n      Find the difference (dot product) between the current and next vector.\n      If the next vector is at more than a right angle to the current vector,\n      draw a cap at the current point.\n    */\n\n\t\tconst prevDpr = strokePoint.vector.dpr(prevVector)\n\t\tconst nextVector = (i < strokePoints.length - 1 ? strokePoints[i + 1] : strokePoints[i]).vector\n\t\tconst nextDpr = i < strokePoints.length - 1 ? nextVector.dpr(strokePoint.vector) : 1\n\n\t\tconst isPointSharpCorner = prevDpr < 0 && !isPrevPointSharpCorner\n\t\tconst isNextPointSharpCorner = nextDpr !== null && nextDpr < 0.2\n\n\t\tif (isPointSharpCorner || isNextPointSharpCorner) {\n\t\t\t// It's a sharp corner. Draw a rounded cap and move on to the next point\n\t\t\t// Considering saving these and drawing them later? So that we can avoid\n\t\t\t// crossing future points.\n\n\t\t\tif (nextDpr > -0.62 && totalLength - strokePoint.runningLength > strokePoint.radius) {\n\t\t\t\t// Draw a \"soft\" corner\n\t\t\t\tconst offset = prevVector.clone().mul(strokePoint.radius)\n\t\t\t\tconst cpr = prevVector.clone().cpr(nextVector)\n\n\t\t\t\tif (cpr < 0) {\n\t\t\t\t\ttl = Vec2d.Add(point, offset)\n\t\t\t\t\ttr = Vec2d.Sub(point, offset)\n\t\t\t\t} else {\n\t\t\t\t\ttl = Vec2d.Sub(point, offset)\n\t\t\t\t\ttr = Vec2d.Add(point, offset)\n\t\t\t\t}\n\n\t\t\t\tleftPts.push(tl)\n\t\t\t\trightPts.push(tr)\n\t\t\t} else {\n\t\t\t\t// Draw a \"sharp\" corner\n\t\t\t\tconst offset = prevVector.clone().mul(strokePoint.radius).per()\n\t\t\t\tconst start = Vec2d.Sub(strokePoint.input, offset)\n\n\t\t\t\tfor (let step = 1 / 13, t = 0; t < 1; t += step) {\n\t\t\t\t\ttl = Vec2d.RotWith(start, strokePoint.input, FIXED_PI * t)\n\t\t\t\t\tleftPts.push(tl)\n\n\t\t\t\t\ttr = Vec2d.RotWith(start, strokePoint.input, FIXED_PI + FIXED_PI * -t)\n\t\t\t\t\trightPts.push(tr)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tpl = tl\n\t\t\tpr = tr\n\n\t\t\tif (isNextPointSharpCorner) {\n\t\t\t\tisPrevPointSharpCorner = true\n\t\t\t}\n\n\t\t\tcontinue\n\t\t}\n\n\t\tisPrevPointSharpCorner = false\n\n\t\tif (strokePoint === firstStrokePoint || strokePoint === lastStrokePoint) {\n\t\t\tconst offset = Vec2d.Per(vector).mul(strokePoint.radius)\n\t\t\tleftPts.push(Vec2d.Sub(point, offset))\n\t\t\trightPts.push(Vec2d.Add(point, offset))\n\n\t\t\tcontinue\n\t\t}\n\n\t\t/* \n      Add regular points\n\n      Project points to either side of the current point, using the\n      calculated size as a distance. If a point's distance to the \n      previous point on that side greater than the minimum distance\n      (or if the corner is kinda sharp), add the points to the side's\n      points array.\n    */\n\n\t\tconst offset = Vec2d.Lrp(nextVector, vector, nextDpr).per().mul(strokePoint.radius)\n\n\t\ttl = Vec2d.Sub(point, offset)\n\n\t\tif (i <= 1 || Vec2d.Dist2(pl, tl) > minDistance) {\n\t\t\tleftPts.push(tl)\n\t\t\tpl = tl\n\t\t}\n\n\t\ttr = Vec2d.Add(point, offset)\n\n\t\tif (i <= 1 || Vec2d.Dist2(pr, tr) > minDistance) {\n\t\t\trightPts.push(tr)\n\t\t\tpr = tr\n\t\t}\n\n\t\t// Set variables for next iteration\n\t\tprevVector = vector\n\n\t\tcontinue\n\t}\n\n\t/*\n    Return the points in the correct winding order: begin on the left side, then \n    continue around the end cap, then come back along the right side, and finally \n    complete the start cap.\n  */\n\n\treturn {\n\t\tleft: leftPts,\n\t\tright: rightPts,\n\t}\n}\n\n/**\n * ## getStrokeOutlinePoints\n *\n * Get an array of points (as `[x, y]`) representing the outline of a stroke.\n *\n * @param points - An array of StrokePoints as returned from `getStrokePoints`.\n * @param options - An object with options.\n * @public\n */\nexport function getStrokeOutlinePoints(\n\tstrokePoints: StrokePoint[],\n\toptions: StrokeOptions = {}\n): Vec2d[] {\n\tconst { size = 16, start = {}, end = {}, last: isComplete = false } = options\n\n\tconst { cap: capStart = true } = start\n\tconst { cap: capEnd = true } = end\n\n\t// We can't do anything with an empty array or a stroke with negative size.\n\tif (strokePoints.length === 0 || size <= 0) {\n\t\treturn []\n\t}\n\n\tconst firstStrokePoint = strokePoints[0]\n\tconst lastStrokePoint = strokePoints[strokePoints.length - 1]\n\n\t// The total length of the line\n\tconst totalLength = lastStrokePoint.runningLength\n\n\tconst taperStart =\n\t\tstart.taper === false\n\t\t\t? 0\n\t\t\t: start.taper === true\n\t\t\t? Math.max(size, totalLength)\n\t\t\t: (start.taper as number)\n\n\tconst taperEnd =\n\t\tend.taper === false\n\t\t\t? 0\n\t\t\t: end.taper === true\n\t\t\t? Math.max(size, totalLength)\n\t\t\t: (end.taper as number)\n\n\t// The minimum allowed distance between points (squared)\n\t// Our collected left and right points\n\tconst { left: leftPts, right: rightPts } = getStrokeOutlineTracks(strokePoints, options)\n\n\t/*\n    Drawing caps\n    \n    Now that we have our points on either side of the line, we need to\n    draw caps at the start and end. Tapered lines don't have caps, but\n    may have dots for very short lines.\n  */\n\n\tconst firstPoint = firstStrokePoint.point\n\n\tconst lastPoint =\n\t\tstrokePoints.length > 1\n\t\t\t? strokePoints[strokePoints.length - 1].point\n\t\t\t: Vec2d.AddXY(firstStrokePoint.point, 1, 1)\n\n\t/* \n    Draw a dot for very short or completed strokes\n    \n    If the line is too short to gather left or right points and if the line is\n    not tapered on either side, draw a dot. If the line is tapered, then only\n    draw a dot if the line is both very short and complete. If we draw a dot,\n    we can just return those points.\n  */\n\n\tif (strokePoints.length === 1) {\n\t\tif (!(taperStart || taperEnd) || isComplete) {\n\t\t\tconst start = Vec2d.Add(\n\t\t\t\tfirstPoint,\n\t\t\t\tVec2d.Sub(firstPoint, lastPoint).uni().per().mul(-firstStrokePoint.radius)\n\t\t\t)\n\t\t\tconst dotPts: Vec2d[] = []\n\t\t\tfor (let step = 1 / 13, t = step; t <= 1; t += step) {\n\t\t\t\tdotPts.push(Vec2d.RotWith(start, firstPoint, FIXED_PI * 2 * t))\n\t\t\t}\n\t\t\treturn dotPts\n\t\t}\n\t}\n\n\t/*\n    Draw a start cap\n\n    Unless the line has a tapered start, or unless the line has a tapered end\n    and the line is very short, draw a start cap around the first point. Use\n    the distance between the second left and right point for the cap's radius.\n    Finally remove the first left and right points. :psyduck:\n  */\n\n\tconst startCap: Vec2d[] = []\n\tif (taperStart || (taperEnd && strokePoints.length === 1)) {\n\t\t// The start point is tapered, noop\n\t} else if (capStart) {\n\t\t// Draw the round cap - add thirteen points rotating the right point around the start point to the left point\n\t\tfor (let step = 1 / 8, t = step; t <= 1; t += step) {\n\t\t\tconst pt = Vec2d.RotWith(rightPts[0], firstPoint, FIXED_PI * t)\n\t\t\tstartCap.push(pt)\n\t\t}\n\t} else {\n\t\t// Draw the flat cap - add a point to the left and right of the start point\n\t\tconst cornersVector = Vec2d.Sub(leftPts[0], rightPts[0])\n\t\tconst offsetA = Vec2d.Mul(cornersVector, 0.5)\n\t\tconst offsetB = Vec2d.Mul(cornersVector, 0.51)\n\n\t\tstartCap.push(\n\t\t\tVec2d.Sub(firstPoint, offsetA),\n\t\t\tVec2d.Sub(firstPoint, offsetB),\n\t\t\tVec2d.Add(firstPoint, offsetB),\n\t\t\tVec2d.Add(firstPoint, offsetA)\n\t\t)\n\t}\n\n\t/*\n    Draw an end cap\n\n    If the line does not have a tapered end, and unless the line has a tapered\n    start and the line is very short, draw a cap around the last point. Finally,\n    remove the last left and right points. Otherwise, add the last point. Note\n    that This cap is a full-turn-and-a-half: this prevents incorrect caps on\n    sharp end turns.\n  */\n\n\tconst endCap: Vec2d[] = []\n\tconst direction = lastStrokePoint.vector.clone().per().neg()\n\n\tif (taperEnd || (taperStart && strokePoints.length === 1)) {\n\t\t// Tapered end - push the last point to the line\n\t\tendCap.push(lastPoint)\n\t} else if (capEnd) {\n\t\t// Draw the round end cap\n\t\tconst start = Vec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius))\n\t\tfor (let step = 1 / 29, t = step; t < 1; t += step) {\n\t\t\tendCap.push(Vec2d.RotWith(start, lastPoint, FIXED_PI * 3 * t))\n\t\t}\n\t} else {\n\t\t// Draw the flat end cap\n\t\tendCap.push(\n\t\t\tVec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius)),\n\t\t\tVec2d.Add(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius * 0.99)),\n\t\t\tVec2d.Sub(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius * 0.99)),\n\t\t\tVec2d.Sub(lastPoint, Vec2d.Mul(direction, lastStrokePoint.radius))\n\t\t)\n\t}\n\n\t/*\n    Return the points in the correct winding order: begin on the left side, then \n    continue around the end cap, then come back along the right side, and finally \n    complete the start cap.\n  */\n\n\treturn leftPts.concat(endCap, rightPts.reverse(), startCap)\n}\n"],
+  "mappings": "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",
+  "names": ["offset", "start"]
+}

package/dist-esm/lib/shapes/shared/freehand/getStrokePoints.mjs

@@ -0,0 +1,124 @@
+import { Vec2d } from "@bigbluebutton/editor";
+const MIN_START_PRESSURE = 0.025;
+const MIN_END_PRESSURE = 0.01;
+function getStrokePoints(rawInputPoints, options = {}) {
+  const { streamline = 0.5, size = 16, simulatePressure = false } = options;
+  if (rawInputPoints.length === 0)
+    return [];
+  const t = 0.15 + (1 - streamline) * 0.85;
+  let pts = rawInputPoints.map(Vec2d.From);
+  let pointsRemovedFromNearEnd = 0;
+  if (!simulatePressure) {
+    let pt2 = pts[0];
+    while (pt2) {
+      if (pt2.z >= MIN_START_PRESSURE)
+        break;
+      pts.shift();
+      pt2 = pts[0];
+    }
+  }
+  if (!simulatePressure) {
+    let pt2 = pts[pts.length - 1];
+    while (pt2) {
+      if (pt2.z >= MIN_END_PRESSURE)
+        break;
+      pts.pop();
+      pt2 = pts[pts.length - 1];
+    }
+  }
+  if (pts.length === 0)
+    return [
+      {
+        point: Vec2d.From(rawInputPoints[0]),
+        input: Vec2d.From(rawInputPoints[0]),
+        pressure: simulatePressure ? 0.5 : 0.15,
+        vector: new Vec2d(1, 1),
+        distance: 0,
+        runningLength: 0,
+        radius: 1
+      }
+    ];
+  let pt = pts[1];
+  while (pt) {
+    if (Vec2d.Dist(pt, pts[0]) > size / 3)
+      break;
+    pts[0].z = Math.max(pts[0].z, pt.z);
+    pts.splice(1, 1);
+    pt = pts[1];
+  }
+  const last = pts.pop();
+  pt = pts[pts.length - 1];
+  while (pt) {
+    if (Vec2d.Dist(pt, last) > size / 3)
+      break;
+    pts.pop();
+    pt = pts[pts.length - 1];
+    pointsRemovedFromNearEnd++;
+  }
+  pts.push(last);
+  const isComplete = options.last || !options.simulatePressure || pts.length > 1 && Vec2d.Dist(pts[pts.length - 1], pts[pts.length - 2]) < size || pointsRemovedFromNearEnd > 0;
+  if (pts.length === 2 && options.simulatePressure) {
+    const last2 = pts[1];
+    pts = pts.slice(0, -1);
+    for (let i = 1; i < 5; i++) {
+      const next = Vec2d.Lrp(pts[0], last2, i / 4);
+      next.z = (pts[0].z + (last2.z - pts[0].z)) * i / 4;
+      pts.push(next);
+    }
+  }
+  const strokePoints = [
+    {
+      point: pts[0],
+      input: pts[0],
+      pressure: simulatePressure ? 0.5 : pts[0].z,
+      vector: new Vec2d(1, 1),
+      distance: 0,
+      runningLength: 0,
+      radius: 1
+    }
+  ];
+  let totalLength = 0;
+  let prev = strokePoints[0];
+  let point, distance;
+  if (isComplete && streamline > 0) {
+    pts.push(pts[pts.length - 1].clone());
+  }
+  for (let i = 1, n = pts.length; i < n; i++) {
+    point = !t || options.last && i === n - 1 ? pts[i].clone() : pts[i].clone().lrp(prev.point, 1 - t);
+    if (prev.point.equals(point))
+      continue;
+    distance = Vec2d.Dist(point, prev.point);
+    totalLength += distance;
+    if (i < 4 && totalLength < size) {
+      continue;
+    }
+    prev = {
+      input: pts[i],
+      // The adjusted point
+      point,
+      // The input pressure (or .5 if not specified)
+      pressure: simulatePressure ? 0.5 : pts[i].z,
+      // The vector from the current point to the previous point
+      vector: Vec2d.Sub(prev.point, point).uni(),
+      // The distance between the current point and the previous point
+      distance,
+      // The total distance so far
+      runningLength: totalLength,
+      // The stroke point's radius
+      radius: 1
+    };
+    strokePoints.push(prev);
+  }
+  if (strokePoints[1]?.vector) {
+    strokePoints[0].vector = strokePoints[1].vector.clone();
+  }
+  if (totalLength < 1) {
+    const maxPressureAmongPoints = Math.max(0.5, ...strokePoints.map((s) => s.pressure));
+    strokePoints.forEach((s) => s.pressure = maxPressureAmongPoints);
+  }
+  return strokePoints;
+}
+export {
+  getStrokePoints
+};
+//# sourceMappingURL=getStrokePoints.mjs.map

package/dist-esm/lib/shapes/shared/freehand/getStrokePoints.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/shared/freehand/getStrokePoints.ts"],
+  "sourcesContent": ["import { Vec2d, VecLike } from '@bigbluebutton/editor'\nimport type { StrokeOptions, StrokePoint } from './types'\n\nconst MIN_START_PRESSURE = 0.025\nconst MIN_END_PRESSURE = 0.01\n\n/**\n * ## getStrokePoints\n *\n * Get an array of points as objects with an adjusted point, pressure, vector, distance, and\n * runningLength.\n *\n * @param points - An array of points (as `[x, y, pressure]` or `{x, y, pressure}`). Pressure is\n *   optional in both cases.\n * @param options - An object with options.\n * @public\n */\nexport function getStrokePoints(\n\trawInputPoints: VecLike[],\n\toptions: StrokeOptions = {}\n): StrokePoint[] {\n\tconst { streamline = 0.5, size = 16, simulatePressure = false } = options\n\n\t// If we don't have any points, return an empty array.\n\tif (rawInputPoints.length === 0) return []\n\n\t// Find the interpolation level between points.\n\tconst t = 0.15 + (1 - streamline) * 0.85\n\n\t// Whatever the input is, make sure that the points are in number[][].\n\tlet pts = rawInputPoints.map(Vec2d.From)\n\n\tlet pointsRemovedFromNearEnd = 0\n\n\tif (!simulatePressure) {\n\t\t// Strip low pressure points from the start of the array.\n\t\tlet pt = pts[0]\n\t\twhile (pt) {\n\t\t\tif (pt.z >= MIN_START_PRESSURE) break\n\t\t\tpts.shift()\n\t\t\tpt = pts[0]\n\t\t}\n\t}\n\n\tif (!simulatePressure) {\n\t\t// Strip low pressure points from the end of the array.\n\t\tlet pt = pts[pts.length - 1]\n\t\twhile (pt) {\n\t\t\tif (pt.z >= MIN_END_PRESSURE) break\n\t\t\tpts.pop()\n\t\t\tpt = pts[pts.length - 1]\n\t\t}\n\t}\n\n\tif (pts.length === 0)\n\t\treturn [\n\t\t\t{\n\t\t\t\tpoint: Vec2d.From(rawInputPoints[0]),\n\t\t\t\tinput: Vec2d.From(rawInputPoints[0]),\n\t\t\t\tpressure: simulatePressure ? 0.5 : 0.15,\n\t\t\t\tvector: new Vec2d(1, 1),\n\t\t\t\tdistance: 0,\n\t\t\t\trunningLength: 0,\n\t\t\t\tradius: 1,\n\t\t\t},\n\t\t]\n\n\t// Strip points that are too close to the first point.\n\tlet pt = pts[1]\n\twhile (pt) {\n\t\tif (Vec2d.Dist(pt, pts[0]) > size / 3) break\n\t\tpts[0].z = Math.max(pts[0].z, pt.z) // Use maximum pressure\n\t\tpts.splice(1, 1)\n\t\tpt = pts[1]\n\t}\n\n\t// Strip points that are too close to the last point.\n\tconst last = pts.pop()!\n\tpt = pts[pts.length - 1]\n\twhile (pt) {\n\t\tif (Vec2d.Dist(pt, last) > size / 3) break\n\t\tpts.pop()\n\t\tpt = pts[pts.length - 1]\n\t\tpointsRemovedFromNearEnd++\n\t}\n\tpts.push(last)\n\n\tconst isComplete =\n\t\toptions.last ||\n\t\t!options.simulatePressure ||\n\t\t(pts.length > 1 && Vec2d.Dist(pts[pts.length - 1], pts[pts.length - 2]) < size) ||\n\t\tpointsRemovedFromNearEnd > 0\n\n\t// Add extra points between the two, to help avoid \"dash\" lines\n\t// for strokes with tapered start and ends. Don't mutate the\n\t// input array!\n\tif (pts.length === 2 && options.simulatePressure) {\n\t\tconst last = pts[1]\n\t\tpts = pts.slice(0, -1)\n\t\tfor (let i = 1; i < 5; i++) {\n\t\t\tconst next = Vec2d.Lrp(pts[0], last, i / 4)\n\t\t\tnext.z = ((pts[0].z + (last.z - pts[0].z)) * i) / 4\n\t\t\tpts.push(next)\n\t\t}\n\t}\n\n\t// The strokePoints array will hold the points for the stroke.\n\t// Start it out with the first point, which needs no adjustment.\n\tconst strokePoints: StrokePoint[] = [\n\t\t{\n\t\t\tpoint: pts[0],\n\t\t\tinput: pts[0],\n\t\t\tpressure: simulatePressure ? 0.5 : pts[0].z,\n\t\t\tvector: new Vec2d(1, 1),\n\t\t\tdistance: 0,\n\t\t\trunningLength: 0,\n\t\t\tradius: 1,\n\t\t},\n\t]\n\n\t// We use the totalLength to keep track of the total distance\n\tlet totalLength = 0\n\n\t// We're set this to the latest point, so we can use it to calculate\n\t// the distance and vector of the next point.\n\tlet prev = strokePoints[0]\n\n\t// Iterate through all of the points, creating StrokePoints.\n\tlet point: Vec2d, distance: number\n\n\tif (isComplete && streamline > 0) {\n\t\tpts.push(pts[pts.length - 1].clone())\n\t}\n\n\tfor (let i = 1, n = pts.length; i < n; i++) {\n\t\tpoint =\n\t\t\t!t || (options.last && i === n - 1) ? pts[i].clone() : pts[i].clone().lrp(prev.point, 1 - t)\n\n\t\t// If the new point is the same as the previous point, skip ahead.\n\t\tif (prev.point.equals(point)) continue\n\n\t\t// How far is the new point from the previous point?\n\t\tdistance = Vec2d.Dist(point, prev.point)\n\n\t\t// Add this distance to the total \"running length\" of the line.\n\t\ttotalLength += distance\n\n\t\t// At the start of the line, we wait until the new point is a\n\t\t// certain distance away from the original point, to avoid noise\n\n\t\tif (i < 4 && totalLength < size) {\n\t\t\tcontinue\n\t\t}\n\n\t\t// Create a new strokepoint (it will be the new \"previous\" one).\n\t\tprev = {\n\t\t\tinput: pts[i],\n\t\t\t// The adjusted point\n\t\t\tpoint,\n\t\t\t// The input pressure (or .5 if not specified)\n\t\t\tpressure: simulatePressure ? 0.5 : pts[i].z,\n\t\t\t// The vector from the current point to the previous point\n\t\t\tvector: Vec2d.Sub(prev.point, point).uni(),\n\t\t\t// The distance between the current point and the previous point\n\t\t\tdistance,\n\t\t\t// The total distance so far\n\t\t\trunningLength: totalLength,\n\t\t\t// The stroke point's radius\n\t\t\tradius: 1,\n\t\t}\n\n\t\t// Push it to the strokePoints array.\n\t\tstrokePoints.push(prev)\n\t}\n\n\t// Set the vector of the first point to be the same as the second point.\n\tif (strokePoints[1]?.vector) {\n\t\tstrokePoints[0].vector = strokePoints[1].vector.clone()\n\t}\n\n\tif (totalLength < 1) {\n\t\tconst maxPressureAmongPoints = Math.max(0.5, ...strokePoints.map((s) => s.pressure))\n\t\tstrokePoints.forEach((s) => (s.pressure = maxPressureAmongPoints))\n\t}\n\n\treturn strokePoints\n}\n"],
+  "mappings": "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",
+  "names": ["pt", "last"]
+}

package/dist-esm/lib/shapes/shared/freehand/getStrokeRadius.mjs

@@ -0,0 +1,7 @@
+function getStrokeRadius(size, thinning, pressure, easing = (t) => t) {
+  return size * easing(0.5 - thinning * (0.5 - pressure));
+}
+export {
+  getStrokeRadius
+};
+//# sourceMappingURL=getStrokeRadius.mjs.map

package/dist-esm/lib/shapes/shared/freehand/getStrokeRadius.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/shared/freehand/getStrokeRadius.ts"],
+  "sourcesContent": ["/**\n * Compute a radius based on the pressure.\n *\n * @internal\n */\nexport function getStrokeRadius(\n\tsize: number,\n\tthinning: number,\n\tpressure: number,\n\teasing: (t: number) => number = (t) => t\n) {\n\treturn size * easing(0.5 - thinning * (0.5 - pressure))\n}\n"],
+  "mappings": "AAKO,SAAS,gBACf,MACA,UACA,UACA,SAAgC,CAAC,MAAM,GACtC;AACD,SAAO,OAAO,OAAO,MAAM,YAAY,MAAM,SAAS;AACvD;",
+  "names": []
+}