@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/useActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useActions.tsx"],
+  "sourcesContent": ["import {\n\tANIMATION_MEDIUM_MS,\n\tBox2d,\n\tEditor,\n\tTAU,\n\tTLBookmarkShape,\n\tTLEmbedShape,\n\tTLFrameShape,\n\tTLGroupShape,\n\tTLShapeId,\n\tTLShapePartial,\n\tTLTextShape,\n\tVec2d,\n\tapproximately,\n\tcompact,\n\tcreateShapeId,\n\topenWindow,\n\tuseEditor,\n} from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport { getEmbedInfo } from '../../utils/embeds/embeds'\nimport { fitFrameToContent, removeFrame } from '../../utils/frames/frames'\nimport { EditLinkDialog } from '../components/EditLinkDialog'\nimport { EmbedDialog } from '../components/EmbedDialog'\nimport { TLUiIconType } from '../icon-types'\nimport { useMenuClipboardEvents } from './useClipboardEvents'\nimport { useCopyAs } from './useCopyAs'\nimport { useDialogs } from './useDialogsProvider'\nimport { TLUiEventSource, useUiEvents } from './useEventsProvider'\nimport { useExportAs } from './useExportAs'\nimport { useInsertMedia } from './useInsertMedia'\nimport { usePrint } from './usePrint'\nimport { useToasts } from './useToastsProvider'\nimport { TLUiTranslationKey } from './useTranslation/TLUiTranslationKey'\n\n/** @public */\nexport interface TLUiActionItem<\n\tTransationKey extends string = string,\n\tIconType extends string = string\n> {\n\ticon?: IconType\n\tid: string\n\tkbd?: string\n\ttitle?: string\n\tlabel?: TransationKey\n\tmenuLabel?: TransationKey\n\tshortcutsLabel?: TransationKey\n\tcontextMenuLabel?: TransationKey\n\treadonlyOk: boolean\n\tcheckbox?: boolean\n\tonSelect: (source: TLUiEventSource) => Promise<void> | void\n}\n\n/** @public */\nexport type TLUiActionsContextType = Record<string, TLUiActionItem>\n\n/** @internal */\nexport const ActionsContext = React.createContext<TLUiActionsContextType>({})\n\n/** @public */\nexport type ActionsProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tactions: TLUiActionsContextType,\n\t\thelpers: undefined\n\t) => TLUiActionsContextType\n\tchildren: any\n}\n\nfunction makeActions(actions: TLUiActionItem[]) {\n\treturn Object.fromEntries(actions.map((action) => [action.id, action])) as TLUiActionsContextType\n}\n\n/** @internal */\nexport function ActionsProvider({ overrides, children }: ActionsProviderProps) {\n\tconst editor = useEditor()\n\n\tconst { addDialog, clearDialogs } = useDialogs()\n\tconst { clearToasts } = useToasts()\n\n\tconst insertMedia = useInsertMedia()\n\tconst printSelectionOrPages = usePrint()\n\tconst { cut, copy, paste } = useMenuClipboardEvents()\n\tconst copyAs = useCopyAs()\n\tconst exportAs = useExportAs()\n\n\tconst trackEvent = useUiEvents()\n\n\t// should this be a useMemo? looks like it doesn't actually deref any reactive values\n\tconst actions = React.useMemo<TLUiActionsContextType>(() => {\n\t\tfunction mustGoBackToSelectToolFirst() {\n\t\t\tif (!editor.isIn('select')) {\n\t\t\t\teditor.complete()\n\t\t\t\teditor.setCurrentTool('select')\n\t\t\t\treturn false // false will still let the action happen, true will stop it\n\t\t\t\t// todo: remove this return value once we're suuuuure\n\t\t\t}\n\n\t\t\treturn false\n\t\t}\n\n\t\tfunction hasSelectedShapes() {\n\t\t\treturn editor.getSelectedShapeIds().length > 0\n\t\t}\n\n\t\tconst actionItems: TLUiActionItem<TLUiTranslationKey, TLUiIconType>[] = [\n\t\t\t{\n\t\t\t\tid: 'edit-link',\n\t\t\t\tlabel: 'action.edit-link',\n\t\t\t\ticon: 'link',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('edit-link', { source })\n\t\t\t\t\teditor.mark('edit-link')\n\t\t\t\t\taddDialog({ component: EditLinkDialog })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'insert-embed',\n\t\t\t\tlabel: 'action.insert-embed',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tkbd: '$i',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('insert-embed', { source })\n\t\t\t\t\taddDialog({ component: EmbedDialog })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'insert-media',\n\t\t\t\tlabel: 'action.insert-media',\n\t\t\t\tkbd: '$u',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('insert-media', { source })\n\t\t\t\t\tinsertMedia()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'undo',\n\t\t\t\tlabel: 'action.undo',\n\t\t\t\ticon: 'undo',\n\t\t\t\tkbd: '$z',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('undo', { source })\n\t\t\t\t\teditor.undo()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'redo',\n\t\t\t\tlabel: 'action.redo',\n\t\t\t\ticon: 'redo',\n\t\t\t\tkbd: '$!z',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('redo', { source })\n\t\t\t\t\teditor.redo()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'export-as-svg',\n\t\t\t\tlabel: 'action.export-as-svg',\n\t\t\t\tmenuLabel: 'action.export-as-svg.short',\n\t\t\t\tcontextMenuLabel: 'action.export-as-svg.short',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('export-as', { format: 'svg', source })\n\t\t\t\t\texportAs(editor.getSelectedShapeIds(), 'svg')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'export-as-png',\n\t\t\t\tlabel: 'action.export-as-png',\n\t\t\t\tmenuLabel: 'action.export-as-png.short',\n\t\t\t\tcontextMenuLabel: 'action.export-as-png.short',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('export-as', { format: 'png', source })\n\t\t\t\t\texportAs(editor.getSelectedShapeIds(), 'png')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'export-as-json',\n\t\t\t\tlabel: 'action.export-as-json',\n\t\t\t\tmenuLabel: 'action.export-as-json.short',\n\t\t\t\tcontextMenuLabel: 'action.export-as-json.short',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('export-as', { format: 'json', source })\n\t\t\t\t\texportAs(editor.getSelectedShapeIds(), 'json')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'copy-as-svg',\n\t\t\t\tlabel: 'action.copy-as-svg',\n\t\t\t\tmenuLabel: 'action.copy-as-svg.short',\n\t\t\t\tcontextMenuLabel: 'action.copy-as-svg.short',\n\t\t\t\tkbd: '$!c',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('copy-as', { format: 'svg', source })\n\t\t\t\t\tcopyAs(editor.getSelectedShapeIds(), 'svg')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'copy-as-png',\n\t\t\t\tlabel: 'action.copy-as-png',\n\t\t\t\tmenuLabel: 'action.copy-as-png.short',\n\t\t\t\tcontextMenuLabel: 'action.copy-as-png.short',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('copy-as', { format: 'png', source })\n\t\t\t\t\tcopyAs(editor.getSelectedShapeIds(), 'png')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'copy-as-json',\n\t\t\t\tlabel: 'action.copy-as-json',\n\t\t\t\tmenuLabel: 'action.copy-as-json.short',\n\t\t\t\tcontextMenuLabel: 'action.copy-as-json.short',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('copy-as', { format: 'json', source })\n\t\t\t\t\tcopyAs(editor.getSelectedShapeIds(), 'json')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-auto-size',\n\t\t\t\tlabel: 'action.toggle-auto-size',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('toggle-auto-size', { source })\n\t\t\t\t\teditor.mark('toggling auto size')\n\t\t\t\t\teditor.updateShapes(\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.getSelectedShapes()\n\t\t\t\t\t\t\t.filter(\n\t\t\t\t\t\t\t\t(shape): shape is TLTextShape =>\n\t\t\t\t\t\t\t\t\teditor.isShapeOfType<TLTextShape>(shape, 'text') && shape.props.autoSize === false\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.map((shape) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tid: shape.id,\n\t\t\t\t\t\t\t\t\ttype: shape.type,\n\t\t\t\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\t\t\t\t...shape.props,\n\t\t\t\t\t\t\t\t\t\tw: 8,\n\t\t\t\t\t\t\t\t\t\tautoSize: true,\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})\n\t\t\t\t\t)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'open-embed-link',\n\t\t\t\tlabel: 'action.open-embed-link',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('open-embed-link', { source })\n\t\t\t\t\tconst ids = editor.getSelectedShapeIds()\n\t\t\t\t\tconst warnMsg = 'No embed shapes selected'\n\t\t\t\t\tif (ids.length !== 1) {\n\t\t\t\t\t\tconsole.error(warnMsg)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tconst shape = editor.getShape(ids[0])\n\t\t\t\t\tif (!shape || !editor.isShapeOfType<TLEmbedShape>(shape, 'embed')) {\n\t\t\t\t\t\tconsole.error(warnMsg)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\topenWindow(shape.props.url, '_blank')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'select-zoom-tool',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tkbd: 'z',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (editor.root.getCurrent()?.id === 'zoom') return\n\n\t\t\t\t\ttrackEvent('zoom-tool', { source })\n\t\t\t\t\tif (!(editor.inputs.shiftKey || editor.inputs.ctrlKey)) {\n\t\t\t\t\t\tconst currentTool = editor.root.getCurrent()\n\t\t\t\t\t\tif (currentTool && currentTool.getCurrent()?.id === 'idle') {\n\t\t\t\t\t\t\teditor.setCurrentTool('zoom', { onInteractionEnd: currentTool.id, maskAs: 'zoom' })\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'convert-to-bookmark',\n\t\t\t\tlabel: 'action.convert-to-bookmark',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\ttrackEvent('convert-to-bookmark', { source })\n\t\t\t\t\t\tconst shapes = editor.getSelectedShapes()\n\n\t\t\t\t\t\tconst createList: TLShapePartial[] = []\n\t\t\t\t\t\tconst deleteList: TLShapeId[] = []\n\t\t\t\t\t\tfor (const shape of shapes) {\n\t\t\t\t\t\t\tif (!shape || !editor.isShapeOfType<TLEmbedShape>(shape, 'embed') || !shape.props.url)\n\t\t\t\t\t\t\t\tcontinue\n\n\t\t\t\t\t\t\tconst newPos = new Vec2d(shape.x, shape.y)\n\t\t\t\t\t\t\tnewPos.rot(-shape.rotation)\n\t\t\t\t\t\t\tnewPos.add(new Vec2d(shape.props.w / 2 - 300 / 2, shape.props.h / 2 - 320 / 2)) // see bookmark shape util\n\t\t\t\t\t\t\tnewPos.rot(shape.rotation)\n\t\t\t\t\t\t\tconst partial: TLShapePartial<TLBookmarkShape> = {\n\t\t\t\t\t\t\t\tid: createShapeId(),\n\t\t\t\t\t\t\t\ttype: 'bookmark',\n\t\t\t\t\t\t\t\trotation: shape.rotation,\n\t\t\t\t\t\t\t\tx: newPos.x,\n\t\t\t\t\t\t\t\ty: newPos.y,\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\t\t\turl: shape.props.url,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tcreateList.push(partial)\n\t\t\t\t\t\t\tdeleteList.push(shape.id)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\teditor.mark('convert shapes to bookmark')\n\t\t\t\t\t\teditor.deleteShapes(deleteList)\n\t\t\t\t\t\teditor.createShapes(createList)\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'convert-to-embed',\n\t\t\t\tlabel: 'action.convert-to-embed',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('convert-to-embed', { source })\n\n\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\tconst ids = editor.getSelectedShapeIds()\n\t\t\t\t\t\tconst shapes = compact(ids.map((id) => editor.getShape(id)))\n\n\t\t\t\t\t\tconst createList: TLShapePartial[] = []\n\t\t\t\t\t\tconst deleteList: TLShapeId[] = []\n\t\t\t\t\t\tfor (const shape of shapes) {\n\t\t\t\t\t\t\tif (!editor.isShapeOfType<TLBookmarkShape>(shape, 'bookmark')) continue\n\n\t\t\t\t\t\t\tconst { url } = shape.props\n\n\t\t\t\t\t\t\tconst embedInfo = getEmbedInfo(shape.props.url)\n\n\t\t\t\t\t\t\tif (!embedInfo) continue\n\t\t\t\t\t\t\tif (!embedInfo.definition) continue\n\n\t\t\t\t\t\t\tconst { width, height } = embedInfo.definition\n\n\t\t\t\t\t\t\tconst newPos = new Vec2d(shape.x, shape.y)\n\t\t\t\t\t\t\tnewPos.rot(-shape.rotation)\n\t\t\t\t\t\t\tnewPos.add(new Vec2d(shape.props.w / 2 - width / 2, shape.props.h / 2 - height / 2))\n\t\t\t\t\t\t\tnewPos.rot(shape.rotation)\n\n\t\t\t\t\t\t\tconst shapeToCreate: TLShapePartial<TLEmbedShape> = {\n\t\t\t\t\t\t\t\tid: createShapeId(),\n\t\t\t\t\t\t\t\ttype: 'embed',\n\t\t\t\t\t\t\t\tx: newPos.x,\n\t\t\t\t\t\t\t\ty: newPos.y,\n\t\t\t\t\t\t\t\trotation: shape.rotation,\n\t\t\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\t\t\turl: url,\n\t\t\t\t\t\t\t\t\tw: width,\n\t\t\t\t\t\t\t\t\th: height,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tcreateList.push(shapeToCreate)\n\t\t\t\t\t\t\tdeleteList.push(shape.id)\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\teditor.mark('convert shapes to embed')\n\t\t\t\t\t\teditor.deleteShapes(deleteList)\n\t\t\t\t\t\teditor.createShapes(createList)\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'duplicate',\n\t\t\t\tkbd: '$d',\n\t\t\t\tlabel: 'action.duplicate',\n\t\t\t\ticon: 'duplicate',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('duplicate-shapes', { source })\n\t\t\t\t\tconst ids = editor.getSelectedShapeIds()\n\t\t\t\t\tconst commonBounds = Box2d.Common(compact(ids.map((id) => editor.getShapePageBounds(id))))\n\t\t\t\t\tconst offset = editor.getInstanceState().canMoveCamera\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tx: commonBounds.width + 10,\n\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tx: 16 / editor.getZoomLevel(),\n\t\t\t\t\t\t\t\ty: 16 / editor.getZoomLevel(),\n\t\t\t\t\t\t  }\n\t\t\t\t\teditor.mark('duplicate shapes')\n\t\t\t\t\teditor.duplicateShapes(ids, offset)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'ungroup',\n\t\t\t\tlabel: 'action.ungroup',\n\t\t\t\tkbd: '$!g',\n\t\t\t\ticon: 'ungroup',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('ungroup-shapes', { source })\n\t\t\t\t\teditor.mark('ungroup')\n\t\t\t\t\teditor.ungroupShapes(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'group',\n\t\t\t\tlabel: 'action.group',\n\t\t\t\tkbd: '$g',\n\t\t\t\ticon: 'group',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('group-shapes', { source })\n\t\t\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\t\t\tif (onlySelectedShape && editor.isShapeOfType<TLGroupShape>(onlySelectedShape, 'group')) {\n\t\t\t\t\t\teditor.mark('ungroup')\n\t\t\t\t\t\teditor.ungroupShapes(editor.getSelectedShapeIds())\n\t\t\t\t\t} else {\n\t\t\t\t\t\teditor.mark('group')\n\t\t\t\t\t\teditor.groupShapes(editor.getSelectedShapeIds())\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'remove-frame',\n\t\t\t\tlabel: 'action.remove-frame',\n\t\t\t\tkbd: '$!f',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\n\t\t\t\t\ttrackEvent('remove-frame', { source })\n\t\t\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\t\t\tif (\n\t\t\t\t\t\tselectedShapes.length > 0 &&\n\t\t\t\t\t\tselectedShapes.every((shape) => editor.isShapeOfType<TLFrameShape>(shape, 'frame'))\n\t\t\t\t\t) {\n\t\t\t\t\t\teditor.mark('remove-frame')\n\t\t\t\t\t\tremoveFrame(\n\t\t\t\t\t\t\teditor,\n\t\t\t\t\t\t\tselectedShapes.map((shape) => shape.id)\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'fit-frame-to-content',\n\t\t\t\tlabel: 'action.fit-frame-to-content',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\n\t\t\t\t\ttrackEvent('fit-frame-to-content', { source })\n\t\t\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\t\t\tif (onlySelectedShape && editor.isShapeOfType<TLFrameShape>(onlySelectedShape, 'frame')) {\n\t\t\t\t\t\teditor.mark('fit-frame-to-content')\n\t\t\t\t\t\tfitFrameToContent(editor, onlySelectedShape.id)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-left',\n\t\t\t\tlabel: 'action.align-left',\n\t\t\t\tkbd: '?A',\n\t\t\t\ticon: 'align-left',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'left', source })\n\t\t\t\t\teditor.mark('align left')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'left')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-center-horizontal',\n\t\t\t\tlabel: 'action.align-center-horizontal',\n\t\t\t\tcontextMenuLabel: 'action.align-center-horizontal.short',\n\t\t\t\tkbd: '?H',\n\t\t\t\ticon: 'align-center-horizontal',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'center-horizontal', source })\n\t\t\t\t\teditor.mark('align center horizontal')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'center-horizontal')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-right',\n\t\t\t\tlabel: 'action.align-right',\n\t\t\t\tkbd: '?D',\n\t\t\t\ticon: 'align-right',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'right', source })\n\t\t\t\t\teditor.mark('align right')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'right')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-center-vertical',\n\t\t\t\tlabel: 'action.align-center-vertical',\n\t\t\t\tcontextMenuLabel: 'action.align-center-vertical.short',\n\t\t\t\tkbd: '?V',\n\t\t\t\ticon: 'align-center-vertical',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'center-vertical', source })\n\t\t\t\t\teditor.mark('align center vertical')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'center-vertical')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-top',\n\t\t\t\tlabel: 'action.align-top',\n\t\t\t\ticon: 'align-top',\n\t\t\t\tkbd: '?W',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'top', source })\n\t\t\t\t\teditor.mark('align top')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'top')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'align-bottom',\n\t\t\t\tlabel: 'action.align-bottom',\n\t\t\t\ticon: 'align-bottom',\n\t\t\t\tkbd: '?S',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('align-shapes', { operation: 'bottom', source })\n\t\t\t\t\teditor.mark('align bottom')\n\t\t\t\t\teditor.alignShapes(editor.getSelectedShapeIds(), 'bottom')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'distribute-horizontal',\n\t\t\t\tlabel: 'action.distribute-horizontal',\n\t\t\t\tcontextMenuLabel: 'action.distribute-horizontal.short',\n\t\t\t\ticon: 'distribute-horizontal',\n\t\t\t\tkbd: '?!h',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('distribute-shapes', { operation: 'horizontal', source })\n\t\t\t\t\teditor.mark('distribute horizontal')\n\t\t\t\t\teditor.distributeShapes(editor.getSelectedShapeIds(), 'horizontal')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'distribute-vertical',\n\t\t\t\tlabel: 'action.distribute-vertical',\n\t\t\t\tcontextMenuLabel: 'action.distribute-vertical.short',\n\t\t\t\ticon: 'distribute-vertical',\n\t\t\t\tkbd: '?!V',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('distribute-shapes', { operation: 'vertical', source })\n\t\t\t\t\teditor.mark('distribute vertical')\n\t\t\t\t\teditor.distributeShapes(editor.getSelectedShapeIds(), 'vertical')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'stretch-horizontal',\n\t\t\t\tlabel: 'action.stretch-horizontal',\n\t\t\t\tcontextMenuLabel: 'action.stretch-horizontal.short',\n\t\t\t\ticon: 'stretch-horizontal',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('stretch-shapes', { operation: 'horizontal', source })\n\t\t\t\t\teditor.mark('stretch horizontal')\n\t\t\t\t\teditor.stretchShapes(editor.getSelectedShapeIds(), 'horizontal')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'stretch-vertical',\n\t\t\t\tlabel: 'action.stretch-vertical',\n\t\t\t\tcontextMenuLabel: 'action.stretch-vertical.short',\n\t\t\t\ticon: 'stretch-vertical',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('stretch-shapes', { operation: 'vertical', source })\n\t\t\t\t\teditor.mark('stretch vertical')\n\t\t\t\t\teditor.stretchShapes(editor.getSelectedShapeIds(), 'vertical')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'flip-horizontal',\n\t\t\t\tlabel: 'action.flip-horizontal',\n\t\t\t\tcontextMenuLabel: 'action.flip-horizontal.short',\n\t\t\t\tkbd: '!h',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('flip-shapes', { operation: 'horizontal', source })\n\t\t\t\t\teditor.mark('flip horizontal')\n\t\t\t\t\teditor.flipShapes(editor.getSelectedShapeIds(), 'horizontal')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'flip-vertical',\n\t\t\t\tlabel: 'action.flip-vertical',\n\t\t\t\tcontextMenuLabel: 'action.flip-vertical.short',\n\t\t\t\tkbd: '!v',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('flip-shapes', { operation: 'vertical', source })\n\t\t\t\t\teditor.mark('flip vertical')\n\t\t\t\t\teditor.flipShapes(editor.getSelectedShapeIds(), 'vertical')\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'pack',\n\t\t\t\tlabel: 'action.pack',\n\t\t\t\ticon: 'pack',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('pack-shapes', { source })\n\t\t\t\t\teditor.mark('pack')\n\t\t\t\t\teditor.packShapes(editor.getSelectedShapeIds(), 16)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'stack-vertical',\n\t\t\t\tlabel: 'action.stack-vertical',\n\t\t\t\tcontextMenuLabel: 'action.stack-vertical.short',\n\t\t\t\ticon: 'stack-vertical',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('stack-shapes', { operation: 'vertical', source })\n\t\t\t\t\teditor.mark('stack-vertical')\n\t\t\t\t\teditor.stackShapes(editor.getSelectedShapeIds(), 'vertical', 16)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'stack-horizontal',\n\t\t\t\tlabel: 'action.stack-horizontal',\n\t\t\t\tcontextMenuLabel: 'action.stack-horizontal.short',\n\t\t\t\ticon: 'stack-horizontal',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('stack-shapes', { operation: 'horizontal', source })\n\t\t\t\t\teditor.mark('stack-horizontal')\n\t\t\t\t\teditor.stackShapes(editor.getSelectedShapeIds(), 'horizontal', 16)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'bring-to-front',\n\t\t\t\tlabel: 'action.bring-to-front',\n\t\t\t\tkbd: ']',\n\t\t\t\ticon: 'bring-to-front',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('reorder-shapes', { operation: 'toFront', source })\n\t\t\t\t\teditor.mark('bring to front')\n\t\t\t\t\teditor.bringToFront(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'bring-forward',\n\t\t\t\tlabel: 'action.bring-forward',\n\t\t\t\ticon: 'bring-forward',\n\t\t\t\tkbd: '?]',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('reorder-shapes', { operation: 'forward', source })\n\t\t\t\t\teditor.mark('bring forward')\n\t\t\t\t\teditor.bringForward(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'send-backward',\n\t\t\t\tlabel: 'action.send-backward',\n\t\t\t\ticon: 'send-backward',\n\t\t\t\tkbd: '?[',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('reorder-shapes', { operation: 'backward', source })\n\t\t\t\t\teditor.mark('send backward')\n\t\t\t\t\teditor.sendBackward(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'send-to-back',\n\t\t\t\tlabel: 'action.send-to-back',\n\t\t\t\ticon: 'send-to-back',\n\t\t\t\tkbd: '[',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('reorder-shapes', { operation: 'toBack', source })\n\t\t\t\t\teditor.mark('send to back')\n\t\t\t\t\teditor.sendToBack(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'cut',\n\t\t\t\tlabel: 'action.cut',\n\t\t\t\tkbd: '$x',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\teditor.mark('cut')\n\t\t\t\t\tcut(source)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'copy',\n\t\t\t\tlabel: 'action.copy',\n\t\t\t\tkbd: '$c',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\tcopy(source)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'paste',\n\t\t\t\tlabel: 'action.paste',\n\t\t\t\tkbd: '$v',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tnavigator.clipboard?.read().then((clipboardItems) => {\n\t\t\t\t\t\tpaste(\n\t\t\t\t\t\t\tclipboardItems,\n\t\t\t\t\t\t\tsource,\n\t\t\t\t\t\t\tsource === 'context-menu' ? editor.inputs.currentPagePoint : undefined\n\t\t\t\t\t\t)\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'select-all',\n\t\t\t\tlabel: 'action.select-all',\n\t\t\t\tkbd: '$a',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\t\ttrackEvent('select-all-shapes', { source })\n\n\t\t\t\t\t\teditor.mark('select all kbd')\n\t\t\t\t\t\teditor.selectAll()\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'select-none',\n\t\t\t\tlabel: 'action.select-none',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('select-none-shapes', { source })\n\t\t\t\t\teditor.mark('select none')\n\t\t\t\t\teditor.selectNone()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'delete',\n\t\t\t\tlabel: 'action.delete',\n\t\t\t\tkbd: '\u232B,del,backspace',\n\t\t\t\ticon: 'trash',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('delete-shapes', { source })\n\t\t\t\t\teditor.mark('delete')\n\t\t\t\t\teditor.deleteShapes(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'rotate-cw',\n\t\t\t\tlabel: 'action.rotate-cw',\n\t\t\t\ticon: 'rotate-cw',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('rotate-cw', { source })\n\t\t\t\t\teditor.mark('rotate-cw')\n\t\t\t\t\tconst offset = editor.getSelectionRotation() % (TAU / 2)\n\t\t\t\t\tconst dontUseOffset = approximately(offset, 0) || approximately(offset, TAU / 2)\n\t\t\t\t\teditor.rotateShapesBy(\n\t\t\t\t\t\teditor.getSelectedShapeIds(),\n\t\t\t\t\t\tTAU / 2 - (dontUseOffset ? 0 : offset)\n\t\t\t\t\t)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'rotate-ccw',\n\t\t\t\tlabel: 'action.rotate-ccw',\n\t\t\t\ticon: 'rotate-ccw',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('rotate-ccw', { source })\n\t\t\t\t\teditor.mark('rotate-ccw')\n\t\t\t\t\tconst offset = editor.getSelectionRotation() % (TAU / 2)\n\t\t\t\t\tconst offsetCloseToZero = approximately(offset, 0)\n\t\t\t\t\teditor.rotateShapesBy(\n\t\t\t\t\t\teditor.getSelectedShapeIds(),\n\t\t\t\t\t\toffsetCloseToZero ? -(TAU / 2) : -offset\n\t\t\t\t\t)\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'zoom-in',\n\t\t\t\tlabel: 'action.zoom-in',\n\t\t\t\tkbd: '$=,=',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('zoom-in', { source })\n\t\t\t\t\teditor.zoomIn(editor.getViewportScreenCenter(), { duration: ANIMATION_MEDIUM_MS })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'zoom-out',\n\t\t\t\tlabel: 'action.zoom-out',\n\t\t\t\tkbd: '$-,-',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('zoom-out', { source })\n\t\t\t\t\teditor.zoomOut(editor.getViewportScreenCenter(), { duration: ANIMATION_MEDIUM_MS })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'zoom-to-100',\n\t\t\t\tlabel: 'action.zoom-to-100',\n\t\t\t\ticon: 'reset-zoom',\n\t\t\t\tkbd: '!0',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('reset-zoom', { source })\n\t\t\t\t\teditor.resetZoom(editor.getViewportScreenCenter(), { duration: ANIMATION_MEDIUM_MS })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'zoom-to-fit',\n\t\t\t\tlabel: 'action.zoom-to-fit',\n\t\t\t\tkbd: '!1',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('zoom-to-fit', { source })\n\t\t\t\t\teditor.zoomToFit({ duration: ANIMATION_MEDIUM_MS })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'zoom-to-selection',\n\t\t\t\tlabel: 'action.zoom-to-selection',\n\t\t\t\tkbd: '!2',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\tif (!hasSelectedShapes()) return\n\t\t\t\t\tif (mustGoBackToSelectToolFirst()) return\n\n\t\t\t\t\ttrackEvent('zoom-to-selection', { source })\n\t\t\t\t\teditor.zoomToSelection({ duration: ANIMATION_MEDIUM_MS })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-snap-mode',\n\t\t\t\tlabel: 'action.toggle-snap-mode',\n\t\t\t\tmenuLabel: 'action.toggle-snap-mode.menu',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-snap-mode', { source })\n\t\t\t\t\teditor.user.updateUserPreferences({ isSnapMode: !editor.user.getIsSnapMode() })\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-dark-mode',\n\t\t\t\tlabel: 'action.toggle-dark-mode',\n\t\t\t\tmenuLabel: 'action.toggle-dark-mode.menu',\n\t\t\t\tkbd: '$/',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-dark-mode', { source })\n\t\t\t\t\teditor.user.updateUserPreferences({ isDarkMode: !editor.user.getIsDarkMode() })\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-reduce-motion',\n\t\t\t\tlabel: 'action.toggle-reduce-motion',\n\t\t\t\tmenuLabel: 'action.toggle-reduce-motion.menu',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-reduce-motion', { source })\n\t\t\t\t\teditor.user.updateUserPreferences({\n\t\t\t\t\t\tanimationSpeed: editor.user.getAnimationSpeed() === 0 ? 1 : 0,\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-transparent',\n\t\t\t\tlabel: 'action.toggle-transparent',\n\t\t\t\tmenuLabel: 'action.toggle-transparent.menu',\n\t\t\t\tcontextMenuLabel: 'action.toggle-transparent.context-menu',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-transparent', { source })\n\t\t\t\t\teditor.updateInstanceState(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\texportBackground: !editor.getInstanceState().exportBackground,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{ ephemeral: true }\n\t\t\t\t\t)\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-tool-lock',\n\t\t\t\tlabel: 'action.toggle-tool-lock',\n\t\t\t\tmenuLabel: 'action.toggle-tool-lock.menu',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tkbd: 'q',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-tool-lock', { source })\n\t\t\t\t\teditor.updateInstanceState({ isToolLocked: !editor.getInstanceState().isToolLocked })\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'unlock-all',\n\t\t\t\tlabel: 'action.unlock-all',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('unlock-all', { source })\n\t\t\t\t\tconst updates = [] as TLShapePartial[]\n\t\t\t\t\tfor (const shape of editor.getCurrentPageShapes()) {\n\t\t\t\t\t\tif (shape.isLocked) {\n\t\t\t\t\t\t\tupdates.push({ id: shape.id, type: shape.type, isLocked: false })\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (updates.length > 0) {\n\t\t\t\t\t\teditor.updateShapes(updates)\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-focus-mode',\n\t\t\t\tlabel: 'action.toggle-focus-mode',\n\t\t\t\tmenuLabel: 'action.toggle-focus-mode.menu',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tkbd: '$.',\n\t\t\t\tcheckbox: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\t// this needs to be deferred because it causes the menu\n\t\t\t\t\t// UI to unmount which puts us in a dodgy state\n\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\teditor.batch(() => {\n\t\t\t\t\t\t\ttrackEvent('toggle-focus-mode', { source })\n\t\t\t\t\t\t\tclearDialogs()\n\t\t\t\t\t\t\tclearToasts()\n\t\t\t\t\t\t\teditor.updateInstanceState({ isFocusMode: !editor.getInstanceState().isFocusMode })\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-grid',\n\t\t\t\tlabel: 'action.toggle-grid',\n\t\t\t\tmenuLabel: 'action.toggle-grid.menu',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tkbd: \"$'\",\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-grid-mode', { source })\n\t\t\t\t\teditor.updateInstanceState({ isGridMode: !editor.getInstanceState().isGridMode })\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-debug-mode',\n\t\t\t\tlabel: 'action.toggle-debug-mode',\n\t\t\t\tmenuLabel: 'action.toggle-debug-mode.menu',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('toggle-debug-mode', { source })\n\t\t\t\t\teditor.updateInstanceState({\n\t\t\t\t\t\tisDebugMode: !editor.getInstanceState().isDebugMode,\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tcheckbox: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'print',\n\t\t\t\tlabel: 'action.print',\n\t\t\t\tkbd: '$p',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('print', { source })\n\t\t\t\t\tprintSelectionOrPages()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'exit-pen-mode',\n\t\t\t\tlabel: 'action.exit-pen-mode',\n\t\t\t\ticon: 'cross-2',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('exit-pen-mode', { source })\n\t\t\t\t\teditor.updateInstanceState({ isPenMode: false })\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'stop-following',\n\t\t\t\tlabel: 'action.stop-following',\n\t\t\t\ticon: 'cross-2',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('stop-following', { source })\n\t\t\t\t\teditor.stopFollowingUser()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'back-to-content',\n\t\t\t\tlabel: 'action.back-to-content',\n\t\t\t\ticon: 'arrow-left',\n\t\t\t\treadonlyOk: true,\n\t\t\t\tonSelect(source) {\n\t\t\t\t\ttrackEvent('zoom-to-content', { source })\n\t\t\t\t\teditor.zoomToContent()\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'toggle-lock',\n\t\t\t\tlabel: 'action.toggle-lock',\n\t\t\t\treadonlyOk: false,\n\t\t\t\tkbd: '!l',\n\t\t\t\tonSelect(source) {\n\t\t\t\t\teditor.mark('locking')\n\t\t\t\t\ttrackEvent('toggle-lock', { source })\n\t\t\t\t\teditor.toggleLock(editor.getSelectedShapeIds())\n\t\t\t\t},\n\t\t\t},\n\t\t]\n\n\t\tconst actions = makeActions(actionItems)\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, actions, undefined)\n\t\t}\n\n\t\treturn actions\n\t}, [\n\t\teditor,\n\t\ttrackEvent,\n\t\toverrides,\n\t\taddDialog,\n\t\tinsertMedia,\n\t\texportAs,\n\t\tcopyAs,\n\t\tcut,\n\t\tcopy,\n\t\tpaste,\n\t\tclearDialogs,\n\t\tclearToasts,\n\t\tprintSelectionOrPages,\n\t])\n\n\treturn <ActionsContext.Provider value={asActions(actions)}>{children}</ActionsContext.Provider>\n}\n\n/** @public */\nexport function useActions() {\n\tconst ctx = React.useContext(ActionsContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useTools must be used within a ToolProvider')\n\t}\n\n\treturn ctx\n}\n\nfunction asActions<T extends Record<string, TLUiActionItem>>(actions: T) {\n\treturn actions as Record<keyof typeof actions, TLUiActionItem>\n}\n"],
+  "mappings": "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",
+  "names": ["actions"]
+}

package/dist-cjs/lib/ui/hooks/useActionsMenuSchema.js

@@ -0,0 +1,112 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useActionsMenuSchema_exports = {};
+__export(useActionsMenuSchema_exports, {
+  ActionsMenuSchemaContext: () => ActionsMenuSchemaContext,
+  ActionsMenuSchemaProvider: () => ActionsMenuSchemaProvider,
+  useActionsMenuSchema: () => useActionsMenuSchema
+});
+module.exports = __toCommonJS(useActionsMenuSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_menuHelpers = require("./menuHelpers");
+var import_useActions = require("./useActions");
+var import_useBreakpoint = require("./useBreakpoint");
+var import_useHasLinkShapeSelected = require("./useHasLinkShapeSelected");
+const ActionsMenuSchemaContext = import_react.default.createContext({});
+const ActionsMenuSchemaProvider = ({
+  overrides,
+  children
+}) => {
+  const editor = (0, import_editor.useEditor)();
+  const actions = (0, import_useActions.useActions)();
+  const selectedCount = (0, import_editor.useValue)("selected count", () => editor.getSelectedShapeIds().length, [
+    editor
+  ]);
+  const oneSelected = selectedCount > 0;
+  const twoSelected = selectedCount > 1;
+  const threeSelected = selectedCount > 2;
+  const threeStackableItems = (0, import_menuHelpers.useThreeStackableItems)();
+  const allowGroup = (0, import_menuHelpers.useAllowGroup)();
+  const allowUngroup = (0, import_menuHelpers.useAllowUngroup)();
+  const showEditLink = (0, import_useHasLinkShapeSelected.useHasLinkShapeSelected)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const isZoomedTo100 = (0, import_editor.useValue)("zoom is 1", () => editor.getZoomLevel() === 1, [editor]);
+  const actionTLUiMenuSchema = (0, import_react.useMemo)(() => {
+    const results = [
+      (0, import_menuHelpers.menuItem)(actions["align-left"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["align-center-horizontal"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["align-right"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["stretch-horizontal"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["align-top"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["align-center-vertical"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["align-bottom"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["stretch-vertical"], { disabled: !twoSelected }),
+      (0, import_menuHelpers.menuItem)(actions["distribute-horizontal"], { disabled: !threeSelected }),
+      (0, import_menuHelpers.menuItem)(actions["distribute-vertical"], { disabled: !threeSelected }),
+      (0, import_menuHelpers.menuItem)(actions["stack-horizontal"], { disabled: !threeStackableItems }),
+      (0, import_menuHelpers.menuItem)(actions["stack-vertical"], { disabled: !threeStackableItems }),
+      (0, import_menuHelpers.menuItem)(actions["send-to-back"], { disabled: !oneSelected }),
+      (0, import_menuHelpers.menuItem)(actions["send-backward"], { disabled: !oneSelected }),
+      (0, import_menuHelpers.menuItem)(actions["bring-forward"], { disabled: !oneSelected }),
+      (0, import_menuHelpers.menuItem)(actions["bring-to-front"], { disabled: !oneSelected }),
+      breakpoint < 5 ? (0, import_menuHelpers.menuItem)(actions["zoom-to-100"], { disabled: !!isZoomedTo100 }) : (0, import_menuHelpers.menuItem)(actions["rotate-ccw"], { disabled: !oneSelected }),
+      (0, import_menuHelpers.menuItem)(actions["rotate-cw"], { disabled: !oneSelected }),
+      (0, import_menuHelpers.menuItem)(actions["edit-link"], { disabled: !showEditLink }),
+      allowGroup ? (0, import_menuHelpers.menuItem)(actions["group"], { disabled: !twoSelected }) : allowUngroup ? (0, import_menuHelpers.menuItem)(actions["ungroup"]) : (0, import_menuHelpers.menuItem)(actions["group"], { disabled: !twoSelected })
+    ];
+    if (overrides) {
+      return overrides(editor, results, { actions, oneSelected, twoSelected, threeSelected });
+    }
+    return results;
+  }, [
+    editor,
+    isZoomedTo100,
+    allowGroup,
+    overrides,
+    actions,
+    oneSelected,
+    twoSelected,
+    threeSelected,
+    threeStackableItems,
+    allowUngroup,
+    showEditLink,
+    breakpoint
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsMenuSchemaContext.Provider, { value: actionTLUiMenuSchema, children });
+};
+function useActionsMenuSchema() {
+  const ctx = import_react.default.useContext(ActionsMenuSchemaContext);
+  if (!ctx) {
+    throw new Error("useActionsMenuSchema must be used inside of a ActionsMenuSchemaProvider.");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useActionsMenuSchema.js.map

package/dist-cjs/lib/ui/hooks/useActionsMenuSchema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useActionsMenuSchema.tsx"],
+  "sourcesContent": ["import { Editor, useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport {\n\tTLUiMenuSchema,\n\tmenuItem,\n\tuseAllowGroup,\n\tuseAllowUngroup,\n\tuseThreeStackableItems,\n} from './menuHelpers'\nimport { useActions } from './useActions'\nimport { useBreakpoint } from './useBreakpoint'\nimport { useHasLinkShapeSelected } from './useHasLinkShapeSelected'\n\n/** @public */\nexport type TLUiActionsMenuSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const ActionsMenuSchemaContext = React.createContext({} as TLUiActionsMenuSchemaContextType)\n\n/** @public */\nexport type ActionsMenuSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiActionsMenuSchemaContextType,\n\t\thelpers: {\n\t\t\tactions: ReturnType<typeof useActions>\n\t\t\toneSelected: boolean\n\t\t\ttwoSelected: boolean\n\t\t\tthreeSelected: boolean\n\t\t}\n\t) => TLUiActionsMenuSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport const ActionsMenuSchemaProvider = ({\n\toverrides,\n\tchildren,\n}: ActionsMenuSchemaProviderProps) => {\n\tconst editor = useEditor()\n\tconst actions = useActions()\n\n\tconst selectedCount = useValue('selected count', () => editor.getSelectedShapeIds().length, [\n\t\teditor,\n\t])\n\n\tconst oneSelected = selectedCount > 0\n\tconst twoSelected = selectedCount > 1\n\tconst threeSelected = selectedCount > 2\n\tconst threeStackableItems = useThreeStackableItems()\n\tconst allowGroup = useAllowGroup()\n\tconst allowUngroup = useAllowUngroup()\n\tconst showEditLink = useHasLinkShapeSelected()\n\tconst breakpoint = useBreakpoint()\n\tconst isZoomedTo100 = useValue('zoom is 1', () => editor.getZoomLevel() === 1, [editor])\n\n\tconst actionTLUiMenuSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tconst results = [\n\t\t\tmenuItem(actions['align-left'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['align-center-horizontal'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['align-right'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['stretch-horizontal'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['align-top'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['align-center-vertical'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['align-bottom'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['stretch-vertical'], { disabled: !twoSelected }),\n\t\t\tmenuItem(actions['distribute-horizontal'], { disabled: !threeSelected }),\n\t\t\tmenuItem(actions['distribute-vertical'], { disabled: !threeSelected }),\n\t\t\tmenuItem(actions['stack-horizontal'], { disabled: !threeStackableItems }),\n\t\t\tmenuItem(actions['stack-vertical'], { disabled: !threeStackableItems }),\n\t\t\tmenuItem(actions['send-to-back'], { disabled: !oneSelected }),\n\t\t\tmenuItem(actions['send-backward'], { disabled: !oneSelected }),\n\t\t\tmenuItem(actions['bring-forward'], { disabled: !oneSelected }),\n\t\t\tmenuItem(actions['bring-to-front'], { disabled: !oneSelected }),\n\t\t\tbreakpoint < 5\n\t\t\t\t? menuItem(actions['zoom-to-100'], { disabled: !!isZoomedTo100 })\n\t\t\t\t: menuItem(actions['rotate-ccw'], { disabled: !oneSelected }),\n\t\t\tmenuItem(actions['rotate-cw'], { disabled: !oneSelected }),\n\t\t\tmenuItem(actions['edit-link'], { disabled: !showEditLink }),\n\t\t\tallowGroup\n\t\t\t\t? menuItem(actions['group'], { disabled: !twoSelected })\n\t\t\t\t: allowUngroup\n\t\t\t\t? menuItem(actions['ungroup'])\n\t\t\t\t: menuItem(actions['group'], { disabled: !twoSelected }),\n\t\t]\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, results, { actions, oneSelected, twoSelected, threeSelected })\n\t\t}\n\n\t\treturn results\n\t}, [\n\t\teditor,\n\t\tisZoomedTo100,\n\t\tallowGroup,\n\t\toverrides,\n\t\tactions,\n\t\toneSelected,\n\t\ttwoSelected,\n\t\tthreeSelected,\n\t\tthreeStackableItems,\n\t\tallowUngroup,\n\t\tshowEditLink,\n\t\tbreakpoint,\n\t])\n\n\treturn (\n\t\t<ActionsMenuSchemaContext.Provider value={actionTLUiMenuSchema}>\n\t\t\t{children}\n\t\t</ActionsMenuSchemaContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useActionsMenuSchema(): TLUiMenuSchema {\n\tconst ctx = React.useContext(ActionsMenuSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useActionsMenuSchema must be used inside of a ActionsMenuSchemaProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist-cjs/lib/ui/hooks/useAssetUrls.js

@@ -0,0 +1,41 @@
+"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 useAssetUrls_exports = {};
+__export(useAssetUrls_exports, {
+  AssetUrlsProvider: () => AssetUrlsProvider,
+  useAssetUrls: () => useAssetUrls
+});
+module.exports = __toCommonJS(useAssetUrls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const AssetUrlsContext = (0, import_react.createContext)(null);
+function AssetUrlsProvider({
+  assetUrls,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AssetUrlsContext.Provider, { value: assetUrls, children });
+}
+function useAssetUrls() {
+  const assetUrls = (0, import_react.useContext)(AssetUrlsContext);
+  if (!assetUrls) {
+    throw new Error("useAssetUrls must be used within an AssetUrlsProvider");
+  }
+  return assetUrls;
+}
+//# sourceMappingURL=useAssetUrls.js.map

package/dist-cjs/lib/ui/hooks/useAssetUrls.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useAssetUrls.tsx"],
+  "sourcesContent": ["import { createContext, useContext } from 'react'\nimport { TLUiAssetUrls } from '../assetUrls'\n\n/** @internal */\ntype UiAssetUrlsContextType = TLUiAssetUrls | null\n\nconst AssetUrlsContext = createContext<UiAssetUrlsContextType>(null)\n\n/** @internal */\nexport function AssetUrlsProvider({\n\tassetUrls,\n\tchildren,\n}: {\n\tassetUrls: TLUiAssetUrls\n\tchildren: React.ReactNode\n}) {\n\treturn <AssetUrlsContext.Provider value={assetUrls}>{children}</AssetUrlsContext.Provider>\n}\n\n/** @internal */\nexport function useAssetUrls() {\n\tconst assetUrls = useContext(AssetUrlsContext)\n\tif (!assetUrls) {\n\t\tthrow new Error('useAssetUrls must be used within an AssetUrlsProvider')\n\t}\n\n\treturn assetUrls\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBQ;AAhBR,mBAA0C;AAM1C,MAAM,uBAAmB,4BAAsC,IAAI;AAG5D,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AACD,GAGG;AACF,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAAY,UAAS;AAC/D;AAGO,SAAS,eAAe;AAC9B,QAAM,gBAAY,yBAAW,gBAAgB;AAC7C,MAAI,CAAC,WAAW;AACf,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACxE;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/useBreakpoint.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useBreakpoint_exports = {};
+__export(useBreakpoint_exports, {
+  BreakPointProvider: () => BreakPointProvider,
+  useBreakpoint: () => useBreakpoint
+});
+module.exports = __toCommonJS(useBreakpoint_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_constants = require("../constants");
+const BreakpointContext = import_react.default.createContext(0);
+function BreakPointProvider({
+  forceMobile = false,
+  children
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const breakpoint = (0, import_editor.useValue)(
+    "breakpoint",
+    () => {
+      const { width } = editor.getViewportScreenBounds();
+      const maxBreakpoint = forceMobile ? 3 : import_constants.PORTRAIT_BREAKPOINTS.length - 1;
+      for (let i = 0; i < maxBreakpoint; i++) {
+        if (width > import_constants.PORTRAIT_BREAKPOINTS[i] && width <= import_constants.PORTRAIT_BREAKPOINTS[i + 1]) {
+          return i;
+        }
+      }
+      return maxBreakpoint;
+    },
+    [editor]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreakpointContext.Provider, { value: breakpoint, children });
+}
+function useBreakpoint() {
+  return (0, import_react.useContext)(BreakpointContext);
+}
+//# sourceMappingURL=useBreakpoint.js.map

package/dist-cjs/lib/ui/hooks/useBreakpoint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useBreakpoint.tsx"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useContext } from 'react'\nimport { PORTRAIT_BREAKPOINTS } from '../constants'\n\nconst BreakpointContext = React.createContext(0)\n\n/** @public */\nexport function BreakPointProvider({\n\tforceMobile = false,\n\tchildren,\n}: {\n\tforceMobile?: boolean\n\tchildren: any\n}) {\n\tconst editor = useEditor()\n\n\tconst breakpoint = useValue(\n\t\t'breakpoint',\n\t\t() => {\n\t\t\t// This will recompute the viewport screen bounds changes...\n\t\t\tconst { width } = editor.getViewportScreenBounds()\n\n\t\t\tconst maxBreakpoint = forceMobile ? 3 : PORTRAIT_BREAKPOINTS.length - 1\n\n\t\t\tfor (let i = 0; i < maxBreakpoint; i++) {\n\t\t\t\tif (width > PORTRAIT_BREAKPOINTS[i] && width <= PORTRAIT_BREAKPOINTS[i + 1]) {\n\t\t\t\t\treturn i\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn maxBreakpoint\n\t\t},\n\t\t[editor]\n\t)\n\n\treturn <BreakpointContext.Provider value={breakpoint}>{children}</BreakpointContext.Provider>\n}\n\n/** @public */\nexport function useBreakpoint() {\n\treturn useContext(BreakpointContext)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAnCR,oBAAoC;AACpC,mBAAkC;AAClC,uBAAqC;AAErC,MAAM,oBAAoB,aAAAA,QAAM,cAAc,CAAC;AAGxC,SAAS,mBAAmB;AAAA,EAClC,cAAc;AAAA,EACd;AACD,GAGG;AACF,QAAM,aAAS,yBAAU;AAEzB,QAAM,iBAAa;AAAA,IAClB;AAAA,IACA,MAAM;AAEL,YAAM,EAAE,MAAM,IAAI,OAAO,wBAAwB;AAEjD,YAAM,gBAAgB,cAAc,IAAI,sCAAqB,SAAS;AAEtE,eAAS,IAAI,GAAG,IAAI,eAAe,KAAK;AACvC,YAAI,QAAQ,sCAAqB,CAAC,KAAK,SAAS,sCAAqB,IAAI,CAAC,GAAG;AAC5E,iBAAO;AAAA,QACR;AAAA,MACD;AAEA,aAAO;AAAA,IACR;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAEA,SAAO,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAAa,UAAS;AACjE;AAGO,SAAS,gBAAgB;AAC/B,aAAO,yBAAW,iBAAiB;AACpC;",
+  "names": ["React"]
+}

package/dist-cjs/lib/ui/hooks/useCanRedo.js

@@ -0,0 +1,29 @@
+"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 useCanRedo_exports = {};
+__export(useCanRedo_exports, {
+  useCanRedo: () => useCanRedo
+});
+module.exports = __toCommonJS(useCanRedo_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useCanRedo() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("useCanRedo", () => editor.getCanRedo(), [editor]);
+}
+//# sourceMappingURL=useCanRedo.js.map

package/dist-cjs/lib/ui/hooks/useCanRedo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useCanRedo.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\n\n/** @public */\nexport function useCanRedo() {\n\tconst editor = useEditor()\n\treturn useValue('useCanRedo', () => editor.getCanRedo(), [editor])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAG7B,SAAS,aAAa;AAC5B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,cAAc,MAAM,OAAO,WAAW,GAAG,CAAC,MAAM,CAAC;AAClE;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/useCanUndo.js

@@ -0,0 +1,29 @@
+"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 useCanUndo_exports = {};
+__export(useCanUndo_exports, {
+  useCanUndo: () => useCanUndo
+});
+module.exports = __toCommonJS(useCanUndo_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useCanUndo() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("useCanUndo", () => editor.getCanUndo(), [editor]);
+}
+//# sourceMappingURL=useCanUndo.js.map

package/dist-cjs/lib/ui/hooks/useCanUndo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useCanUndo.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\n\n/** @public */\nexport function useCanUndo() {\n\tconst editor = useEditor()\n\treturn useValue('useCanUndo', () => editor.getCanUndo(), [editor])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAG7B,SAAS,aAAa;AAC5B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,cAAc,MAAM,OAAO,WAAW,GAAG,CAAC,MAAM,CAAC;AAClE;",
+  "names": []
+}