react-cosmos-core 6.0.0-alpha.9 → 6.0.0-beta.10

package/dist/renderer/FixtureLoader/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/FixtureLoader/FixtureCapture/shared/findRelevantElementPaths.d.ts

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

package/dist/renderer/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/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/FixtureLoader/FixtureLoader.d.ts

@@ -1,52 +0,0 @@
-import React, { Component, ReactNode } from 'react';
-import { FixtureId } from '../../fixture/types.js';
-import { FixtureState, SetFixtureState } from '../../fixtureState/types.js';
-import { ReactDecorator, ReactDecorators, ReactFixtureWrappers } from '../reactTypes.js';
-import { RendererConnect, RendererRequest, RendererResponse, SelectFixtureRequest, SetFixtureStateRequest } from '../types.js';
-export type Props = {
-    rendererId: string;
-    rendererConnect: RendererConnect;
-    fixtures: ReactFixtureWrappers;
-    initialFixtureId?: FixtureId;
-    selectedFixtureId?: null | FixtureId;
-    systemDecorators: ReactDecorator[];
-    userDecorators: ReactDecorators;
-    renderMessage?: (args: {
-        msg: string;
-    }) => ReactNode;
-    onErrorReset?: () => unknown;
-};
-type SelectedFixture = {
-    fixtureId: FixtureId;
-    fixtureState: FixtureState;
-    syncedFixtureState: FixtureState;
-};
-type State = {
-    selectedFixture: null | SelectedFixture;
-    renderKey: number;
-};
-export declare class FixtureLoader extends Component<Props, State> {
-    state: State;
-    unsubscribe: null | (() => unknown);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    shouldComponentUpdate(prevProps: Props, prevState: State): boolean;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    handleRequest: (msg: RendererRequest) => void;
-    handleSelectFixtureRequest({ payload }: SelectFixtureRequest): void;
-    handleUnselectFixtureRequest(): void;
-    handleSetFixtureStateRequest({ payload }: SetFixtureStateRequest): void;
-    postReadyState(): void;
-    postFixtureListUpdate(): void;
-    postFixtureStateChange: (fixtureId: FixtureId, fixtureState: FixtureState) => void;
-    setFixtureState: SetFixtureState;
-    getFixtureList(): {
-        [x: string]: import("../../fixture/types.js").FixtureListItem;
-    };
-    fireChangeCallback(): void;
-    updateSyncedFixtureState(syncedFixtureState: FixtureState): void;
-    postMessage(msg: RendererResponse): void;
-    renderMessage(msg: string): React.ReactNode;
-}
-export {};

package/dist/renderer/FixtureLoader/FixtureLoader.js

@@ -1,226 +0,0 @@
-import { isEqual } from 'lodash-es';
-import React, { Component } from 'react';
-import { getFixtureListFromWrappers } from '../getFixtureList.js';
-import { getFixture } from './fixtureHelpers.js';
-import { FixtureProvider } from './FixtureProvider.js';
-function getSelectedFixtureState(fixtureId) {
-    if (!fixtureId)
-        return null;
-    return {
-        fixtureId: fixtureId,
-        fixtureState: {},
-        syncedFixtureState: {},
-    };
-}
-export class FixtureLoader extends Component {
-    state = {
-        selectedFixture: getSelectedFixtureState(this.props.selectedFixtureId || this.props.initialFixtureId),
-        renderKey: 0,
-    };
-    unsubscribe = null;
-    componentDidMount() {
-        if (!this.props.selectedFixtureId) {
-            const { rendererConnect } = this.props;
-            this.unsubscribe = rendererConnect.onMessage(this.handleRequest);
-            this.postReadyState();
-        }
-    }
-    componentWillUnmount() {
-        if (this.unsubscribe)
-            this.unsubscribe();
-    }
-    componentDidUpdate(prevProps) {
-        const { fixtures } = this.props;
-        if (!isEqual(fixtures, prevProps.fixtures)) {
-            this.postFixtureListUpdate();
-        }
-        const { selectedFixture } = this.state;
-        if (selectedFixture) {
-            const { fixtureId, fixtureState, syncedFixtureState } = selectedFixture;
-            if (fixtureId && !isEqual(fixtureState, syncedFixtureState)) {
-                this.postFixtureStateChange(fixtureId, fixtureState);
-                this.updateSyncedFixtureState(fixtureState);
-            }
-        }
-    }
-    shouldComponentUpdate(prevProps, prevState) {
-        // This check exists mainly to prevent updating the fixture tree when
-        // fixture state setters resulted in no fixture state change
-        return !isEqual(this.props, prevProps) || !isEqual(this.state, prevState);
-    }
-    render() {
-        const { selectedFixture } = this.state;
-        if (!selectedFixture) {
-            return this.renderMessage('No fixture selected.');
-        }
-        const { fixtures } = this.props;
-        const { fixtureId, fixtureState } = selectedFixture;
-        // Falsy check doesn't do because fixtures can be any Node, including
-        // null or undefined.
-        if (!fixtures.hasOwnProperty(fixtureId.path)) {
-            return this.renderMessage(`Fixture path not found: ${fixtureId.path}`);
-        }
-        const fixtureExport = fixtures[fixtureId.path].module.default;
-        const fixture = getFixture(fixtureExport, fixtureId.name);
-        if (typeof fixture === 'undefined') {
-            return this.renderMessage(`Invalid fixture ID: ${JSON.stringify(fixtureId)}`);
-        }
-        const { systemDecorators, userDecorators, onErrorReset } = this.props;
-        const { renderKey } = this.state;
-        return (React.createElement(FixtureProvider
-        // renderKey controls whether to reuse previous instances (and
-        // transition props) or rebuild render tree from scratch
-        , { 
-            // renderKey controls whether to reuse previous instances (and
-            // transition props) or rebuild render tree from scratch
-            key: renderKey, fixtureId: fixtureId, fixture: fixture, systemDecorators: systemDecorators, userDecorators: userDecorators, fixtureState: fixtureState, setFixtureState: this.setFixtureState, onErrorReset: onErrorReset || noop }));
-    }
-    handleRequest = (msg) => {
-        if (msg.type === 'pingRenderers') {
-            return this.postReadyState();
-        }
-        if (!msg.payload || msg.payload.rendererId !== this.props.rendererId) {
-            return;
-        }
-        if (doesRequestChangeFixture(msg)) {
-            this.fireChangeCallback();
-        }
-        switch (msg.type) {
-            case 'selectFixture':
-                return this.handleSelectFixtureRequest(msg);
-            case 'unselectFixture':
-                return this.handleUnselectFixtureRequest();
-            case 'setFixtureState':
-                return this.handleSetFixtureStateRequest(msg);
-            default:
-            // This Is Fine™
-            // Actually, we can't be angry about getting unrelated messages here
-            // because we don't do any preliminary message filtering to ignore stuff
-            // like browser devtools communication, nor do we have any message
-            // metadata conventions in place to perform such filtering at the moment
-        }
-    };
-    handleSelectFixtureRequest({ payload }) {
-        const { fixtureId, fixtureState } = payload;
-        this.setState({
-            selectedFixture: {
-                fixtureId,
-                fixtureState,
-                syncedFixtureState: fixtureState,
-            },
-            renderKey: this.state.renderKey + 1,
-        });
-    }
-    handleUnselectFixtureRequest() {
-        this.setState({
-            selectedFixture: null,
-            renderKey: 0,
-        });
-    }
-    handleSetFixtureStateRequest({ payload }) {
-        const { fixtureId, fixtureState } = payload;
-        const { selectedFixture } = this.state;
-        // Ensure fixture state applies to currently selected fixture
-        if (selectedFixture && isEqual(fixtureId, selectedFixture.fixtureId)) {
-            this.setState({
-                selectedFixture: {
-                    fixtureId,
-                    fixtureState,
-                    syncedFixtureState: fixtureState,
-                },
-            });
-        }
-    }
-    postReadyState() {
-        const { rendererId, initialFixtureId } = this.props;
-        const fixtures = this.getFixtureList();
-        this.postMessage({
-            type: 'rendererReady',
-            payload: initialFixtureId
-                ? { rendererId, fixtures, initialFixtureId }
-                : { rendererId, fixtures },
-        });
-    }
-    postFixtureListUpdate() {
-        const { rendererId } = this.props;
-        this.postMessage({
-            type: 'fixtureListUpdate',
-            payload: {
-                rendererId,
-                fixtures: this.getFixtureList(),
-            },
-        });
-    }
-    postFixtureStateChange = (fixtureId, fixtureState) => {
-        const { rendererId } = this.props;
-        this.postMessage({
-            type: 'fixtureStateChange',
-            payload: {
-                rendererId,
-                fixtureId,
-                fixtureState,
-            },
-        });
-    };
-    setFixtureState = stateUpdate => {
-        if (!this.state.selectedFixture) {
-            console.warn('[FixtureLoader] Trying to set fixture state with no fixture selected');
-            return;
-        }
-        // Multiple state changes can be dispatched by fixture plugins at almost
-        // the same time. Since state changes are batched in React, current state
-        // (this.state.fixtureState) can be stale at dispatch time, and extending
-        // it can result in cancelling previous state changes that are queued.
-        // Using an updater function like ({ prevState }) => nextState ensures
-        // every state change is honored, regardless of timing.
-        this.setState(({ selectedFixture }) => {
-            if (!selectedFixture) {
-                return null;
-            }
-            return {
-                selectedFixture: {
-                    ...selectedFixture,
-                    fixtureState: stateUpdate(selectedFixture.fixtureState),
-                },
-            };
-        });
-    };
-    getFixtureList() {
-        return getFixtureListFromWrappers(this.props.fixtures);
-    }
-    fireChangeCallback() {
-        const { onErrorReset } = this.props;
-        if (typeof onErrorReset === 'function') {
-            onErrorReset();
-        }
-    }
-    updateSyncedFixtureState(syncedFixtureState) {
-        this.setState(({ selectedFixture }) => {
-            if (!selectedFixture) {
-                return null;
-            }
-            // Other updates that alter state.selectedFixture can be pending when this
-            // update is submitted. Those updates will be applied first. With this in
-            // mind, we use a state setter callback to only override syncedFixtureState
-            // and keep the latest values of other state parts.
-            return {
-                selectedFixture: {
-                    ...selectedFixture,
-                    syncedFixtureState,
-                },
-            };
-        });
-    }
-    postMessage(msg) {
-        this.props.rendererConnect.postMessage(msg);
-    }
-    renderMessage(msg) {
-        return typeof this.props.renderMessage !== 'undefined'
-            ? this.props.renderMessage({ msg })
-            : msg;
-    }
-}
-function doesRequestChangeFixture(r) {
-    return r.type === 'selectFixture' || r.type === 'unselectFixture';
-}
-function noop() { }

package/dist/renderer/FixtureLoader/FixtureProvider.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { FixtureId } from '../../fixture/types.js';
-import { FixtureState, SetFixtureState } from '../../fixtureState/types.js';
-import { ReactDecorator, ReactDecorators, ReactFixture } from '../reactTypes.js';
-type Props = {
-    fixtureId: FixtureId;
-    fixture: ReactFixture;
-    systemDecorators: ReactDecorator[];
-    userDecorators: ReactDecorators;
-    fixtureState: FixtureState;
-    setFixtureState: SetFixtureState;
-    renderMessage?: (args: {
-        msg: string;
-    }) => ReactNode;
-    onErrorReset: () => unknown;
-};
-export declare function FixtureProvider({ fixtureId, fixture, systemDecorators, userDecorators, fixtureState, setFixtureState, onErrorReset, }: Props): JSX.Element;
-export {};

package/dist/renderer/FixtureLoader/FixtureProvider.js

@@ -1,18 +0,0 @@
-import React, { useMemo } from 'react';
-import { FixtureContext } from '../../fixture/FixtureContext.js';
-import { getSortedDecoratorsForFixturePath } from '../getSortedDecoratorsForFixturePath.js';
-import { getDecoratedFixtureElement } from './getDecoratedFixtureElement/index.js';
-export function FixtureProvider({ fixtureId, fixture, systemDecorators, userDecorators, fixtureState, setFixtureState, onErrorReset, }) {
-    // Prevent unintentional renders https://reactjs.org/docs/context.html#caveats
-    const contextValue = useMemo(() => ({ fixtureState, setFixtureState }), [fixtureState, setFixtureState]);
-    const decoratorProps = useMemo(() => ({ fixtureState, setFixtureState, onErrorReset }), [fixtureState, onErrorReset, setFixtureState]);
-    const decorators = useMemo(() => mergeDecorators(fixtureId, systemDecorators, userDecorators), [fixtureId, systemDecorators, userDecorators]);
-    const decoratedFixture = useMemo(() => getDecoratedFixtureElement(fixture, decorators, decoratorProps), [decoratorProps, decorators, fixture]);
-    return (React.createElement(FixtureContext.Provider, { value: contextValue }, decoratedFixture));
-}
-function mergeDecorators(fixtureId, systemDecorators, userDecorators) {
-    return [
-        ...systemDecorators,
-        ...getSortedDecoratorsForFixturePath(fixtureId.path, userDecorators),
-    ];
-}

package/dist/renderer/FixtureLoader/fixtureHelpers.d.ts

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

package/dist/renderer/FixtureLoader/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/FixtureLoader/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/FixtureLoader/getDecoratedFixtureElement/index.d.ts

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

package/dist/renderer/FixtureLoader/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/FixtureLoader/postMessage.d.ts

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

package/dist/renderer/FixtureLoader/postMessage.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/FixtureLoader/webSockets.d.ts

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