Update deps use vite bundling

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'prettier',
   ],
+  ignorePatterns: ['dist/**'],
   rules: {
     'prettier/prettier': 'error',
     'no-async-promise-executor': 'error',
@@ -20,7 +21,7 @@ module.exports = {
     '@typescript-eslint/explicit-module-boundary-types': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
     // giving false positives
-    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'error',
   },

.github/workflows/publish.yml

@@ -36,6 +36,7 @@ jobs:
         id: changesets
         uses: changesets/action@v1
         with:
+          version: pnpm cut:version
           publish: pnpm -r publish
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/test.yml

@@ -7,7 +7,7 @@ on:
     branches: [master]
 
 jobs:
-  validate:
+  test:
     name: testing code
     runs-on: ubuntu-latest
     strategy:

.github/workflows/validate.yml

@@ -27,3 +27,4 @@ jobs:
       - run: pnpm validate
         env:
           CI: true
+      - run: pnpm typecheck

.prettierignore

@@ -1 +1,2 @@
-/node_modules/*
+/node_modules/*
+dist/*

examples/react-esm/.storybook/main.mjs

@@ -1,13 +1,16 @@
+/**
+ * @type {import('@storybook/react-vite').StorybookConfig}
+ */
 const config = {
-  stories: ['../../stories/**/*.stories.*'],
+  stories: ['../../stories/*.stories.*'],
   addons: ['storybook-addon-performance'],
   framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
+    name: '@storybook/react-vite',
+    options: {},
   },
   docs: {
-    docsPage: 'automatic'
-  }
+    autodocs: 'tag',
+  },
 };
 
-export default config;
+export default config;

examples/react-esm/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

examples/react-esm/package.json

@@ -14,14 +14,13 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@storybook/react": "7.0.0-beta.2",
-    "@storybook/react-webpack5": "7.0.0-beta.2",
-    "babel-loader": "^9.1.0",
+    "@storybook/react": "7.0.0-beta.50",
+    "@storybook/react-vite": "7.0.0-beta.50",
     "http-server": "^14.1.1",
-    "storybook": "7.0.0-beta.2",
+    "storybook": "7.0.0-beta.50",
     "storybook-addon-performance": "workspace:*",
     "typescript": "^4.9.4",
-    "webpack": "^5.75.0"
+    "vite": "^4.0.0"
   },
   "scripts": {
     "storybook:dev": "pnpm storybook dev --port 9005",

examples/react-v16.8/.storybook/main.js

@@ -1,11 +1,14 @@
+/**
+ * @type {import('@storybook/react-vite').StorybookConfig}
+ */
 module.exports = {
-  stories: ['../../stories/**/*.stories.*'],
+  stories: ['../../stories/*.stories.*'],
   addons: ['storybook-addon-performance'],
   framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
+    name: '@storybook/react-vite',
+    options: {},
   },
   docs: {
-    docsPage: 'automatic'
-  }
+    autodocs: 'tag',
+  },
 };

examples/react-v16.8/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

examples/react-v16.8/package.json

@@ -13,14 +13,13 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@storybook/react": "7.0.0-beta.2",
-    "@storybook/react-webpack5": "7.0.0-beta.2",
-    "babel-loader": "^9.1.0",
+    "@storybook/react": "7.0.0-beta.50",
+    "@storybook/react-vite": "7.0.0-beta.50",
     "http-server": "^14.1.1",
-    "storybook": "7.0.0-beta.2",
+    "storybook": "7.0.0-beta.50",
     "storybook-addon-performance": "workspace:*",
     "typescript": "^4.9.4",
-    "webpack": "^5.75.0"
+    "vite": "^4.0.0"
   },
   "scripts": {
     "storybook:dev": "pnpm storybook dev --port 9003",

examples/react-v17/.storybook/main.js

@@ -1,11 +1,14 @@
+/**
+ * @type {import('@storybook/react-vite').StorybookConfig}
+ */
 module.exports = {
-  stories: ['../../stories/**/*.stories.*'],
+  stories: ['../../stories/*.stories.*'],
   addons: ['storybook-addon-performance'],
   framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
+    name: '@storybook/react-vite',
+    options: {},
   },
   docs: {
-    docsPage: 'automatic'
-  }
+    autodocs: 'tag',
+  },
 };

examples/react-v17/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

examples/react-v17/package.json

@@ -13,14 +13,14 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@storybook/react": "7.0.0-beta.2",
-    "@storybook/react-webpack5": "7.0.0-beta.2",
-    "babel-loader": "^9.1.0",
+    "@storybook/react": "7.0.0-beta.50",
+    "@storybook/react-vite": "7.0.0-beta.50",
     "http-server": "^14.1.1",
-    "storybook": "7.0.0-beta.2",
+    "stories": "workspace:*",
+    "storybook": "7.0.0-beta.50",
     "storybook-addon-performance": "workspace:*",
     "typescript": "^4.9.4",
-    "webpack": "^5.75.0"
+    "vite": "^4.0.0"
   },
   "scripts": {
     "storybook:dev": "pnpm storybook dev --port 9004",

examples/react-v18/.storybook/main.js

@@ -1,11 +1,14 @@
+/**
+ * @type {import('@storybook/react-vite').StorybookConfig}
+ */
 module.exports = {
-  stories: ['../../stories/**/*.stories.*'],
+  stories: ['../../stories/*.stories.*'],
   addons: ['storybook-addon-performance'],
   framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
+    name: '@storybook/react-vite',
+    options: {},
   },
   docs: {
-    docsPage: 'automatic'
-  }
+    autodocs: 'tag',
+  },
 };

examples/react-v18/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

examples/react-v18/package.json

@@ -13,14 +13,13 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@storybook/react": "7.0.0-beta.2",
-    "@storybook/react-webpack5": "7.0.0-beta.2",
-    "babel-loader": "^9.1.0",
+    "@storybook/react": "7.0.0-beta.50",
+    "@storybook/react-vite": "7.0.0-beta.50",
     "http-server": "^14.1.1",
-    "storybook": "7.0.0-beta.2",
+    "storybook": "7.0.0-beta.50",
     "storybook-addon-performance": "workspace:*",
     "typescript": "^4.9.4",
-    "webpack": "^5.75.0"
+    "vite": "^4.0.0"
   },
   "scripts": {
     "storybook:dev": "pnpm storybook dev --port 9006",

examples/stories/landing.stories.tsx

@@ -1,11 +1,8 @@
-import { findByText, fireEvent } from '@testing-library/dom';
+import { findByText, fireEvent } from '@testing-library/react';
 import React from 'react';
 import Select from 'react-select';
 import invariant from 'tiny-invariant';
-import {
-  InteractionTaskArgs,
-  PublicInteractionTask,
-} from '../../packages/storybook-addon-performance/src';
+import { InteractionTaskArgs, PublicInteractionTask } from 'storybook-addon-performance';
 
 export default {
   title: 'Examples',

examples/stories/package.json

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "name": "stories",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@testing-library/react": "^11.0.0",
+    "react-dom": "^17.0.0",
+    "react-select": "^5.7.0",
+    "react": "^17.0.0",
+    "storybook-addon-performance": "workspace:*",
+    "tiny-invariant": "^1.3.1"
+  }
+}

package.json

@@ -1,13 +1,16 @@
 {
+  "name": "root",
   "private": true,
   "engines": {
     "node": ">=16",
-    "pnpm": ">=6"
+    "pnpm": ">=7"
   },
   "scripts": {
     "build": "turbo build",
     "test": "turbo test",
-    "validate": "turbo validate"
+    "validate": "turbo validate",
+    "typecheck": "turbo typecheck",
+    "cut:version": "pnpm changeset version && pnpm changeset tag"
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.0",

packages/storybook-addon-performance-cli/package.json

@@ -12,15 +12,15 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc && chmod +x dist/index.js",
+    "build": "tsup && chmod +x dist/index.js",
     "prepublishOnly": "pnpm build",
     "test": "jest",
     "validate": "pnpm prettier:check && pnpm eslint:check",
-    "typescript:check": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
     "typescript:watch": "tsc --watch",
     "prettier:check": "prettier src --debug-check --config ../../.prettierrc",
     "prettier:write": "prettier src -write --config ../../.prettierrc",
-    "eslint:check": "eslint -c ../../.eslintrc.js --max-warnings=0"
+    "eslint:check": "eslint -c ../../.eslintrc.js --max-warnings=0 src"
   },
   "bin": {
     "sb-perf": "dist/index.js"
@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@types/jest": "^29.2.4",
+    "@types/node": "^16.0.0",
     "@typescript-eslint/eslint-plugin": "^5.46.0",
     "@typescript-eslint/parser": "^5.46.0",
     "eslint": "^8.29.0",
@@ -45,6 +46,7 @@
     "rimraf": "^3.0.2",
     "ts-jest": "^29.0.3",
     "tslib": "^2.4.1",
+    "tsup": "^6.5.0",
     "typescript": "^4.9.4"
   },
   "engines": {

packages/storybook-addon-performance-cli/src/main.ts

@@ -1,6 +1,7 @@
 import * as fs from 'fs';
 import * as path from 'path';
 
+// has
 import type { TaskGroupResult } from 'storybook-addon-performance';
 
 import calculate from './calculate';

packages/storybook-addon-performance-cli/tsconfig.json

@@ -7,6 +7,7 @@
     "allowSyntheticDefaultImports": false,
   },
   "include": [
-    "src"
+    "src",
+    "test"
   ],
 }

packages/storybook-addon-performance-cli/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/**/!(*.d).(ts|tsx)'],
+  format: ['cjs'],
+  dts: true,
+  clean: true,
+  minify: false,
+  platform: 'node',
+});

packages/storybook-addon-performance/.storybook/main.ts

@@ -0,0 +1,15 @@
+import { StorybookConfig } from '@storybook/react-vite';
+
+const conifg: StorybookConfig = {
+  stories: ['../stories/*.stories.*'],
+  addons: ['storybook-addon-performance'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+};
+
+export default conifg;

packages/storybook-addon-performance/.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import { themes } from '@storybook/theming';
+
+addons.setConfig({
+  theme: themes.normal,
+});

packages/storybook-addon-performance/.storybook/preview.ts

@@ -0,0 +1,3 @@
+import { withPerformance } from '../src';
+
+export const decorators = [withPerformance];

packages/storybook-addon-performance/cypress.config.ts

@@ -1,12 +1,7 @@
-import { defineConfig } from 'cypress'
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
   e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
-    setupNodeEvents(on, config) {
-      return require('./cypress/plugins/index.ts')(on, config)
-    },
-    supportFile: 'cypress/support/e2e.ts',
+    supportFile: false,
   },
-})
+});