@storybook/core-client NPM | npm.io

7.6.17 • Published 3 days ago

Install

Weekly downloads

10,988

License

MIT

Repository

Last release

3 days ago

Storybook Core-Client

This package contains browser-side functionality shared amongst all the frameworks (React, RN, Vue, Ember, Angular, etc).

Preview

The files in src/preview alongside the @storybook/client-api package form the "API" of the preview (iframe) side of Storybook. Here is a brief overview of the architecture:

Each framework (e.g. @storybook/react / @storybook/angular / et al.) initializes the preview by calling into src/preview/start.ts, passing a render function that will be used to render stories.

The start module initializes all the submodules:

StoryStore (from @storybook/client-api) - stores the stories and their state as well as the current selection or error.
ClientApi (from @storybook/client-api) - provides the entry point for storiesOf() API calls; re-exported by each framework.
ConfigApi (from @storybook/client-api) - provides the configure API (wrapped by loadCsf below).
StoryRenderer - controls the HTML that is rendered in the preview (calling the render function with the current story at appropriate times).
url.js - controls the URL in the preview and sets the selection based on it.
loadCsf - loads CSF files from require.context() calls and uses ClientApi to load them into the store.

Each module uses the channel to communicate with each other and the manager. Each module also has direct access to the story store.

Events on startup

The store can only be changed during "configuration". The ConfigApi will call store.startConfiguration(), then the user code (or loadCsf's loader) which will use client API to load up stories. At the end of the user's code the ConfigApi will call store.finishConfiguration(). At this point the SET_STORIES event is emitted and the stories are transmitted to the manager.

The URL of the preview is a "selection specifier" that controls the initial selection, which is chosen when configuration ends. Also (outside of configuration) the SET_CURRENT_STORY "command" event can be used to set the selection on the store. When the selection is set, a CURRENT_STORY_WAS_SET event is emitted which triggers a rendering.

@storybook/client-logger @storybook/preview-api

@storybook/core @everything-registry/sub-chunk-875 storybook-framework-liquid @muban/storybook @plaited/storybook @zalastax/nolb-_stor @storybook/react-native @storybook/vue @storybook-nuxt/vue3 @storybook-vue/vue3 @storybook/marko @storybook/manager-webpack4 @storybook/manager-webpack5 @pixi/storybook-renderer @deptdk/liquidjs-renderer @javachakir/sbvue3 @javachakir/storybook-vue3-renderer @javachakir/vue3

3 days ago

0.0.0-pr-26923-sha-300a6ba8

12 days ago

11 days ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

0.0.0-pr-25827-sha-620cb807

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

0.0.0-pr-25575-sha-8fad0180

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

0.0.0-pr-24447-sha-d63baba1

5 months ago

0.0.0-pr-24447-sha-7f15dc25

6 months ago

0.0.0-pr-24007-sha-c31c498a

8 months ago

0.0.0-pr-24447-sha-191688a0

5 months ago

9 months ago

0.0.0-pr-24948-sha-038ec6fd

5 months ago

0.0.0-pr-24225-sha-d42b137f

8 months ago

0.0.0-pr-24031-sha-553789e8

8 months ago

0.0.0-pr-24975-sha-7ac48cba

5 months ago

0.0.0-pr-23724-sha-4dae46aa

9 months ago

0.0.0-pr-23435-sha-bd98198e

9 months ago

0.0.0-pr-24110-sha-9e9d8374

8 months ago

9 months ago

9 months ago

0.0.0-pr-23609-sha-f47ef339

9 months ago

8 months ago

0.0.0-pr-23626-sha-0d5a537f

9 months ago

0.0.0-pr-24038-sha-e7e31321

8 months ago

5 months ago

0.0.0-pr-24820-sha-5a288064

6 months ago

0.0.0-pr-23611-sha-cb880262

9 months ago

0.0.0-pr-24741-sha-397c2cab

6 months ago

0.0.0-pr-24798-sha-f16de2fb

6 months ago

0.0.0-pr-25079-sha-65111396

5 months ago

10 months ago

10 months ago

10 months ago

0.0.0-pr-24565-sha-2d556c14

6 months ago

7.2.0-canary-23572-1690275421-726e1551.0

9 months ago

0.0.0-pr-23697-sha-615db423

9 months ago

0.0.0-pr-24389-sha-88c59837

7 months ago

0.0.0-pr-24575-sha-3de4e9e0

6 months ago

0.0.0-pr-23611-sha-0c8cd76e

9 months ago

0.0.0-pr-24038-sha-abd016e1

8 months ago

0.0.0-pr-23913-sha-f5776796

9 months ago

0.0.0-pr-23691-sha-8f3fbd86

9 months ago

0.0.0-pr-24447-sha-830916e6

6 months ago

0.0.0-pr-24447-sha-3011241c

5 months ago

5 months ago

5 months ago

0.0.0-pr-24504-sha-9e0d3224

6 months ago

0.0.0-pr-24437-sha-55d6b8d8

7 months ago

7.2.0-canary-22285-1690280355-e7cab9e3.0

9 months ago

0.0.0-pr-24434-sha-0d375607

7 months ago

0.0.0-pr-24291-sha-4df967a3

7 months ago

0.0.0-pr-23611-sha-d83da132

9 months ago

7 months ago

7 months ago

6 months ago

7 months ago

6 months ago

6 months ago

5 months ago

6 months ago

0.0.0-pr-23882-sha-6c4dd3dd

9 months ago

0.0.0-pr-23811-sha-d3c4b6e3

9 months ago

0.0.0-pr-24447-sha-b18bd92d

6 months ago

0.0.0-pr-24782-sha-bb0e7d7c

6 months ago

0.0.0-pr-24596-sha-031534ff

6 months ago

0.0.0-pr-24281-sha-930b9750

7 months ago

0.0.0-pr-24820-sha-2ada0f90

6 months ago

0.0.0-pr-23888-sha-8657c59a

7 months ago

0.0.0-pr-24447-sha-dc0980d9

5 months ago

0.0.0-pr-23778-sha-fa3b4d8f

9 months ago

0.0.0-pr-24271-sha-b8f97f09

7 months ago

0.0.0-pr-23888-sha-a5cdd319

7 months ago

0.0.0-pr-24396-sha-51edf4aa

7 months ago

0.0.0-pr-23611-sha-3be4580c

9 months ago

0.0.0-pr-24392-sha-2b9981a9

7 months ago

10 months ago

0.0.0-pr-24395-sha-2aacb587

7 months ago

7.2.0-canary-22285-1690367272-d07bfc52.0

9 months ago

0.0.0-pr-23888-sha-39ed28da

8 months ago

0.0.0-pr-22285-sha-d07bfc52

9 months ago

0.0.0-pr-24447-sha-0e9b8a79

6 months ago

0.0.0-pr-24392-sha-bcf87ea5

6 months ago

9 months ago

9 months ago

0.0.0-pr-24281-sha-534a6350

7 months ago

8 months ago

0.0.0-pr-24225-sha-fa4f5fec

8 months ago

8 months ago

8 months ago

8 months ago

7 months ago

7 months ago

0.0.0-pr-24251-sha-bccb9ebf

8 months ago

0.0.0-pr-23888-sha-db9bb66b

7 months ago

0.0.0-pr-25004-sha-c5268c93

5 months ago

7.2.0-canary-23593-1690276507-975d4e05.0

9 months ago

7.1.1-pr-23508-838046e-1689759443.0

10 months ago

0.0.0-pr-24271-sha-f6cb6ac2

7 months ago

0.0.0-pr-24820-sha-5859dece

6 months ago

0.0.0-pr-24676-sha-214a6f84

6 months ago

0.0.0-pr-24973-sha-64de488b

5 months ago

0.0.0-pr-24225-sha-4257f39c

8 months ago

7.1.1-pr-23508-1689802571-5ec8c1c3.0

10 months ago

8 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7.1.1-pr-22631-1689802540-351503cb.0

10 months ago

7.2.0-canary-22285-1690306636-035010c9.0

9 months ago

0.0.0-pr-24698-sha-758c0de1

6 months ago

0.0.0-pr-24676-sha-1388c64f

6 months ago

10 months ago

10 months ago

10 months ago

10 months ago

5 months ago

5 months ago

5 months ago

0.0.0-pr-24447-sha-9ac58a2d

6 months ago

0.0.0-pr-24575-sha-94eee1ff

6 months ago

0.0.0-pr-23611-sha-99ac2482

9 months ago

5 months ago

0.0.0-pr-24844-sha-520c653e

6 months ago

0.0.0-pr-24844-sha-d241a3e8

6 months ago

0.0.0-pr-24676-sha-c841f892

6 months ago

0.0.0-pr-24676-sha-7d703fa3

6 months ago

0.0.0-pr-24741-sha-ea66c9c8

6 months ago

0.0.0-pr-24392-sha-d8435144

7 months ago

0.0.0-pr-24504-sha-5d9e47a4

6 months ago

0.0.0-pr-23626-sha-e84041f2

9 months ago

0.0.0-pr-23853-sha-93b33e06

9 months ago

0.0.0-pr-23897-sha-78c2d886

9 months ago

0.0.0-pr-22236-sha-107ce09c

5 months ago

0.0.0-pr-24251-sha-8604570b

8 months ago

0.0.0-pr-24447-sha-7ac01473

6 months ago

0.0.0-pr-23888-sha-6ee27f2b

7 months ago

0.0.0-pr-24447-sha-8406fc11

6 months ago

0.0.0-pr-23825-sha-7875282b

9 months ago

9 months ago

9 months ago

0.0.0-pr-24728-sha-30e1599c

6 months ago

0.0.0-pr-23724-sha-117cb2b3

9 months ago

10 months ago

10 months ago

0.0.0-pr-24819-sha-347fb4f6

6 months ago

7.1.1-canary-23508-1690059187-2dbf6e38.0

10 months ago

8 months ago

7 months ago

8 months ago

8 months ago

8 months ago

7 months ago

7 months ago

0.0.0-pr-24271-sha-79e96fb3

8 months ago

7 months ago

10 months ago

0.0.0-pr-24959-sha-01ff0210

5 months ago

0.0.0-pr-23913-sha-45573ae9

9 months ago

0.0.0-pr-22499-sha-edffc853

6 months ago

0.0.0-pr-23888-sha-2b9981a9

7 months ago

0.0.0-pr-23479-sha-bcda497a

9 months ago

0.0.0-pr-24271-sha-fc247b9e

7 months ago

0.0.0-pr-23778-sha-b8dbbd21

9 months ago

0.0.0-pr-24447-sha-da48fb11

6 months ago

0.0.0-pr-24604-sha-a206c3eb

6 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

0.0.0-pr-24956-sha-878677ed

5 months ago

9 months ago

0.0.0-pr-24948-sha-12960c76

5 months ago

0.0.0-pr-23888-sha-032c0a61

8 months ago

9 months ago

0.0.0-pr-24447-sha-52cbbfc2

7 months ago

0.0.0-pr-24447-sha-8889347a

6 months ago

0.0.0-pr-23611-sha-82d2a4fa

9 months ago

9 months ago

9 months ago

0.0.0-pr-24225-sha-5ffd56a7

8 months ago

9 months ago

0.0.0-pr-23435-sha-7496d4ba

9 months ago

0.0.0-pr-23941-sha-8f1ed079

8 months ago

9 months ago

0.0.0-pr-24225-sha-97ddc35a

8 months ago

0.0.0-pr-24740-sha-c34bd874

6 months ago

0.0.0-pr-24948-sha-9cde885a

5 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago