Merge pull request #20156 from storybookjs/tech/remove-prepare-babel

Tech: cleanup babel prepare related code & dependencies

code/.eslintignore

@@ -10,8 +10,6 @@ scripts/storage
 scripts/repros-generator
 *.bundle.js
 *.js.map
-examples/ember-cli/.storybook/preview-head.html
-examples/official-storybook/tests/addon-jest.test.js
 ember-output
 .yarn
 !.remarkrc.js

code/.gitignore

@@ -13,22 +13,16 @@ dist
 coverage/
 *.lerna_backup
 build
-packages/examples/automated-*
 /**/LICENSE
 docs/public
-packs/*.tgz
 package-lock.json
 .nvmrc
 storybook-static
-integration/__image_snapshots__/__diff_output__
 .jest-test-results.json
 lib/*.jar
-lib/**/dll
 /false
 /addons/docs/common/config-*
 built-storybooks
-cypress/videos
-cypress/screenshots
 .verdaccio-cache
 tsconfig.tsbuildinfo
 junit.xml

code/.yarnrc.yml

@@ -7,8 +7,6 @@ logFilters:
     level: discard
   - code: YN0076
     level: discard
-  - level: discard
-    pattern: '@workspace:examples'
   - level: discard
     pattern: '@storybook/root@workspace:.'
   - level: discard

code/addons/storyshots-core/package.json

@@ -32,10 +32,7 @@
     "*.d.ts"
   ],
   "scripts": {
-    "build-storybook": "sb build",
-    "example": "jest storyshot.test",
-    "prep": "../../../scripts/prepare/tsc.ts",
-    "storybook": "yarn sb dev -p 6006"
+    "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
     "@jest/transform": "^29.3.1",
@@ -72,6 +69,7 @@
     "jest-preset-angular": "^8.3.2",
     "jest-vue-preprocessor": "^1.7.1",
     "react-test-renderer": "^16",
+    "rimraf": "^3.0.2",
     "rxjs": "^6.6.3",
     "vue-jest": "^5.0.0-alpha.8"
   },

code/addons/storyshots-core/src/api/integrityTestTemplate.ts

@@ -52,6 +52,7 @@ function integrityTest(integrityOptions: any, stories2snapsConverter: any) {
       const snapshotExtension = stories2snapsConverter.getSnapshotExtension();
       const storyshots = glob.sync(`**/*${snapshotExtension}`, integrityOptions);
 
+      // @ts-expect-error (ts doesn't 'get' the extension happening on line 9)
       expect(storyshots).notToBeAbandoned(stories2snapsConverter);
     });
   });

code/addons/storyshots-core/tsconfig.build.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compileOnSave": false,
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "CommonJS",
+    "lib": ["es2020", "dom"],
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "declaration": true,
+    "outDir": "dist",
+    "types": ["node"],
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "pretty": true,
+    "noErrorTruncation": true,
+    "listEmittedFiles": false,
+    "noUnusedLocals": false
+  },
+  "include": ["src/**/*", "src/**/*.json"]
+}

code/addons/storyshots-core/tsconfig.json

@@ -4,8 +4,7 @@
     "declaration": true,
     "jsx": "preserve",
     "skipLibCheck": true,
-    "skipDefaultLibCheck": true,
-    "types": ["jest", "testing-library__jest-dom"]
+    "skipDefaultLibCheck": true
   },
   "include": ["src/**/*.ts"]
 }

code/addons/storyshots-puppeteer/package.json

@@ -43,7 +43,8 @@
   },
   "devDependencies": {
     "@types/puppeteer": "^5.4.0",
-    "puppeteer": "^2.0.0 || ^3.0.0"
+    "puppeteer": "^2.0.0 || ^3.0.0",
+    "rimraf": "^3.0.2"
   },
   "peerDependencies": {
     "@storybook/addon-storyshots": "7.0.0-beta.20",

code/addons/storyshots-puppeteer/tsconfig.build.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compileOnSave": false,
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "CommonJS",
+    "lib": ["es2020", "dom"],
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "declaration": true,
+    "outDir": "dist",
+    "types": ["node"],
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "pretty": true,
+    "noErrorTruncation": true,
+    "listEmittedFiles": false,
+    "noUnusedLocals": false
+  },
+  "include": ["src/**/*", "src/**/*.json"]
+}

code/jest.init.base.ts

@@ -4,8 +4,6 @@ import '@testing-library/jest-dom';
 import { configure } from 'enzyme';
 // @ts-expect-error (Converted from ts-ignore)
 import Adapter from 'enzyme-adapter-react-16';
-// @ts-expect-error (Converted from ts-ignore)
-import regeneratorRuntime from 'regenerator-runtime';
 import registerRequireContextHook from '@storybook/babel-plugin-require-context-hook/register';
 
 registerRequireContextHook();
@@ -24,8 +22,6 @@ const localStorageMock = {
 };
 // @ts-expect-error (Converted from ts-ignore)
 global.localStorage = localStorageMock;
-// @ts-expect-error (Converted from ts-ignore)
-global.regeneratorRuntime = regeneratorRuntime;
 
 configure({ adapter: new Adapter() });
 

code/lib/cli/src/generators/ANGULAR/index.ts

@@ -73,7 +73,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
   }
   */
 
-  // to the user's angular.json file. see: https://github.com/storybookjs/storybook/blob/next/examples/angular-cli/angular.json#L78
+  // to the user's angular.json file.
 
   // then we want to add these scripts to package.json
   // packageManager.addScripts({

code/lib/codemod/src/transforms/__testfixtures__/csf-to-mdx/decorators.input.js

@@ -3,7 +3,7 @@ import Button from './Button';
 
 export default {
   title: 'Some.Button',
-  decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
+  decorators: [withKnobs, (storyFn) => <div className="foo">{storyFn}</div>],
 };
 
 export const story1 = () => <Button label="The Button" />;

code/lib/codemod/src/transforms/__testfixtures__/storiesof-to-csf/decorators.input.js

@@ -5,5 +5,5 @@ import Button from './Button';
 // This isn't a valid story, but it tests the `import { comp } from ...` case
 storiesOf('Some.Button', module)
   .addDecorator(withKnobs)
-  .addDecorator(storyFn => <div className="foo">{storyFn}</div>)
+  .addDecorator((storyFn) => <div className="foo">{storyFn}</div>)
   .add('with decorator', () => <Button label="The Button" />);

code/lib/codemod/src/transforms/__testfixtures__/storiesof-to-csf/export-function.input.js

@@ -8,5 +8,5 @@ export function someHelper() {
 }
 
 storiesOf('ComponentItem', module)
-  .addDecorator(storyFn => <div style={{ margin: '1rem' }}>{storyFn()}</div>)
+  .addDecorator((storyFn) => <div style={{ margin: '1rem' }}>{storyFn()}</div>)
   .add('loading', () => <ComponentItem loading />);

code/lib/codemod/src/transforms/__testfixtures__/storiesof-to-csf/story-decorators.input.js

@@ -4,7 +4,7 @@ import Button from './Button';
 storiesOf('Some.Button', module)
   .add('with story params and decorators', () => <Button label="The Button" />, {
     bar: 1,
-    decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
+    decorators: [withKnobs, (storyFn) => <div className="foo">{storyFn}</div>],
   })
   .add('with story decorators', () => <Button label="The Button" />, {
     decorators: [withKnobs],