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

Server CSF compiler generates double quote vs single quote strings

Browse Source
This commit is contained in:
Jon Palmer 2021-04-15 07:48:36 -04:00
parent fe8c1e3f92
commit 17987f7b9f
No known key found for this signature in database
GPG Key ID: 52E08C6A304553A8
10 changed files with 62 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/server/src/lib/compiler/__testfixtures__/a11y.snapshot
View File

@ -3,10 +3,10 @@
exports[`json-to-csf-compiler a11y.json 1`] = ` exports[`json-to-csf-compiler a11y.json 1`] = `
" "
export default { export default {
title: 'Addons/a11y', title: \\"Addons/a11y\\",
parameters: { parameters: {
options: { options: {
selectedPanel: 'storybook/a11y/panel' selectedPanel: \\"storybook/a11y/panel\\"
} }
} }
}; };
@ -15,7 +15,7 @@ export const Label = (args) => {};
Label.storyName = 'Label'; Label.storyName = 'Label';
Label.parameters = { Label.parameters = {
server: { server: {
id: 'addons/a11y/label' id: \\"addons/a11y/label\\"
} }
}; };
" "

10
app/server/src/lib/compiler/__testfixtures__/actions.snapshot
View File

@ -3,10 +3,10 @@
exports[`json-to-csf-compiler actions.json 1`] = ` exports[`json-to-csf-compiler actions.json 1`] = `
" "
export default { export default {
title: 'Addons/Actions', title: \\"Addons/Actions\\",
parameters: { parameters: {
options: { options: {
selectedPanel: 'storybook/actions/panel' selectedPanel: \\"storybook/actions/panel\\"
} }
} }
}; };
@ -15,14 +15,14 @@ export const Multiple_actions_config = (args) => {};
Multiple_actions_config.storyName = 'Multiple actions + config'; Multiple_actions_config.storyName = 'Multiple actions + config';
Multiple_actions_config.parameters = { Multiple_actions_config.parameters = {
actions: [ actions: [
'click', \\"click\\",
'contextmenu', \\"contextmenu\\",
{ {
clearOnStoryChange: false clearOnStoryChange: false
} }
], ],
server: { server: {
id: 'addons/actions/story3' id: \\"addons/actions/story3\\"
} }
}; };
" "

12
app/server/src/lib/compiler/__testfixtures__/backgrounds.snapshot
View File

@ -3,16 +3,16 @@
exports[`json-to-csf-compiler backgrounds.json 1`] = ` exports[`json-to-csf-compiler backgrounds.json 1`] = `
" "
export default { export default {
title: 'Addons/Backgrounds', title: \\"Addons/Backgrounds\\",
parameters: { parameters: {
backgrounds: [ backgrounds: [
{ {
name: 'light', name: \\"light\\",
value: '#eeeeee' value: \\"#eeeeee\\"
}, },
{ {
name: 'dark', name: \\"dark\\",
value: '#222222', value: \\"#222222\\",
default: true default: true
} }
] ]
@ -23,7 +23,7 @@ export const Story_1 = (args) => {};
Story_1.storyName = 'Story 1'; Story_1.storyName = 'Story 1';
Story_1.parameters = { Story_1.parameters = {
server: { server: {
id: 'addons/backgrounds/story1' id: \\"addons/backgrounds/story1\\"
} }
}; };
" "

36
app/server/src/lib/compiler/__testfixtures__/controls.snapshot
View File

@ -3,10 +3,10 @@
exports[`json-to-csf-compiler controls.json 1`] = ` exports[`json-to-csf-compiler controls.json 1`] = `
" "
export default { export default {
title: 'Addons/Controls', title: \\"Addons/Controls\\",
parameters: { parameters: {
options: { options: {
selectedPanel: 'storybook/controls/panel' selectedPanel: \\"storybook/controls/panel\\"
} }
} }
}; };
@ -15,44 +15,44 @@ export const Simple = (args) => {};
Simple.storyName = 'Simple'; Simple.storyName = 'Simple';
Simple.parameters = { Simple.parameters = {
server: { server: {
id: 'addons/controls/simple' id: \\"addons/controls/simple\\"
} }
}; };
Simple.args = { Simple.args = {
name: 'John Doe', name: \\"John Doe\\",
birthday: '1960-12-25T00:42:03.600Z', birthday: \\"1960-12-25T00:42:03.600Z\\",
favorite_color: 'red', favorite_color: \\"red\\",
active: true, active: true,
pets: 2, pets: 2,
sports: [ sports: [
'football', \\"football\\",
'baseball' \\"baseball\\"
], ],
favorite_food: 'Ice Cream', favorite_food: \\"Ice Cream\\",
other_things: { other_things: {
hair: 'Brown', hair: \\"Brown\\",
eyes: 'Blue' eyes: \\"Blue\\"
} }
}; };
Simple.argTypes = { Simple.argTypes = {
birthday: { birthday: {
control: { control: {
type: 'date' type: \\"date\\"
} }
}, },
favorite_color: { favorite_color: {
control: { control: {
type: 'color' type: \\"color\\"
} }
}, },
favorite_food: { favorite_food: {
control: { control: {
type: 'select', type: \\"select\\",
options: { options: {
hot_dog: 'Hot Dog', hot_dog: \\"Hot Dog\\",
pizza: 'Pizza', pizza: \\"Pizza\\",
burgers: 'Burgers', burgers: \\"Burgers\\",
ice_cream: 'Ice Cream' ice_cream: \\"Ice Cream\\"
} }
} }
} }

26
app/server/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
View File

@ -3,25 +3,25 @@
exports[`json-to-csf-compiler kitchen_sink.json 1`] = ` exports[`json-to-csf-compiler kitchen_sink.json 1`] = `
" "
export default { export default {
title: 'Kitchen Sink', title: \\"Kitchen Sink\\",
parameters: { parameters: {
backgrounds: [ backgrounds: [
{ {
name: 'light', name: \\"light\\",
value: '#eeeeee' value: \\"#eeeeee\\"
}, },
{ {
name: 'dark', name: \\"dark\\",
value: '#222222', value: \\"#222222\\",
default: true default: true
} }
], ],
options: { options: {
selectedPanel: 'storybook/a11y/panel' selectedPanel: \\"storybook/a11y/panel\\"
}, },
server: { server: {
params: { params: {
color: 'red' color: \\"red\\"
} }
} }
} }
@ -31,21 +31,21 @@ export const Heading = (args) => {};
Heading.storyName = 'Heading'; Heading.storyName = 'Heading';
Heading.parameters = { Heading.parameters = {
actions: [ actions: [
'click', \\"click\\",
'contextmenu', \\"contextmenu\\",
{ {
clearOnStoryChange: false clearOnStoryChange: false
} }
], ],
server: { server: {
id: 'demo/heading', id: \\"demo/heading\\",
params: { params: {
color: 'orange' color: \\"orange\\"
} }
} }
}; };
Heading.args = { Heading.args = {
name: 'John Doe', name: \\"John Doe\\",
age: 44 age: 44
}; };
@ -53,7 +53,7 @@ export const Button = (args) => {};
Button.storyName = 'Button'; Button.storyName = 'Button';
Button.parameters = { Button.parameters = {
server: { server: {
id: 'demo/button' id: \\"demo/button\\"
} }
}; };
" "

4
app/server/src/lib/compiler/__testfixtures__/links.snapshot
View File

@ -3,14 +3,14 @@
exports[`json-to-csf-compiler links.json 1`] = ` exports[`json-to-csf-compiler links.json 1`] = `
" "
export default { export default {
title: 'Welcome', title: \\"Welcome\\",
}; };
export const Welcome = (args) => {}; export const Welcome = (args) => {};
Welcome.storyName = 'Welcome'; Welcome.storyName = 'Welcome';
Welcome.parameters = { Welcome.parameters = {
server: { server: {
id: 'welcome/welcome' id: \\"welcome/welcome\\"
} }
}; };
" "

8
app/server/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
View File

@ -3,14 +3,14 @@
exports[`json-to-csf-compiler multiple_stories.json 1`] = ` exports[`json-to-csf-compiler multiple_stories.json 1`] = `
" "
export default { export default {
title: 'Demo', title: \\"Demo\\",
}; };
export const Heading = (args) => {}; export const Heading = (args) => {};
Heading.storyName = 'Heading'; Heading.storyName = 'Heading';
Heading.parameters = { Heading.parameters = {
server: { server: {
id: 'demo/heading' id: \\"demo/heading\\"
} }
}; };
@ -18,7 +18,7 @@ export const Headings = (args) => {};
Headings.storyName = 'Headings'; Headings.storyName = 'Headings';
Headings.parameters = { Headings.parameters = {
server: { server: {
id: 'demo/headings' id: \\"demo/headings\\"
} }
}; };
@ -26,7 +26,7 @@ export const Button = (args) => {};
Button.storyName = 'Button'; Button.storyName = 'Button';
Button.parameters = { Button.parameters = {
server: { server: {
id: 'demo/button' id: \\"demo/button\\"
} }
}; };
" "

8
app/server/src/lib/compiler/__testfixtures__/params.snapshot
View File

@ -3,11 +3,11 @@
exports[`json-to-csf-compiler params.json 1`] = ` exports[`json-to-csf-compiler params.json 1`] = `
" "
export default { export default {
title: 'Params', title: \\"Params\\",
parameters: { parameters: {
server: { server: {
params: { params: {
color: 'red' color: \\"red\\"
} }
} }
} }
@ -17,9 +17,9 @@ export const Story = (args) => {};
Story.storyName = 'Story'; Story.storyName = 'Story';
Story.parameters = { Story.parameters = {
server: { server: {
id: 'params/story', id: \\"params/story\\",
params: { params: {
message: 'Hello World' message: \\"Hello World\\"
} }
} }
}; };

10
app/server/src/lib/compiler/__testfixtures__/params_override.snapshot
View File

@ -3,11 +3,11 @@
exports[`json-to-csf-compiler params_override.json 1`] = ` exports[`json-to-csf-compiler params_override.json 1`] = `
" "
export default { export default {
title: 'Params', title: \\"Params\\",
parameters: { parameters: {
server: { server: {
params: { params: {
color: 'red' color: \\"red\\"
} }
} }
} }
@ -17,10 +17,10 @@ export const Override = (args) => {};
Override.storyName = 'Override'; Override.storyName = 'Override';
Override.parameters = { Override.parameters = {
server: { server: {
id: 'params/override', id: \\"params/override\\",
params: { params: {
message: 'Hello World', message: \\"Hello World\\",
color: 'green' color: \\"green\\"
} }
} }
}; };

4
app/server/src/lib/compiler/stringifier.ts
View File

@ -5,7 +5,7 @@ const { identifier } = require('safe-identifier');
export function stringifyObject(object: any, level = 0, excludeOuterParams = false): string { export function stringifyObject(object: any, level = 0, excludeOuterParams = false): string {
if (typeof object === 'string') { if (typeof object === 'string') {
return `'${object}'`; return `"${object}"`;
} }
const indent = ' '.repeat(level); const indent = ' '.repeat(level);
if (Array.isArray(object)) { if (Array.isArray(object)) {
@ -53,7 +53,7 @@ export function stringifyDefault(section: StorybookSection): string {
return dedent` return dedent`
export default { export default {
title: '${title}',${decoratorsString}${optionsString} title: "${title}",${decoratorsString}${optionsString}
}; };
`; `;