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

if we change the config & code a bit, and bundle babel in, maybe we can fix this issue easily?

Browse Source
This commit is contained in:
Norbert de Langen 2022-10-28 09:33:44 +02:00
parent 7a86f0363e
commit 80c63a9869
No known key found for this signature in database
GPG Key ID: FD0E78AF9A837762
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
code/lib/csf-tools/package.json
View File

@ -42,16 +42,16 @@
"prep": "../../../scripts/prepare/bundle.ts"
},
"dependencies": {
"@babel/generator": "^7.12.11",
"@babel/parser": "^7.12.11",
"@babel/traverse": "^7.12.11",
"@babel/types": "^7.12.11",
"@storybook/csf": "next",
"@storybook/types": "7.0.0-alpha.45",
"fs-extra": "^9.0.1",
"ts-dedent": "^2.0.0"
},
"devDependencies": {
"@babel/generator": "^7.12.11",
"@babel/parser": "^7.12.11",
"@babel/traverse": "^7.12.11",
"@babel/types": "^7.12.11",
"@types/fs-extra": "^9.0.6",
"js-yaml": "^3.14.1",
"typescript": "~4.6.3"

13
code/lib/csf-tools/src/CsfFile.ts
View File

@ -1,9 +1,12 @@
/* eslint-disable no-underscore-dangle */
import fs from 'fs-extra';
import { dedent } from 'ts-dedent';
// eslint-disable-next-line import/no-extraneous-dependencies
import * as t from '@babel/types';
import generate from '@babel/generator';
import traverse from '@babel/traverse';
// eslint-disable-next-line import/no-extraneous-dependencies
import * as generate from '@babel/generator';
// eslint-disable-next-line import/no-extraneous-dependencies
import * as traverse from '@babel/traverse';
import { toId, isExportStory, storyNameFromExport } from '@storybook/csf';
import type { CSF_Meta, CSF_Story, Tag } from '@storybook/types';
import { babelParse } from './babelParse';
@ -192,7 +195,7 @@ export class CsfFile {
// @ts-expect-error (Converted from ts-ignore)
meta[p.key.name] = parseIncludeExclude(p.value);
} else if (p.key.name === 'component') {
const { code } = generate(p.value, {});
const { code } = generate.default(p.value, {});
meta.component = code;
} else if (p.key.name === 'tags') {
let node = p.value;
@ -215,7 +218,7 @@ export class CsfFile {
parse() {
// eslint-disable-next-line @typescript-eslint/no-this-alias
const self = this;
traverse(this._ast, {
traverse.default(this._ast, {
ExportDefaultDeclaration: {
enter({ node, parent }) {
let metaNode: t.ObjectExpression;
@ -472,7 +475,7 @@ export const loadCsf = (code: string, options: CsfOptions) => {
};
export const formatCsf = (csf: CsfFile) => {
const { code } = generate(csf._ast, {});
const { code } = generate.default(csf._ast, {});
return code;
};