@tomorrowevening/theatre-studio 1.0.5 → 1.0.6

package/dist/propEditors/useEditingToolsForSimpleProp.js

@@ -1,229 +0,0 @@
-import get from 'lodash-es/get';
-import React from 'react';
-import { getPointerParts, prism, val } from '@tomorrowevening/theatre-dataverse';
-import getStudio from '@tomorrowevening/theatre-studio/getStudio';
-import getDeep from '@tomorrowevening/theatre-shared/utils/getDeep';
-import { usePrismInstance } from '@tomorrowevening/theatre-react';
-import { isPropConfSequencable } from '@tomorrowevening/theatre-shared/propTypes/utils';
-import DefaultOrStaticValueIndicator from './DefaultValueIndicator';
-import { getNearbyKeyframesOfTrack } from './getNearbyKeyframesOfTrack';
-import NextPrevKeyframeCursors from './NextPrevKeyframeCursors';
-const cache = new WeakMap();
-/**
- * Note: we're able to get `obj` and `propConfig` from `pointerToProp`,
- * so the only reason they're still in the arguments list is that
- */
-function createPrism(pointerToProp, obj, propConfig) {
-    return prism(() => {
-        const pathToProp = getPointerParts(pointerToProp).path;
-        const final = obj.getValueByPointer(pointerToProp);
-        const editPropValue = prism.memo('editPropValue', () => {
-            let currentScrub = null;
-            return {
-                temporarilySetValue(v) {
-                    if (!currentScrub) {
-                        currentScrub = getStudio().scrub();
-                    }
-                    currentScrub.capture((api) => {
-                        api.set(pointerToProp, v);
-                    });
-                },
-                discardTemporaryValue() {
-                    if (currentScrub) {
-                        currentScrub.discard();
-                        currentScrub = null;
-                    }
-                },
-                permanentlySetValue(v) {
-                    if (currentScrub) {
-                        currentScrub.capture((api) => {
-                            api.set(pointerToProp, v);
-                        });
-                        currentScrub.commit();
-                        currentScrub = null;
-                    }
-                    else {
-                        getStudio().transaction((api) => {
-                            api.set(pointerToProp, v);
-                        });
-                    }
-                },
-            };
-        }, []);
-        const editAssets = {
-            createAsset: (asset) => obj.sheet.project.assetStorage.createAsset(asset),
-            getAssetUrl: (asset) => asset.id
-                ? obj.sheet.project.assetStorage.getAssetUrl(asset.id)
-                : undefined,
-        };
-        const beingScrubbed = val(get(getStudio().atomP.ephemeral.projects.stateByProjectId[obj.address.projectId].stateBySheetId[obj.address.sheetId].stateByObjectKey[obj.address.objectKey].valuesBeingScrubbed, getPointerParts(pointerToProp).path)) === true;
-        const contextMenuItems = [];
-        const common = {
-            ...editPropValue,
-            ...editAssets,
-            value: final,
-            beingScrubbed,
-            contextMenuItems,
-            controlIndicators: React.createElement(React.Fragment, null),
-        };
-        const isSequencable = isPropConfSequencable(propConfig);
-        if (isSequencable) {
-            const validSequencedTracks = val(obj.template.getMapOfValidSequenceTracks_forStudio());
-            const possibleSequenceTrackId = getDeep(validSequencedTracks, pathToProp);
-            const isSequenced = typeof possibleSequenceTrackId === 'string';
-            if (isSequenced) {
-                contextMenuItems.push({
-                    label: 'Make static',
-                    callback: () => {
-                        getStudio().transaction(({ stateEditors }) => {
-                            const propAddress = { ...obj.address, pathToProp };
-                            stateEditors.coreByProject.historic.sheetsById.sequence.setPrimitivePropAsStatic({
-                                ...propAddress,
-                                value: obj.getValueByPointer(pointerToProp),
-                            });
-                        });
-                    },
-                });
-                const sequenceTrackId = possibleSequenceTrackId;
-                const nearbyKeyframes = prism.sub('lcr', () => {
-                    const track = val(obj.template.project.pointers.historic.sheetsById[obj.address.sheetId].sequence.tracksByObject[obj.address.objectKey].trackData[sequenceTrackId]);
-                    const sequencePosition = val(obj.sheet.getSequence().positionPrism);
-                    return getNearbyKeyframesOfTrack(obj, track && {
-                        data: track,
-                        id: sequenceTrackId,
-                        sheetObject: obj,
-                    }, sequencePosition);
-                }, [sequenceTrackId]);
-                let shade;
-                if (common.beingScrubbed) {
-                    shade = 'Sequenced_OnKeyframe_BeingScrubbed';
-                }
-                else {
-                    if (nearbyKeyframes.cur) {
-                        shade = 'Sequenced_OnKeyframe';
-                    }
-                    else if (nearbyKeyframes.prev?.kf.connectedRight === true) {
-                        shade = 'Sequenced_BeingInterpolated';
-                    }
-                    else {
-                        shade = 'Sequened_NotBeingInterpolated';
-                    }
-                }
-                const toggle = () => {
-                    if (nearbyKeyframes.cur) {
-                        getStudio().transaction((api) => {
-                            api.unset(pointerToProp);
-                        });
-                    }
-                    else {
-                        getStudio().transaction((api) => {
-                            api.set(pointerToProp, common.value);
-                        });
-                    }
-                };
-                const controls = {
-                    cur: nearbyKeyframes.cur
-                        ? {
-                            type: 'on',
-                            itemKey: nearbyKeyframes.cur.itemKey,
-                            toggle,
-                        }
-                        : {
-                            type: 'off',
-                            toggle,
-                        },
-                    prev: nearbyKeyframes.prev !== undefined
-                        ? {
-                            itemKey: nearbyKeyframes.prev.itemKey,
-                            position: nearbyKeyframes.prev.kf.position,
-                            jump: () => {
-                                obj.sheet.getSequence().position =
-                                    nearbyKeyframes.prev.kf.position;
-                            },
-                        }
-                        : undefined,
-                    next: nearbyKeyframes.next !== undefined
-                        ? {
-                            itemKey: nearbyKeyframes.next.itemKey,
-                            position: nearbyKeyframes.next.kf.position,
-                            jump: () => {
-                                obj.sheet.getSequence().position =
-                                    nearbyKeyframes.next.kf.position;
-                            },
-                        }
-                        : undefined,
-                };
-                const nextPrevKeyframeCursors = (React.createElement(NextPrevKeyframeCursors, { ...controls }));
-                const ret = {
-                    ...common,
-                    type: 'Sequenced',
-                    shade,
-                    nearbyKeyframes,
-                    controlIndicators: nextPrevKeyframeCursors,
-                };
-                return ret;
-            }
-        }
-        const allStaticOverrides = val(obj.template.getStaticValues());
-        const staticOverride = getDeep(allStaticOverrides, pathToProp);
-        if (typeof staticOverride !== 'undefined') {
-            contextMenuItems.push({
-                label: 'Reset to default',
-                callback: () => {
-                    getStudio().transaction(({ unset: unset }) => {
-                        unset(pointerToProp);
-                    });
-                },
-            });
-        }
-        if (isSequencable) {
-            contextMenuItems.push({
-                label: 'Sequence',
-                callback: () => {
-                    getStudio().transaction(({ stateEditors }) => {
-                        const propAddress = { ...obj.address, pathToProp };
-                        stateEditors.coreByProject.historic.sheetsById.sequence.setPrimitivePropAsSequenced(propAddress, propConfig);
-                    });
-                },
-            });
-        }
-        if (typeof staticOverride !== 'undefined') {
-            const ret = {
-                ...common,
-                type: 'Static',
-                shade: common.beingScrubbed ? 'Static_BeingScrubbed' : 'Static',
-                controlIndicators: (React.createElement(DefaultOrStaticValueIndicator, { hasStaticOverride: true, obj: obj, pathToProp: pathToProp, propConfig: propConfig })),
-            };
-            return ret;
-        }
-        const ret = {
-            ...common,
-            type: 'Default',
-            shade: 'Default',
-            controlIndicators: (React.createElement(DefaultOrStaticValueIndicator, { hasStaticOverride: true, obj: obj, pathToProp: pathToProp, propConfig: propConfig })),
-        };
-        return ret;
-    });
-}
-function getPrism(pointerToProp, obj, propConfig) {
-    if (cache.has(pointerToProp)) {
-        return cache.get(pointerToProp);
-    }
-    else {
-        const d = createPrism(pointerToProp, obj, propConfig);
-        cache.set(pointerToProp, d);
-        return d;
-    }
-}
-/**
- * Notably, this uses the {@link Scrub} API to support
- * indicating in the UI which pointers (values/props) are being
- * scrubbed. See how impl of {@link Scrub} manages
- * `state.flagsTransaction` to keep a list of these touched paths
- * for the UI to be able to recognize. (e.g. to highlight the
- * item in r3f as you change its scale).
- */
-export function useEditingToolsForSimplePropInDetailsPanel(pointerToProp, obj, propConfig) {
-    const der = getPrism(pointerToProp, obj, propConfig);
-    return usePrismInstance(der);
-}

package/dist/propEditors/utils/IEditingTools.js

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

package/dist/propEditors/utils/PropConfigForType.js

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

package/dist/propEditors/utils/getPropTypeByPointer.js

@@ -1,48 +0,0 @@
-import { getPointerParts } from '@tomorrowevening/theatre-dataverse';
-/**
- * @deprecated because it uses obj.template.staticConfig
- *
- * Returns the PropTypeConfig by path. Assumes `path` is a valid prop path and that
- * it exists in obj.
- *
- * Example usage:
- * ```
- * const propConfig = getPropTypeByPointer(propP, sheetObject)
- *
- * if (propConfig.type === 'number') {
- * //... etc.
- * }
- * ```
- */
-export function getPropTypeByPointer(pointerToProp, obj) {
-    const rootConf = obj.template.staticConfig;
-    const p = getPointerParts(pointerToProp).path;
-    let conf = rootConf;
-    while (p.length !== 0) {
-        const key = p.shift();
-        if (typeof key === 'string') {
-            if (conf.type === 'compound') {
-                conf = conf.props[key];
-                if (!conf) {
-                    throw new Error(`getPropTypeConfigByPath() is called with an invalid path.`);
-                }
-            }
-            else if (conf.type === 'enum') {
-                conf = conf.cases[key];
-                if (!conf) {
-                    throw new Error(`getPropTypeConfigByPath() is called with an invalid path.`);
-                }
-            }
-            else {
-                throw new Error(`getPropTypeConfigByPath() is called with an invalid path.`);
-            }
-        }
-        else if (typeof key === 'number') {
-            throw new Error(`Number indexes are not implemented yet. @todo`);
-        }
-        else {
-            throw new Error(`getPropTypeConfigByPath() is called with an invalid path.`);
-        }
-    }
-    return conf;
-}

package/dist/propEditors/utils/propNameTextCSS.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-export const propNameTextCSS = css `
-  font-weight: 300;
-  font-size: 11px;
-  color: ${(props) => (props.isHighlighted === 'self' ? '#CCC' : '#919191')};
-  text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
-`;

package/dist/selectors.js

@@ -1,63 +0,0 @@
-import { val } from '@tomorrowevening/theatre-dataverse';
-import { isSheet, isSheetObject } from '@tomorrowevening/theatre-shared/instanceTypes';
-import { uniq } from 'lodash-es';
-import getStudio from './getStudio';
-export const getOutlineSelection = () => {
-    const projects = val(getStudio().projectsP);
-    const mapped = (val(getStudio().atomP.historic.panels.outlinePanel.selection) ?? []).map((s) => {
-        const project = projects[s.projectId];
-        if (!project)
-            return;
-        if (s.type === 'Project')
-            return project;
-        const sheetTemplate = val(project.sheetTemplatesP[s.sheetId]);
-        if (!sheetTemplate) {
-            return;
-        }
-        const sheetInstance = getSelectedInstanceOfSheetId(project, s.sheetId);
-        if (!sheetInstance)
-            return;
-        if (s.type === 'Sheet') {
-            return sheetInstance;
-        }
-        const obj = val(sheetInstance.objectsP[s.objectKey]);
-        if (!obj)
-            return;
-        return obj;
-    });
-    return uniq(mapped.filter((s) => typeof s !== 'undefined'));
-};
-export const getSelectedInstanceOfSheetId = (project, selectedSheetId) => {
-    const projectStateP = getStudio().atomP.historic.projects.stateByProjectId[project.address.projectId];
-    const instanceId = val(projectStateP.stateBySheetId[selectedSheetId].selectedInstanceId);
-    const template = val(project.sheetTemplatesP[selectedSheetId]);
-    if (!template)
-        return undefined;
-    if (instanceId) {
-        return val(template.instancesP[instanceId]);
-    }
-    else {
-        // @todo #perf this will update every time an instance is added/removed.
-        const allInstances = val(template.instancesP);
-        return allInstances[keys(allInstances)[0]];
-    }
-};
-function keys(obj) {
-    return Object.keys(obj);
-}
-/**
- * component instances could come and go all the time. This hook
- * makes sure we don't cause re-renders
- */
-export function getRegisteredSheetIds(project) {
-    return Object.keys(val(project.sheetTemplatesP));
-}
-export function getSelectedSequence() {
-    const selectedSheets = uniq(getOutlineSelection()
-        .filter((s) => isSheet(s) || isSheetObject(s))
-        .map((s) => (isSheetObject(s) ? s.sheet : s)));
-    const sheet = selectedSheets[0];
-    if (!sheet)
-        return;
-    return sheet.getSequence();
-}

package/dist/store/index.js

@@ -1,184 +0,0 @@
-import actionCreator from '@tomorrowevening/theatre-studio/utils/redux/actionCreator';
-import { historicActions, withHistory, } from '@tomorrowevening/theatre-studio/utils/redux/withHistory/withHistory';
-import logger from '@tomorrowevening/theatre-shared/logger';
-const initialState = {
-    ahistoric: {
-        visibilityState: 'everythingIsVisible',
-        theTrigger: {
-            position: {
-                closestCorner: 'bottomLeft',
-                distanceFromHorizontalEdge: 0.02,
-                distanceFromVerticalEdge: 0.02,
-            },
-        },
-        coreByProject: {},
-        projects: {
-            stateByProjectId: {},
-        },
-    },
-    historic: {
-        projects: {
-            stateByProjectId: {},
-        },
-        autoKey: true,
-        coreByProject: {},
-        panelInstanceDesceriptors: {},
-    },
-    ephemeral: {
-        initialised: false,
-        coreByProject: {},
-        projects: {
-            stateByProjectId: {},
-        },
-        extensions: {
-            byId: {},
-            paneClasses: {},
-        },
-        showOutline: false,
-    },
-};
-const replacePersistentState = actionCreator('@storeBundle/replacePersistentState', (s) => s);
-const reduceParts = actionCreator('@storeBundle/reduceParts', (fn) => fn);
-export const studioActions = {
-    historic: historicActions,
-    replacePersistentState,
-    reduceParts,
-};
-const setInnerHistoricState = actionCreator('@storeBundle/setInnerHistoricState', (s) => s);
-const historicInnerReducer = (s = initialState.historic, action) => {
-    if (setInnerHistoricState.is(action)) {
-        return action.payload;
-    }
-    else {
-        return s;
-    }
-};
-const historicWrappedReducer = withHistory(historicInnerReducer);
-const permanentReducer = (prevState, action) => {
-    if (replacePersistentState.is(action)) {
-        const { historic, ahistoric } = action.payload;
-        const ephemeral = prevState?.ephemeral || initialState.ephemeral;
-        return {
-            $persistent: { historic, ahistoric },
-            ephemeral,
-        };
-    }
-    else if (!prevState) {
-        const historic = historicWrappedReducer(undefined, {});
-        const ahistoric = initialState.ahistoric;
-        const ephemeral = initialState.ephemeral;
-        return {
-            $persistent: { historic, ahistoric },
-            ephemeral,
-        };
-    }
-    else {
-        let { historic, ahistoric } = prevState.$persistent;
-        let { ephemeral } = prevState;
-        if (reduceParts.is(action)) {
-            const wholeState = {
-                historic: prevState.$persistent.historic.innerState,
-                ahistoric: prevState.$persistent.ahistoric,
-                ephemeral: prevState.ephemeral,
-            };
-            const reduced = action.payload(wholeState);
-            if (reduced === wholeState)
-                return prevState;
-            if (historic.innerState !== reduced.historic) {
-                historic = historicWrappedReducer(historic, setInnerHistoricState(reduced.historic));
-            }
-            ahistoric = reduced.ahistoric;
-            ephemeral = reduced.ephemeral;
-        }
-        else {
-            const newHistoric = historicWrappedReducer(historic, action);
-            if (newHistoric === historic)
-                return prevState;
-            historic = newHistoric;
-        }
-        const persistent = historic === prevState.$persistent.historic &&
-            ahistoric === prevState.$persistent.ahistoric
-            ? prevState.$persistent
-            : { historic, ahistoric };
-        return {
-            $persistent: persistent,
-            ephemeral,
-        };
-    }
-};
-export const _pushTemporaryAction = actionCreator('@history/pushTempAction', (input) => input);
-export const _discardTemporaryAction = actionCreator('@history/discardTempAction', (id) => id);
-export const _commitTemporaryAction = actionCreator('@history/commitTempAction', (id) => id);
-let lastTempActionGroupId = 0;
-export const tempActionGroup = () => {
-    const id = lastTempActionGroupId++;
-    const push = (originalAction) => _pushTemporaryAction({
-        id,
-        originalAction: originalAction,
-    });
-    const discard = () => _discardTemporaryAction(id);
-    const commit = () => _commitTemporaryAction(id);
-    return {
-        push,
-        discard,
-        commit,
-    };
-};
-export const studioReducer = (prevState, action) => {
-    if (!prevState) {
-        const permanent = permanentReducer(undefined, action);
-        return {
-            $temps: {
-                permanent: permanent,
-                tempActions: [],
-            },
-            $persistent: permanent.$persistent,
-            historic: permanent.$persistent.historic.innerState,
-            ahistoric: permanent.$persistent.ahistoric,
-            ephemeral: permanent.ephemeral,
-        };
-    }
-    else {
-        let { tempActions, permanent } = prevState.$temps;
-        let actionToPassInToPermanentReducer = undefined;
-        if (_pushTemporaryAction.is(action)) {
-            tempActions = [...tempActions, action];
-        }
-        else if (_commitTemporaryAction.is(action)) {
-            const toCommit = tempActions.find((a) => a.payload.id === action.payload);
-            if (!toCommit) {
-                logger.error(`Comitting temp action group ${action.payload} isn't possible as this group doesn't exist`);
-            }
-            else {
-                actionToPassInToPermanentReducer = toCommit.payload.originalAction;
-                tempActions = tempActions.filter((a) => a.payload.id !== action.payload);
-            }
-        }
-        else if (_discardTemporaryAction.is(action)) {
-            tempActions = tempActions.filter((a) => a.payload.id !== action.payload);
-        }
-        else {
-            actionToPassInToPermanentReducer = action;
-        }
-        if (actionToPassInToPermanentReducer) {
-            permanent = permanentReducer(prevState.$temps.permanent, actionToPassInToPermanentReducer);
-        }
-        let surface = {
-            historic: permanent.$persistent.historic.innerState,
-            ahistoric: permanent.$persistent.ahistoric,
-            ephemeral: permanent.ephemeral,
-        };
-        for (const tempAction of tempActions) {
-            const orig = tempAction.payload.originalAction;
-            surface = orig.payload(surface);
-        }
-        return {
-            $temps: {
-                tempActions,
-                permanent,
-            },
-            $persistent: permanent.$persistent,
-            ...surface,
-        };
-    }
-};