@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/ui/components/MobileStylePanel.mjs

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DefaultColorStyle,
+  getDefaultColorTheme,
+  useEditor,
+  useValue
+} from "@bigbluebutton/editor";
+import { useCallback } from "react";
+import { useRelevantStyles } from "../hooks/useRevelantStyles.mjs";
+import { useTranslation } from "../hooks/useTranslation/useTranslation.mjs";
+import { StylePanel } from "./StylePanel/StylePanel.mjs";
+import { Button } from "./primitives/Button.mjs";
+import { Icon } from "./primitives/Icon.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./primitives/Popover.mjs";
+function MobileStylePanel() {
+  const editor = useEditor();
+  const msg = useTranslation();
+  const relevantStyles = useRelevantStyles();
+  const color = relevantStyles?.styles.get(DefaultColorStyle);
+  const theme = getDefaultColorTheme({ isDarkMode: editor.user.getIsDarkMode() });
+  const currentColor = (color?.type === "shared" ? theme[color.value] : theme.black).solid;
+  const disableStylePanel = useValue(
+    "isHandOrEraserToolActive",
+    () => editor.isInAny("hand", "zoom", "eraser", "laser"),
+    [editor]
+  );
+  const handleStylesOpenChange = useCallback(
+    (isOpen) => {
+      if (!isOpen) {
+        editor.updateInstanceState({ isChangingStyle: false });
+      }
+    },
+    [editor]
+  );
+  return /* @__PURE__ */ jsxs(Popover, { id: "style menu", onOpenChange: handleStylesOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { disabled: disableStylePanel, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "tool",
+        "data-testid": "mobile.styles",
+        style: {
+          color: disableStylePanel ? "var(--color-muted-1)" : currentColor
+        },
+        title: msg("style-panel.title"),
+        children: /* @__PURE__ */ jsx(Icon, { icon: disableStylePanel ? "blob" : color?.type === "mixed" ? "mixed" : "blob" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { side: "top", align: "end", children: /* @__PURE__ */ jsx(StylePanel, { isMobile: true }) })
+  ] });
+}
+export {
+  MobileStylePanel
+};
+//# sourceMappingURL=MobileStylePanel.mjs.map

package/dist-esm/lib/ui/components/MobileStylePanel.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/components/MobileStylePanel.tsx"],
+  "sourcesContent": ["import {\n\tDefaultColorStyle,\n\tTLDefaultColorStyle,\n\tgetDefaultColorTheme,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport { useCallback } from 'react'\nimport { useRelevantStyles } from '../hooks/useRevelantStyles'\nimport { useTranslation } from '../hooks/useTranslation/useTranslation'\nimport { StylePanel } from './StylePanel/StylePanel'\nimport { Button } from './primitives/Button'\nimport { Icon } from './primitives/Icon'\nimport { Popover, PopoverContent, PopoverTrigger } from './primitives/Popover'\n\nexport function MobileStylePanel() {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\n\tconst relevantStyles = useRelevantStyles()\n\tconst color = relevantStyles?.styles.get(DefaultColorStyle)\n\tconst theme = getDefaultColorTheme({ isDarkMode: editor.user.getIsDarkMode() })\n\tconst currentColor = (\n\t\tcolor?.type === 'shared' ? theme[color.value as TLDefaultColorStyle] : theme.black\n\t).solid\n\n\tconst disableStylePanel = useValue(\n\t\t'isHandOrEraserToolActive',\n\t\t() => editor.isInAny('hand', 'zoom', 'eraser', 'laser'),\n\t\t[editor]\n\t)\n\n\tconst handleStylesOpenChange = useCallback(\n\t\t(isOpen: boolean) => {\n\t\t\tif (!isOpen) {\n\t\t\t\teditor.updateInstanceState({ isChangingStyle: false })\n\t\t\t}\n\t\t},\n\t\t[editor]\n\t)\n\n\treturn (\n\t\t<Popover id=\"style menu\" onOpenChange={handleStylesOpenChange}>\n\t\t\t<PopoverTrigger disabled={disableStylePanel}>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"tool\"\n\t\t\t\t\tdata-testid=\"mobile.styles\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: disableStylePanel ? 'var(--color-muted-1)' : currentColor,\n\t\t\t\t\t}}\n\t\t\t\t\ttitle={msg('style-panel.title')}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={disableStylePanel ? 'blob' : color?.type === 'mixed' ? 'mixed' : 'blob'} />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent side=\"top\" align=\"end\">\n\t\t\t\t<StylePanel isMobile />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t)\n}\n"],
+  "mappings": "AA0CE,SAUG,KAVH;AA1CF;AAAA,EACC;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AAEjD,SAAS,mBAAmB;AAClC,QAAM,SAAS,UAAU;AACzB,QAAM,MAAM,eAAe;AAE3B,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,QAAQ,gBAAgB,OAAO,IAAI,iBAAiB;AAC1D,QAAM,QAAQ,qBAAqB,EAAE,YAAY,OAAO,KAAK,cAAc,EAAE,CAAC;AAC9E,QAAM,gBACL,OAAO,SAAS,WAAW,MAAM,MAAM,KAA4B,IAAI,MAAM,OAC5E;AAEF,QAAM,oBAAoB;AAAA,IACzB;AAAA,IACA,MAAM,OAAO,QAAQ,QAAQ,QAAQ,UAAU,OAAO;AAAA,IACtD,CAAC,MAAM;AAAA,EACR;AAEA,QAAM,yBAAyB;AAAA,IAC9B,CAAC,WAAoB;AACpB,UAAI,CAAC,QAAQ;AACZ,eAAO,oBAAoB,EAAE,iBAAiB,MAAM,CAAC;AAAA,MACtD;AAAA,IACD;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAEA,SACC,qBAAC,WAAQ,IAAG,cAAa,cAAc,wBACtC;AAAA,wBAAC,kBAAe,UAAU,mBACzB;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,OAAO;AAAA,UACN,OAAO,oBAAoB,yBAAyB;AAAA,QACrD;AAAA,QACA,OAAO,IAAI,mBAAmB;AAAA,QAE9B,8BAAC,QAAK,MAAM,oBAAoB,SAAS,OAAO,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA,IACtF,GACD;AAAA,IACA,oBAAC,kBAAe,MAAK,OAAM,OAAM,OAChC,8BAAC,cAAW,UAAQ,MAAC,GACtB;AAAA,KACD;AAEF;",
+  "names": []
+}

package/dist-esm/lib/ui/components/MoveToPageMenu.mjs

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PageRecordType, track, useContainer, useEditor } from "@bigbluebutton/editor";
+import * as _ContextMenu from "@radix-ui/react-context-menu";
+import { useToasts } from "../hooks/useToastsProvider.mjs";
+import { useTranslation } from "../hooks/useTranslation/useTranslation.mjs";
+import { Button } from "./primitives/Button.mjs";
+const MoveToPageMenu = track(function MoveToPageMenu2() {
+  const editor = useEditor();
+  const container = useContainer();
+  const pages = editor.getPages();
+  const currentPageId = editor.getCurrentPageId();
+  const msg = useTranslation();
+  const { addToast } = useToasts();
+  return /* @__PURE__ */ jsxs(_ContextMenu.Sub, { children: [
+    /* @__PURE__ */ jsx(_ContextMenu.SubTrigger, { dir: "ltr", asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "menu",
+        label: "context-menu.move-to-page",
+        "data-testid": "menu-item.move-to-page",
+        icon: "chevron-right"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(_ContextMenu.Portal, { container, children: /* @__PURE__ */ jsxs(_ContextMenu.SubContent, { className: "tlui-menu", sideOffset: -4, collisionPadding: 4, children: [
+      /* @__PURE__ */ jsx(
+        _ContextMenu.Group,
+        {
+          dir: "ltr",
+          className: "tlui-menu__group",
+          "data-testid": `menu-item.pages`,
+          children: pages.map((page) => /* @__PURE__ */ jsx(
+            _ContextMenu.Item,
+            {
+              disabled: currentPageId === page.id,
+              onSelect: () => {
+                editor.mark("move_shapes_to_page");
+                editor.moveShapesToPage(editor.getSelectedShapeIds(), page.id);
+                const toPage = editor.getPage(page.id);
+                if (toPage) {
+                  addToast({
+                    title: "Changed Page",
+                    description: `Moved to ${toPage.name}.`,
+                    actions: [
+                      {
+                        label: "Go Back",
+                        type: "primary",
+                        onClick: () => {
+                          editor.mark("change-page");
+                          editor.setCurrentPage(currentPageId);
+                        }
+                      }
+                    ]
+                  });
+                }
+              },
+              asChild: true,
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "menu",
+                  title: page.name,
+                  className: "tlui-context-menu__move-to-page__name",
+                  children: /* @__PURE__ */ jsx("span", { className: "tlui-button__label", children: page.name })
+                }
+              )
+            },
+            page.id
+          ))
+        },
+        "pages"
+      ),
+      /* @__PURE__ */ jsx(
+        _ContextMenu.Group,
+        {
+          dir: "ltr",
+          className: "tlui-menu__group",
+          "data-testid": `menu-item.new-page`,
+          children: /* @__PURE__ */ jsx(
+            _ContextMenu.Item,
+            {
+              onSelect: () => {
+                const newPageId = PageRecordType.createId();
+                const ids = editor.getSelectedShapeIds();
+                editor.batch(() => {
+                  editor.mark("move_shapes_to_page");
+                  editor.createPage({ name: msg("page-menu.new-page-initial-name"), id: newPageId });
+                  editor.moveShapesToPage(ids, newPageId);
+                });
+              },
+              asChild: true,
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "menu",
+                  title: msg("context.pages.new-page"),
+                  className: "tlui-context-menu__move-to-page__name",
+                  children: /* @__PURE__ */ jsx("span", { className: "tlui-button__label", children: msg("context.pages.new-page") })
+                }
+              )
+            },
+            "new-page"
+          )
+        },
+        "new-page"
+      )
+    ] }) })
+  ] });
+});
+export {
+  MoveToPageMenu
+};
+//# sourceMappingURL=MoveToPageMenu.mjs.map

package/dist-esm/lib/ui/components/MoveToPageMenu.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/components/MoveToPageMenu.tsx"],
+  "sourcesContent": ["import { PageRecordType, TLPageId, track, useContainer, useEditor } from '@bigbluebutton/editor'\nimport * as _ContextMenu from '@radix-ui/react-context-menu'\nimport { useToasts } from '../hooks/useToastsProvider'\nimport { useTranslation } from '../hooks/useTranslation/useTranslation'\nimport { Button } from './primitives/Button'\n\nexport const MoveToPageMenu = track(function MoveToPageMenu() {\n\tconst editor = useEditor()\n\tconst container = useContainer()\n\tconst pages = editor.getPages()\n\tconst currentPageId = editor.getCurrentPageId()\n\tconst msg = useTranslation()\n\tconst { addToast } = useToasts()\n\n\treturn (\n\t\t<_ContextMenu.Sub>\n\t\t\t<_ContextMenu.SubTrigger dir=\"ltr\" asChild>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\tlabel=\"context-menu.move-to-page\"\n\t\t\t\t\tdata-testid=\"menu-item.move-to-page\"\n\t\t\t\t\ticon=\"chevron-right\"\n\t\t\t\t/>\n\t\t\t</_ContextMenu.SubTrigger>\n\t\t\t<_ContextMenu.Portal container={container}>\n\t\t\t\t<_ContextMenu.SubContent className=\"tlui-menu\" sideOffset={-4} collisionPadding={4}>\n\t\t\t\t\t<_ContextMenu.Group\n\t\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\t\tclassName={'tlui-menu__group'}\n\t\t\t\t\t\tdata-testid={`menu-item.pages`}\n\t\t\t\t\t\tkey=\"pages\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t\t<_ContextMenu.Item\n\t\t\t\t\t\t\t\tkey={page.id}\n\t\t\t\t\t\t\t\tdisabled={currentPageId === page.id}\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\teditor.mark('move_shapes_to_page')\n\t\t\t\t\t\t\t\t\teditor.moveShapesToPage(editor.getSelectedShapeIds(), page.id as TLPageId)\n\n\t\t\t\t\t\t\t\t\tconst toPage = editor.getPage(page.id)\n\n\t\t\t\t\t\t\t\t\tif (toPage) {\n\t\t\t\t\t\t\t\t\t\taddToast({\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Changed Page',\n\t\t\t\t\t\t\t\t\t\t\tdescription: `Moved to ${toPage.name}.`,\n\t\t\t\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: 'Go Back',\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype: 'primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teditor.mark('change-page')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\teditor.setCurrentPage(currentPageId)\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\t\t\t\t\ttitle={page.name}\n\t\t\t\t\t\t\t\t\tclassName=\"tlui-context-menu__move-to-page__name\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"tlui-button__label\">{page.name}</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</_ContextMenu.Item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</_ContextMenu.Group>\n\t\t\t\t\t<_ContextMenu.Group\n\t\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\t\tclassName={'tlui-menu__group'}\n\t\t\t\t\t\tdata-testid={`menu-item.new-page`}\n\t\t\t\t\t\tkey=\"new-page\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<_ContextMenu.Item\n\t\t\t\t\t\t\tkey=\"new-page\"\n\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\tconst newPageId = PageRecordType.createId()\n\t\t\t\t\t\t\t\tconst ids = editor.getSelectedShapeIds()\n\t\t\t\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\t\t\t\teditor.mark('move_shapes_to_page')\n\t\t\t\t\t\t\t\t\teditor.createPage({ name: msg('page-menu.new-page-initial-name'), id: newPageId })\n\t\t\t\t\t\t\t\t\teditor.moveShapesToPage(ids, newPageId)\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\t\t\t\ttitle={msg('context.pages.new-page')}\n\t\t\t\t\t\t\t\tclassName=\"tlui-context-menu__move-to-page__name\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"tlui-button__label\">{msg('context.pages.new-page')}</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</_ContextMenu.Item>\n\t\t\t\t\t</_ContextMenu.Group>\n\t\t\t\t</_ContextMenu.SubContent>\n\t\t\t</_ContextMenu.Portal>\n\t\t</_ContextMenu.Sub>\n\t)\n})\n"],
+  "mappings": "AAiBI,cAQA,YARA;AAjBJ,SAAS,gBAA0B,OAAO,cAAc,iBAAiB;AACzE,YAAY,kBAAkB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AAEhB,MAAM,iBAAiB,MAAM,SAASA,kBAAiB;AAC7D,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,aAAa;AAC/B,QAAM,QAAQ,OAAO,SAAS;AAC9B,QAAM,gBAAgB,OAAO,iBAAiB;AAC9C,QAAM,MAAM,eAAe;AAC3B,QAAM,EAAE,SAAS,IAAI,UAAU;AAE/B,SACC,qBAAC,aAAa,KAAb,EACA;AAAA,wBAAC,aAAa,YAAb,EAAwB,KAAI,OAAM,SAAO,MACzC;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QACZ,MAAK;AAAA;AAAA,IACN,GACD;AAAA,IACA,oBAAC,aAAa,QAAb,EAAoB,WACpB,+BAAC,aAAa,YAAb,EAAwB,WAAU,aAAY,YAAY,IAAI,kBAAkB,GAChF;AAAA;AAAA,QAAC,aAAa;AAAA,QAAb;AAAA,UACA,KAAI;AAAA,UACJ,WAAW;AAAA,UACX,eAAa;AAAA,UAGZ,gBAAM,IAAI,CAAC,SACX;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cAEA,UAAU,kBAAkB,KAAK;AAAA,cACjC,UAAU,MAAM;AACf,uBAAO,KAAK,qBAAqB;AACjC,uBAAO,iBAAiB,OAAO,oBAAoB,GAAG,KAAK,EAAc;AAEzE,sBAAM,SAAS,OAAO,QAAQ,KAAK,EAAE;AAErC,oBAAI,QAAQ;AACX,2BAAS;AAAA,oBACR,OAAO;AAAA,oBACP,aAAa,YAAY,OAAO,IAAI;AAAA,oBACpC,SAAS;AAAA,sBACR;AAAA,wBACC,OAAO;AAAA,wBACP,MAAM;AAAA,wBACN,SAAS,MAAM;AACd,iCAAO,KAAK,aAAa;AACzB,iCAAO,eAAe,aAAa;AAAA,wBACpC;AAAA,sBACD;AAAA,oBACD;AAAA,kBACD,CAAC;AAAA,gBACF;AAAA,cACD;AAAA,cACA,SAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,OAAO,KAAK;AAAA,kBACZ,WAAU;AAAA,kBAEV,8BAAC,UAAK,WAAU,sBAAsB,eAAK,MAAK;AAAA;AAAA,cACjD;AAAA;AAAA,YAjCK,KAAK;AAAA,UAkCX,CACA;AAAA;AAAA,QAvCG;AAAA,MAwCL;AAAA,MACA;AAAA,QAAC,aAAa;AAAA,QAAb;AAAA,UACA,KAAI;AAAA,UACJ,WAAW;AAAA,UACX,eAAa;AAAA,UAGb;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cAEA,UAAU,MAAM;AACf,sBAAM,YAAY,eAAe,SAAS;AAC1C,sBAAM,MAAM,OAAO,oBAAoB;AACvC,uBAAO,MAAM,MAAM;AAClB,yBAAO,KAAK,qBAAqB;AACjC,yBAAO,WAAW,EAAE,MAAM,IAAI,iCAAiC,GAAG,IAAI,UAAU,CAAC;AACjF,yBAAO,iBAAiB,KAAK,SAAS;AAAA,gBACvC,CAAC;AAAA,cACF;AAAA,cACA,SAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAK;AAAA,kBACL,OAAO,IAAI,wBAAwB;AAAA,kBACnC,WAAU;AAAA,kBAEV,8BAAC,UAAK,WAAU,sBAAsB,cAAI,wBAAwB,GAAE;AAAA;AAAA,cACrE;AAAA;AAAA,YAlBI;AAAA,UAmBL;AAAA;AAAA,QAtBI;AAAA,MAuBL;AAAA,OACD,GACD;AAAA,KACD;AAEF,CAAC;",
+  "names": ["MoveToPageMenu"]
+}

package/dist-esm/lib/ui/components/NavigationZone/Minimap.mjs

@@ -0,0 +1,191 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  ANIMATION_MEDIUM_MS,
+  Box2d,
+  Vec2d,
+  getPointerInfo,
+  intersectPolygonPolygon,
+  normalizeWheel,
+  releasePointerCapture,
+  setPointerCapture,
+  useComputed,
+  useEditor,
+  useIsDarkMode,
+  useQuickReactor
+} from "@bigbluebutton/editor";
+import * as React from "react";
+import { MinimapManager } from "./MinimapManager.mjs";
+function Minimap({ shapeFill, selectFill, viewportFill }) {
+  const editor = useEditor();
+  const rCanvas = React.useRef(null);
+  const rPointing = React.useRef(false);
+  const isDarkMode = useIsDarkMode();
+  const devicePixelRatio = useComputed("dpr", () => editor.getInstanceState().devicePixelRatio, [
+    editor
+  ]);
+  const presences = React.useMemo(() => editor.store.query.records("instance_presence"), [editor]);
+  const minimap = React.useMemo(() => new MinimapManager(editor), [editor]);
+  React.useEffect(() => {
+    const raf = requestAnimationFrame(() => {
+      const style = getComputedStyle(editor.getContainer());
+      minimap.colors = {
+        shapeFill: style.getPropertyValue(shapeFill).trim(),
+        selectFill: style.getPropertyValue(selectFill).trim(),
+        viewportFill: style.getPropertyValue(viewportFill).trim()
+      };
+      minimap.render();
+    });
+    return () => {
+      cancelAnimationFrame(raf);
+    };
+  }, [editor, selectFill, shapeFill, viewportFill, minimap, isDarkMode]);
+  const onDoubleClick = React.useCallback(
+    (e) => {
+      if (!editor.getCurrentPageShapeIds().size)
+        return;
+      const point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, false);
+      const clampedPoint = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, true);
+      minimap.originPagePoint.setTo(clampedPoint);
+      minimap.originPageCenter.setTo(editor.getViewportPageBounds().center);
+      editor.centerOnPoint(point, { duration: ANIMATION_MEDIUM_MS });
+    },
+    [editor, minimap]
+  );
+  const onPointerDown = React.useCallback(
+    (e) => {
+      const elm = e.currentTarget;
+      setPointerCapture(elm, e);
+      if (!editor.getCurrentPageShapeIds().size)
+        return;
+      rPointing.current = true;
+      minimap.isInViewport = false;
+      const point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, false);
+      const clampedPoint = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, true);
+      const _vpPageBounds = editor.getViewportPageBounds();
+      minimap.isInViewport = _vpPageBounds.containsPoint(clampedPoint);
+      if (minimap.isInViewport) {
+        minimap.originPagePoint.setTo(clampedPoint);
+        minimap.originPageCenter.setTo(_vpPageBounds.center);
+      } else {
+        const delta = Vec2d.Sub(_vpPageBounds.center, _vpPageBounds.point);
+        const pagePoint = Vec2d.Add(point, delta);
+        minimap.originPagePoint.setTo(pagePoint);
+        minimap.originPageCenter.setTo(point);
+        editor.centerOnPoint(point, { duration: ANIMATION_MEDIUM_MS });
+      }
+      function release(e2) {
+        if (elm) {
+          releasePointerCapture(elm, e2);
+        }
+        rPointing.current = false;
+        document.body.removeEventListener("pointerup", release);
+      }
+      document.body.addEventListener("pointerup", release);
+    },
+    [editor, minimap]
+  );
+  const onPointerMove = React.useCallback(
+    (e) => {
+      const point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, e.shiftKey, true);
+      if (rPointing.current) {
+        if (minimap.isInViewport) {
+          const delta = minimap.originPagePoint.clone().sub(minimap.originPageCenter);
+          editor.centerOnPoint(Vec2d.Sub(point, delta));
+          return;
+        }
+        editor.centerOnPoint(point);
+      }
+      const pagePoint = minimap.getPagePoint(e.clientX, e.clientY);
+      const screenPoint = editor.pageToScreen(pagePoint);
+      const info = {
+        type: "pointer",
+        target: "canvas",
+        name: "pointer_move",
+        ...getPointerInfo(e),
+        point: screenPoint,
+        isPen: editor.getInstanceState().isPenMode
+      };
+      editor.dispatch(info);
+    },
+    [editor, minimap]
+  );
+  const onWheel = React.useCallback(
+    (e) => {
+      const offset = normalizeWheel(e);
+      editor.dispatch({
+        type: "wheel",
+        name: "wheel",
+        delta: offset,
+        point: new Vec2d(e.clientX, e.clientY),
+        shiftKey: e.shiftKey,
+        altKey: e.altKey,
+        ctrlKey: e.metaKey || e.ctrlKey
+      });
+    },
+    [editor]
+  );
+  useQuickReactor(
+    "update when dpr changes",
+    () => {
+      const dpr = devicePixelRatio.get();
+      minimap.setDpr(dpr);
+      const canvas = rCanvas.current;
+      const rect = canvas.getBoundingClientRect();
+      const width = rect.width * dpr;
+      const height = rect.height * dpr;
+      canvas.width = width;
+      canvas.height = height;
+      minimap.canvasScreenBounds.set(rect.x, rect.y, width, height);
+      minimap.cvs = rCanvas.current;
+    },
+    [devicePixelRatio, minimap]
+  );
+  useQuickReactor(
+    "minimap render when pagebounds or collaborators changes",
+    () => {
+      const shapeIdsOnCurrentPage = editor.getCurrentPageShapeIds();
+      const commonBoundsOfAllShapesOnCurrentPage = editor.getCurrentPageBounds();
+      const viewportPageBounds = editor.getViewportPageBounds();
+      const _dpr = devicePixelRatio.get();
+      minimap.contentPageBounds = commonBoundsOfAllShapesOnCurrentPage ? Box2d.Expand(commonBoundsOfAllShapesOnCurrentPage, viewportPageBounds) : viewportPageBounds;
+      minimap.updateContentScreenBounds();
+      const allShapeBounds = [];
+      shapeIdsOnCurrentPage.forEach((id) => {
+        let pageBounds = editor.getShapePageBounds(id);
+        if (!pageBounds)
+          return;
+        const pageMask = editor.getShapeMask(id);
+        if (pageMask) {
+          const intersection = intersectPolygonPolygon(pageMask, pageBounds.corners);
+          if (!intersection) {
+            return;
+          }
+          pageBounds = Box2d.FromPoints(intersection);
+        }
+        if (pageBounds) {
+          pageBounds.id = id;
+          allShapeBounds.push(pageBounds);
+        }
+      });
+      minimap.pageBounds = allShapeBounds;
+      minimap.collaborators = presences.get();
+      minimap.render();
+    },
+    [editor, minimap]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "tlui-minimap", children: /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: rCanvas,
+      className: "tlui-minimap__canvas",
+      onDoubleClick,
+      onPointerMove,
+      onPointerDown,
+      onWheel
+    }
+  ) });
+}
+export {
+  Minimap
+};
+//# sourceMappingURL=Minimap.mjs.map

package/dist-esm/lib/ui/components/NavigationZone/Minimap.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/components/NavigationZone/Minimap.tsx"],
+  "sourcesContent": ["import {\n\tANIMATION_MEDIUM_MS,\n\tBox2d,\n\tTLPointerEventInfo,\n\tTLShapeId,\n\tVec2d,\n\tgetPointerInfo,\n\tintersectPolygonPolygon,\n\tnormalizeWheel,\n\treleasePointerCapture,\n\tsetPointerCapture,\n\tuseComputed,\n\tuseEditor,\n\tuseIsDarkMode,\n\tuseQuickReactor,\n} from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport { MinimapManager } from './MinimapManager'\n\nexport interface MinimapProps {\n\tshapeFill: string\n\tselectFill: string\n\tviewportFill: string\n}\n\nexport function Minimap({ shapeFill, selectFill, viewportFill }: MinimapProps) {\n\tconst editor = useEditor()\n\n\tconst rCanvas = React.useRef<HTMLCanvasElement>(null!)\n\tconst rPointing = React.useRef(false)\n\n\tconst isDarkMode = useIsDarkMode()\n\tconst devicePixelRatio = useComputed('dpr', () => editor.getInstanceState().devicePixelRatio, [\n\t\teditor,\n\t])\n\tconst presences = React.useMemo(() => editor.store.query.records('instance_presence'), [editor])\n\n\tconst minimap = React.useMemo(() => new MinimapManager(editor), [editor])\n\n\tReact.useEffect(() => {\n\t\t// Must check after render\n\t\tconst raf = requestAnimationFrame(() => {\n\t\t\tconst style = getComputedStyle(editor.getContainer())\n\n\t\t\tminimap.colors = {\n\t\t\t\tshapeFill: style.getPropertyValue(shapeFill).trim(),\n\t\t\t\tselectFill: style.getPropertyValue(selectFill).trim(),\n\t\t\t\tviewportFill: style.getPropertyValue(viewportFill).trim(),\n\t\t\t}\n\n\t\t\tminimap.render()\n\t\t})\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(raf)\n\t\t}\n\t}, [editor, selectFill, shapeFill, viewportFill, minimap, isDarkMode])\n\n\tconst onDoubleClick = React.useCallback(\n\t\t(e: React.MouseEvent<HTMLCanvasElement>) => {\n\t\t\tif (!editor.getCurrentPageShapeIds().size) return\n\n\t\t\tconst point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, false)\n\n\t\t\tconst clampedPoint = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, true)\n\n\t\t\tminimap.originPagePoint.setTo(clampedPoint)\n\t\t\tminimap.originPageCenter.setTo(editor.getViewportPageBounds().center)\n\n\t\t\teditor.centerOnPoint(point, { duration: ANIMATION_MEDIUM_MS })\n\t\t},\n\t\t[editor, minimap]\n\t)\n\n\tconst onPointerDown = React.useCallback(\n\t\t(e: React.PointerEvent<HTMLCanvasElement>) => {\n\t\t\tconst elm = e.currentTarget\n\t\t\tsetPointerCapture(elm, e)\n\t\t\tif (!editor.getCurrentPageShapeIds().size) return\n\n\t\t\trPointing.current = true\n\n\t\t\tminimap.isInViewport = false\n\n\t\t\tconst point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, false)\n\n\t\t\tconst clampedPoint = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, false, true)\n\n\t\t\tconst _vpPageBounds = editor.getViewportPageBounds()\n\n\t\t\tminimap.isInViewport = _vpPageBounds.containsPoint(clampedPoint)\n\n\t\t\tif (minimap.isInViewport) {\n\t\t\t\tminimap.originPagePoint.setTo(clampedPoint)\n\t\t\t\tminimap.originPageCenter.setTo(_vpPageBounds.center)\n\t\t\t} else {\n\t\t\t\tconst delta = Vec2d.Sub(_vpPageBounds.center, _vpPageBounds.point)\n\t\t\t\tconst pagePoint = Vec2d.Add(point, delta)\n\t\t\t\tminimap.originPagePoint.setTo(pagePoint)\n\t\t\t\tminimap.originPageCenter.setTo(point)\n\t\t\t\teditor.centerOnPoint(point, { duration: ANIMATION_MEDIUM_MS })\n\t\t\t}\n\n\t\t\tfunction release(e: PointerEvent) {\n\t\t\t\tif (elm) {\n\t\t\t\t\treleasePointerCapture(elm, e)\n\t\t\t\t}\n\t\t\t\trPointing.current = false\n\t\t\t\tdocument.body.removeEventListener('pointerup', release)\n\t\t\t}\n\n\t\t\tdocument.body.addEventListener('pointerup', release)\n\t\t},\n\t\t[editor, minimap]\n\t)\n\n\tconst onPointerMove = React.useCallback(\n\t\t(e: React.PointerEvent<HTMLCanvasElement>) => {\n\t\t\tconst point = minimap.minimapScreenPointToPagePoint(e.clientX, e.clientY, e.shiftKey, true)\n\n\t\t\tif (rPointing.current) {\n\t\t\t\tif (minimap.isInViewport) {\n\t\t\t\t\tconst delta = minimap.originPagePoint.clone().sub(minimap.originPageCenter)\n\t\t\t\t\teditor.centerOnPoint(Vec2d.Sub(point, delta))\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\teditor.centerOnPoint(point)\n\t\t\t}\n\n\t\t\tconst pagePoint = minimap.getPagePoint(e.clientX, e.clientY)\n\n\t\t\tconst screenPoint = editor.pageToScreen(pagePoint)\n\n\t\t\tconst info: TLPointerEventInfo = {\n\t\t\t\ttype: 'pointer',\n\t\t\t\ttarget: 'canvas',\n\t\t\t\tname: 'pointer_move',\n\t\t\t\t...getPointerInfo(e),\n\t\t\t\tpoint: screenPoint,\n\t\t\t\tisPen: editor.getInstanceState().isPenMode,\n\t\t\t}\n\n\t\t\teditor.dispatch(info)\n\t\t},\n\t\t[editor, minimap]\n\t)\n\n\tconst onWheel = React.useCallback(\n\t\t(e: React.WheelEvent<HTMLCanvasElement>) => {\n\t\t\tconst offset = normalizeWheel(e)\n\n\t\t\teditor.dispatch({\n\t\t\t\ttype: 'wheel',\n\t\t\t\tname: 'wheel',\n\t\t\t\tdelta: offset,\n\t\t\t\tpoint: new Vec2d(e.clientX, e.clientY),\n\t\t\t\tshiftKey: e.shiftKey,\n\t\t\t\taltKey: e.altKey,\n\t\t\t\tctrlKey: e.metaKey || e.ctrlKey,\n\t\t\t})\n\t\t},\n\t\t[editor]\n\t)\n\n\t// Update the minimap's dpr when the dpr changes\n\tuseQuickReactor(\n\t\t'update when dpr changes',\n\t\t() => {\n\t\t\tconst dpr = devicePixelRatio.get()\n\t\t\tminimap.setDpr(dpr)\n\n\t\t\tconst canvas = rCanvas.current as HTMLCanvasElement\n\t\t\tconst rect = canvas.getBoundingClientRect()\n\t\t\tconst width = rect.width * dpr\n\t\t\tconst height = rect.height * dpr\n\n\t\t\t// These must happen in order\n\t\t\tcanvas.width = width\n\t\t\tcanvas.height = height\n\t\t\tminimap.canvasScreenBounds.set(rect.x, rect.y, width, height)\n\n\t\t\tminimap.cvs = rCanvas.current\n\t\t},\n\t\t[devicePixelRatio, minimap]\n\t)\n\n\tuseQuickReactor(\n\t\t'minimap render when pagebounds or collaborators changes',\n\t\t() => {\n\t\t\tconst shapeIdsOnCurrentPage = editor.getCurrentPageShapeIds()\n\t\t\tconst commonBoundsOfAllShapesOnCurrentPage = editor.getCurrentPageBounds()\n\t\t\tconst viewportPageBounds = editor.getViewportPageBounds()\n\n\t\t\tconst _dpr = devicePixelRatio.get() // dereference\n\n\t\t\tminimap.contentPageBounds = commonBoundsOfAllShapesOnCurrentPage\n\t\t\t\t? Box2d.Expand(commonBoundsOfAllShapesOnCurrentPage, viewportPageBounds)\n\t\t\t\t: viewportPageBounds\n\n\t\t\tminimap.updateContentScreenBounds()\n\n\t\t\t// All shape bounds\n\n\t\t\tconst allShapeBounds = [] as (Box2d & { id: TLShapeId })[]\n\n\t\t\tshapeIdsOnCurrentPage.forEach((id) => {\n\t\t\t\tlet pageBounds = editor.getShapePageBounds(id) as Box2d & { id: TLShapeId }\n\t\t\t\tif (!pageBounds) return\n\n\t\t\t\tconst pageMask = editor.getShapeMask(id)\n\n\t\t\t\tif (pageMask) {\n\t\t\t\t\tconst intersection = intersectPolygonPolygon(pageMask, pageBounds.corners)\n\t\t\t\t\tif (!intersection) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tpageBounds = Box2d.FromPoints(intersection) as Box2d & { id: TLShapeId }\n\t\t\t\t}\n\n\t\t\t\tif (pageBounds) {\n\t\t\t\t\tpageBounds.id = id // kinda dirty but we want to include the id here\n\t\t\t\t\tallShapeBounds.push(pageBounds)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tminimap.pageBounds = allShapeBounds\n\t\t\tminimap.collaborators = presences.get()\n\t\t\tminimap.render()\n\t\t},\n\t\t[editor, minimap]\n\t)\n\n\treturn (\n\t\t<div className=\"tlui-minimap\">\n\t\t\t<canvas\n\t\t\t\tref={rCanvas}\n\t\t\t\tclassName=\"tlui-minimap__canvas\"\n\t\t\t\tonDoubleClick={onDoubleClick}\n\t\t\t\tonPointerMove={onPointerMove}\n\t\t\t\tonPointerDown={onPointerDown}\n\t\t\t\tonWheel={onWheel}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n"],
+  "mappings": "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",
+  "names": ["e"]
+}