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

Merge pull request #2349 from storybooks/1328-fix-hmr-failure

Browse Source 
Save the preview frame URL as the story changes.
This commit is contained in:
Filipp Riabchun 2017-11-22 13:19:54 +03:00 committed by GitHub
commit 776f3a6f18
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/angular/src/client/preview/init.js vendored
View File

@ -1,4 +1,6 @@
import keyEvents from '@storybook/ui/dist/libs/key_events';
import qs from 'qs';
import { selectStory } from './actions';
export default function(context) {
@ -8,6 +10,19 @@ export default function(context) {
reduxStore.dispatch(selectStory(queryParams.selectedKind, queryParams.selectedStory));
}
// Keep whichever of these are set that we don't override when stories change
const originalQueryParams = queryParams;
reduxStore.subscribe(() => {
const { selectedKind, selectedStory } = reduxStore.getState();
const queryString = qs.stringify({
...originalQueryParams,
selectedKind,
selectedStory,
});
window.history.pushState({}, '', `?${queryString}`);
});
// Handle keyEvents and pass them to the parent.
window.onkeydown = e => {
const parsedEvent = keyEvents(e);

15
app/react/src/client/preview/init.js
View File

@ -1,4 +1,6 @@
import keyEvents from '@storybook/ui/dist/libs/key_events';
import qs from 'qs';
import { selectStory } from './actions';
export default function(context) {
@ -8,6 +10,19 @@ export default function(context) {
reduxStore.dispatch(selectStory(queryParams.selectedKind, queryParams.selectedStory));
}
// Keep whichever of these are set that we don't override when stories change
const originalQueryParams = queryParams;
reduxStore.subscribe(() => {
const { selectedKind, selectedStory } = reduxStore.getState();
const queryString = qs.stringify({
...originalQueryParams,
selectedKind,
selectedStory,
});
window.history.pushState({}, '', `?${queryString}`);
});
// Handle keyEvents and pass them to the parent.
window.onkeydown = e => {
const parsedEvent = keyEvents(e);

15
app/vue/src/client/preview/init.js
View File

@ -1,4 +1,6 @@
import keyEvents from '@storybook/ui/dist/libs/key_events';
import qs from 'qs';
import { selectStory } from './actions';
export default function(context) {
@ -8,6 +10,19 @@ export default function(context) {
reduxStore.dispatch(selectStory(queryParams.selectedKind, queryParams.selectedStory));
}
// Keep whichever of these are set that we don't override when stories change
const originalQueryParams = queryParams;
reduxStore.subscribe(() => {
const { selectedKind, selectedStory } = reduxStore.getState();
const queryString = qs.stringify({
...originalQueryParams,
selectedKind,
selectedStory,
});
window.history.pushState({}, '', `?${queryString}`);
});
// Handle keyEvents and pass them to the parent.
window.onkeydown = e => {
const parsedEvent = keyEvents(e);