@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/shapes/line/toolStates/Pointing.js

@@ -0,0 +1,145 @@
+"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 Pointing_exports = {};
+__export(Pointing_exports, {
+  Pointing: () => Pointing
+});
+module.exports = __toCommonJS(Pointing_exports);
+var import_editor = require("@bigbluebutton/editor");
+const MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES = 2;
+class Pointing extends import_editor.StateNode {
+  static id = "pointing";
+  shape = {};
+  markId;
+  onEnter = (info) => {
+    const { inputs } = this.editor;
+    const { currentPagePoint } = inputs;
+    this.markId = void 0;
+    const shape = info.shapeId && this.editor.getShape(info.shapeId);
+    if (shape && inputs.shiftKey) {
+      this.markId = `creating:${shape.id}`;
+      this.editor.mark(this.markId);
+      this.shape = shape;
+      const handles = this.editor.getShapeHandles(this.shape);
+      if (!handles)
+        return;
+      const vertexHandles = handles.filter((h) => h.type === "vertex").sort(import_editor.sortByIndex);
+      const endHandle = vertexHandles[vertexHandles.length - 1];
+      const prevEndHandle = vertexHandles[vertexHandles.length - 2];
+      const shapePagePoint = import_editor.Matrix2d.applyToPoint(
+        this.editor.getShapeParentTransform(this.shape),
+        new import_editor.Vec2d(this.shape.x, this.shape.y)
+      );
+      let nextEndHandleIndex, nextEndHandleId, nextEndHandle;
+      const nextPoint = import_editor.Vec2d.Sub(currentPagePoint, shapePagePoint);
+      if (import_editor.Vec2d.Dist(endHandle, prevEndHandle) < MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES || import_editor.Vec2d.Dist(nextPoint, endHandle) < MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES) {
+        nextEndHandleIndex = endHandle.index;
+        nextEndHandleId = endHandle.id;
+        nextEndHandle = {
+          ...endHandle,
+          x: nextPoint.x + 0.1,
+          y: nextPoint.y + 0.1
+        };
+      } else {
+        nextEndHandleIndex = (0, import_editor.getIndexAbove)(endHandle.index);
+        nextEndHandleId = "handle:" + nextEndHandleIndex;
+        nextEndHandle = {
+          id: nextEndHandleId,
+          type: "vertex",
+          index: nextEndHandleIndex,
+          x: nextPoint.x + 0.1,
+          y: nextPoint.y + 0.1,
+          canBind: false
+        };
+      }
+      const nextHandles = (0, import_editor.structuredClone)(this.shape.props.handles);
+      nextHandles[nextEndHandle.id] = nextEndHandle;
+      this.editor.updateShapes([
+        {
+          id: this.shape.id,
+          type: this.shape.type,
+          props: {
+            handles: nextHandles
+          }
+        }
+      ]);
+    } else {
+      const id = (0, import_editor.createShapeId)();
+      this.markId = `creating:${id}`;
+      this.editor.mark(this.markId);
+      this.editor.createShapes([
+        {
+          id,
+          type: "line",
+          x: currentPagePoint.x,
+          y: currentPagePoint.y
+        }
+      ]);
+      this.editor.select(id);
+      this.shape = this.editor.getShape(id);
+    }
+  };
+  onPointerMove = () => {
+    if (!this.shape)
+      return;
+    if (this.editor.inputs.isDragging) {
+      const handles = this.editor.getShapeHandles(this.shape);
+      console;
+      if (!handles) {
+        if (this.markId)
+          this.editor.bailToMark(this.markId);
+        throw Error("No handles found");
+      }
+      const lastHandle = (0, import_editor.last)(handles);
+      this.editor.setCurrentTool("select.dragging_handle", {
+        shape: this.shape,
+        isCreating: true,
+        // remove the offset that we added to the handle when we created it
+        handle: { ...lastHandle, x: lastHandle.x - 0.1, y: lastHandle.y - 0.1 },
+        onInteractionEnd: "line"
+      });
+    }
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onInterrupt = () => {
+    this.parent.transition("idle");
+    if (this.markId)
+      this.editor.bailToMark(this.markId);
+    this.editor.snaps.clear();
+  };
+  complete() {
+    this.parent.transition("idle", { shapeId: this.shape.id });
+    this.editor.snaps.clear();
+  }
+  cancel() {
+    if (this.markId)
+      this.editor.bailToMark(this.markId);
+    this.parent.transition("idle", { shapeId: this.shape.id });
+    this.editor.snaps.clear();
+  }
+}
+//# sourceMappingURL=Pointing.js.map

package/dist-cjs/lib/shapes/line/toolStates/Pointing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/line/toolStates/Pointing.ts"],
+  "sourcesContent": ["import {\n\tMatrix2d,\n\tStateNode,\n\tTLEventHandlers,\n\tTLHandle,\n\tTLInterruptEvent,\n\tTLLineShape,\n\tTLShapeId,\n\tVec2d,\n\tcreateShapeId,\n\tgetIndexAbove,\n\tlast,\n\tsortByIndex,\n\tstructuredClone,\n} from '@bigbluebutton/editor'\n\nconst MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES = 2\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tshape = {} as TLLineShape\n\n\tmarkId: string | undefined\n\n\toverride onEnter = (info: { shapeId?: TLShapeId }) => {\n\t\tconst { inputs } = this.editor\n\t\tconst { currentPagePoint } = inputs\n\n\t\tthis.markId = undefined\n\n\t\t// Previously created line shape that we might be extending\n\t\tconst shape = info.shapeId && this.editor.getShape<TLLineShape>(info.shapeId)\n\n\t\tif (shape && inputs.shiftKey) {\n\t\t\t// Extending a previous shape\n\t\t\tthis.markId = `creating:${shape.id}`\n\t\t\tthis.editor.mark(this.markId)\n\t\t\tthis.shape = shape\n\n\t\t\tconst handles = this.editor.getShapeHandles(this.shape)\n\t\t\tif (!handles) return\n\n\t\t\tconst vertexHandles = handles.filter((h) => h.type === 'vertex').sort(sortByIndex)\n\t\t\tconst endHandle = vertexHandles[vertexHandles.length - 1]\n\t\t\tconst prevEndHandle = vertexHandles[vertexHandles.length - 2]\n\n\t\t\tconst shapePagePoint = Matrix2d.applyToPoint(\n\t\t\t\tthis.editor.getShapeParentTransform(this.shape)!,\n\t\t\t\tnew Vec2d(this.shape.x, this.shape.y)\n\t\t\t)\n\n\t\t\tlet nextEndHandleIndex: string, nextEndHandleId: string, nextEndHandle: TLHandle\n\n\t\t\tconst nextPoint = Vec2d.Sub(currentPagePoint, shapePagePoint)\n\n\t\t\tif (\n\t\t\t\tVec2d.Dist(endHandle, prevEndHandle) < MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES ||\n\t\t\t\tVec2d.Dist(nextPoint, endHandle) < MINIMUM_DISTANCE_BETWEEN_SHIFT_CLICKED_HANDLES\n\t\t\t) {\n\t\t\t\t// If the end handle is too close to the previous end handle, we'll just extend the previous end handle\n\t\t\t\tnextEndHandleIndex = endHandle.index\n\t\t\t\tnextEndHandleId = endHandle.id\n\t\t\t\tnextEndHandle = {\n\t\t\t\t\t...endHandle,\n\t\t\t\t\tx: nextPoint.x + 0.1,\n\t\t\t\t\ty: nextPoint.y + 0.1,\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Otherwise, we'll create a new end handle\n\t\t\t\tnextEndHandleIndex = getIndexAbove(endHandle.index)\n\t\t\t\tnextEndHandleId = 'handle:' + nextEndHandleIndex\n\t\t\t\tnextEndHandle = {\n\t\t\t\t\tid: nextEndHandleId,\n\t\t\t\t\ttype: 'vertex',\n\t\t\t\t\tindex: nextEndHandleIndex,\n\t\t\t\t\tx: nextPoint.x + 0.1,\n\t\t\t\t\ty: nextPoint.y + 0.1,\n\t\t\t\t\tcanBind: false,\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst nextHandles = structuredClone(this.shape.props.handles)\n\n\t\t\tnextHandles[nextEndHandle.id] = nextEndHandle\n\n\t\t\tthis.editor.updateShapes([\n\t\t\t\t{\n\t\t\t\t\tid: this.shape.id,\n\t\t\t\t\ttype: this.shape.type,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\thandles: nextHandles,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t])\n\t\t} else {\n\t\t\tconst id = createShapeId()\n\n\t\t\tthis.markId = `creating:${id}`\n\t\t\tthis.editor.mark(this.markId)\n\n\t\t\tthis.editor.createShapes<TLLineShape>([\n\t\t\t\t{\n\t\t\t\t\tid,\n\t\t\t\t\ttype: 'line',\n\t\t\t\t\tx: currentPagePoint.x,\n\t\t\t\t\ty: currentPagePoint.y,\n\t\t\t\t},\n\t\t\t])\n\n\t\t\tthis.editor.select(id)\n\t\t\tthis.shape = this.editor.getShape(id)!\n\t\t}\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tif (!this.shape) return\n\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tconst handles = this.editor.getShapeHandles(this.shape)\n\t\t\tconsole\n\t\t\tif (!handles) {\n\t\t\t\tif (this.markId) this.editor.bailToMark(this.markId)\n\t\t\t\tthrow Error('No handles found')\n\t\t\t}\n\t\t\tconst lastHandle = last(handles)!\n\t\t\tthis.editor.setCurrentTool('select.dragging_handle', {\n\t\t\t\tshape: this.shape,\n\t\t\t\tisCreating: true,\n\t\t\t\t// remove the offset that we added to the handle when we created it\n\t\t\t\thandle: { ...lastHandle, x: lastHandle.x - 0.1, y: lastHandle.y - 0.1 },\n\t\t\t\tonInteractionEnd: 'line',\n\t\t\t})\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt: TLInterruptEvent = () => {\n\t\tthis.parent.transition('idle')\n\t\tif (this.markId) this.editor.bailToMark(this.markId)\n\t\tthis.editor.snaps.clear()\n\t}\n\n\tcomplete() {\n\t\tthis.parent.transition('idle', { shapeId: this.shape.id })\n\t\tthis.editor.snaps.clear()\n\t}\n\n\tcancel() {\n\t\tif (this.markId) this.editor.bailToMark(this.markId)\n\t\tthis.parent.transition('idle', { shapeId: this.shape.id })\n\t\tthis.editor.snaps.clear()\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/shapes/note/NoteShapeTool.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 NoteShapeTool_exports = {};
+__export(NoteShapeTool_exports, {
+  NoteShapeTool: () => NoteShapeTool
+});
+module.exports = __toCommonJS(NoteShapeTool_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_Idle = require("./toolStates/Idle");
+var import_Pointing = require("./toolStates/Pointing");
+class NoteShapeTool extends import_editor.StateNode {
+  static id = "note";
+  static initial = "idle";
+  static children = () => [import_Idle.Idle, import_Pointing.Pointing];
+  shapeType = "note";
+}
+//# sourceMappingURL=NoteShapeTool.js.map

package/dist-cjs/lib/shapes/note/NoteShapeTool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/note/NoteShapeTool.ts"],
+  "sourcesContent": ["import { StateNode } from '@bigbluebutton/editor'\nimport { Idle } from './toolStates/Idle'\nimport { Pointing } from './toolStates/Pointing'\n\n/** @public */\nexport class NoteShapeTool extends StateNode {\n\tstatic override id = 'note'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, Pointing]\n\toverride shapeType = 'note'\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,kBAAqB;AACrB,sBAAyB;AAGlB,MAAM,sBAAsB,wBAAU;AAAA,EAC5C,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,kBAAM,wBAAQ;AAAA,EACvC,YAAY;AACtB;",
+  "names": []
+}

package/dist-cjs/lib/shapes/note/NoteShapeUtil.js

@@ -0,0 +1,205 @@
+"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 NoteShapeUtil_exports = {};
+__export(NoteShapeUtil_exports, {
+  NoteShapeUtil: () => NoteShapeUtil
+});
+module.exports = __toCommonJS(NoteShapeUtil_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_HyperlinkButton = require("../shared/HyperlinkButton");
+var import_ShapeFill = require("../shared/ShapeFill");
+var import_TextLabel = require("../shared/TextLabel");
+var import_default_shape_constants = require("../shared/default-shape-constants");
+var import_defaultStyleDefs = require("../shared/defaultStyleDefs");
+var import_getTextLabelSvgElement = require("../shared/getTextLabelSvgElement");
+const NOTE_SIZE = 200;
+class NoteShapeUtil extends import_editor.ShapeUtil {
+  static type = "note";
+  static props = import_editor.noteShapeProps;
+  static migrations = import_editor.noteShapeMigrations;
+  canEdit = () => true;
+  hideResizeHandles = () => true;
+  hideSelectionBoundsFg = () => true;
+  getDefaultProps() {
+    return {
+      color: "black",
+      size: "m",
+      text: "",
+      font: "draw",
+      align: "middle",
+      verticalAlign: "middle",
+      growY: 0,
+      url: ""
+    };
+  }
+  getHeight(shape) {
+    return NOTE_SIZE + shape.props.growY;
+  }
+  getGeometry(shape) {
+    const height = this.getHeight(shape);
+    return new import_editor.Rectangle2d({ width: NOTE_SIZE, height, isFilled: true });
+  }
+  component(shape) {
+    const {
+      id,
+      type,
+      props: { color, font, size, align, text, verticalAlign }
+    } = shape;
+    const theme = (0, import_ShapeFill.useDefaultColorTheme)();
+    const adjustedColor = color === "black" ? "yellow" : color;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            width: NOTE_SIZE,
+            height: this.getHeight(shape)
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: "tl-note__container",
+              style: {
+                color: theme[adjustedColor].solid,
+                backgroundColor: theme[adjustedColor].solid
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tl-note__scrim" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_TextLabel.TextLabel,
+                  {
+                    id,
+                    type,
+                    font,
+                    size,
+                    align,
+                    verticalAlign,
+                    text,
+                    labelColor: "black",
+                    wrap: true
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      "url" in shape.props && shape.props.url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HyperlinkButton.HyperlinkButton, { url: shape.props.url, zoomLevel: this.editor.getZoomLevel() })
+    ] });
+  }
+  indicator(shape) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "rect",
+      {
+        rx: "7",
+        width: (0, import_editor.toDomPrecision)(NOTE_SIZE),
+        height: (0, import_editor.toDomPrecision)(this.getHeight(shape))
+      }
+    );
+  }
+  toSvg(shape, ctx) {
+    ctx.addExportDef((0, import_defaultStyleDefs.getFontDefForExport)(shape.props.font));
+    const theme = (0, import_editor.getDefaultColorTheme)({ isDarkMode: this.editor.user.getIsDarkMode() });
+    const bounds = this.editor.getShapeGeometry(shape).bounds;
+    const g = document.createElementNS("http://www.w3.org/2000/svg", "g");
+    const adjustedColor = shape.props.color === "black" ? "yellow" : shape.props.color;
+    const rect1 = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    rect1.setAttribute("rx", "10");
+    rect1.setAttribute("width", NOTE_SIZE.toString());
+    rect1.setAttribute("height", bounds.height.toString());
+    rect1.setAttribute("fill", theme[adjustedColor].solid);
+    rect1.setAttribute("stroke", theme[adjustedColor].solid);
+    rect1.setAttribute("stroke-width", "1");
+    g.appendChild(rect1);
+    const rect2 = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+    rect2.setAttribute("rx", "10");
+    rect2.setAttribute("width", NOTE_SIZE.toString());
+    rect2.setAttribute("height", bounds.height.toString());
+    rect2.setAttribute("fill", theme.background);
+    rect2.setAttribute("opacity", ".28");
+    g.appendChild(rect2);
+    const textElm = (0, import_getTextLabelSvgElement.getTextLabelSvgElement)({
+      editor: this.editor,
+      shape,
+      font: import_editor.DefaultFontFamilies[shape.props.font],
+      bounds
+    });
+    textElm.setAttribute("fill", theme.text);
+    textElm.setAttribute("stroke", "none");
+    g.appendChild(textElm);
+    return g;
+  }
+  onBeforeCreate = (next) => {
+    return getGrowY(this.editor, next, next.props.growY);
+  };
+  onBeforeUpdate = (prev, next) => {
+    if (prev.props.text === next.props.text && prev.props.font === next.props.font && prev.props.size === next.props.size) {
+      return;
+    }
+    return getGrowY(this.editor, next, prev.props.growY);
+  };
+  onEditEnd = (shape) => {
+    const {
+      id,
+      type,
+      props: { text }
+    } = shape;
+    if (text.trimEnd() !== shape.props.text) {
+      this.editor.updateShapes([
+        {
+          id,
+          type,
+          props: {
+            text: text.trimEnd()
+          }
+        }
+      ]);
+    }
+  };
+}
+function getGrowY(editor, shape, prevGrowY = 0) {
+  const PADDING = 17;
+  const nextTextSize = editor.textMeasure.measureText(shape.props.text, {
+    ...import_default_shape_constants.TEXT_PROPS,
+    fontFamily: import_default_shape_constants.FONT_FAMILIES[shape.props.font],
+    fontSize: import_default_shape_constants.LABEL_FONT_SIZES[shape.props.size],
+    maxWidth: NOTE_SIZE - PADDING * 2
+  });
+  const nextHeight = nextTextSize.h + PADDING * 2;
+  let growY = null;
+  if (nextHeight > NOTE_SIZE) {
+    growY = nextHeight - NOTE_SIZE;
+  } else {
+    if (prevGrowY) {
+      growY = 0;
+    }
+  }
+  if (growY !== null) {
+    return {
+      ...shape,
+      props: {
+        ...shape.props,
+        growY
+      }
+    };
+  }
+}
+//# sourceMappingURL=NoteShapeUtil.js.map

package/dist-cjs/lib/shapes/note/NoteShapeUtil.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/shapes/note/NoteShapeUtil.tsx"],
+  "sourcesContent": ["import {\n\tDefaultFontFamilies,\n\tEditor,\n\tRectangle2d,\n\tShapeUtil,\n\tSvgExportContext,\n\tTLNoteShape,\n\tTLOnEditEndHandler,\n\tgetDefaultColorTheme,\n\tnoteShapeMigrations,\n\tnoteShapeProps,\n\ttoDomPrecision,\n} from '@bigbluebutton/editor'\nimport { HyperlinkButton } from '../shared/HyperlinkButton'\nimport { useDefaultColorTheme } from '../shared/ShapeFill'\nimport { TextLabel } from '../shared/TextLabel'\nimport { FONT_FAMILIES, LABEL_FONT_SIZES, TEXT_PROPS } from '../shared/default-shape-constants'\nimport { getFontDefForExport } from '../shared/defaultStyleDefs'\nimport { getTextLabelSvgElement } from '../shared/getTextLabelSvgElement'\n\nconst NOTE_SIZE = 200\n\n/** @public */\nexport class NoteShapeUtil extends ShapeUtil<TLNoteShape> {\n\tstatic override type = 'note' as const\n\tstatic override props = noteShapeProps\n\tstatic override migrations = noteShapeMigrations\n\n\toverride canEdit = () => true\n\toverride hideResizeHandles = () => true\n\toverride hideSelectionBoundsFg = () => true\n\n\tgetDefaultProps(): TLNoteShape['props'] {\n\t\treturn {\n\t\t\tcolor: 'black',\n\t\t\tsize: 'm',\n\t\t\ttext: '',\n\t\t\tfont: 'draw',\n\t\t\talign: 'middle',\n\t\t\tverticalAlign: 'middle',\n\t\t\tgrowY: 0,\n\t\t\turl: '',\n\t\t}\n\t}\n\n\tgetHeight(shape: TLNoteShape) {\n\t\treturn NOTE_SIZE + shape.props.growY\n\t}\n\n\tgetGeometry(shape: TLNoteShape) {\n\t\tconst height = this.getHeight(shape)\n\t\treturn new Rectangle2d({ width: NOTE_SIZE, height, isFilled: true })\n\t}\n\n\tcomponent(shape: TLNoteShape) {\n\t\tconst {\n\t\t\tid,\n\t\t\ttype,\n\t\t\tprops: { color, font, size, align, text, verticalAlign },\n\t\t} = shape\n\n\t\t// eslint-disable-next-line react-hooks/rules-of-hooks\n\t\tconst theme = useDefaultColorTheme()\n\t\tconst adjustedColor = color === 'black' ? 'yellow' : color\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: NOTE_SIZE,\n\t\t\t\t\t\theight: this.getHeight(shape),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"tl-note__container\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: theme[adjustedColor].solid,\n\t\t\t\t\t\t\tbackgroundColor: theme[adjustedColor].solid,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"tl-note__scrim\" />\n\t\t\t\t\t\t<TextLabel\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tfont={font}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\talign={align}\n\t\t\t\t\t\t\tverticalAlign={verticalAlign}\n\t\t\t\t\t\t\ttext={text}\n\t\t\t\t\t\t\tlabelColor=\"black\"\n\t\t\t\t\t\t\twrap\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{'url' in shape.props && shape.props.url && (\n\t\t\t\t\t<HyperlinkButton url={shape.props.url} zoomLevel={this.editor.getZoomLevel()} />\n\t\t\t\t)}\n\t\t\t</>\n\t\t)\n\t}\n\n\tindicator(shape: TLNoteShape) {\n\t\treturn (\n\t\t\t<rect\n\t\t\t\trx=\"7\"\n\t\t\t\twidth={toDomPrecision(NOTE_SIZE)}\n\t\t\t\theight={toDomPrecision(this.getHeight(shape))}\n\t\t\t/>\n\t\t)\n\t}\n\n\toverride toSvg(shape: TLNoteShape, ctx: SvgExportContext) {\n\t\tctx.addExportDef(getFontDefForExport(shape.props.font))\n\t\tconst theme = getDefaultColorTheme({ isDarkMode: this.editor.user.getIsDarkMode() })\n\t\tconst bounds = this.editor.getShapeGeometry(shape).bounds\n\n\t\tconst g = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n\n\t\tconst adjustedColor = shape.props.color === 'black' ? 'yellow' : shape.props.color\n\n\t\tconst rect1 = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\n\t\trect1.setAttribute('rx', '10')\n\t\trect1.setAttribute('width', NOTE_SIZE.toString())\n\t\trect1.setAttribute('height', bounds.height.toString())\n\t\trect1.setAttribute('fill', theme[adjustedColor].solid)\n\t\trect1.setAttribute('stroke', theme[adjustedColor].solid)\n\t\trect1.setAttribute('stroke-width', '1')\n\t\tg.appendChild(rect1)\n\n\t\tconst rect2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\n\t\trect2.setAttribute('rx', '10')\n\t\trect2.setAttribute('width', NOTE_SIZE.toString())\n\t\trect2.setAttribute('height', bounds.height.toString())\n\t\trect2.setAttribute('fill', theme.background)\n\t\trect2.setAttribute('opacity', '.28')\n\t\tg.appendChild(rect2)\n\n\t\tconst textElm = getTextLabelSvgElement({\n\t\t\teditor: this.editor,\n\t\t\tshape,\n\t\t\tfont: DefaultFontFamilies[shape.props.font],\n\t\t\tbounds,\n\t\t})\n\n\t\ttextElm.setAttribute('fill', theme.text)\n\t\ttextElm.setAttribute('stroke', 'none')\n\t\tg.appendChild(textElm)\n\n\t\treturn g\n\t}\n\n\toverride onBeforeCreate = (next: TLNoteShape) => {\n\t\treturn getGrowY(this.editor, next, next.props.growY)\n\t}\n\n\toverride onBeforeUpdate = (prev: TLNoteShape, next: TLNoteShape) => {\n\t\tif (\n\t\t\tprev.props.text === next.props.text &&\n\t\t\tprev.props.font === next.props.font &&\n\t\t\tprev.props.size === next.props.size\n\t\t) {\n\t\t\treturn\n\t\t}\n\n\t\treturn getGrowY(this.editor, next, prev.props.growY)\n\t}\n\n\toverride onEditEnd: TLOnEditEndHandler<TLNoteShape> = (shape) => {\n\t\tconst {\n\t\t\tid,\n\t\t\ttype,\n\t\t\tprops: { text },\n\t\t} = shape\n\n\t\tif (text.trimEnd() !== shape.props.text) {\n\t\t\tthis.editor.updateShapes([\n\t\t\t\t{\n\t\t\t\t\tid,\n\t\t\t\t\ttype,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\ttext: text.trimEnd(),\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t])\n\t\t}\n\t}\n}\n\nfunction getGrowY(editor: Editor, shape: TLNoteShape, prevGrowY = 0) {\n\tconst PADDING = 17\n\n\tconst nextTextSize = editor.textMeasure.measureText(shape.props.text, {\n\t\t...TEXT_PROPS,\n\t\tfontFamily: FONT_FAMILIES[shape.props.font],\n\t\tfontSize: LABEL_FONT_SIZES[shape.props.size],\n\t\tmaxWidth: NOTE_SIZE - PADDING * 2,\n\t})\n\n\tconst nextHeight = nextTextSize.h + PADDING * 2\n\n\tlet growY: number | null = null\n\n\tif (nextHeight > NOTE_SIZE) {\n\t\tgrowY = nextHeight - NOTE_SIZE\n\t} else {\n\t\tif (prevGrowY) {\n\t\t\tgrowY = 0\n\t\t}\n\t}\n\n\tif (growY !== null) {\n\t\treturn {\n\t\t\t...shape,\n\t\t\tprops: {\n\t\t\t\t...shape.props,\n\t\t\t\tgrowY,\n\t\t\t},\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/shapes/note/toolStates/Idle.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Idle_exports = {};
+__export(Idle_exports, {
+  Idle: () => Idle
+});
+module.exports = __toCommonJS(Idle_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Idle extends import_editor.StateNode {
+  static id = "idle";
+  onPointerDown = (info) => {
+    this.parent.transition("pointing", info);
+  };
+  onEnter = () => {
+    this.editor.setCursor({ type: "cross", rotation: 0 });
+  };
+  onCancel = () => {
+    this.editor.setCurrentTool("select");
+  };
+}
+//# sourceMappingURL=Idle.js.map

package/dist-cjs/lib/shapes/note/toolStates/Idle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/note/toolStates/Idle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tthis.parent.transition('pointing', info)\n\t}\n\n\toverride onEnter = () => {\n\t\tthis.editor.setCursor({ type: 'cross', rotation: 0 })\n\t}\n\n\toverride onCancel = () => {\n\t\tthis.editor.setCurrentTool('select')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAEpC,MAAM,aAAa,wBAAU;AAAA,EACnC,OAAgB,KAAK;AAAA,EAEZ,gBAAkD,CAAC,SAAS;AACpE,SAAK,OAAO,WAAW,YAAY,IAAI;AAAA,EACxC;AAAA,EAES,UAAU,MAAM;AACxB,SAAK,OAAO,UAAU,EAAE,MAAM,SAAS,UAAU,EAAE,CAAC;AAAA,EACrD;AAAA,EAES,WAAW,MAAM;AACzB,SAAK,OAAO,eAAe,QAAQ;AAAA,EACpC;AACD;",
+  "names": []
+}

package/dist-cjs/lib/shapes/note/toolStates/Pointing.js

@@ -0,0 +1,114 @@
+"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 Pointing_exports = {};
+__export(Pointing_exports, {
+  Pointing: () => Pointing
+});
+module.exports = __toCommonJS(Pointing_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Pointing extends import_editor.StateNode {
+  static id = "pointing";
+  dragged = false;
+  info = {};
+  wasFocusedOnEnter = false;
+  markId = "";
+  shape = {};
+  onEnter = () => {
+    this.wasFocusedOnEnter = !this.editor.getIsMenuOpen();
+    if (this.wasFocusedOnEnter) {
+      this.shape = this.createShape();
+    }
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      if (!this.wasFocusedOnEnter) {
+        this.shape = this.createShape();
+      }
+      this.editor.setCurrentTool("select.translating", {
+        ...info,
+        target: "shape",
+        shape: this.shape,
+        onInteractionEnd: "note",
+        isCreating: true,
+        onCreate: () => {
+          this.editor.setEditingShape(this.shape.id);
+          this.editor.setCurrentTool("select.editing_shape");
+        }
+      });
+    }
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  complete() {
+    if (this.wasFocusedOnEnter) {
+      if (this.editor.getInstanceState().isToolLocked) {
+        this.parent.transition("idle");
+      } else {
+        this.editor.setEditingShape(this.shape.id);
+        this.editor.setCurrentTool("select.editing_shape", {
+          ...this.info,
+          target: "shape",
+          shape: this.shape
+        });
+      }
+    }
+  }
+  cancel() {
+    this.editor.bailToMark(this.markId);
+    this.parent.transition("idle", this.info);
+  }
+  createShape() {
+    const {
+      inputs: { originPagePoint }
+    } = this.editor;
+    const id = (0, import_editor.createShapeId)();
+    this.markId = `creating:${id}`;
+    this.editor.mark(this.markId);
+    this.editor.createShapes([
+      {
+        id,
+        type: "note",
+        x: originPagePoint.x,
+        y: originPagePoint.y
+      }
+    ]).select(id);
+    const shape = this.editor.getShape(id);
+    const bounds = this.editor.getShapeGeometry(shape).bounds;
+    this.editor.updateShapes([
+      {
+        id,
+        type: "note",
+        x: shape.x - bounds.width / 2,
+        y: shape.y - bounds.height / 2
+      }
+    ]);
+    return this.editor.getShape(id);
+  }
+}
+//# sourceMappingURL=Pointing.js.map

package/dist-cjs/lib/shapes/note/toolStates/Pointing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/shapes/note/toolStates/Pointing.ts"],
+  "sourcesContent": ["import {\n\tStateNode,\n\tTLEventHandlers,\n\tTLInterruptEvent,\n\tTLNoteShape,\n\tTLPointerEventInfo,\n\tcreateShapeId,\n} from '@bigbluebutton/editor'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tdragged = false\n\n\tinfo = {} as TLPointerEventInfo\n\n\twasFocusedOnEnter = false\n\n\tmarkId = ''\n\n\tshape = {} as TLNoteShape\n\n\toverride onEnter = () => {\n\t\tthis.wasFocusedOnEnter = !this.editor.getIsMenuOpen()\n\t\tif (this.wasFocusedOnEnter) {\n\t\t\tthis.shape = this.createShape()\n\t\t}\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tif (!this.wasFocusedOnEnter) {\n\t\t\t\tthis.shape = this.createShape()\n\t\t\t}\n\n\t\t\tthis.editor.setCurrentTool('select.translating', {\n\t\t\t\t...info,\n\t\t\t\ttarget: 'shape',\n\t\t\t\tshape: this.shape,\n\t\t\t\tonInteractionEnd: 'note',\n\t\t\t\tisCreating: true,\n\t\t\t\tonCreate: () => {\n\t\t\t\t\tthis.editor.setEditingShape(this.shape.id)\n\t\t\t\t\tthis.editor.setCurrentTool('select.editing_shape')\n\t\t\t\t},\n\t\t\t})\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt: TLInterruptEvent = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tif (this.wasFocusedOnEnter) {\n\t\t\tif (this.editor.getInstanceState().isToolLocked) {\n\t\t\t\tthis.parent.transition('idle')\n\t\t\t} else {\n\t\t\t\tthis.editor.setEditingShape(this.shape.id)\n\t\t\t\tthis.editor.setCurrentTool('select.editing_shape', {\n\t\t\t\t\t...this.info,\n\t\t\t\t\ttarget: 'shape',\n\t\t\t\t\tshape: this.shape,\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate cancel() {\n\t\tthis.editor.bailToMark(this.markId)\n\t\tthis.parent.transition('idle', this.info)\n\t}\n\n\tprivate createShape() {\n\t\tconst {\n\t\t\tinputs: { originPagePoint },\n\t\t} = this.editor\n\n\t\tconst id = createShapeId()\n\t\tthis.markId = `creating:${id}`\n\t\tthis.editor.mark(this.markId)\n\n\t\tthis.editor\n\t\t\t.createShapes([\n\t\t\t\t{\n\t\t\t\t\tid,\n\t\t\t\t\ttype: 'note',\n\t\t\t\t\tx: originPagePoint.x,\n\t\t\t\t\ty: originPagePoint.y,\n\t\t\t\t},\n\t\t\t])\n\t\t\t.select(id)\n\n\t\tconst shape = this.editor.getShape<TLNoteShape>(id)!\n\t\tconst bounds = this.editor.getShapeGeometry(shape).bounds\n\n\t\t// Center the text around the created point\n\t\tthis.editor.updateShapes([\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\ttype: 'note',\n\t\t\t\tx: shape.x - bounds.width / 2,\n\t\t\t\ty: shape.y - bounds.height / 2,\n\t\t\t},\n\t\t])\n\n\t\treturn this.editor.getShape<TLNoteShape>(id)!\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOO;AAEA,MAAM,iBAAiB,wBAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAErB,UAAU;AAAA,EAEV,OAAO,CAAC;AAAA,EAER,oBAAoB;AAAA,EAEpB,SAAS;AAAA,EAET,QAAQ,CAAC;AAAA,EAEA,UAAU,MAAM;AACxB,SAAK,oBAAoB,CAAC,KAAK,OAAO,cAAc;AACpD,QAAI,KAAK,mBAAmB;AAC3B,WAAK,QAAQ,KAAK,YAAY;AAAA,IAC/B;AAAA,EACD;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,UAAI,CAAC,KAAK,mBAAmB;AAC5B,aAAK,QAAQ,KAAK,YAAY;AAAA,MAC/B;AAEA,WAAK,OAAO,eAAe,sBAAsB;AAAA,QAChD,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO,KAAK;AAAA,QACZ,kBAAkB;AAAA,QAClB,YAAY;AAAA,QACZ,UAAU,MAAM;AACf,eAAK,OAAO,gBAAgB,KAAK,MAAM,EAAE;AACzC,eAAK,OAAO,eAAe,sBAAsB;AAAA,QAClD;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,cAAgC,MAAM;AAC9C,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,QAAI,KAAK,mBAAmB;AAC3B,UAAI,KAAK,OAAO,iBAAiB,EAAE,cAAc;AAChD,aAAK,OAAO,WAAW,MAAM;AAAA,MAC9B,OAAO;AACN,aAAK,OAAO,gBAAgB,KAAK,MAAM,EAAE;AACzC,aAAK,OAAO,eAAe,wBAAwB;AAAA,UAClD,GAAG,KAAK;AAAA,UACR,QAAQ;AAAA,UACR,OAAO,KAAK;AAAA,QACb,CAAC;AAAA,MACF;AAAA,IACD;AAAA,EACD;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,KAAK,MAAM;AAClC,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AAAA,EAEQ,cAAc;AACrB,UAAM;AAAA,MACL,QAAQ,EAAE,gBAAgB;AAAA,IAC3B,IAAI,KAAK;AAET,UAAM,SAAK,6BAAc;AACzB,SAAK,SAAS,YAAY,EAAE;AAC5B,SAAK,OAAO,KAAK,KAAK,MAAM;AAE5B,SAAK,OACH,aAAa;AAAA,MACb;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,GAAG,gBAAgB;AAAA,QACnB,GAAG,gBAAgB;AAAA,MACpB;AAAA,IACD,CAAC,EACA,OAAO,EAAE;AAEX,UAAM,QAAQ,KAAK,OAAO,SAAsB,EAAE;AAClD,UAAM,SAAS,KAAK,OAAO,iBAAiB,KAAK,EAAE;AAGnD,SAAK,OAAO,aAAa;AAAA,MACxB;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,GAAG,MAAM,IAAI,OAAO,QAAQ;AAAA,QAC5B,GAAG,MAAM,IAAI,OAAO,SAAS;AAAA,MAC9B;AAAA,IACD,CAAC;AAED,WAAO,KAAK,OAAO,SAAsB,EAAE;AAAA,EAC5C;AACD;",
+  "names": []
+}