react-cosmos-core 6.0.0-alpha.18 → 6.0.0-alpha.19

package/dist/renderer/FixtureCapture/props/useFixtureProps.js

@@ -1,70 +0,0 @@
-import { isEqual, mapValues } from 'lodash-es';
-import React from 'react';
-import { extendWithValues } from '../../../fixtureState/extendWithValues.js';
-import { DEFAULT_RENDER_KEY, findFixtureStateProps, } from '../../../fixtureState/props.js';
-import { getComponentName } from '../../../utils/react/getComponentName.js';
-import { findRelevantElementPaths } from '../shared/findRelevantElementPaths.js';
-import { getChildrenPath, setElementAtPath } from '../shared/nodeTree/index.js';
-export function useFixtureProps(fixture, fixtureState, decoratorId) {
-    const propCache = React.useMemo(() => ({}), 
-    // React.useMemo is used as a cache invalidated by decoratorId
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [decoratorId]);
-    const elPaths = findRelevantElementPaths(fixture);
-    return elPaths.reduce((extendedFixture, elPath) => {
-        const elementId = { decoratorId, elPath };
-        const fsProps = findFixtureStateProps(fixtureState, elementId);
-        return setElementAtPath(extendedFixture, elPath, element => {
-            if (!fsProps || componentTypeChanged(fsProps.componentName)) {
-                return {
-                    ...element,
-                    key: getElRenderKey(elPath, DEFAULT_RENDER_KEY),
-                };
-            }
-            // Prevent overriding child elements with outdated "children" prop values
-            // stored in fixture state
-            // See https://github.com/react-cosmos/react-cosmos/pull/920 for context
-            const originalProps = element.props;
-            const extendedProps = extendWithValues(originalProps, fsProps.values);
-            // Preserve identity between renders for indentical non-primitive props
-            const cachedProps = mapValues(extendedProps, (value, propName) => {
-                const key = getPropCacheKey(elPath, propName);
-                if (!propCache.hasOwnProperty(key))
-                    propCache[key] = originalProps[propName];
-                if (isEqual(propCache[key], value))
-                    return propCache[key];
-                propCache[key] = value;
-                return value;
-            });
-            // HACK alert: Editing React Element by hand
-            // This is blasphemy, but there are two reasons why React.cloneElement
-            // isn't ideal:
-            //   1. Props need to overridden (not merged)
-            //   2. element.key has to be set to control whether the prev instance
-            //      should be reused or not
-            // To be revised in case this approach causes trouble in the future.
-            // Useful links:
-            //   - https://reactjs.org/docs/react-api.html#cloneelement
-            //   - https://github.com/facebook/react/blob/15a8f031838a553e41c0b66eb1bcf1da8448104d/packages/react/src/ReactElement.js#L293-L362
-            return {
-                ...element,
-                props: hasChildElPaths(elPaths, elPath)
-                    ? { ...cachedProps, children: originalProps.children }
-                    : cachedProps,
-                key: getElRenderKey(elPath, fsProps.renderKey),
-            };
-            function componentTypeChanged(componentName) {
-                return componentName !== getComponentName(element.type);
-            }
-        });
-    }, fixture);
-}
-function getPropCacheKey(elPath, propName) {
-    return elPath ? `${elPath}-${propName}` : propName;
-}
-function getElRenderKey(elPath, renderKey) {
-    return `${elPath}-${renderKey}`;
-}
-function hasChildElPaths(elPaths, elPath) {
-    return elPaths.some(p => p.indexOf(getChildrenPath(elPath)) === 0);
-}

package/dist/renderer/FixtureCapture/shared/findRelevantElementPaths.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function findRelevantElementPaths(node: React.ReactNode): string[];

package/dist/renderer/FixtureCapture/shared/findRelevantElementPaths.js

@@ -1,23 +0,0 @@
-import { findElementPaths, getExpectedElementAtPath, } from './nodeTree/index.js';
-export function findRelevantElementPaths(node) {
-    const elPaths = findElementPaths(node);
-    return elPaths.filter(elPath => {
-        const { type } = getExpectedElementAtPath(node, elPath);
-        // Ignore symbol types, like StrictMode
-        // https://github.com/react-cosmos/react-cosmos/issues/1249
-        if (typeof type === 'symbol')
-            return false;
-        if (typeof type === 'string')
-            return isInterestingTag(type);
-        const classType = type;
-        return classType.cosmosCapture !== false && isInterestingClass(classType);
-    });
-}
-function isInterestingTag(tagName) {
-    // TODO: Make this customizable
-    return tagName !== 'div' && tagName !== 'span';
-}
-function isInterestingClass(type) {
-    // TODO: Make this customizable
-    return type.name !== 'StyledComponent';
-}

package/dist/renderer/FixtureCapture/shared/nodeTree/findElementPaths.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function findElementPaths(node: React.ReactNode, curPath?: string): string[];

package/dist/renderer/FixtureCapture/shared/nodeTree/findElementPaths.js

@@ -1,22 +0,0 @@
-import { flatten } from 'lodash-es';
-import { Fragment } from 'react';
-import { isReactElement } from '../../../../utils/react/isReactElement.js';
-import { getChildrenPath } from './shared.js';
-export function findElementPaths(node, curPath = '') {
-    if (Array.isArray(node)) {
-        return flatten(node.map((child, idx) => findElementPaths(child, `${curPath}[${idx}]`)));
-    }
-    if (!isReactElement(node)) {
-        // At this point the node can be null, boolean, string, number, Portal, etc.
-        // https://github.com/facebook/flow/blob/172d28f542f49bbc1e765131c9dfb9e31780f3a2/lib/react.js#L13-L20
-        return [];
-    }
-    const { children } = node.props;
-    const childElPaths = 
-    // Props of elements returned by render functions can't be read here
-    typeof children !== 'function'
-        ? findElementPaths(children, getChildrenPath(curPath))
-        : [];
-    // Ignore Fragment elements, but include their children
-    return node.type === Fragment ? childElPaths : [curPath, ...childElPaths];
-}

package/dist/renderer/FixtureCapture/shared/nodeTree/getElementAtPath.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-export declare function getElementAtPath(node: ReactNode, elPath: string): null | ReactElement;
-export declare function getExpectedElementAtPath(node: ReactNode, elPath: string): ReactElement;

package/dist/renderer/FixtureCapture/shared/nodeTree/getElementAtPath.js

@@ -1,26 +0,0 @@
-import { get } from 'lodash-es';
-import { isReactElement } from '../../../../utils/react/isReactElement.js';
-import { isRootPath } from './shared.js';
-// Why be silent about trying to fetch a node that isn't an element?
-// Because users of this utility only care about elements. Whether the child
-// node was removed or replaced by a different type of node (eg. string,
-// array of elements, etc.) is irrelevant.
-// NICETOHAVE: Assert child path validity
-export function getElementAtPath(node, elPath) {
-    if (!isReactElement(node) && !Array.isArray(node)) {
-        return null;
-    }
-    const rootNode = node;
-    const childNode = isRootPath(elPath) ? rootNode : get(rootNode, elPath);
-    if (!isReactElement(childNode)) {
-        return null;
-    }
-    return childNode;
-}
-export function getExpectedElementAtPath(node, elPath) {
-    const el = getElementAtPath(node, elPath);
-    if (!el) {
-        throw new Error(`Element not found at path: ${elPath}`);
-    }
-    return el;
-}

package/dist/renderer/FixtureCapture/shared/nodeTree/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Utility for extending React Elements from a tree of React Nodes.
- *
- * The root Node is the `children` prop of a parent Element. Besides the Node
- * type, children can also be a function.
- * https://reactjs.org/docs/jsx-in-depth.html#functions-as-children
- */
-export { findElementPaths } from './findElementPaths.js';
-export { getElementAtPath, getExpectedElementAtPath, } from './getElementAtPath.js';
-export { setElementAtPath } from './setElementAtPath.js';
-export { getChildrenPath } from './shared.js';

package/dist/renderer/FixtureCapture/shared/nodeTree/index.js

@@ -1,11 +0,0 @@
-/**
- * Utility for extending React Elements from a tree of React Nodes.
- *
- * The root Node is the `children` prop of a parent Element. Besides the Node
- * type, children can also be a function.
- * https://reactjs.org/docs/jsx-in-depth.html#functions-as-children
- */
-export { findElementPaths } from './findElementPaths.js';
-export { getElementAtPath, getExpectedElementAtPath, } from './getElementAtPath.js';
-export { setElementAtPath } from './setElementAtPath.js';
-export { getChildrenPath } from './shared.js';

package/dist/renderer/FixtureCapture/shared/nodeTree/setElementAtPath.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-export declare function setElementAtPath(node: ReactNode, elPath: string, updater: (el: ReactElement) => ReactElement): ReactNode;

package/dist/renderer/FixtureCapture/shared/nodeTree/setElementAtPath.js

@@ -1,35 +0,0 @@
-import { set } from 'lodash-es';
-import { isReactElement } from '../../../../utils/react/isReactElement.js';
-import { getExpectedElementAtPath } from './getElementAtPath.js';
-import { isRootPath } from './shared.js';
-export function setElementAtPath(node, elPath, updater) {
-    const childEl = getExpectedElementAtPath(node, elPath);
-    const newEl = updater(childEl);
-    if (isRootPath(elPath)) {
-        return newEl;
-    }
-    // If the root is a non-Array non-Element Node we should be at the root path
-    // and returned already
-    const clonedRoot = cloneNode(node);
-    // _.set also accepts arrays
-    // https://github.com/lodash/lodash/blob/6018350ac10d5ce6a5b7db625140b82aeab804df/isObject.js#L15-L16
-    return set(clonedRoot, elPath, newEl);
-}
-function cloneNode(value) {
-    return Array.isArray(value)
-        ? value.map(n => cloneNodeItem(n))
-        : cloneNodeItem(value);
-}
-function cloneNodeItem(value) {
-    return isReactElement(value) ? cloneReactElement(value) : value;
-}
-function cloneReactElement(value) {
-    const { children, ...otherProps } = value.props;
-    return {
-        ...value,
-        props: {
-            ...otherProps,
-            children: cloneNode(children),
-        },
-    };
-}

package/dist/renderer/FixtureCapture/shared/nodeTree/shared.d.ts

@@ -1,2 +0,0 @@
-export declare function getChildrenPath(elPath: string): string;
-export declare function isRootPath(elPath: string): boolean;

package/dist/renderer/FixtureCapture/shared/nodeTree/shared.js

@@ -1,6 +0,0 @@
-export function getChildrenPath(elPath) {
-    return isRootPath(elPath) ? 'props.children' : `${elPath}.props.children`;
-}
-export function isRootPath(elPath) {
-    return elPath === '';
-}

package/dist/renderer/FixtureConnect.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { FixtureId } from '../fixture/types.js';
-import { RendererConnect } from './rendererConnectTypes.js';
-import { ReactDecorator, UserModuleWrappers } from './userModuleTypes.js';
-type Props = {
-    rendererId: string;
-    rendererConnect: RendererConnect;
-    moduleWrappers: UserModuleWrappers;
-    systemDecorators: ReactDecorator[];
-    initialFixtureId?: FixtureId;
-    selectedFixtureId?: null | FixtureId;
-    renderMessage?: (msg: string) => ReactElement;
-    renderNoFixtureSelected?: boolean;
-    onErrorReset?: () => unknown;
-};
-export declare function FixtureConnect({ rendererId, rendererConnect, moduleWrappers, systemDecorators, initialFixtureId, selectedFixtureId, onErrorReset, renderMessage, renderNoFixtureSelected, }: Props): JSX.Element | null;
-export {};

package/dist/renderer/FixtureConnect.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { FixtureLoader } from './FixtureLoader.js';
-import { FixtureStateChangeResponse } from './FixtureStateChangeResponse.js';
-import { LazyFixtureLoader } from './LazyFixtureLoader.js';
-import { useRendererRequest } from './useRendererRequest.js';
-import { useRendererResponse } from './useRendererResponse.js';
-import { useSelectedFixture } from './useSelectedFixture.js';
-export function FixtureConnect({ rendererId, rendererConnect, moduleWrappers, systemDecorators, initialFixtureId, selectedFixtureId, onErrorReset, renderMessage = defaultRenderMessage, renderNoFixtureSelected = true, }) {
-    const { selectedFixture, setSelectedFixture, setFixtureState } = useSelectedFixture(initialFixtureId, selectedFixtureId);
-    useRendererRequest(rendererId, rendererConnect, moduleWrappers, setSelectedFixture, onErrorReset);
-    useRendererResponse(rendererId, rendererConnect, moduleWrappers, initialFixtureId);
-    if (!selectedFixture) {
-        return renderNoFixtureSelected
-            ? renderMessage('No fixture selected.')
-            : null;
-    }
-    const { fixtureId, fixtureState, renderKey } = selectedFixture;
-    if (!moduleWrappers.fixtures[fixtureId.path]) {
-        return renderMessage(`Fixture path not found: ${fixtureId.path}`);
-    }
-    return (React.createElement(React.Fragment, null,
-        moduleWrappers.lazy ? (React.createElement(LazyFixtureLoader, { rendererId: rendererId, rendererConnect: rendererConnect, fixtureWrapper: moduleWrappers.fixtures[fixtureId.path], decorators: moduleWrappers.decorators, systemDecorators: systemDecorators, fixtureId: fixtureId, fixtureState: fixtureState, setFixtureState: setFixtureState, renderMessage: renderMessage, renderKey: renderKey, onErrorReset: onErrorReset })) : (React.createElement(FixtureLoader, { fixtureWrapper: moduleWrappers.fixtures[fixtureId.path], decorators: moduleWrappers.decorators, systemDecorators: systemDecorators, fixtureId: fixtureId, fixtureState: fixtureState, setFixtureState: setFixtureState, renderMessage: renderMessage, renderKey: renderKey, onErrorReset: onErrorReset })),
-        React.createElement(FixtureStateChangeResponse, { rendererId: rendererId, rendererConnect: rendererConnect, selectedFixture: selectedFixture, setSelectedFixture: setSelectedFixture })));
-}
-function defaultRenderMessage(msg) {
-    return React.createElement(React.Fragment, null, msg);
-}

package/dist/renderer/FixtureLoader.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { FixtureId } from '../fixture/types.js';
-import { FixtureState, SetFixtureState } from '../fixtureState/types.js';
-import { ByPath, ReactDecorator, ReactDecoratorWrapper, ReactFixtureWrapper } from './userModuleTypes.js';
-type Props = {
-    fixtureWrapper: ReactFixtureWrapper;
-    decorators: ByPath<ReactDecoratorWrapper>;
-    systemDecorators: ReactDecorator[];
-    fixtureId: FixtureId;
-    fixtureState: FixtureState;
-    setFixtureState: SetFixtureState;
-    renderMessage: (msg: string) => ReactElement;
-    renderKey: number;
-    onErrorReset?: () => unknown;
-};
-export declare function FixtureLoader({ fixtureWrapper, decorators, systemDecorators, fixtureId, fixtureState, setFixtureState, renderMessage, renderKey, onErrorReset, }: Props): JSX.Element;
-export {};

package/dist/renderer/FixtureLoader.js

@@ -1,16 +0,0 @@
-import React, { useMemo } from 'react';
-import { DecoratedFixture } from './DecoratedFixture.js';
-import { getFixture } from './getFixture.js';
-import { getSortedDecoratorsForFixturePath } from './getSortedDecoratorsForFixturePath.js';
-import { useFixtureModules } from './useFixtureModules.js';
-export function FixtureLoader({ fixtureWrapper, decorators, systemDecorators, fixtureId, fixtureState, setFixtureState, renderMessage, renderKey, onErrorReset, }) {
-    const decoratorWrappers = useMemo(() => getSortedDecoratorsForFixturePath(fixtureId.path, decorators), [decorators, fixtureId.path]);
-    const modules = useFixtureModules(fixtureId.path, fixtureWrapper, decoratorWrappers);
-    const { fixtureModule, decoratorModules } = modules;
-    const fixtureExport = fixtureModule.default;
-    const fixture = getFixture(fixtureExport, fixtureId.name);
-    if (typeof fixture === 'undefined') {
-        return renderMessage(`Invalid fixture name: ${fixtureId.name}`);
-    }
-    return (React.createElement(DecoratedFixture, { fixture: fixture, systemDecorators: systemDecorators, userDecoratorModules: decoratorModules, fixtureState: fixtureState, setFixtureState: setFixtureState, renderKey: renderKey, onErrorReset: onErrorReset }));
-}

package/dist/renderer/FixtureStateChangeResponse.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { RendererConnect } from './rendererConnectTypes.js';
-import { SelectedFixture } from './useSelectedFixture.js';
-type Props = {
-    rendererId: string;
-    rendererConnect: RendererConnect;
-    selectedFixture: SelectedFixture;
-    setSelectedFixture: Dispatch<SetStateAction<SelectedFixture | null>>;
-};
-export declare function FixtureStateChangeResponse({ rendererId, rendererConnect, selectedFixture, setSelectedFixture, }: Props): null;
-export {};

package/dist/renderer/FixtureStateChangeResponse.js

@@ -1,34 +0,0 @@
-import { isEqual } from 'lodash-es';
-import { useEffect } from 'react';
-export function FixtureStateChangeResponse({ rendererId, rendererConnect, selectedFixture, setSelectedFixture, }) {
-    const { fixtureId, fixtureState, syncedFixtureState } = selectedFixture;
-    useEffect(() => {
-        if (!isEqual(fixtureState, syncedFixtureState)) {
-            rendererConnect.postMessage({
-                type: 'fixtureStateChange',
-                payload: {
-                    rendererId,
-                    fixtureId,
-                    fixtureState,
-                },
-            });
-            setSelectedFixture(prev => {
-                // Ensure fixture state applies to currently selected fixture
-                if (prev && isEqual(prev.fixtureId, fixtureId)) {
-                    return { ...prev, syncedFixtureState: fixtureState };
-                }
-                else {
-                    return prev;
-                }
-            });
-        }
-    }, [
-        fixtureId,
-        fixtureState,
-        rendererConnect,
-        rendererId,
-        setSelectedFixture,
-        syncedFixtureState,
-    ]);
-    return null;
-}

package/dist/renderer/LazyFixtureListItemUpdate.d.ts

@@ -1,10 +0,0 @@
-import { RendererConnect } from './rendererConnectTypes.js';
-import { ReactFixtureModule } from './userModuleTypes.js';
-type Props = {
-    rendererId: string;
-    rendererConnect: RendererConnect;
-    fixturePath: string;
-    fixtureModule: ReactFixtureModule;
-};
-export declare function LazyFixtureListItemUpdate({ rendererId, rendererConnect, fixturePath, fixtureModule, }: Props): null;
-export {};

package/dist/renderer/LazyFixtureListItemUpdate.js

@@ -1,15 +0,0 @@
-import { useEffect } from 'react';
-import { getFixtureItemFromExport } from './getFixtureList.js';
-export function LazyFixtureListItemUpdate({ rendererId, rendererConnect, fixturePath, fixtureModule, }) {
-    useEffect(() => {
-        rendererConnect.postMessage({
-            type: 'fixtureListItemUpdate',
-            payload: {
-                rendererId,
-                fixturePath,
-                fixtureItem: getFixtureItemFromExport(fixtureModule.default),
-            },
-        });
-    }, [fixtureModule.default, fixturePath, rendererConnect, rendererId]);
-    return null;
-}

package/dist/renderer/LazyFixtureLoader.d.ts

@@ -1,20 +0,0 @@
-import { ReactElement } from 'react';
-import { FixtureId } from '../fixture/types.js';
-import { FixtureState, SetFixtureState } from '../fixtureState/types.js';
-import { RendererConnect } from './rendererConnectTypes.js';
-import { ByPath, LazyReactDecoratorWrapper, LazyReactFixtureWrapper, ReactDecorator } from './userModuleTypes.js';
-type Props = {
-    rendererId: string;
-    rendererConnect: RendererConnect;
-    fixtureWrapper: LazyReactFixtureWrapper;
-    decorators: ByPath<LazyReactDecoratorWrapper>;
-    systemDecorators: ReactDecorator[];
-    fixtureId: FixtureId;
-    fixtureState: FixtureState;
-    setFixtureState: SetFixtureState;
-    renderMessage: (msg: string) => ReactElement;
-    renderKey: number;
-    onErrorReset?: () => unknown;
-};
-export declare function LazyFixtureLoader({ rendererId, rendererConnect, fixtureWrapper, decorators, systemDecorators, fixtureId, fixtureState, setFixtureState, renderMessage, renderKey, onErrorReset, }: Props): JSX.Element | null;
-export {};

package/dist/renderer/LazyFixtureLoader.js

@@ -1,22 +0,0 @@
-import React, { useMemo } from 'react';
-import { DecoratedFixture } from './DecoratedFixture.js';
-import { LazyFixtureListItemUpdate } from './LazyFixtureListItemUpdate.js';
-import { getFixture } from './getFixture.js';
-import { getSortedDecoratorsForFixturePath } from './getSortedDecoratorsForFixturePath.js';
-import { useLazyFixtureModules } from './useLazyFixtureModules.js';
-export function LazyFixtureLoader({ rendererId, rendererConnect, fixtureWrapper, decorators, systemDecorators, fixtureId, fixtureState, setFixtureState, renderMessage, renderKey, onErrorReset, }) {
-    const decoratorWrappers = useMemo(() => getSortedDecoratorsForFixturePath(fixtureId.path, decorators), [decorators, fixtureId.path]);
-    const modules = useLazyFixtureModules(fixtureId.path, fixtureWrapper, decoratorWrappers);
-    if (!modules) {
-        return null;
-    }
-    const { fixtureModule, decoratorModules } = modules;
-    const fixtureExport = fixtureModule.default;
-    const fixture = getFixture(fixtureExport, fixtureId.name);
-    if (typeof fixture === 'undefined') {
-        return renderMessage(`Invalid fixture name: ${fixtureId.name}`);
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DecoratedFixture, { fixture: fixture, systemDecorators: systemDecorators, userDecoratorModules: decoratorModules, fixtureState: fixtureState, setFixtureState: setFixtureState, renderKey: renderKey, onErrorReset: onErrorReset }),
-        React.createElement(LazyFixtureListItemUpdate, { rendererId: rendererId, rendererConnect: rendererConnect, fixturePath: fixtureId.path, fixtureModule: fixtureModule })));
-}

package/dist/renderer/createPostMessageConnect.d.ts

@@ -1,2 +0,0 @@
-import { RendererConnect } from './rendererConnectTypes.js';
-export declare function createPostMessageConnect(): RendererConnect;

package/dist/renderer/createPostMessageConnect.js

@@ -1,22 +0,0 @@
-import { registerPlaygroundShortcuts } from './registerPlaygroundShortcuts.js';
-export function createPostMessageConnect() {
-    function postMessage(msg) {
-        parent.postMessage(msg, '*');
-    }
-    return {
-        postMessage,
-        onMessage(onMessage) {
-            function handleMessage(msg) {
-                onMessage(msg.data);
-            }
-            window.addEventListener('message', handleMessage, false);
-            const removeShortcuts = registerPlaygroundShortcuts(command => {
-                postMessage({ type: 'playgroundCommand', payload: { command } });
-            });
-            return () => {
-                window.removeEventListener('message', handleMessage);
-                removeShortcuts();
-            };
-        },
-    };
-}

package/dist/renderer/createWebSocketsConnect.d.ts

@@ -1,2 +0,0 @@
-import { RendererConnect } from './rendererConnectTypes.js';
-export declare function createWebSocketsConnect(url: string): RendererConnect;

package/dist/renderer/createWebSocketsConnect.js

@@ -1,32 +0,0 @@
-import { rendererSocketMessage, } from '../server/socketMessage.js';
-export function createWebSocketsConnect(url) {
-    let pendingMessages = [];
-    const socket = new WebSocket(url);
-    socket.addEventListener('open', () => {
-        if (pendingMessages.length > 0) {
-            pendingMessages.forEach(msg => socket.send(JSON.stringify(msg)));
-            pendingMessages = [];
-        }
-    });
-    return {
-        postMessage(rendererResponse) {
-            const socketMessage = rendererSocketMessage(rendererResponse);
-            if (socket && socket.readyState === WebSocket.OPEN) {
-                socket.send(JSON.stringify(socketMessage));
-            }
-            else {
-                pendingMessages.push(socketMessage);
-            }
-        },
-        onMessage(onMessage) {
-            function handleMessage(msg) {
-                const socketMessage = JSON.parse(msg.data);
-                if (socketMessage.channel === 'renderer') {
-                    onMessage(socketMessage.message);
-                }
-            }
-            socket.addEventListener('message', handleMessage);
-            return () => socket.removeEventListener('message', handleMessage);
-        },
-    };
-}

package/dist/renderer/getDecoratedFixtureElement/FixtureElement.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type Props = {
-    Component: React.FunctionComponent;
-};
-export declare function FixtureElement({ Component }: Props): JSX.Element;
-export declare namespace FixtureElement {
-    var cosmosCapture: boolean;
-}
-export {};

package/dist/renderer/getDecoratedFixtureElement/FixtureElement.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export function FixtureElement({ Component }) {
-    return React.createElement(Component, null);
-}
-FixtureElement.cosmosCapture = false;

package/dist/renderer/getDecoratedFixtureElement/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ReactDecorator, ReactDecoratorProps, ReactFixture } from '../userModuleTypes.js';
-export declare function getDecoratedFixtureElement(fixture: ReactFixture, decorators: ReactDecorator[], decoratorProps: Omit<ReactDecoratorProps, 'children'>): JSX.Element;

package/dist/renderer/getDecoratedFixtureElement/index.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { FixtureCapture } from '../FixtureCapture/index.js';
-import { FixtureElement } from './FixtureElement.js';
-export function getDecoratedFixtureElement(fixture, decorators, decoratorProps) {
-    const fixtureElement = (React.createElement(FixtureCapture, { decoratorId: "root" }, getFixtureElement(fixture)));
-    return [...decorators]
-        .reverse()
-        .reduce((prevElement, Decorator) => (React.createElement(Decorator, { ...decoratorProps }, prevElement)), fixtureElement);
-}
-function getFixtureElement(fixture) {
-    return isFunctionFixture(fixture) ? (React.createElement(FixtureElement, { Component: fixture })) : (fixture);
-}
-function isFunctionFixture(fixture) {
-    return typeof fixture === 'function';
-}

package/dist/renderer/getFixture.d.ts

@@ -1,2 +0,0 @@
-import { ReactFixture, ReactFixtureExport } from './userModuleTypes.js';
-export declare function getFixture(fixtureExport: ReactFixtureExport, fixtureName?: string): void | ReactFixture;

package/dist/renderer/useFixtureModules.d.ts

@@ -1,2 +0,0 @@
-import { FixtureModules, ReactDecoratorWrapper, ReactFixtureWrapper } from './userModuleTypes.js';
-export declare function useFixtureModules(fixturePath: string, fixtureWrapper: ReactFixtureWrapper, decoratorWrappers: ReactDecoratorWrapper[]): FixtureModules;

package/dist/renderer/useFixtureModules.js

@@ -1,10 +0,0 @@
-import { useMemo } from 'react';
-export function useFixtureModules(fixturePath, fixtureWrapper, decoratorWrappers) {
-    return useMemo(() => {
-        return {
-            fixturePath,
-            fixtureModule: fixtureWrapper.module,
-            decoratorModules: decoratorWrappers.map(d => d.module),
-        };
-    }, [decoratorWrappers, fixturePath, fixtureWrapper]);
-}

package/dist/renderer/useLazyFixtureModules.d.ts

@@ -1,2 +0,0 @@
-import { FixtureModules, LazyReactDecoratorWrapper, LazyReactFixtureWrapper } from './userModuleTypes.js';
-export declare function useLazyFixtureModules(fixturePath: string, fixtureWrapper: LazyReactFixtureWrapper, decoratorWrappers: LazyReactDecoratorWrapper[]): FixtureModules | null;

package/dist/renderer/useLazyFixtureModules.js

@@ -1,24 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useLazyFixtureModules(fixturePath, fixtureWrapper, decoratorWrappers) {
-    const [modules, setModules] = useState(null);
-    useEffect(() => {
-        let canceled = false;
-        (async () => {
-            const fixtureModule = await fixtureWrapper.getModule();
-            const decoratorModules = await Promise.all(decoratorWrappers.map(d => d.getModule()));
-            if (!canceled) {
-                setModules({
-                    fixturePath,
-                    fixtureModule,
-                    decoratorModules,
-                });
-            }
-        })();
-        return () => {
-            canceled = true;
-        };
-    }, [decoratorWrappers, fixturePath, fixtureWrapper]);
-    // Stop returning modules once fixturePath changed to prevent rendering
-    // the previous fixture until the new fixture modules are loaded
-    return modules && modules.fixturePath === fixturePath ? modules : null;
-}

package/dist/renderer/useRendererRequest.d.ts

@@ -1,5 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { RendererConnect } from './rendererConnectTypes.js';
-import { SelectedFixture } from './useSelectedFixture.js';
-import { UserModuleWrappers } from './userModuleTypes.js';
-export declare function useRendererRequest(rendererId: string, rendererConnect: RendererConnect, moduleWrappers: UserModuleWrappers, setSelectedFixture: Dispatch<SetStateAction<SelectedFixture | null>>, onErrorReset?: () => unknown): void;