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

Module format codemap: fix block formatting

Browse Source
This commit is contained in:
Michael Shilman 2019-06-23 16:47:19 +08:00
parent abdde1f012
commit fdae527bf6
6 changed files with 60 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/basic.output.js
View File

@ -5,7 +5,6 @@ import Button from './Button';
import { storiesOf, configure } from '@storybook/react';
import { action } from '@storybook/addon-actions';
{
export default {
title: 'Button',
};
@ -22,4 +21,3 @@ import { action } from '@storybook/addon-actions';
);
story3.title = 'complex story';
};

3
lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/decorators.output.js
View File

@ -2,8 +2,6 @@
import React from 'react';
import Button from './Button';
// This isn't a valid story, but it tests the `import { comp } from ...` case
{
export default {
title: 'Some.Button',
decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
@ -11,4 +9,3 @@ import Button from './Button';
export const story1 = () => <Button label="The Button" />;
story1.title = 'with decorator';
};

7
lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/multi.output.js
View File

@ -2,23 +2,16 @@
import React from 'react';
import Button from './Button';
// If we have multiple storiesOf calls, export multiple defaults. It's not valid
// JS but will still save the user time in converting.
{
export default {
title: 'Button1',
};
export const story1 = () => <Button label="Button1.1" />;
export const story2 = () => <Button label="Button1.2" />;
};
{
export default {
title: 'Button2',
};
export const story1 = () => <Button label="Button2.1" />;
export const story2 = () => <Button label="Button2.2" />;
};

2
lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/parameters.output.js
View File

@ -4,7 +4,6 @@ import Button from './Button';
import { storiesOf } from '@storybook/react';
{
export default {
title: 'Button',
@ -17,4 +16,3 @@ import { storiesOf } from '@storybook/react';
export const story1 = () => <Button label="The Button" />;
story1.title = 'with kind parameters';
};

2
lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/story-parameters.output.js
View File

@ -4,7 +4,6 @@ import Button from './Button';
import { storiesOf } from '@storybook/react';
{
export default {
title: 'Button',
};
@ -22,4 +21,3 @@ import { storiesOf } from '@storybook/react';
foo.parameters = {
bar: 1,
};
};

9
lib/codemod/src/transforms/convert-to-module-format.js
View File

@ -140,7 +140,9 @@ export default function transformer(file, api) {
counter += 1;
});
return j.blockStatement(statements);
statements.reverse();
statements.forEach(s => path.parent.insertAfter(s));
base.remove();
}
// each top-level add expression corresponds to the last "add" of the chain.
@ -149,9 +151,8 @@ export default function transformer(file, api) {
.find(j.CallExpression)
.filter(add => add.node.callee.property && add.node.callee.property.name === 'add')
.filter(add => add.node.arguments.length >= 2 && add.node.arguments[0].type === 'Literal')
.filter(add => add.parentPath.node.type === 'ExpressionStatement');
topLevelAddExpressions.replaceWith(convertToModuleExports);
.filter(add => add.parentPath.node.type === 'ExpressionStatement')
.forEach(convertToModuleExports);
return root.toSource({ quote: 'single', trailingComma: 'true', tabWidth: 2 });
}