Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-cosmos-dom

Package Overview
Dependencies
Maintainers
1
Versions
256
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-cosmos-dom - npm Package Compare versions

Comparing version 6.0.0-alpha.11 to 6.0.0-alpha.12

11

dist/DomFixtureLoader.d.ts

@@ -1,12 +0,9 @@

import { ReactDecorators, ReactFixtureWrappers } from 'react-cosmos-core';
import { UserModuleWrappers } from 'react-cosmos-core';
type Props = {
fixtures: ReactFixtureWrappers;
decorators: ReactDecorators;
moduleWrappers: UserModuleWrappers;
playgroundUrl: string;
onErrorReset?: () => unknown;
};
export declare function DomFixtureLoader({ fixtures, decorators, playgroundUrl, onErrorReset, }: Props): JSX.Element;
export declare function renderDomMessage({ msg }: {
msg: string;
}): JSX.Element;
export declare function DomFixtureLoader(props: Props): JSX.Element;
export declare function renderDomMessage(msg: string): JSX.Element;
export {};
import React, { useEffect, useMemo } from 'react';
import { FixtureLoader, } from 'react-cosmos-core';
import { FixtureConnect } from 'react-cosmos-core';
import { createDomRendererConnect } from './domRendererConnect.js';

@@ -7,3 +7,4 @@ import { domRendererId } from './domRendererId.js';

import { selectedFixtureId } from './selectedFixtureId.js';
export function DomFixtureLoader({ fixtures, decorators, playgroundUrl, onErrorReset, }) {
export function DomFixtureLoader(props) {
const { moduleWrappers, playgroundUrl, onErrorReset } = props;
const domRendererConnect = useMemo(() => createDomRendererConnect(playgroundUrl), [playgroundUrl]);

@@ -26,4 +27,5 @@ useEffect(() => {

}, [domRendererConnect]);
return (React.createElement(FixtureLoader, { rendererId: domRendererId, rendererConnect: domRendererConnect, fixtures: fixtures, selectedFixtureId: selectedFixtureId, systemDecorators: [ErrorCatch], userDecorators: decorators, renderMessage: renderDomMessage, onErrorReset: onErrorReset }));
return (React.createElement(FixtureConnect, { rendererId: domRendererId, rendererConnect: domRendererConnect, moduleWrappers: moduleWrappers, systemDecorators: systemDecorators, selectedFixtureId: selectedFixtureId, renderMessage: renderDomMessage, onErrorReset: onErrorReset }));
}
const systemDecorators = [ErrorCatch];
const containerStyle = {

@@ -41,4 +43,4 @@ position: 'absolute',

};
export function renderDomMessage({ msg }) {
export function renderDomMessage(msg) {
return React.createElement("div", { style: containerStyle }, msg);
}

@@ -1,10 +0,9 @@

import { ReactDecorators, ReactFixtureWrappers } from 'react-cosmos-core';
import { UserModuleWrappers } from 'react-cosmos-core';
import { DomRendererConfig } from './types.js';
type Args = {
rendererConfig: DomRendererConfig;
fixtures: ReactFixtureWrappers;
decorators: ReactDecorators;
moduleWrappers: UserModuleWrappers;
onErrorReset?: () => unknown;
};
export declare function mountDomRenderer({ rendererConfig, fixtures, decorators, onErrorReset, }: Args): void;
export declare function mountDomRenderer({ rendererConfig, moduleWrappers, onErrorReset, }: Args): void;
export {};

@@ -6,3 +6,3 @@ import React from 'react';

let cachedRoot = null;
export function mountDomRenderer({ rendererConfig, fixtures, decorators, onErrorReset, }) {
export function mountDomRenderer({ rendererConfig, moduleWrappers, onErrorReset, }) {
const domContainer = getDomContainer(rendererConfig.containerQuerySelector);

@@ -13,3 +13,3 @@ if (!cachedRoot || cachedRoot.domContainer !== domContainer) {

}
cachedRoot.reactRoot.render(React.createElement(DomFixtureLoader, { fixtures: fixtures, decorators: decorators, playgroundUrl: rendererConfig.playgroundUrl, onErrorReset: onErrorReset }));
cachedRoot.reactRoot.render(React.createElement(DomFixtureLoader, { moduleWrappers: moduleWrappers, playgroundUrl: rendererConfig.playgroundUrl, onErrorReset: onErrorReset }));
}
{
"name": "react-cosmos-dom",
"version": "6.0.0-alpha.11",
"version": "6.0.0-alpha.12",
"description": "React Cosmos DOM",

@@ -11,5 +11,5 @@ "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-dom",

"lodash-es": "^4.17.21",
"react-cosmos-core": "^6.0.0-alpha.11"
"react-cosmos-core": "^6.0.0-alpha.12"
},
"gitHead": "8e9d1e52749388f471f6ec848a8c904ec8b89f67"
"gitHead": "5987f899563ec2ddae727d4d57431a0400c49161"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc