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

Move args parsing/serialization to router module

Browse Source
This commit is contained in:
Gert Hengeveld 2021-02-04 10:34:46 +01:00
parent 658772dffa
commit 146d8ec193
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
lib/api/src/modules/url.ts
View File

@ -5,11 +5,15 @@ import {
SET_STORIES,
SET_CURRENT_STORY,
} from '@storybook/core-events';
import { queryFromLocation, navigate as queryNavigate } from '@storybook/router';
import {
queryFromLocation,
navigate as queryNavigate,
parseArgs,
stringifyArgs,
} from '@storybook/router';
import { toId, sanitize } from '@storybook/csf';
import deepEqual from 'fast-deep-equal';
import { parse, stringify } from 'qs';
import { ModuleArgs, ModuleFn } from '../index';
import { PanelPositions } from './layout';
import { isStory } from '../lib/stories';
@ -28,26 +32,6 @@ export interface SubState {
customQueryParams: QueryParams;
}
const argsParseOptions = {
allowDots: true,
delimiter: ';',
};
const parseArgs = (argsString: string) =>
parse(
argsString
.split(';')
.map((part) => part.replace(':', '='))
.join(';'),
argsParseOptions
);
const stringifyArgs = (args: Story['args']) =>
stringify(args, { ...argsParseOptions, encode: false })
.split(';')
.map((part) => part.replace('=', ':'))
.join(';');
// Initialize the state based on the URL.
// NOTE:
// Although we don't change the URL when you change the state, we do support setting initial state

16
lib/router/src/utils.ts
View File

@ -31,6 +31,22 @@ export const parsePath: (path: string | undefined) => StoryData = memoize(1000)(
}
);
interface Args {
[key: string]: any;
}
const argsParseOptions = { allowDots: true, delimiter: ';' };
export const parseArgs = (argsString: string): Args => {
const parts = argsString.split(';').map((part) => part.replace(':', '='));
return qs.parse(parts.join(';'), argsParseOptions);
};
export const stringifyArgs = (args: Args) => {
const parts = qs.stringify(args, { ...argsParseOptions, encode: false }).split(';');
return parts.map((part: string) => part.replace('=', ':')).join(';');
};
interface Query {
[key: string]: any;
}