Merge pull request #923 from ReactTooltip/feat/bundlesize-check

feat: add bundlesize check into the project

Author: danielbarion

.github/workflows/bundlesize.yaml

@@ -0,0 +1,21 @@
+name: Run Bundlesize
+
+on:
+  workflow_call:
+
+jobs:
+  bundlesize:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+
+      - name: Install dev dependencies
+        run: yarn install
+
+      - name: Build ReactTooltip component package
+        run: yarn build
+
+      - name: Bundlesize
+        run: yarn run bundlesize
+

.github/workflows/pull-request.yaml

@@ -9,3 +9,6 @@ on:
 jobs:
   lint:
     uses: ./.github/workflows/lint.yaml
+
+  bundlesize:
+    uses: ./.github/workflows/bundlesize.yaml

bundlesize.config.json

@@ -0,0 +1,16 @@
+{
+  "files": [
+    {
+      "path": "./dist/react-tooltip.cjs.min.js",
+      "maxSize": "13.5 kB"
+    },
+    {
+      "path": "./dist/react-tooltip.esm.min.js",
+      "maxSize": "13.5 kB"
+    },
+    {
+      "path": "./dist/react-tooltip.umd.min.js",
+      "maxSize": "13.5 kB"
+    }
+  ]
+}

package.json

@@ -4,13 +4,13 @@
   "description": "react tooltip component",
   "scripts": {
     "dev": "node ./cli.js --env=development && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.dev.js --watch",
-    "build": "node ./cli.js --env=production && npm run types && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.prod.js",
+    "build": "node ./cli.js --env=production && npm run types && node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.prod.js && npm run bundlesize",
     "types": "node --max_old_space_size=2048 ./node_modules/rollup/dist/bin/rollup -c rollup.config.types.js",
     "eslint": "eslint --ext=js --ext=jsx --ext=ts --ext=tsx --fix ./src",
     "stylelint": "stylelint \"src/**/*.css\"",
     "prettier": "prettier --config ./.prettierrc.json --write \"src/**/*{.js,.jsx,.ts,.tsx,.css}\"",
-    "cm": "git cz",
     "prepare": "husky install",
+    "bundlesize": "bundlesize",
     "test": "jest"
   },
   "main": "dist/react-tooltip.cjs.min.js",
@@ -57,9 +57,8 @@
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^5.42.1",
-    "commitizen": "^4.2.5",
+    "bundlesize": "^0.18.1",
     "css-loader": "6.7.2",
-    "cz-conventional-changelog": "^3.3.0",
     "eslint": "8.28.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "^8.3.0",
@@ -117,11 +116,6 @@
       "last 1 safari version"
     ]
   },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-conventional-changelog"
-    }
-  },
   "dependencies": {
     "@floating-ui/dom": "^1.0.4",
     "classnames": "^2.3.2"

rollup.config.prod.js

@@ -87,7 +87,7 @@ const minifiedOutputData = pkg.buildFormats.map(({ file, format }) => ({
   plugins: [...pluginsForCSSMinification, terser(), filesize()],
 }))
 
-const outputData = [...minifiedOutputData, ...defaultOutputData]
+const outputData = [...defaultOutputData, ...minifiedOutputData]
 
 const config = outputData.map(({ file, format, plugins: specificPLugins }) => ({
   input,