react-cosmos-core 6.0.0-canary.fe0c7d1.0 → 6.0.0

package/dist/fixtureState/classState.d.ts

@@ -1,22 +1,23 @@
-import { FixtureDecoratorId, FixtureElementId, FixtureState, FixtureStateClassState, FixtureStateValues } from './types.js';
-export declare function getFixtureStateClassState(fixtureState: FixtureState, decoratorId: FixtureDecoratorId): FixtureStateClassState[];
-export declare function findFixtureStateClassState(fixtureState: FixtureState, elementId: FixtureElementId): void | FixtureStateClassState;
-type CreateFixtureStateClassStateArgs = {
-    fixtureState: FixtureState;
+import { ClassStateFixtureState, ClassStateFixtureStateItem } from './classStateTypes.js';
+import { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
+export declare function filterClassStateFixtureState(classStateFs: ClassStateFixtureState | undefined, decoratorId: FixtureDecoratorId): ClassStateFixtureState;
+export declare function findClassStateFixtureStateItem(classStateFs: ClassStateFixtureState | undefined, elementId: FixtureElementId): void | ClassStateFixtureStateItem;
+type CreateClassStateFixtureStateArgs = {
+    classStateFs: ClassStateFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
     componentName: string;
 };
-export declare function createFixtureStateClassState({ fixtureState, elementId, values, componentName, }: CreateFixtureStateClassStateArgs): {
+export declare function createClassStateFixtureStateItem({ classStateFs, elementId, values, componentName, }: CreateClassStateFixtureStateArgs): {
     elementId: FixtureElementId;
     values: FixtureStateValues;
     componentName: string;
 }[];
-type UpdateFixtureStateClassStateArgs = {
-    fixtureState: FixtureState;
+type UpdateClassStateFixtureStateArgs = {
+    classStateFs: ClassStateFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function updateFixtureStateClassState({ fixtureState, elementId, values, }: UpdateFixtureStateClassStateArgs): FixtureStateClassState[];
-export declare function removeFixtureStateClassState(fixtureState: FixtureState, elementId: FixtureElementId): FixtureStateClassState[];
+export declare function updateClassStateFixtureStateItem({ classStateFs, elementId, values, }: UpdateClassStateFixtureStateArgs): ClassStateFixtureStateItem[];
+export declare function removeClassStateFixtureStateItem(classStateFs: ClassStateFixtureState | undefined, elementId: FixtureElementId): ClassStateFixtureStateItem[];
 export {};

package/dist/fixtureState/classState.js

@@ -1,40 +1,31 @@
 import { find, isEqual } from 'lodash-es';
 import { removeItemMatch, replaceOrAddItem, updateItem, } from '../utils/array.js';
-export function getFixtureStateClassState(fixtureState, decoratorId) {
-    const { classState } = fixtureState;
-    return classState
-        ? classState.filter(s => s.elementId.decoratorId === decoratorId)
+export function filterClassStateFixtureState(classStateFs, decoratorId) {
+    return classStateFs
+        ? classStateFs.filter(s => s.elementId.decoratorId === decoratorId)
         : [];
 }
-export function findFixtureStateClassState(fixtureState, elementId) {
-    const { classState } = fixtureState;
-    return classState && find(classState, s => isEqual(s.elementId, elementId));
+export function findClassStateFixtureStateItem(classStateFs, elementId) {
+    return (classStateFs && find(classStateFs, s => isEqual(s.elementId, elementId)));
 }
-export function createFixtureStateClassState({ fixtureState, elementId, values, componentName, }) {
-    const { classState = [] } = fixtureState;
-    return replaceOrAddItem(classState, createClassStateMatcher(elementId), {
-        elementId,
-        values,
-        componentName,
-    });
+export function createClassStateFixtureStateItem({ classStateFs, elementId, values, componentName, }) {
+    return replaceOrAddItem(classStateFs ?? [], createClassStateMatcher(elementId), { elementId, values, componentName });
 }
-export function updateFixtureStateClassState({ fixtureState, elementId, values, }) {
-    const classStateItem = expectFixtureStateClassState(fixtureState, elementId);
-    return updateItem(fixtureState.classState, classStateItem, {
-        values,
-    });
+export function updateClassStateFixtureStateItem({ classStateFs, elementId, values, }) {
+    const item = expectClassStateItem(classStateFs, elementId);
+    return updateItem(classStateFs, item, { values });
 }
-export function removeFixtureStateClassState(fixtureState, elementId) {
-    return removeItemMatch(fixtureState.classState || [], createClassStateMatcher(elementId));
+export function removeClassStateFixtureStateItem(classStateFs, elementId) {
+    return removeItemMatch(classStateFs ?? [], createClassStateMatcher(elementId));
 }
 function createClassStateMatcher(elementId) {
     return (p) => isEqual(p.elementId, elementId);
 }
-function expectFixtureStateClassState(fixtureState, elementId) {
-    const classStateItem = findFixtureStateClassState(fixtureState, elementId);
-    if (!classStateItem) {
+function expectClassStateItem(classStateFs, elementId) {
+    const item = findClassStateFixtureStateItem(classStateFs, elementId);
+    if (!item) {
         const elId = JSON.stringify(elementId);
         throw new Error(`Fixture state class state missing for element "${elId}"`);
     }
-    return classStateItem;
+    return item;
 }

package/dist/fixtureState/classStateTypes.d.ts

@@ -0,0 +1,7 @@
+import { FixtureElementId, FixtureStateValues } from './types.js';
+export type ClassStateFixtureStateItem = {
+    elementId: FixtureElementId;
+    values: FixtureStateValues;
+    componentName: string;
+};
+export type ClassStateFixtureState = ClassStateFixtureStateItem[];

package/dist/fixtureState/controlsTypes.d.ts

@@ -0,0 +1,14 @@
+import { FixtureStateValue } from './types.js';
+export type StandardControlFixtureState = {
+    type: 'standard';
+    defaultValue: FixtureStateValue;
+    currentValue: FixtureStateValue;
+};
+export type SelectControlFixtureState = {
+    type: 'select';
+    options: string[];
+    defaultValue: string;
+    currentValue: string;
+};
+export type ControlFixtureState = StandardControlFixtureState | SelectControlFixtureState;
+export type ControlsFixtureState = Record<string, ControlFixtureState>;

package/dist/fixtureState/fixtureState.d.ts

@@ -0,0 +1,6 @@
+import { FixtureState } from './types.js';
+export type FixtureStateUpdater<T> = (prevState: T | undefined) => T;
+export type FixtureStateChange<T> = T | FixtureStateUpdater<T>;
+export declare function fixtureStateByName<T>(fixtureState: FixtureState, name: string): T | undefined;
+export declare function updateFixtureState<T>(fixtureState: FixtureState, name: string, change: FixtureStateChange<T>): FixtureState;
+export declare function applyFixtureStateChange<T>(prevState: T | undefined, change: FixtureStateChange<T>): T;

package/dist/fixtureState/fixtureState.js

@@ -0,0 +1,21 @@
+export function fixtureStateByName(fixtureState, name) {
+    return fixtureState[name];
+}
+export function updateFixtureState(fixtureState, name, change) {
+    const prevFs = fixtureStateByName(fixtureState, name);
+    const nextFs = applyFixtureStateChange(prevFs, change);
+    // Avoid unnecessary state updates
+    if (nextFs === prevFs) {
+        return fixtureState;
+    }
+    return {
+        ...fixtureState,
+        [name]: nextFs,
+    };
+}
+export function applyFixtureStateChange(prevState, change) {
+    return isStateUpdater(change) ? change(prevState) : change;
+}
+function isStateUpdater(change) {
+    return typeof change === 'function';
+}

package/dist/fixtureState/props.d.ts

@@ -1,30 +1,31 @@
-import { FixtureDecoratorId, FixtureElementId, FixtureRenderKey, FixtureState, FixtureStateProps, FixtureStateValues } from './types.js';
-export declare const DEFAULT_RENDER_KEY: FixtureRenderKey;
-export declare function getFixtureStateProps(fixtureState: FixtureState, decoratorId: FixtureDecoratorId): FixtureStateProps[];
-export declare function findFixtureStateProps(fixtureState: FixtureState, elementId: FixtureElementId): void | FixtureStateProps;
-type CreateFixtureStatePropsArgs = {
-    fixtureState: FixtureState;
+import { PropsFixtureState, PropsFixtureStateItem, PropsFixtureStateRenderKey } from './propsTypes.js';
+import { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
+export declare const DEFAULT_RENDER_KEY: PropsFixtureStateRenderKey;
+export declare function filterPropsFixtureState(propsFs: PropsFixtureState | undefined, decoratorId: FixtureDecoratorId): PropsFixtureState;
+export declare function findPropsFixtureStateItem(propsFs: PropsFixtureState | undefined, elementId: FixtureElementId): void | PropsFixtureStateItem;
+type CreatePropsFixtureStateArgs = {
+    propsFs: PropsFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
     componentName: string;
 };
-export declare function createFixtureStateProps({ fixtureState, elementId, values, componentName, }: CreateFixtureStatePropsArgs): {
+export declare function createPropsFixtureStateItem({ propsFs, elementId, values, componentName, }: CreatePropsFixtureStateArgs): {
     elementId: FixtureElementId;
     values: FixtureStateValues;
     renderKey: number;
     componentName: string;
 }[];
-type ResetFixtureStatePropsArgs = {
-    fixtureState: FixtureState;
+type ResetPropsFixtureStateItemArgs = {
+    propsFs: PropsFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function resetFixtureStateProps({ fixtureState, elementId, values, }: ResetFixtureStatePropsArgs): FixtureStateProps[];
-type UpdateFixtureStatePropsArgs = {
-    fixtureState: FixtureState;
+export declare function resetPropsFixtureStateItem({ propsFs, elementId, values, }: ResetPropsFixtureStateItemArgs): PropsFixtureStateItem[];
+type UpdatePropsFixtureStateItemArgs = {
+    propsFs: PropsFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function updateFixtureStateProps({ fixtureState, elementId, values, }: UpdateFixtureStatePropsArgs): FixtureStateProps[];
-export declare function removeFixtureStateProps(fixtureState: FixtureState, elementId: FixtureElementId): FixtureStateProps[];
+export declare function updatePropsFixtureStateItem({ propsFs, elementId, values, }: UpdatePropsFixtureStateItemArgs): PropsFixtureStateItem[];
+export declare function removePropsFixtureStateItem(propsFs: PropsFixtureState | undefined, elementId: FixtureElementId): PropsFixtureStateItem[];
 export {};

package/dist/fixtureState/props.js

@@ -1,49 +1,44 @@
 import { find, isEqual } from 'lodash-es';
 import { removeItemMatch, replaceOrAddItem, updateItem, } from '../utils/array.js';
 export const DEFAULT_RENDER_KEY = 0;
-export function getFixtureStateProps(fixtureState, decoratorId) {
-    const { props } = fixtureState;
-    return props
-        ? props.filter(p => p.elementId.decoratorId === decoratorId)
+export function filterPropsFixtureState(propsFs, decoratorId) {
+    return propsFs
+        ? propsFs.filter(p => p.elementId.decoratorId === decoratorId)
         : [];
 }
-export function findFixtureStateProps(fixtureState, elementId) {
-    const { props } = fixtureState;
-    return props && find(props, p => isEqual(p.elementId, elementId));
+export function findPropsFixtureStateItem(propsFs, elementId) {
+    return propsFs && find(propsFs, p => isEqual(p.elementId, elementId));
 }
-export function createFixtureStateProps({ fixtureState, elementId, values, componentName, }) {
-    const { props = [] } = fixtureState;
-    return replaceOrAddItem(props, createPropsMatcher(elementId), {
+export function createPropsFixtureStateItem({ propsFs, elementId, values, componentName, }) {
+    return replaceOrAddItem(propsFs ?? [], createPropsMatcher(elementId), {
         elementId,
         values,
         renderKey: DEFAULT_RENDER_KEY,
         componentName,
     });
 }
-export function resetFixtureStateProps({ fixtureState, elementId, values, }) {
-    const propsItem = expectFixtureStateProps(fixtureState, elementId);
-    return updateItem(fixtureState.props, propsItem, {
+export function resetPropsFixtureStateItem({ propsFs, elementId, values, }) {
+    const item = expectPropsItem(propsFs, elementId);
+    return updateItem(propsFs, item, {
         values,
-        renderKey: propsItem.renderKey + 1,
+        renderKey: item.renderKey + 1,
     });
 }
-export function updateFixtureStateProps({ fixtureState, elementId, values, }) {
-    const propsItem = expectFixtureStateProps(fixtureState, elementId);
-    return updateItem(fixtureState.props, propsItem, {
-        values,
-    });
+export function updatePropsFixtureStateItem({ propsFs, elementId, values, }) {
+    const item = expectPropsItem(propsFs, elementId);
+    return updateItem(propsFs, item, { values });
 }
-export function removeFixtureStateProps(fixtureState, elementId) {
-    return removeItemMatch(fixtureState.props || [], createPropsMatcher(elementId));
+export function removePropsFixtureStateItem(propsFs, elementId) {
+    return removeItemMatch(propsFs ?? [], createPropsMatcher(elementId));
 }
 function createPropsMatcher(elementId) {
     return (p) => isEqual(p.elementId, elementId);
 }
-function expectFixtureStateProps(fixtureState, elementId) {
-    const propsItem = findFixtureStateProps(fixtureState, elementId);
-    if (!propsItem) {
+function expectPropsItem(propsFs, elementId) {
+    const item = findPropsFixtureStateItem(propsFs, elementId);
+    if (!item) {
         const elId = JSON.stringify(elementId);
         throw new Error(`Fixture state props missing for element "${elId}"`);
     }
-    return propsItem;
+    return item;
 }

package/dist/fixtureState/propsTypes.d.ts

@@ -0,0 +1,9 @@
+import { FixtureElementId, FixtureStateValues } from './types.js';
+export type PropsFixtureStateRenderKey = number;
+export type PropsFixtureStateItem = {
+    elementId: FixtureElementId;
+    values: FixtureStateValues;
+    renderKey: PropsFixtureStateRenderKey;
+    componentName: string;
+};
+export type PropsFixtureState = PropsFixtureStateItem[];

package/dist/fixtureState/types.d.ts

@@ -1,4 +1,4 @@
-import { StateUpdater } from '../utils/types.js';
+import { StateUpdater } from '../utils/state.js';
 export type FixtureDecoratorId = string;
 export type FixtureElementId = {
     decoratorId: string;
@@ -26,34 +26,5 @@ export type FixtureStateArrayValue = {
 };
 export type FixtureStateValue = FixtureStateUnserializableValue | FixtureStatePrimitiveValue | FixtureStateObjectValue | FixtureStateArrayValue;
 export type FixtureStateValues = Record<string, FixtureStateValue>;
-export type FixtureRenderKey = number;
-export type FixtureStateProps = {
-    elementId: FixtureElementId;
-    values: FixtureStateValues;
-    renderKey: FixtureRenderKey;
-    componentName: string;
-};
-export type FixtureStateClassState = {
-    elementId: FixtureElementId;
-    values: FixtureStateValues;
-    componentName: string;
-};
-export type FixtureStateStandardControl = {
-    type: 'standard';
-    defaultValue: FixtureStateValue;
-    currentValue: FixtureStateValue;
-};
-export type FixtureStateSelectControl = {
-    type: 'select';
-    options: string[];
-    defaultValue: string;
-    currentValue: string;
-};
-export type FixtureStateControl = FixtureStateStandardControl | FixtureStateSelectControl;
-export type FixtureStateControls = Record<string, FixtureStateControl>;
-export type FixtureState = {
-    props?: FixtureStateProps[];
-    classState?: FixtureStateClassState[];
-    controls?: FixtureStateControls;
-} & Record<string, unknown>;
+export type FixtureState = Record<string, unknown>;
 export type SetFixtureState = (update: StateUpdater<FixtureState>) => unknown;

package/dist/fixtureState/viewport.d.ts

@@ -0,0 +1,5 @@
+export type Viewport = {
+    width: number;
+    height: number;
+};
+export type ViewportFixtureState = Viewport | null;

package/dist/fixtureTree/createFixtureTree/collapseNamedIndexes.js

@@ -18,9 +18,13 @@ export function collapseNamedIndexes(treeNode) {
                 return next();
             const [firstGrandchildName] = grandchildNames;
             const firstGrandchildNode = grandchildren[firstGrandchildName];
+            const isUnnamed = firstGrandchildName === 'fixture';
             if (firstGrandchildNode.data.type !== 'fileDir' &&
-                noCaseEqual(childName, firstGrandchildName))
-                return { ...newChildren, [firstGrandchildName]: firstGrandchildNode };
+                (noCaseEqual(childName, firstGrandchildName) || isUnnamed))
+                return {
+                    ...newChildren,
+                    [isUnnamed ? childName : firstGrandchildName]: firstGrandchildNode,
+                };
             return next();
         }, {}),
     };

package/dist/fixtureTree/createFixtureTree/createRawFixtureTree.d.ts

@@ -1,3 +1,3 @@
-import { FixtureList } from '../../fixture/types.js';
+import { FixtureList } from '../../userModules/fixtureTypes.js';
 import { FixtureTreeNode } from '../types.js';
 export declare function createRawFixtureTree(fixtures: FixtureList): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/createRawFixtureTree.js

@@ -38,7 +38,7 @@ function parseFixturePath(fixturePath) {
     };
 }
 function removeFixtureNameExtension(fixtureName) {
-    return fixtureName.replace(/\.(j|t)sx?$/, '');
+    return fixtureName.replace(/\.(js|jsx|ts|tsx|md|mdx)$/, '');
 }
 function injectNode(rootNode, parents, childName, childNode) {
     if (parents.length === 0)

package/dist/fixtureTree/createFixtureTree/index.d.ts

@@ -1,4 +1,4 @@
-import { FixtureList } from '../../fixture/types.js';
+import { FixtureList } from '../../userModules/fixtureTypes.js';
 import { FixtureTreeNode } from '../types.js';
 export declare function createFixtureTree({ fixtures, fixturesDir, fixtureFileSuffix, }: {
     fixtures: FixtureList;

package/dist/fixtureTree/flattenFixtureTree.d.ts

@@ -1,4 +1,4 @@
-import { FixtureId } from '../fixture/types.js';
+import { FixtureId } from '../userModules/fixtureTypes.js';
 import { FixtureTreeNode } from './types.js';
 export type FlatFixtureTreeItem = {
     fileName: string;

package/dist/index.d.ts

@@ -1,35 +1,43 @@
-export * from './fixture/FixtureContext.js';
-export * from './fixture/types.js';
-export * from './fixture/useSelect/index.js';
-export * from './fixture/useValue/index.js';
-export * from './fixture/Viewport.js';
 export * from './fixtureState/classState.js';
+export * from './fixtureState/classStateTypes.js';
+export * from './fixtureState/controlsTypes.js';
+export * from './fixtureState/createValues.js';
+export * from './fixtureState/extendWithValues.js';
+export * from './fixtureState/fixtureState.js';
 export * from './fixtureState/props.js';
+export * from './fixtureState/propsTypes.js';
 export * from './fixtureState/types.js';
+export * from './fixtureState/viewport.js';
 export * from './fixtureTree/createFixtureTree/index.js';
 export * from './fixtureTree/flattenFixtureTree.js';
 export * from './fixtureTree/types.js';
-export * from './playground/playgroundUrl.js';
-export * from './renderer/createPostMessageConnect.js';
-export * from './renderer/createWebSocketsConnect.js';
-export * from './renderer/FixtureConnect.js';
-export * from './renderer/getDecoratedFixtureElement/index.js';
-export * from './renderer/getFixtureList.js';
-export * from './renderer/getSortedDecoratorsForFixturePath.js';
-export * from './renderer/registerPlaygroundShortcuts.js';
+export * from './message/serverMessage.js';
+export * from './message/socketMessage.js';
+export * from './playground/playgroundParams.js';
+export * from './playground/playgroundQueryString.js';
+export * from './playground/registerPlaygroundShortcuts.js';
+export * from './plugin/cosmosPluginConfig.js';
 export * from './renderer/rendererConfig.js';
-export * from './renderer/rendererConnectTypes.js';
-export * from './renderer/userModuleTypes.js';
-export * from './server/cosmosPluginConfig.js';
-export * from './server/serverMessage.js';
-export * from './server/socketMessage.js';
+export * from './renderer/rendererConnect.js';
+export * from './renderer/rendererQueryString.js';
+export * from './renderer/rendererUrl.js';
+export * from './server/serverTypes.js';
+export * from './userModules/fixtureTypes.js';
+export * from './userModules/getFixtureFromExport.js';
+export * from './userModules/getFixtureList.js';
+export * from './userModules/getSortedDecoratorsForFixturePath.js';
+export * from './userModules/stringifyFixtureId.js';
+export * from './userModules/userModuleTypes.js';
 export * from './utils/array.js';
 export * from './utils/keys.js';
-export * from './utils/react/areNodesEqual.js';
+export * from './utils/queryString.js';
 export * from './utils/react/ClassStateMock.js';
+export * from './utils/react/DelayRender.js';
+export * from './utils/react/areNodesEqual.js';
 export * from './utils/react/getComponentName.js';
 export * from './utils/react/isReactElement.js';
+export * from './utils/state.js';
 export * from './utils/string.js';
 export * from './utils/tree.js';
-export * from './utils/types.js';
 export * from './utils/uuid.js';
+export * from './utils/window.js';

package/dist/index.js

@@ -1,35 +1,43 @@
-export * from './fixture/FixtureContext.js';
-export * from './fixture/types.js';
-export * from './fixture/useSelect/index.js';
-export * from './fixture/useValue/index.js';
-export * from './fixture/Viewport.js';
 export * from './fixtureState/classState.js';
+export * from './fixtureState/classStateTypes.js';
+export * from './fixtureState/controlsTypes.js';
+export * from './fixtureState/createValues.js';
+export * from './fixtureState/extendWithValues.js';
+export * from './fixtureState/fixtureState.js';
 export * from './fixtureState/props.js';
+export * from './fixtureState/propsTypes.js';
 export * from './fixtureState/types.js';
+export * from './fixtureState/viewport.js';
 export * from './fixtureTree/createFixtureTree/index.js';
 export * from './fixtureTree/flattenFixtureTree.js';
 export * from './fixtureTree/types.js';
-export * from './playground/playgroundUrl.js';
-export * from './renderer/createPostMessageConnect.js';
-export * from './renderer/createWebSocketsConnect.js';
-export * from './renderer/FixtureConnect.js';
-export * from './renderer/getDecoratedFixtureElement/index.js';
-export * from './renderer/getFixtureList.js';
-export * from './renderer/getSortedDecoratorsForFixturePath.js';
-export * from './renderer/registerPlaygroundShortcuts.js';
+export * from './message/serverMessage.js';
+export * from './message/socketMessage.js';
+export * from './playground/playgroundParams.js';
+export * from './playground/playgroundQueryString.js';
+export * from './playground/registerPlaygroundShortcuts.js';
+export * from './plugin/cosmosPluginConfig.js';
 export * from './renderer/rendererConfig.js';
-export * from './renderer/rendererConnectTypes.js';
-export * from './renderer/userModuleTypes.js';
-export * from './server/cosmosPluginConfig.js';
-export * from './server/serverMessage.js';
-export * from './server/socketMessage.js';
+export * from './renderer/rendererConnect.js';
+export * from './renderer/rendererQueryString.js';
+export * from './renderer/rendererUrl.js';
+export * from './server/serverTypes.js';
+export * from './userModules/fixtureTypes.js';
+export * from './userModules/getFixtureFromExport.js';
+export * from './userModules/getFixtureList.js';
+export * from './userModules/getSortedDecoratorsForFixturePath.js';
+export * from './userModules/stringifyFixtureId.js';
+export * from './userModules/userModuleTypes.js';
 export * from './utils/array.js';
 export * from './utils/keys.js';
-export * from './utils/react/areNodesEqual.js';
+export * from './utils/queryString.js';
 export * from './utils/react/ClassStateMock.js';
+export * from './utils/react/DelayRender.js';
+export * from './utils/react/areNodesEqual.js';
 export * from './utils/react/getComponentName.js';
 export * from './utils/react/isReactElement.js';
+export * from './utils/state.js';
 export * from './utils/string.js';
 export * from './utils/tree.js';
-export * from './utils/types.js';
 export * from './utils/uuid.js';
+export * from './utils/window.js';

package/dist/playground/playgroundParams.d.ts

@@ -0,0 +1,4 @@
+import { FixtureId } from '../userModules/fixtureTypes.js';
+export type PlaygroundParams = {
+    fixtureId?: FixtureId;
+};

package/dist/playground/playgroundQueryString.d.ts

@@ -0,0 +1,3 @@
+import { PlaygroundParams } from './playgroundParams.js';
+export declare function buildPlaygroundQueryString(params: PlaygroundParams): string;
+export declare function parsePlaygroundQueryString(query: string): PlaygroundParams;

package/dist/playground/playgroundQueryString.js

@@ -0,0 +1,21 @@
+import { buildQueryString, parseQueryString } from '../utils/queryString.js';
+export function buildPlaygroundQueryString(params) {
+    return buildQueryString(encodePlaygroundSearchParams(params));
+}
+export function parsePlaygroundQueryString(query) {
+    return decodePlaygroundSearchParams(parseQueryString(query));
+}
+function encodePlaygroundSearchParams(params) {
+    const stringParams = {};
+    if (params.fixtureId) {
+        stringParams.fixtureId = JSON.stringify(params.fixtureId);
+    }
+    return stringParams;
+}
+function decodePlaygroundSearchParams(stringParams) {
+    const params = {};
+    if (stringParams.fixtureId) {
+        params.fixtureId = JSON.parse(stringParams.fixtureId);
+    }
+    return params;
+}

package/dist/{renderer → playground}/registerPlaygroundShortcuts.js

@@ -5,26 +5,30 @@ export function registerPlaygroundShortcuts(runCommand) {
         runCommand(command);
     }
     function handleWindowKeyDown(e) {
-        if (isEditing()) {
+        // Allow meta key shortcuts to work when focused on input fields
+        if (isEditing() && !e.metaKey) {
             return;
         }
         const keyChar = String.fromCharCode(e.keyCode);
         const metaKey = e.metaKey || e.ctrlKey;
-        if (keyChar === 'P' && metaKey) {
+        if (keyChar === 'K' && metaKey) {
             run(e, 'searchFixtures');
         }
-        else if (keyChar === 'L' && metaKey && e.shiftKey) {
+        else if (keyChar === 'L') {
             run(e, 'toggleFixtureList');
         }
-        else if (keyChar === 'K' && metaKey && e.shiftKey) {
+        else if (keyChar === 'P') {
             run(e, 'toggleControlPanel');
         }
-        else if (keyChar === 'F' && metaKey && e.shiftKey) {
+        else if (keyChar === 'F') {
             run(e, 'goFullScreen');
         }
-        else if (keyChar === 'E' && metaKey && e.shiftKey) {
+        else if (keyChar === 'E') {
             run(e, 'editFixture');
         }
+        else if (keyChar === 'R') {
+            run(e, 'reloadRenderer');
+        }
     }
     return () => {
         window.removeEventListener('keydown', handleWindowKeyDown);

package/dist/renderer/rendererConfig.d.ts

@@ -1,3 +1,4 @@
 export type RendererConfig = {
     playgroundUrl: string;
+    rendererUrl?: null | string;
 };