@tomorrowevening/theatre-studio 1.0.4 → 1.0.5

package/dist/store/types/ahistoric.d.ts

@@ -0,0 +1,79 @@
+import type { ProjectState } from '@tomorrowevening/theatre-core/projects/store/storeTypes';
+import type { Keyframe } from '@tomorrowevening/theatre-core/projects/store/types/SheetState_Historic';
+import type { ProjectId, SheetId } from '@tomorrowevening/theatre-shared/utils/ids';
+import type { IRange, StrictRecord } from '@tomorrowevening/theatre-shared/utils/types';
+import type { PointableSet } from '@tomorrowevening/theatre-shared/utils/PointableSet';
+import type { StudioSheetItemKey } from '@tomorrowevening/theatre-shared/utils/ids';
+export type UpdateCheckerResponse = {
+    hasUpdates: true;
+    newVersion: string;
+    releasePage: string;
+} | {
+    hasUpdates: false;
+};
+export type KeyframeWithPathToPropFromCommonRoot = {
+    pathToProp: (string | number)[];
+    keyframe: Keyframe;
+};
+export type StudioAhistoricState = {
+    /**
+     * undefined means the outline menu is pinned
+     */
+    pinOutline?: boolean;
+    /**
+     * undefined means the detail panel is pinned
+     */
+    pinDetails?: boolean;
+    pinNotifications?: boolean;
+    visibilityState: 'everythingIsHidden' | 'everythingIsVisible';
+    clipboard?: {
+        keyframesWithRelativePaths?: KeyframeWithPathToPropFromCommonRoot[];
+    };
+    theTrigger: {
+        position: {
+            closestCorner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+            distanceFromHorizontalEdge: number;
+            distanceFromVerticalEdge: number;
+        };
+    };
+    updateChecker?: {
+        lastChecked: number;
+        result: UpdateCheckerResponse | 'error';
+    };
+    projects: {
+        stateByProjectId: StrictRecord<ProjectId, {
+            collapsedItemsInOutline?: StrictRecord<string, boolean>;
+            stateBySheetId: StrictRecord<SheetId, {
+                sequence?: {
+                    /**
+                     * Stores the zoom level and scroll position of the sequence editor panel
+                     * for this particular sheet.
+                     */
+                    clippedSpaceRange?: IRange;
+                    /**
+                     * @remarks
+                     * We just added this in 0.4.8. Because of that, we defined this as an optional
+                     * prop, so that a user upgrading from 0.4.7 where `focusRange` did not exist,
+                     * would not be shown an error.
+                     *
+                     * Basically, as the store's state evolves, it should always be backwards-compatible.
+                     * In other words, the state of `<0.4.8` should always be valid state for `>=0.4.8`.
+                     *
+                     * If that is not feasible, then we should write a migration script.
+                     */
+                    focusRange?: {
+                        enabled: boolean;
+                        range: IRange;
+                    };
+                    collapsableItems?: PointableSet<StudioSheetItemKey, {
+                        isCollapsed: boolean;
+                    }>;
+                };
+            }>;
+        }>;
+    };
+    coreByProject: {
+        [projectId in ProjectId]: ProjectState['ahistoric'];
+    };
+};
+//# sourceMappingURL=ahistoric.d.ts.map

package/dist/store/types/ahistoric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ahistoric.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/store/types/ahistoric.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yDAAyD,CAAA;AACzF,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,wEAAwE,CAAA;AACpG,OAAO,KAAK,EAAC,SAAS,EAAE,OAAO,EAAC,MAAM,2CAA2C,CAAA;AACjF,OAAO,KAAK,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,6CAA6C,CAAA;AACrF,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oDAAoD,CAAA;AACpF,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,2CAA2C,CAAA;AAEjF,MAAM,MAAM,qBAAqB,GAC7B;IAAC,UAAU,EAAE,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,GAC3D;IAAC,UAAU,EAAE,KAAK,CAAA;CAAC,CAAA;AAEvB,MAAM,MAAM,oCAAoC,GAAG;IACjD,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC/B,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,EAAE,oBAAoB,GAAG,qBAAqB,CAAA;IAC7D,SAAS,CAAC,EAAE;QACV,0BAA0B,CAAC,EAAE,oCAAoC,EAAE,CAAA;KAEpE,CAAA;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,aAAa,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAA;YACpE,0BAA0B,EAAE,MAAM,CAAA;YAClC,wBAAwB,EAAE,MAAM,CAAA;SACjC,CAAA;KACF,CAAA;IACD,aAAa,CAAC,EAAE;QAEd,WAAW,EAAE,MAAM,CAAA;QACnB,MAAM,EAAE,qBAAqB,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,QAAQ,EAAE;QACR,gBAAgB,EAAE,YAAY,CAC5B,SAAS,EACT;YACE,uBAAuB,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YACvD,cAAc,EAAE,YAAY,CAC1B,OAAO,EACP;gBACE,QAAQ,CAAC,EAAE;oBACT;;;uBAGG;oBACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;oBAE1B;;;;;;;;;;uBAUG;oBACH,UAAU,CAAC,EAAE;wBACX,OAAO,EAAE,OAAO,CAAA;wBAChB,KAAK,EAAE,MAAM,CAAA;qBACd,CAAA;oBAED,gBAAgB,CAAC,EAAE,YAAY,CAC7B,kBAAkB,EAClB;wBACE,WAAW,EAAE,OAAO,CAAA;qBACrB,CACF,CAAA;iBACF,CAAA;aACF,CACF,CAAA;SACF,CACF,CAAA;KACF,CAAA;IACD,aAAa,EAAE;SAAE,SAAS,IAAI,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC;KAAC,CAAA;CACrE,CAAA"}

package/dist/store/types/ahistoric.js

@@ -0,0 +1 @@
+export {};

package/dist/store/types/ephemeral.d.ts

@@ -0,0 +1,53 @@
+import type { ProjectState } from '@tomorrowevening/theatre-core/projects/store/storeTypes';
+import type { ObjectAddressKey, ProjectId, SheetId } from '@tomorrowevening/theatre-shared/utils/ids';
+import type { SerializableMap, StrictRecord } from '@tomorrowevening/theatre-shared/utils/types';
+import type { IExtension, PaneClassDefinition } from '@tomorrowevening/theatre-studio/TheatreStudio';
+/**
+ * Technically, all parts of the ephemeral state can be implemented
+ * outside the store, using simple Box|Atom of dataverse.
+ *
+ * The only reason that _some_ of these cases reside in StudioEphemeralState,
+ * is to bring them into attention, because these pieces of the state are useful
+ * in several (3+) places in the application.
+ *
+ * Note: Should we just implement all of ephemeral state as boxes and atoms,
+ * and remove ephemeral state from the store?
+ * - We'd still have to namespace and organize these pieces of ephemeral state,
+ *   so they're discoverable.
+ *
+ *  Disadvantage of that:
+ *  - We may want to send over the wire pieces the ephemeral state that other users
+ *    have interest in. For example, if Alice is dragging Planet.position, Bob would
+ *    want to observe the drag, and not just its final state, which would be in the historic
+ *    state. (still, ephemeral state would never be persisted, but parts of it could be sent
+ *   over the wire).
+ */
+export type StudioEphemeralState = {
+    initialised: boolean;
+    coreByProject: {
+        [projectId in string]: ProjectState['ephemeral'];
+    };
+    projects: {
+        stateByProjectId: StrictRecord<ProjectId, {
+            stateBySheetId: StrictRecord<SheetId, {
+                stateByObjectKey: StrictRecord<ObjectAddressKey, {
+                    /** e.g. `{color: {r: true, g: true}, price: true}` */
+                    valuesBeingScrubbed?: SerializableMap<boolean>;
+                }>;
+            }>;
+        }>;
+    };
+    extensions: {
+        byId: {
+            [extensionId in string]?: IExtension;
+        };
+        paneClasses: {
+            [paneClassName in string]?: {
+                extensionId: string;
+                classDefinition: PaneClassDefinition;
+            };
+        };
+    };
+    showOutline: boolean;
+};
+//# sourceMappingURL=ephemeral.d.ts.map

package/dist/store/types/ephemeral.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ephemeral.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/store/types/ephemeral.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yDAAyD,CAAA;AACzF,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,OAAO,EACR,MAAM,2CAA2C,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,6CAA6C,CAAA;AAC9F,OAAO,KAAK,EACV,UAAU,EACV,mBAAmB,EACpB,MAAM,+CAA+C,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE;SAAE,SAAS,IAAI,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC;KAAC,CAAA;IACjE,QAAQ,EAAE;QACR,gBAAgB,EAAE,YAAY,CAC5B,SAAS,EACT;YACE,cAAc,EAAE,YAAY,CAC1B,OAAO,EACP;gBACE,gBAAgB,EAAE,YAAY,CAC5B,gBAAgB,EAChB;oBACE,sDAAsD;oBACtD,mBAAmB,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;iBAC/C,CACF,CAAA;aACF,CACF,CAAA;SACF,CACF,CAAA;KACF,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE;aAAE,WAAW,IAAI,MAAM,CAAC,CAAC,EAAE,UAAU;SAAC,CAAA;QAC5C,WAAW,EAAE;aACV,aAAa,IAAI,MAAM,CAAC,CAAC,EAAE;gBAC1B,WAAW,EAAE,MAAM,CAAA;gBACnB,eAAe,EAAE,mBAAmB,CAAA;aACrC;SACF,CAAA;KACF,CAAA;IACD,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA"}

package/dist/store/types/ephemeral.js

@@ -0,0 +1 @@
+export {};

package/dist/store/types/historic.d.ts

@@ -0,0 +1,104 @@
+import type { ProjectState_Historic } from '@tomorrowevening/theatre-core/projects/store/storeTypes';
+import type { graphEditorColors } from '@tomorrowevening/theatre-studio/panels/SequenceEditorPanel/GraphEditor/GraphEditor';
+import type { PathToProp_Encoded, ProjectAddress, SheetAddress, SheetObjectAddress, WithoutSheetInstance } from '@tomorrowevening/theatre-shared/utils/addresses';
+import type { StrictRecord } from '@tomorrowevening/theatre-shared/utils/types';
+import type { PointableSet } from '@tomorrowevening/theatre-shared/utils/PointableSet';
+import type Project from '@tomorrowevening/theatre-core/projects/Project';
+import type Sheet from '@tomorrowevening/theatre-core/sheets/Sheet';
+import type SheetObject from '@tomorrowevening/theatre-core/sheetObjects/SheetObject';
+import type { ObjectAddressKey, PaneInstanceId, ProjectId, SequenceMarkerId, SheetId, SheetInstanceId, UIPanelId } from '@tomorrowevening/theatre-shared/utils/ids';
+export type PanelPosition = {
+    edges: {
+        left: {
+            from: 'screenLeft' | 'screenRight';
+            distance: number;
+        };
+        right: {
+            from: 'screenLeft' | 'screenRight';
+            distance: number;
+        };
+        top: {
+            from: 'screenTop' | 'screenBottom';
+            distance: number;
+        };
+        bottom: {
+            from: 'screenTop' | 'screenBottom';
+            distance: number;
+        };
+    };
+};
+type Panels = {
+    sequenceEditor?: {
+        graphEditor?: {
+            isOpen?: boolean;
+            height?: number;
+        };
+    };
+    objectEditor?: {};
+    outlinePanel?: {
+        selection?: OutlineSelectionState[];
+    };
+};
+export type PanelId = keyof Panels;
+export type OutlineSelectionState = ({
+    type: 'Project';
+} & ProjectAddress) | ({
+    type: 'Sheet';
+} & WithoutSheetInstance<SheetAddress>) | ({
+    type: 'SheetObject';
+} & WithoutSheetInstance<SheetObjectAddress>);
+export type OutlineSelectable = Project | Sheet | SheetObject;
+export type OutlineSelection = OutlineSelectable[];
+export type PaneInstanceDescriptor = {
+    instanceId: PaneInstanceId;
+    paneClass: string;
+};
+/**
+ * Marker allows you to mark notable positions in your sequence.
+ *
+ * See root {@link StudioHistoricState}
+ */
+export type StudioHistoricStateSequenceEditorMarker = {
+    id: SequenceMarkerId;
+    label?: string;
+    /**
+     * The position this marker takes in the sequence.
+     *
+     * Usually, this value is measured in seconds, but the unit could be varied based on the kind of
+     * unit you're using for mapping to the position (e.g. Position=1 = 10px of scrolling)
+     */
+    position: number;
+};
+/**
+ * See parent {@link StudioHistoricStateProject}.
+ * See root {@link StudioHistoricState}
+ */
+export type StudioHistoricStateProjectSheet = {
+    selectedInstanceId: undefined | SheetInstanceId;
+    sequenceEditor: {
+        markerSet?: PointableSet<SequenceMarkerId, StudioHistoricStateSequenceEditorMarker>;
+        selectedPropsByObject: StrictRecord<ObjectAddressKey, StrictRecord<PathToProp_Encoded, keyof typeof graphEditorColors>>;
+    };
+};
+/** See {@link StudioHistoricState} */
+export type StudioHistoricStateProject = {
+    stateBySheetId: StrictRecord<SheetId, StudioHistoricStateProjectSheet>;
+};
+export type StudioHistoricState = {
+    projects: {
+        stateByProjectId: StrictRecord<ProjectId, StudioHistoricStateProject>;
+    };
+    /** Panels can contain panes */
+    panels?: Panels;
+    /** Panels can contain panes */
+    panelPositions?: {
+        [panelId in UIPanelId]?: PanelPosition;
+    };
+    panelInstanceDesceriptors: StrictRecord<PaneInstanceId, PaneInstanceDescriptor>;
+    /** Tracks the order in which panes were last focused (last item is most recent) */
+    paneFocusOrder?: PaneInstanceId[];
+    autoKey: boolean;
+    coreByProject: Record<ProjectId, ProjectState_Historic>;
+};
+export {};
+//# sourceMappingURL=historic.d.ts.map

package/dist/store/types/historic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"historic.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/store/types/historic.ts"],"names":[],"mappings":"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"}

package/dist/store/types/historic.js

@@ -0,0 +1 @@
+export {};

package/dist/store/types/index.d.ts

@@ -0,0 +1,25 @@
+import type { StudioAhistoricState } from './ahistoric';
+import type { StudioEphemeralState } from './ephemeral';
+import type { StudioHistoricState } from './historic';
+export * from './ahistoric';
+export * from './ephemeral';
+export * from './historic';
+/**
+ * Describes the type of the object inside our store (redux store).
+ */
+export type StudioState = {
+    /**
+     * This is the part of the state that is undo/redo-able
+     */
+    historic: StudioHistoricState;
+    /**
+     * This is the part of the state that can't be undone, but it's
+     * still persisted to localStorage
+     */
+    ahistoric: StudioAhistoricState;
+    /**
+     * This is entirely ephemeral, and gets lost if user refreshes the page
+     */
+    ephemeral: StudioEphemeralState;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/store/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/store/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAA;AACnD,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAE1B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,EAAE,mBAAmB,CAAA;IAC7B;;;OAGG;IACH,SAAS,EAAE,oBAAoB,CAAA;IAC/B;;OAEG;IACH,SAAS,EAAE,oBAAoB,CAAA;CAChC,CAAA"}

package/dist/store/types/index.js

@@ -0,0 +1,3 @@
+export * from './ahistoric';
+export * from './ephemeral';
+export * from './historic';

package/dist/toolbars/ExtensionToolbar/ExtensionToolbar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const ExtensionToolbar: React.FC<{
+    toolbarId: string;
+    showLeftDivider?: boolean;
+}>;
+export default ExtensionToolbar;
+//# sourceMappingURL=ExtensionToolbar.d.ts.map

package/dist/toolbars/ExtensionToolbar/ExtensionToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionToolbar.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/toolbars/ExtensionToolbar/ExtensionToolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAA;AA4CrD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CA0BA,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/toolbars/ExtensionToolbar/ExtensionToolbar.js

@@ -0,0 +1,51 @@
+import { Atom } from '@tomorrowevening/theatre-dataverse';
+import { useVal } from '@tomorrowevening/theatre-react';
+import getStudio from '@tomorrowevening/theatre-studio/getStudio';
+import React, { useLayoutEffect, useMemo } from 'react';
+import styled from 'styled-components';
+import Toolset from './Toolset';
+const Container = styled.div `
+  height: 36px;
+  /* pointer-events: none; */
+
+  display: flex;
+  gap: 0.5rem;
+  justify-content: center;
+`;
+const GroupDivider = styled.div `
+  position: abolute;
+  height: 32px;
+  width: 1px;
+  background: #373b40;
+  opacity: 0.4;
+`;
+const ExtensionToolsetRender = ({ extension, toolbarId }) => {
+    const toolsetConfigBox = useMemo(() => new Atom([]), []);
+    const attachFn = extension.toolbars?.[toolbarId];
+    useLayoutEffect(() => {
+        const detach = attachFn?.(toolsetConfigBox.set.bind(toolsetConfigBox), getStudio().publicApi);
+        if (typeof detach === 'function')
+            return detach;
+    }, [extension, toolbarId, attachFn]);
+    const config = useVal(toolsetConfigBox.prism);
+    return React.createElement(Toolset, { config: config });
+};
+export const ExtensionToolbar = ({ toolbarId, showLeftDivider }) => {
+    const groups = [];
+    const extensionsById = useVal(getStudio().atomP.ephemeral.extensions.byId);
+    let isAfterFirstGroup = false;
+    for (const [, extension] of Object.entries(extensionsById)) {
+        if (!extension || !extension.toolbars?.[toolbarId])
+            continue;
+        groups.push(React.createElement(React.Fragment, { key: 'extensionToolbar-' + extension.id },
+            isAfterFirstGroup ? React.createElement(GroupDivider, null) : undefined,
+            React.createElement(ExtensionToolsetRender, { extension: extension, toolbarId: toolbarId })));
+        isAfterFirstGroup = true;
+    }
+    if (groups.length === 0)
+        return null;
+    return (React.createElement(Container, { "data-testid": `theatre-extensionToolbar-${toolbarId}` },
+        showLeftDivider ? React.createElement(GroupDivider, null) : undefined,
+        groups));
+};
+export default ExtensionToolbar;

package/dist/toolbars/ExtensionToolbar/Toolset.d.ts

@@ -0,0 +1,7 @@
+import type { ToolsetConfig } from '@tomorrowevening/theatre-studio/TheatreStudio';
+import React from 'react';
+declare const Toolset: React.FC<{
+    config: ToolsetConfig;
+}>;
+export default Toolset;
+//# sourceMappingURL=Toolset.d.ts.map

package/dist/toolbars/ExtensionToolbar/Toolset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolset.d.ts","sourceRoot":"","sources":["../../../../../../studio/src/toolbars/ExtensionToolbar/Toolset.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAa,aAAa,EAAC,MAAM,+CAA+C,CAAA;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,MAAM,EAAE,aAAa,CAAA;CACtB,CAQA,CAAA;AAmCD,eAAe,OAAO,CAAA"}

package/dist/toolbars/ExtensionToolbar/Toolset.js

@@ -0,0 +1,27 @@
+import didYouMean from '@tomorrowevening/theatre-shared/utils/didYouMean';
+import userReadableTypeOfValue from '@tomorrowevening/theatre-shared/utils/userReadableTypeOfValue';
+import React from 'react';
+import IconButton from './tools/IconButton';
+import Switch from './tools/Switch';
+import ExtensionFlyoutMenu from './tools/ExtensionFlyoutMenu';
+const Toolset = (props) => {
+    return (React.createElement(React.Fragment, null, props.config.map((toolConfig, i) => {
+        return React.createElement(Tool, { config: toolConfig, key: i });
+    })));
+};
+const toolByType = {
+    Icon: IconButton,
+    Switch: Switch,
+    Flyout: ExtensionFlyoutMenu,
+};
+function getToolByType(type) {
+    return toolByType[type];
+}
+const Tool = ({ config }) => {
+    const Comp = getToolByType(config.type);
+    if (!Comp) {
+        throw new Error(`No tool with tool.type ${userReadableTypeOfValue(config.type)} exists. Did you mean ${didYouMean(config.type, Object.keys(toolByType))}`);
+    }
+    return React.createElement(Comp, { config: config });
+};
+export default Toolset;

package/dist/toolbars/ExtensionToolbar/tools/ExtensionFlyoutMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ToolConfigFlyoutMenu } from '@tomorrowevening/theatre-studio/TheatreStudio';
+declare const ExtensionFlyoutMenu: React.FC<{
+    config: ToolConfigFlyoutMenu;
+}>;
+export default ExtensionFlyoutMenu;
+//# sourceMappingURL=ExtensionFlyoutMenu.d.ts.map

package/dist/toolbars/ExtensionToolbar/tools/ExtensionFlyoutMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionFlyoutMenu.d.ts","sourceRoot":"","sources":["../../../../../../../studio/src/toolbars/ExtensionToolbar/tools/ExtensionFlyoutMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAGnC,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,+CAA+C,CAAA;AAetD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,MAAM,EAAE,oBAAoB,CAAA;CAC7B,CAuDA,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/toolbars/ExtensionToolbar/tools/ExtensionFlyoutMenu.js

@@ -0,0 +1,51 @@
+import React, { useRef } from 'react';
+import styled from 'styled-components';
+import { pointerEventsAutoInNormalMode } from '@tomorrowevening/theatre-studio/css';
+import ToolbarIconButton from '@tomorrowevening/theatre-studio/uiComponents/toolbar/ToolbarIconButton';
+import BaseMenu from '@tomorrowevening/theatre-studio/uiComponents/simpleContextMenu/ContextMenu/BaseMenu';
+import usePopover from '@tomorrowevening/theatre-studio/uiComponents/Popover/usePopover';
+const Container = styled.div `
+  ${pointerEventsAutoInNormalMode};
+  & > svg {
+    width: 1em;
+    height: 1em;
+    pointer-events: none;
+  }
+`;
+const ExtensionFlyoutMenu = ({ config }) => {
+    const triggerRef = useRef(null);
+    const popover = usePopover(() => {
+        const triggerBounds = triggerRef.current.getBoundingClientRect();
+        return {
+            debugName: 'ExtensionFlyoutMenu:' + config.label,
+            constraints: {
+                maxX: triggerBounds.right,
+                maxY: 8,
+                minX: triggerBounds.left,
+                minY: 8,
+            },
+            verticalGap: 2,
+        };
+    }, () => {
+        return (React.createElement(BaseMenu, { items: config.items.map((option, index) => ({
+                label: option.label,
+                callback: () => {
+                    // this is a user-defined function, so we need to wrap it in a try/catch
+                    try {
+                        option.onClick?.();
+                    }
+                    catch (e) {
+                        console.error(e);
+                    }
+                },
+            })), onRequestClose: () => {
+                popover.close('clicked');
+            } }));
+    });
+    return (React.createElement(Container, null,
+        popover.node,
+        React.createElement(ToolbarIconButton, { ref: triggerRef, onClick: (e) => {
+                popover.open(e, triggerRef.current);
+            } }, config.label)));
+};
+export default ExtensionFlyoutMenu;

package/dist/toolbars/ExtensionToolbar/tools/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ToolConfigIcon } from '@tomorrowevening/theatre-studio/TheatreStudio';
+declare const IconButton: React.FC<{
+    config: ToolConfigIcon;
+    testId?: string;
+}>;
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/toolbars/ExtensionToolbar/tools/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../../../studio/src/toolbars/ExtensionToolbar/tools/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,+CAA+C,CAAA;AAWjF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CASA,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/toolbars/ExtensionToolbar/tools/IconButton.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import ToolbarIconButton from '@tomorrowevening/theatre-studio/uiComponents/toolbar/ToolbarIconButton';
+import styled from 'styled-components';
+import { pointerEventsAutoInNormalMode } from '@tomorrowevening/theatre-studio/css';
+const Container = styled(ToolbarIconButton) `
+  ${pointerEventsAutoInNormalMode};
+  & > svg {
+    width: 1em;
+    height: 1em;
+    pointer-events: none;
+  }
+`;
+const IconButton = ({ config, testId }) => {
+    return (React.createElement(Container, { onClick: config.onClick, "data-testid": testId, title: config.title, dangerouslySetInnerHTML: { __html: config['svgSource'] ?? '' } }));
+};
+export default IconButton;

package/dist/toolbars/ExtensionToolbar/tools/Switch.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ToolConfigSwitch } from '@tomorrowevening/theatre-studio/TheatreStudio';
+declare const Switch: React.FC<{
+    config: ToolConfigSwitch;
+}>;
+export default Switch;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/toolbars/ExtensionToolbar/tools/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../../studio/src/toolbars/ExtensionToolbar/tools/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAA;AAYnF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,MAAM,EAAE,gBAAgB,CAAA;CACzB,CAYA,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/toolbars/ExtensionToolbar/tools/Switch.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import styled from 'styled-components';
+import { pointerEventsAutoInNormalMode } from '@tomorrowevening/theatre-studio/css';
+import ToolbarSwitchSelect from '@tomorrowevening/theatre-studio/uiComponents/toolbar/ToolbarSwitchSelect';
+const IconContainer = styled.div `
+  ${pointerEventsAutoInNormalMode};
+  & > svg {
+    width: 1em;
+    height: 1em;
+    pointer-events: none;
+  }
+`;
+const Switch = ({ config }) => {
+    return (React.createElement(ToolbarSwitchSelect, { onChange: config.onChange, options: config.options.map(({ label, value, svgSource }) => ({
+            label,
+            value,
+            icon: React.createElement(IconContainer, { dangerouslySetInnerHTML: { __html: svgSource } }),
+        })), value: config.value }));
+};
+export default Switch;

package/dist/toolbars/GlobalToolbar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const GlobalToolbar: React.FC;
+export default GlobalToolbar;
+//# sourceMappingURL=GlobalToolbar.d.ts.map

package/dist/toolbars/GlobalToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalToolbar.d.ts","sourceRoot":"","sources":["../../../../../studio/src/toolbars/GlobalToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwB,MAAM,OAAO,CAAA;AA4E5C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAwJ1B,CAAA;AAED,eAAe,aAAa,CAAA"}