Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: broadcast messages for controls values to manager
- Loading branch information
1 parent
57bf0c1
commit 7b31a84
Showing
13 changed files
with
131 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,16 @@ | ||
| import { addDecorator } from '@storybook/client-api'; | ||
| import { makeDecorator } from '@storybook/addons'; | ||
| import { controlsMessages } from './context/BroadcastMessage'; | ||
|
|
||
| addDecorator( | ||
| makeDecorator({ | ||
| name: 'legacyControls', | ||
| name: 'componnet-controls', | ||
| parameterName: 'controls', | ||
| wrapper: (storyFn, context) => { | ||
| return storyFn(context); | ||
| console.log(controlsMessages); | ||
| const values = controlsMessages && controlsMessages[context.id]; | ||
| //@ts-ignore | ||
| return values ? storyFn(values, context) : storyFn(context); | ||
| }, | ||
| }), | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,11 +1,23 @@ | ||
| import React from 'react'; | ||
| import addons from '@storybook/addons'; | ||
| import { FORCE_RE_RENDER } from '@storybook/core-events'; | ||
| import { BlockContextProvider as BlocksContextProvider } from '@component-controls/blocks'; | ||
| import { DocsContext } from '@storybook/addon-docs/blocks'; | ||
|
|
||
| export const BlockContextProvider: React.FC = ({ children }) => { | ||
| const context = React.useContext(DocsContext); | ||
| const channel = React.useMemo(() => addons.getChannel(), []); | ||
| const { id } = context as any; | ||
| const onRefresh = () => channel.emit(FORCE_RE_RENDER); | ||
|
|
||
| // this._channel.emit(Events.FORCE_RE_RENDER); | ||
| return ( | ||
| <BlocksContextProvider currentId={id}>{children}</BlocksContextProvider> | ||
| <BlocksContextProvider | ||
| currentId={id} | ||
| onRefresh={onRefresh} | ||
| postMessage={true} | ||
| > | ||
| {children} | ||
| </BlocksContextProvider> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| import { BroadcastChannel } from 'broadcast-channel'; | ||
| import { UPDATE_CONTROLS_MESSAGE } from '@component-controls/blocks'; | ||
|
|
||
| const channel = new BroadcastChannel(UPDATE_CONTROLS_MESSAGE); | ||
|
|
||
| interface ControlsMessages { | ||
| [id: string]: any; | ||
| } | ||
| export const controlsMessages: ControlsMessages = {}; | ||
| channel.onmessage = (message: { id: string; values: any }) => { | ||
| controlsMessages[message.id] = message.values; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| export * from './BlockContext'; | ||
| export * from './ThemeProvider'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,2 @@ | ||
| export { ThemeProvider } from './context/ThemeProvider'; | ||
| export * from './context/BlockContext'; | ||
| export * from './context'; | ||
| export * from './blocks'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import { BroadcastChannel } from 'broadcast-channel'; | ||
| import { | ||
| LoadedComponentControls, | ||
| getControlValues, | ||
| } from '@component-controls/core'; | ||
| import { UPDATE_CONTROLS_MESSAGE } from './consts'; | ||
|
|
||
| const channel = new BroadcastChannel(UPDATE_CONTROLS_MESSAGE); | ||
|
|
||
| interface ControlsMessage { | ||
| id: string; | ||
| controls: LoadedComponentControls; | ||
| } | ||
| export const postControlsMsg = ({ id, controls }: ControlsMessage) => | ||
| controls && channel.postMessage({ id, values: getControlValues(controls) }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export const UPDATE_CONTROLS_MESSAGE = 'component-controls-channel'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,2 @@ | ||
| export * from './BlockContext'; | ||
| export * from './consts'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters