@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/shapes/shared/createTextSvgElementFromSpans.js

@@ -0,0 +1,75 @@
+"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 createTextSvgElementFromSpans_exports = {};
+__export(createTextSvgElementFromSpans_exports, {
+  createTextSvgElementFromSpans: () => createTextSvgElementFromSpans
+});
+module.exports = __toCommonJS(createTextSvgElementFromSpans_exports);
+var import_editor = require("@bigbluebutton/editor");
+function correctSpacesToNbsp(input) {
+  return input.replace(/\s/g, "\xA0");
+}
+function createTextSvgElementFromSpans(editor, spans, opts) {
+  const { padding = 0 } = opts;
+  const textElm = document.createElementNS("http://www.w3.org/2000/svg", "text");
+  textElm.setAttribute("font-size", opts.fontSize + "px");
+  textElm.setAttribute("font-family", opts.fontFamily);
+  textElm.setAttribute("font-style", opts.fontStyle);
+  textElm.setAttribute("font-weight", opts.fontWeight);
+  textElm.setAttribute("line-height", opts.lineHeight * opts.fontSize + "px");
+  textElm.setAttribute("dominant-baseline", "mathematical");
+  textElm.setAttribute("alignment-baseline", "mathematical");
+  if (spans.length === 0)
+    return textElm;
+  const bounds = import_editor.Box2d.From(spans[0].box);
+  for (const { box } of spans) {
+    bounds.union(box);
+  }
+  const offsetX = padding + (opts.offsetX ?? 0);
+  const offsetY = (opts.offsetY ?? 0) + opts.fontSize / 2 + (opts.verticalTextAlign === "start" ? padding : opts.verticalTextAlign === "end" ? opts.height - padding - bounds.height : (Math.ceil(opts.height) - bounds.height) / 2);
+  let currentLineTop = null;
+  for (const { text, box } of spans) {
+    const didBreakLine = currentLineTop !== null && box.y > currentLineTop;
+    if (didBreakLine) {
+      const lineBreakTspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      lineBreakTspan.setAttribute("alignment-baseline", "mathematical");
+      lineBreakTspan.setAttribute("x", offsetX + "px");
+      lineBreakTspan.setAttribute("y", box.y + offsetY + "px");
+      lineBreakTspan.textContent = "\n";
+      textElm.appendChild(lineBreakTspan);
+    }
+    const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+    tspan.setAttribute("alignment-baseline", "mathematical");
+    tspan.setAttribute("x", box.x + offsetX + "px");
+    tspan.setAttribute("y", box.y + offsetY + "px");
+    const cleanText = correctSpacesToNbsp(text);
+    tspan.textContent = cleanText;
+    textElm.appendChild(tspan);
+    currentLineTop = box.y;
+  }
+  if (opts.stroke && opts.strokeWidth) {
+    textElm.setAttribute("stroke", opts.stroke);
+    textElm.setAttribute("stroke-width", opts.strokeWidth + "px");
+  }
+  if (opts.fill) {
+    textElm.setAttribute("fill", opts.fill);
+  }
+  return textElm;
+}
+//# sourceMappingURL=createTextSvgElementFromSpans.js.map

package/dist-cjs/lib/shapes/shared/createTextSvgElementFromSpans.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/createTextSvgElementFromSpans.ts"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tBox2dModel,\n\tEditor,\n\tTLDefaultHorizontalAlignStyle,\n\tTLDefaultVerticalAlignStyle,\n} from '@bigbluebutton/editor'\n\nfunction correctSpacesToNbsp(input: string) {\n\treturn input.replace(/\\s/g, '\\xa0')\n}\n\n/** Get an SVG element for a text shape. */\nexport function createTextSvgElementFromSpans(\n\teditor: Editor,\n\tspans: { text: string; box: Box2dModel }[],\n\topts: {\n\t\tfontSize: number\n\t\tfontFamily: string\n\t\ttextAlign: TLDefaultHorizontalAlignStyle\n\t\tverticalTextAlign: TLDefaultVerticalAlignStyle\n\t\tfontWeight: string\n\t\tfontStyle: string\n\t\tlineHeight: number\n\t\twidth: number\n\t\theight: number\n\t\tstroke?: string\n\t\tstrokeWidth?: number\n\t\tfill?: string\n\t\tpadding?: number\n\t\toffsetX?: number\n\t\toffsetY?: number\n\t}\n) {\n\tconst { padding = 0 } = opts\n\n\t// Create the text element\n\tconst textElm = document.createElementNS('http://www.w3.org/2000/svg', 'text')\n\ttextElm.setAttribute('font-size', opts.fontSize + 'px')\n\ttextElm.setAttribute('font-family', opts.fontFamily)\n\ttextElm.setAttribute('font-style', opts.fontStyle)\n\ttextElm.setAttribute('font-weight', opts.fontWeight)\n\ttextElm.setAttribute('line-height', opts.lineHeight * opts.fontSize + 'px')\n\ttextElm.setAttribute('dominant-baseline', 'mathematical')\n\ttextElm.setAttribute('alignment-baseline', 'mathematical')\n\n\tif (spans.length === 0) return textElm\n\n\tconst bounds = Box2d.From(spans[0].box)\n\tfor (const { box } of spans) {\n\t\tbounds.union(box)\n\t}\n\n\tconst offsetX = padding + (opts.offsetX ?? 0)\n\t// const offsetY = (Math.ceil(opts.height) - bounds.height + opts.fontSize) / 2 + (opts.offsetY ?? 0)\n\tconst offsetY =\n\t\t(opts.offsetY ?? 0) +\n\t\topts.fontSize / 2 +\n\t\t(opts.verticalTextAlign === 'start'\n\t\t\t? padding\n\t\t\t: opts.verticalTextAlign === 'end'\n\t\t\t? opts.height - padding - bounds.height\n\t\t\t: (Math.ceil(opts.height) - bounds.height) / 2)\n\n\t// Create text span elements for each word\n\tlet currentLineTop = null\n\tfor (const { text, box } of spans) {\n\t\t// if we broke a line, add a line break span. This helps tools like\n\t\t// figma import our exported svg correctly\n\t\tconst didBreakLine = currentLineTop !== null && box.y > currentLineTop\n\t\tif (didBreakLine) {\n\t\t\tconst lineBreakTspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\n\t\t\tlineBreakTspan.setAttribute('alignment-baseline', 'mathematical')\n\t\t\tlineBreakTspan.setAttribute('x', offsetX + 'px')\n\t\t\tlineBreakTspan.setAttribute('y', box.y + offsetY + 'px')\n\t\t\tlineBreakTspan.textContent = '\\n'\n\t\t\ttextElm.appendChild(lineBreakTspan)\n\t\t}\n\n\t\tconst tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan')\n\t\ttspan.setAttribute('alignment-baseline', 'mathematical')\n\t\ttspan.setAttribute('x', box.x + offsetX + 'px')\n\t\ttspan.setAttribute('y', box.y + offsetY + 'px')\n\t\tconst cleanText = correctSpacesToNbsp(text)\n\t\ttspan.textContent = cleanText\n\t\ttextElm.appendChild(tspan)\n\n\t\tcurrentLineTop = box.y\n\t}\n\n\tif (opts.stroke && opts.strokeWidth) {\n\t\ttextElm.setAttribute('stroke', opts.stroke)\n\t\ttextElm.setAttribute('stroke-width', opts.strokeWidth + 'px')\n\t}\n\n\tif (opts.fill) {\n\t\ttextElm.setAttribute('fill', opts.fill)\n\t}\n\n\treturn textElm\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMO;AAEP,SAAS,oBAAoB,OAAe;AAC3C,SAAO,MAAM,QAAQ,OAAO,MAAM;AACnC;AAGO,SAAS,8BACf,QACA,OACA,MAiBC;AACD,QAAM,EAAE,UAAU,EAAE,IAAI;AAGxB,QAAM,UAAU,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,UAAQ,aAAa,aAAa,KAAK,WAAW,IAAI;AACtD,UAAQ,aAAa,eAAe,KAAK,UAAU;AACnD,UAAQ,aAAa,cAAc,KAAK,SAAS;AACjD,UAAQ,aAAa,eAAe,KAAK,UAAU;AACnD,UAAQ,aAAa,eAAe,KAAK,aAAa,KAAK,WAAW,IAAI;AAC1E,UAAQ,aAAa,qBAAqB,cAAc;AACxD,UAAQ,aAAa,sBAAsB,cAAc;AAEzD,MAAI,MAAM,WAAW;AAAG,WAAO;AAE/B,QAAM,SAAS,oBAAM,KAAK,MAAM,CAAC,EAAE,GAAG;AACtC,aAAW,EAAE,IAAI,KAAK,OAAO;AAC5B,WAAO,MAAM,GAAG;AAAA,EACjB;AAEA,QAAM,UAAU,WAAW,KAAK,WAAW;AAE3C,QAAM,WACJ,KAAK,WAAW,KACjB,KAAK,WAAW,KACf,KAAK,sBAAsB,UACzB,UACA,KAAK,sBAAsB,QAC3B,KAAK,SAAS,UAAU,OAAO,UAC9B,KAAK,KAAK,KAAK,MAAM,IAAI,OAAO,UAAU;AAG/C,MAAI,iBAAiB;AACrB,aAAW,EAAE,MAAM,IAAI,KAAK,OAAO;AAGlC,UAAM,eAAe,mBAAmB,QAAQ,IAAI,IAAI;AACxD,QAAI,cAAc;AACjB,YAAM,iBAAiB,SAAS,gBAAgB,8BAA8B,OAAO;AACrF,qBAAe,aAAa,sBAAsB,cAAc;AAChE,qBAAe,aAAa,KAAK,UAAU,IAAI;AAC/C,qBAAe,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AACvD,qBAAe,cAAc;AAC7B,cAAQ,YAAY,cAAc;AAAA,IACnC;AAEA,UAAM,QAAQ,SAAS,gBAAgB,8BAA8B,OAAO;AAC5E,UAAM,aAAa,sBAAsB,cAAc;AACvD,UAAM,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AAC9C,UAAM,aAAa,KAAK,IAAI,IAAI,UAAU,IAAI;AAC9C,UAAM,YAAY,oBAAoB,IAAI;AAC1C,UAAM,cAAc;AACpB,YAAQ,YAAY,KAAK;AAEzB,qBAAiB,IAAI;AAAA,EACtB;AAEA,MAAI,KAAK,UAAU,KAAK,aAAa;AACpC,YAAQ,aAAa,UAAU,KAAK,MAAM;AAC1C,YAAQ,aAAa,gBAAgB,KAAK,cAAc,IAAI;AAAA,EAC7D;AAEA,MAAI,KAAK,MAAM;AACd,YAAQ,aAAa,QAAQ,KAAK,IAAI;AAAA,EACvC;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/default-shape-constants.js

@@ -0,0 +1,72 @@
+"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 default_shape_constants_exports = {};
+__export(default_shape_constants_exports, {
+  ARROW_LABEL_FONT_SIZES: () => ARROW_LABEL_FONT_SIZES,
+  BOUND_ARROW_OFFSET: () => BOUND_ARROW_OFFSET,
+  FONT_FAMILIES: () => FONT_FAMILIES,
+  FONT_SIZES: () => FONT_SIZES,
+  LABEL_FONT_SIZES: () => LABEL_FONT_SIZES,
+  MIN_ARROW_LENGTH: () => MIN_ARROW_LENGTH,
+  STROKE_SIZES: () => STROKE_SIZES,
+  TEXT_PROPS: () => TEXT_PROPS,
+  WAY_TOO_BIG_ARROW_BEND_FACTOR: () => WAY_TOO_BIG_ARROW_BEND_FACTOR
+});
+module.exports = __toCommonJS(default_shape_constants_exports);
+const TEXT_PROPS = {
+  lineHeight: 1.35,
+  fontWeight: "normal",
+  fontVariant: "normal",
+  fontStyle: "normal",
+  padding: "0px"
+};
+const STROKE_SIZES = {
+  s: 2,
+  m: 3.5,
+  l: 5,
+  xl: 10
+};
+const FONT_SIZES = {
+  s: 18,
+  m: 24,
+  l: 36,
+  xl: 44
+};
+const LABEL_FONT_SIZES = {
+  s: 18,
+  m: 22,
+  l: 26,
+  xl: 32
+};
+const ARROW_LABEL_FONT_SIZES = {
+  s: 18,
+  m: 20,
+  l: 24,
+  xl: 28
+};
+const FONT_FAMILIES = {
+  draw: "var(--tl-font-draw)",
+  sans: "var(--tl-font-sans)",
+  serif: "var(--tl-font-serif)",
+  mono: "var(--tl-font-mono)"
+};
+const MIN_ARROW_LENGTH = 48;
+const BOUND_ARROW_OFFSET = 10;
+const WAY_TOO_BIG_ARROW_BEND_FACTOR = 10;
+//# sourceMappingURL=default-shape-constants.js.map

package/dist-cjs/lib/shapes/shared/default-shape-constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/shared/default-shape-constants.ts"],
+  "sourcesContent": ["import { TLDefaultFontStyle, TLDefaultSizeStyle } from '@bigbluebutton/editor'\n\n/** @public */\nexport const TEXT_PROPS = {\n\tlineHeight: 1.35,\n\tfontWeight: 'normal',\n\tfontVariant: 'normal',\n\tfontStyle: 'normal',\n\tpadding: '0px',\n}\n\n/** @public */\nexport const STROKE_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 2,\n\tm: 3.5,\n\tl: 5,\n\txl: 10,\n}\n\n/** @public */\nexport const FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 24,\n\tl: 36,\n\txl: 44,\n}\n\n/** @public */\nexport const LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 22,\n\tl: 26,\n\txl: 32,\n}\n\n/** @public */\nexport const ARROW_LABEL_FONT_SIZES: Record<TLDefaultSizeStyle, number> = {\n\ts: 18,\n\tm: 20,\n\tl: 24,\n\txl: 28,\n}\n\n/** @public */\nexport const FONT_FAMILIES: Record<TLDefaultFontStyle, string> = {\n\tdraw: 'var(--tl-font-draw)',\n\tsans: 'var(--tl-font-sans)',\n\tserif: 'var(--tl-font-serif)',\n\tmono: 'var(--tl-font-mono)',\n}\n\n/** @internal */\nexport const MIN_ARROW_LENGTH = 48\n/** @internal */\nexport const BOUND_ARROW_OFFSET = 10\n/** @internal */\nexport const WAY_TOO_BIG_ARROW_BEND_FACTOR = 10\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,aAAa;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AACV;AAGO,MAAM,eAAmD;AAAA,EAC/D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,aAAiD;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,mBAAuD;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,yBAA6D;AAAA,EACzE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;AAGO,MAAM,gBAAoD;AAAA,EAChE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACP;AAGO,MAAM,mBAAmB;AAEzB,MAAM,qBAAqB;AAE3B,MAAM,gCAAgC;",
+  "names": []
+}

package/dist-cjs/lib/shapes/shared/defaultStyleDefs.js

@@ -0,0 +1,252 @@
+"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 defaultStyleDefs_exports = {};
+__export(defaultStyleDefs_exports, {
+  getFillDefForCanvas: () => getFillDefForCanvas,
+  getFillDefForExport: () => getFillDefForExport,
+  getFontDefForExport: () => getFontDefForExport
+});
+module.exports = __toCommonJS(defaultStyleDefs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+function getFontDefForExport(fontStyle) {
+  return {
+    key: `${import_editor.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 = import_editor.DefaultFontFamilies[name];
+  for (const font of document.fonts) {
+    if (fontFamily.includes(font.family)) {
+      return font;
+    }
+  }
+  return null;
+}
+function getFillDefForExport(fill, theme) {
+  return {
+    key: `${import_editor.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: `${import_editor.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 || import_editor.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(import_editor.MAX_ZOOM); i++) {
+    const whitePixelBlob = canvasBlob([1, 1], (ctx) => {
+      ctx.fillStyle = import_editor.DefaultColorThemePalette.lightMode.black.semi;
+      ctx.fillRect(0, 0, 1, 1);
+    });
+    const blackPixelBlob = canvasBlob([1, 1], (ctx) => {
+      ctx.fillStyle = import_editor.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 = (0, import_editor.useEditor)();
+  const dpr = editor.getInstanceState().devicePixelRatio;
+  const [isReady, setIsReady] = (0, import_react.useState)(false);
+  const defaultPatterns = (0, import_react.useMemo)(() => getDefaultPatterns(), []);
+  const [backgroundUrls, setBackgroundUrls] = (0, import_react.useState)(defaultPatterns);
+  (0, import_react.useEffect)(() => {
+    const promises = [];
+    for (let i = 1; i <= Math.ceil(import_editor.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: backgroundUrls.map((item) => {
+    const key = item.zoom + (item.darkMode ? "_dark" : "_light");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "pattern",
+      {
+        id: import_editor.HASH_PATTERN_ZOOM_NAMES[key],
+        width: TILE_PATTERN_SIZE,
+        height: TILE_PATTERN_SIZE,
+        patternUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("image", { href: item.url, width: TILE_PATTERN_SIZE, height: TILE_PATTERN_SIZE })
+      },
+      key
+    );
+  }) });
+  return { defs, isReady };
+}
+function PatternFillDefForCanvas() {
+  const editor = (0, import_editor.useEditor)();
+  const containerRef = (0, import_react.useRef)(null);
+  const { defs, isReady } = usePattern();
+  (0, import_react.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__ */ (0, import_jsx_runtime.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;
+}
+//# sourceMappingURL=defaultStyleDefs.js.map

package/dist-cjs/lib/shapes/shared/defaultStyleDefs.js.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-cjs/lib/shapes/shared/freehand/getStroke.js

@@ -0,0 +1,33 @@
+"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 getStroke_exports = {};
+__export(getStroke_exports, {
+  getStroke: () => getStroke
+});
+module.exports = __toCommonJS(getStroke_exports);
+var import_getStrokeOutlinePoints = require("./getStrokeOutlinePoints");
+var import_getStrokePoints = require("./getStrokePoints");
+var import_setStrokePointRadii = require("./setStrokePointRadii");
+function getStroke(points, options = {}) {
+  return (0, import_getStrokeOutlinePoints.getStrokeOutlinePoints)(
+    (0, import_setStrokePointRadii.setStrokePointRadii)((0, import_getStrokePoints.getStrokePoints)(points, options), options),
+    options
+  );
+}
+//# sourceMappingURL=getStroke.js.map

package/dist-cjs/lib/shapes/shared/freehand/getStroke.js.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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oCAAuC;AACvC,6BAAgC;AAChC,iCAAoC;AAc7B,SAAS,UAAU,QAAmB,UAAyB,CAAC,GAAY;AAClF,aAAO;AAAA,QACN,oDAAoB,wCAAgB,QAAQ,OAAO,GAAG,OAAO;AAAA,IAC7D;AAAA,EACD;AACD;",
+  "names": []
+}