@bigbluebutton/tldraw 2.0.0-alpha.19

package/src/lib/ui/icon-types.ts

@@ -0,0 +1,337 @@
+// This file is automatically generated by scripts/refresh-assets.ts.
+// Do not edit manually.
+
+/** @public */
+export type TLUiIconType =
+	| 'align-bottom-center'
+	| 'align-bottom-left'
+	| 'align-bottom-right'
+	| 'align-bottom'
+	| 'align-center-center'
+	| 'align-center-horizontal'
+	| 'align-center-left'
+	| 'align-center-right'
+	| 'align-center-vertical'
+	| 'align-left'
+	| 'align-right'
+	| 'align-top-center'
+	| 'align-top-left'
+	| 'align-top-right'
+	| 'align-top'
+	| 'arrow-left'
+	| 'arrowhead-arrow'
+	| 'arrowhead-bar'
+	| 'arrowhead-diamond'
+	| 'arrowhead-dot'
+	| 'arrowhead-none'
+	| 'arrowhead-square'
+	| 'arrowhead-triangle-inverted'
+	| 'arrowhead-triangle'
+	| 'aspect-ratio'
+	| 'avatar'
+	| 'blob'
+	| 'bring-forward'
+	| 'bring-to-front'
+	| 'check'
+	| 'checkbox-checked'
+	| 'checkbox-empty'
+	| 'chevron-down'
+	| 'chevron-left'
+	| 'chevron-right'
+	| 'chevron-up'
+	| 'chevrons-ne'
+	| 'chevrons-sw'
+	| 'clipboard-copied'
+	| 'clipboard-copy'
+	| 'code'
+	| 'collab'
+	| 'color'
+	| 'comment'
+	| 'cross-2'
+	| 'cross'
+	| 'dash-dashed'
+	| 'dash-dotted'
+	| 'dash-draw'
+	| 'dash-solid'
+	| 'discord'
+	| 'distribute-horizontal'
+	| 'distribute-vertical'
+	| 'dot'
+	| 'dots-horizontal'
+	| 'dots-vertical'
+	| 'drag-handle-dots'
+	| 'duplicate'
+	| 'edit'
+	| 'external-link'
+	| 'file'
+	| 'fill-none'
+	| 'fill-pattern'
+	| 'fill-semi'
+	| 'fill-solid'
+	| 'follow'
+	| 'following'
+	| 'font-draw'
+	| 'font-mono'
+	| 'font-sans'
+	| 'font-serif'
+	| 'geo-arrow-down'
+	| 'geo-arrow-left'
+	| 'geo-arrow-right'
+	| 'geo-arrow-up'
+	| 'geo-check-box'
+	| 'geo-cloud'
+	| 'geo-diamond'
+	| 'geo-ellipse'
+	| 'geo-hexagon'
+	| 'geo-octagon'
+	| 'geo-oval'
+	| 'geo-pentagon'
+	| 'geo-rectangle'
+	| 'geo-rhombus-2'
+	| 'geo-rhombus'
+	| 'geo-star'
+	| 'geo-trapezoid'
+	| 'geo-triangle'
+	| 'geo-x-box'
+	| 'github'
+	| 'group'
+	| 'hidden'
+	| 'image'
+	| 'info-circle'
+	| 'leading'
+	| 'link'
+	| 'lock-small'
+	| 'lock'
+	| 'menu'
+	| 'minus'
+	| 'mixed'
+	| 'pack'
+	| 'page'
+	| 'plus'
+	| 'question-mark-circle'
+	| 'question-mark'
+	| 'redo'
+	| 'reset-zoom'
+	| 'rotate-ccw'
+	| 'rotate-cw'
+	| 'ruler'
+	| 'search'
+	| 'send-backward'
+	| 'send-to-back'
+	| 'settings-horizontal'
+	| 'settings-vertical-1'
+	| 'settings-vertical'
+	| 'share-1'
+	| 'share-2'
+	| 'size-extra-large'
+	| 'size-large'
+	| 'size-medium'
+	| 'size-small'
+	| 'spline-cubic'
+	| 'spline-line'
+	| 'stack-horizontal'
+	| 'stack-vertical'
+	| 'status-offline'
+	| 'status-online'
+	| 'stretch-horizontal'
+	| 'stretch-vertical'
+	| 'text-align-center'
+	| 'text-align-justify'
+	| 'text-align-left'
+	| 'text-align-right'
+	| 'tool-arrow'
+	| 'tool-embed'
+	| 'tool-eraser'
+	| 'tool-frame'
+	| 'tool-hand'
+	| 'tool-highlight'
+	| 'tool-laser'
+	| 'tool-line'
+	| 'tool-media'
+	| 'tool-note'
+	| 'tool-pencil'
+	| 'tool-pointer'
+	| 'tool-text'
+	| 'trash'
+	| 'triangle-down'
+	| 'triangle-up'
+	| 'twitter'
+	| 'undo'
+	| 'ungroup'
+	| 'unlock-small'
+	| 'unlock'
+	| 'vertical-align-center'
+	| 'vertical-align-end'
+	| 'vertical-align-start'
+	| 'visible'
+	| 'warning-triangle'
+	| 'zoom-in'
+	| 'zoom-out'
+
+/** @public */
+export const iconTypes = [
+	'align-bottom-center',
+	'align-bottom-left',
+	'align-bottom-right',
+	'align-bottom',
+	'align-center-center',
+	'align-center-horizontal',
+	'align-center-left',
+	'align-center-right',
+	'align-center-vertical',
+	'align-left',
+	'align-right',
+	'align-top-center',
+	'align-top-left',
+	'align-top-right',
+	'align-top',
+	'arrow-left',
+	'arrowhead-arrow',
+	'arrowhead-bar',
+	'arrowhead-diamond',
+	'arrowhead-dot',
+	'arrowhead-none',
+	'arrowhead-square',
+	'arrowhead-triangle-inverted',
+	'arrowhead-triangle',
+	'aspect-ratio',
+	'avatar',
+	'blob',
+	'bring-forward',
+	'bring-to-front',
+	'check',
+	'checkbox-checked',
+	'checkbox-empty',
+	'chevron-down',
+	'chevron-left',
+	'chevron-right',
+	'chevron-up',
+	'chevrons-ne',
+	'chevrons-sw',
+	'clipboard-copied',
+	'clipboard-copy',
+	'code',
+	'collab',
+	'color',
+	'comment',
+	'cross-2',
+	'cross',
+	'dash-dashed',
+	'dash-dotted',
+	'dash-draw',
+	'dash-solid',
+	'discord',
+	'distribute-horizontal',
+	'distribute-vertical',
+	'dot',
+	'dots-horizontal',
+	'dots-vertical',
+	'drag-handle-dots',
+	'duplicate',
+	'edit',
+	'external-link',
+	'file',
+	'fill-none',
+	'fill-pattern',
+	'fill-semi',
+	'fill-solid',
+	'follow',
+	'following',
+	'font-draw',
+	'font-mono',
+	'font-sans',
+	'font-serif',
+	'geo-arrow-down',
+	'geo-arrow-left',
+	'geo-arrow-right',
+	'geo-arrow-up',
+	'geo-check-box',
+	'geo-cloud',
+	'geo-diamond',
+	'geo-ellipse',
+	'geo-hexagon',
+	'geo-octagon',
+	'geo-oval',
+	'geo-pentagon',
+	'geo-rectangle',
+	'geo-rhombus-2',
+	'geo-rhombus',
+	'geo-star',
+	'geo-trapezoid',
+	'geo-triangle',
+	'geo-x-box',
+	'github',
+	'group',
+	'hidden',
+	'image',
+	'info-circle',
+	'leading',
+	'link',
+	'lock-small',
+	'lock',
+	'menu',
+	'minus',
+	'mixed',
+	'pack',
+	'page',
+	'plus',
+	'question-mark-circle',
+	'question-mark',
+	'redo',
+	'reset-zoom',
+	'rotate-ccw',
+	'rotate-cw',
+	'ruler',
+	'search',
+	'send-backward',
+	'send-to-back',
+	'settings-horizontal',
+	'settings-vertical-1',
+	'settings-vertical',
+	'share-1',
+	'share-2',
+	'size-extra-large',
+	'size-large',
+	'size-medium',
+	'size-small',
+	'spline-cubic',
+	'spline-line',
+	'stack-horizontal',
+	'stack-vertical',
+	'status-offline',
+	'status-online',
+	'stretch-horizontal',
+	'stretch-vertical',
+	'text-align-center',
+	'text-align-justify',
+	'text-align-left',
+	'text-align-right',
+	'tool-arrow',
+	'tool-embed',
+	'tool-eraser',
+	'tool-frame',
+	'tool-hand',
+	'tool-highlight',
+	'tool-laser',
+	'tool-line',
+	'tool-media',
+	'tool-note',
+	'tool-pencil',
+	'tool-pointer',
+	'tool-text',
+	'trash',
+	'triangle-down',
+	'triangle-up',
+	'twitter',
+	'undo',
+	'ungroup',
+	'unlock-small',
+	'unlock',
+	'vertical-align-center',
+	'vertical-align-end',
+	'vertical-align-start',
+	'visible',
+	'warning-triangle',
+	'zoom-in',
+	'zoom-out',
+] as const

package/src/lib/ui/overrides.ts

@@ -0,0 +1,211 @@
+import { Editor, objectMapEntries } from '@bigbluebutton/editor'
+import { useMemo } from 'react'
+import { ActionsProviderProps } from './hooks/useActions'
+import { ActionsMenuSchemaProviderProps } from './hooks/useActionsMenuSchema'
+import { useBreakpoint } from './hooks/useBreakpoint'
+import { TLUiContextMenuSchemaProviderProps } from './hooks/useContextMenuSchema'
+import { useDialogs } from './hooks/useDialogsProvider'
+import { TLUiHelpMenuSchemaProviderProps } from './hooks/useHelpMenuSchema'
+import { TLUiKeyboardShortcutsSchemaProviderProps } from './hooks/useKeyboardShortcutsSchema'
+import { TLUiMenuSchemaProviderProps } from './hooks/useMenuSchema'
+import { useToasts } from './hooks/useToastsProvider'
+import { TLUiToolbarSchemaProviderProps } from './hooks/useToolbarSchema'
+import { TLUiToolsProviderProps } from './hooks/useTools'
+import { TLUiTranslationProviderProps, useTranslation } from './hooks/useTranslation/useTranslation'
+
+/** @public */
+export function useDefaultHelpers() {
+	const { addToast, removeToast, clearToasts } = useToasts()
+	const { addDialog, clearDialogs, removeDialog, updateDialog } = useDialogs()
+	const breakpoint = useBreakpoint()
+	const isMobile = breakpoint < 5
+	const msg = useTranslation()
+	return useMemo(
+		() => ({
+			addToast,
+			removeToast,
+			clearToasts,
+			addDialog,
+			clearDialogs,
+			removeDialog,
+			updateDialog,
+			msg,
+			isMobile,
+		}),
+		[
+			addDialog,
+			addToast,
+			clearDialogs,
+			clearToasts,
+			msg,
+			removeDialog,
+			removeToast,
+			updateDialog,
+			isMobile,
+		]
+	)
+}
+
+type DefaultHelpers = ReturnType<typeof useDefaultHelpers>
+
+export type TLUiOverride<Type, Helpers> = (editor: Editor, schema: Type, helpers: Helpers) => Type
+
+type WithDefaultHelpers<T extends TLUiOverride<any, any>> = T extends TLUiOverride<
+	infer Type,
+	infer Helpers
+>
+	? TLUiOverride<Type, Helpers extends undefined ? DefaultHelpers : Helpers & DefaultHelpers>
+	: never
+
+/** @public */
+export type TLUiOverrides = Partial<{
+	actionsMenu: WithDefaultHelpers<NonNullable<ActionsMenuSchemaProviderProps['overrides']>>
+	actions: WithDefaultHelpers<NonNullable<ActionsProviderProps['overrides']>>
+	contextMenu: WithDefaultHelpers<NonNullable<TLUiContextMenuSchemaProviderProps['overrides']>>
+	helpMenu: WithDefaultHelpers<NonNullable<TLUiHelpMenuSchemaProviderProps['overrides']>>
+	menu: WithDefaultHelpers<NonNullable<TLUiMenuSchemaProviderProps['overrides']>>
+	toolbar: WithDefaultHelpers<NonNullable<TLUiToolbarSchemaProviderProps['overrides']>>
+	keyboardShortcutsMenu: WithDefaultHelpers<
+		NonNullable<TLUiKeyboardShortcutsSchemaProviderProps['overrides']>
+	>
+	tools: WithDefaultHelpers<NonNullable<TLUiToolsProviderProps['overrides']>>
+	translations: TLUiTranslationProviderProps['overrides']
+}>
+
+export type TLUiOverridesWithoutDefaults = Partial<{
+	actionsMenu: ActionsMenuSchemaProviderProps['overrides']
+	actions: ActionsProviderProps['overrides']
+	contextMenu: TLUiContextMenuSchemaProviderProps['overrides']
+	helpMenu: TLUiHelpMenuSchemaProviderProps['overrides']
+	menu: TLUiMenuSchemaProviderProps['overrides']
+	toolbar: TLUiToolbarSchemaProviderProps['overrides']
+	keyboardShortcutsMenu: TLUiKeyboardShortcutsSchemaProviderProps['overrides']
+	tools: TLUiToolsProviderProps['overrides']
+	translations: TLUiTranslationProviderProps['overrides']
+}>
+
+export function mergeOverrides(
+	overrides: TLUiOverrides[],
+	defaultHelpers: DefaultHelpers
+): TLUiOverridesWithoutDefaults {
+	const mergedTranslations: TLUiTranslationProviderProps['overrides'] = {}
+	for (const override of overrides) {
+		if (override.translations) {
+			for (const [key, value] of objectMapEntries(override.translations)) {
+				let strings = mergedTranslations[key]
+				if (!strings) {
+					strings = mergedTranslations[key] = {}
+				}
+				Object.assign(strings, value)
+			}
+		}
+	}
+	return {
+		actionsMenu: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.actionsMenu) {
+					schema = override.actionsMenu(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		actions: (editor, schema) => {
+			for (const override of overrides) {
+				if (override.actions) {
+					schema = override.actions(editor, schema, defaultHelpers)
+				}
+			}
+			return schema
+		},
+		contextMenu: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.contextMenu) {
+					schema = override.contextMenu(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		helpMenu: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.helpMenu) {
+					schema = override.helpMenu(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		menu: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.menu) {
+					schema = override.menu(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		toolbar: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.toolbar) {
+					schema = override.toolbar(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		keyboardShortcutsMenu: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.keyboardShortcutsMenu) {
+					schema = override.keyboardShortcutsMenu(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		tools: (editor, schema, helpers) => {
+			for (const override of overrides) {
+				if (override.tools) {
+					schema = override.tools(editor, schema, { ...defaultHelpers, ...helpers })
+				}
+			}
+			return schema
+		},
+		translations: mergedTranslations,
+	}
+}
+
+function useShallowArrayEquality<T extends unknown[]>(array: T): T {
+	// eslint-disable-next-line react-hooks/exhaustive-deps
+	return useMemo(() => array, array)
+}
+
+export function useMergedTranslationOverrides(
+	overrides?: TLUiOverrides[] | TLUiOverrides
+): NonNullable<TLUiTranslationProviderProps['overrides']> {
+	const overridesArray = useShallowArrayEquality(
+		overrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]
+	)
+	return useMemo(() => {
+		const mergedTranslations: TLUiTranslationProviderProps['overrides'] = {}
+		for (const override of overridesArray) {
+			if (override.translations) {
+				for (const [key, value] of objectMapEntries(override.translations)) {
+					let strings = mergedTranslations[key]
+					if (!strings) {
+						strings = mergedTranslations[key] = {}
+					}
+					Object.assign(strings, value)
+				}
+			}
+		}
+		return mergedTranslations
+	}, [overridesArray])
+}
+
+export function useMergedOverrides(
+	overrides?: TLUiOverrides[] | TLUiOverrides
+): TLUiOverridesWithoutDefaults {
+	const defaultHelpers = useDefaultHelpers()
+	const overridesArray = useShallowArrayEquality(
+		overrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]
+	)
+	return useMemo(
+		() => mergeOverrides(overridesArray, defaultHelpers),
+		[overridesArray, defaultHelpers]
+	)
+}

package/src/lib/ui/version.ts

@@ -0,0 +1 @@
+export const version = '2.0.0-alpha.12'