GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 02:21:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Restore code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars

Browse Source
This commit is contained in:
Norbert de Langen 2022-12-20 13:16:10 +01:00 committed by GitHub
parent 88f59313b3
commit fc357d7df6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
code/lib/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars
View File

@ -1,4 +1,4 @@
import { global } from '@storybook/global'; import global from 'global';
import { ClientApi, PreviewWeb, addons, composeConfigs } from '@storybook/preview-api'; import { ClientApi, PreviewWeb, addons, composeConfigs } from '@storybook/preview-api';
import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage'; import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
@ -9,34 +9,34 @@ import { importFn } from './{{storiesFilename}}';
const { SERVER_CHANNEL_URL } = global; const { SERVER_CHANNEL_URL } = global;
const getProjectAnnotations = () => const getProjectAnnotations = () =>
composeConfigs([{{#each previewAnnotations}}require('{{this}}'),{{/each}}]); composeConfigs([{{#each previewAnnotations}}require('{{this}}'),{{/each}}]);
const channel = createPostMessageChannel({ page: 'preview' }); const channel = createPostMessageChannel({ page: 'preview' });
addons.setChannel(channel); addons.setChannel(channel);
if (SERVER_CHANNEL_URL) { if (SERVER_CHANNEL_URL) {
const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, }); const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, });
addons.setServerChannel(serverChannel); addons.setServerChannel(serverChannel);
window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel; window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
} }
const preview = window.__STORYBOOK_PREVIEW__ || new PreviewWeb(); const preview = new PreviewWeb();
window.__STORYBOOK_PREVIEW__ = preview; window.__STORYBOOK_PREVIEW__ = preview;
window.__STORYBOOK_STORY_STORE__ = preview.storyStore; window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
window.__STORYBOOK_ADDONS_CHANNEL__ = channel; window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
window.__STORYBOOK_CLIENT_API__ = window.__STORYBOOK_CLIENT_API__ || new ClientApi({ storyStore: preview.storyStore }); window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
preview.initialize({ importFn, getProjectAnnotations }); preview.initialize({ importFn, getProjectAnnotations });
if (import.meta.webpackHot) { if (import.meta.webpackHot) {
import.meta.webpackHot.accept('./{{storiesFilename}}', () => { import.meta.webpackHot.accept('./{{storiesFilename}}', () => {
// importFn has changed so we need to patch the new one in // importFn has changed so we need to patch the new one in
preview.onStoriesChanged({ importFn }); preview.onStoriesChanged({ importFn });
}); });
import.meta.webpackHot.accept([{{#each previewAnnotations}}'{{this}}',{{/each}}], () => { import.meta.webpackHot.accept([{{#each previewAnnotations}}'{{this}}',{{/each}}], () => {
// getProjectAnnotations has changed so we need to patch the new one in // getProjectAnnotations has changed so we need to patch the new one in
preview.onGetProjectAnnotationsChanged({ getProjectAnnotations }); preview.onGetProjectAnnotationsChanged({ getProjectAnnotations });
}); });
} }