chore: watch and publish

Author: pczeglik-iohk

package.json

@@ -24,7 +24,9 @@
     "build": "yarn build:icons && rollup -c rollup.config.js",
     "build:icons": "svgr ./src/icons/raw --out-dir ./src/icons --typescript",
     "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider; build-storybook",
-    "cleanup": "yarn exec rm -rf dist node_modules",
+    "cleanup": "yarn run cleanup:dist && yarn run cleanup:nm",
+    "cleanup:dist": "yarn exec rm -rf dist",
+    "cleanup:nm": "yarn exec rm -rf node_modules",
     "format": "yarn prettier --write .",
     "format-check": "yarn prettier --check .",
     "lint": "yarn eslint --ext .ts,.tsx,.js,.jsx .",
@@ -34,7 +36,8 @@
     "test-storybook": "test-storybook",
     "test-storybook:ci": "NODE_OPTIONS=--openssl-legacy-provider; export STORYBOOK_TEST=1; concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && http-server storybook-static --port 6006\" \"wait-on http://127.0.0.1:6006/ && yarn test-storybook\"",
     "type-check": "tsc --noEmit",
-    "watch": "yarn build --watch"
+    "watch": "yarn build --watch",
+    "watch:pub": "YALC_PUBLISH=true yarn run watch"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com"
@@ -96,8 +99,8 @@
     "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
-    "@vanilla-extract/rollup-plugin": "1.2.0",
-    "@vanilla-extract/webpack-plugin": "2.2.0",
+    "@vanilla-extract/rollup-plugin": "1.3.6",
+    "@vanilla-extract/webpack-plugin": "2.3.10",
     "babel-loader": "^8.3.0",
     "chromatic": "6.10.2",
     "concurrently": "^8.0.1",
@@ -117,8 +120,9 @@
     "prettier": "3.2.5",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "rollup": "2.56.3",
+    "rollup": "2.79.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-shell": "^1.0.9",
     "semantic-release": "^21.0.2",
     "storybook": "7.6.7",
     "storybook-addon-pseudo-states": "^1.15.2",

rollup.config.js

@@ -4,9 +4,12 @@ import typescript from '@rollup/plugin-typescript';
 import svgr from '@svgr/rollup';
 import { vanillaExtractPlugin } from '@vanilla-extract/rollup-plugin';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import execute from 'rollup-plugin-shell';
 
 import packageJson from './package.json';
 
+const YALC_PUBLISH = process.env.YALC_PUBLISH === 'true';
+
 export default () => ({
   input: 'src/index.ts',
   plugins: [
@@ -15,13 +18,19 @@ export default () => ({
       composite: false,
       exclude: ['**/*.stories.tsx'],
     }),
+    vanillaExtractPlugin({
+      identifiers: 'short',
+    }),
     peerDepsExternal(),
     commonjs(),
     image(),
     svgr({ icon: true }),
-    vanillaExtractPlugin({
-      identifiers: 'short',
-    }),
+    YALC_PUBLISH &&
+      execute({
+        commands: ['yalc push --no-pure'],
+        hook: 'closeBundle',
+        parallel: false,
+      }),
   ],
   output: [
     {

yarn.lock

@@ -912,7 +912,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.20.0, @babel/plugin-syntax-typescript@npm:^7.24.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
+"@babel/plugin-syntax-typescript@npm:^7.23.3, @babel/plugin-syntax-typescript@npm:^7.24.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
   version: 7.24.7
   resolution: "@babel/plugin-syntax-typescript@npm:7.24.7"
   dependencies:
@@ -2824,9 +2824,9 @@ __metadata:
     "@vanilla-extract/css": 1.11.1
     "@vanilla-extract/css-utils": 0.1.3
     "@vanilla-extract/recipes": 0.5.1
-    "@vanilla-extract/rollup-plugin": 1.2.0
+    "@vanilla-extract/rollup-plugin": 1.3.6
     "@vanilla-extract/sprinkles": 1.5.1
-    "@vanilla-extract/webpack-plugin": 2.2.0
+    "@vanilla-extract/webpack-plugin": 2.3.10
     antd: 4.24.12
     babel-loader: ^8.3.0
     chromatic: 6.10.2
@@ -2853,8 +2853,9 @@ __metadata:
     react-responsive: ^9.0.2
     react-virtuoso: " 4.6.3"
     recharts: ^2.6.2
-    rollup: 2.56.3
+    rollup: 2.79.1
     rollup-plugin-peer-deps-external: ^2.2.4
+    rollup-plugin-shell: ^1.0.9
     semantic-release: ^21.0.2
     storybook: 7.6.7
     storybook-addon-pseudo-states: ^1.15.2
@@ -8475,7 +8476,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/babel-plugin-debug-ids@npm:^1.0.4":
+"@vanilla-extract/babel-plugin-debug-ids@npm:^1.0.6":
   version: 1.0.6
   resolution: "@vanilla-extract/babel-plugin-debug-ids@npm:1.0.6"
   dependencies:
@@ -8510,9 +8511,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/css@npm:^1.14.0":
-  version: 1.15.2
-  resolution: "@vanilla-extract/css@npm:1.15.2"
+"@vanilla-extract/css@npm:^1.15.3":
+  version: 1.15.3
+  resolution: "@vanilla-extract/css@npm:1.15.3"
   dependencies:
     "@emotion/hash": ^0.9.0
     "@vanilla-extract/private": ^1.0.5
@@ -8525,28 +8526,27 @@ __metadata:
     media-query-parser: ^2.0.2
     modern-ahocorasick: ^1.0.0
     picocolors: ^1.0.0
-  checksum: acb08a943de47daee6d339bbb5c5487a3f3dc26a38a9681babffe244dc2469c54595d39ffdb4b36e08511dd2d3eb2399110acb1bb767a0411d01d599a7300756
+  checksum: 9f54c51708c300f37d2ce23db0942787b6c82fe3040691104ef54efadcadcd82488adaac3fc32e601f918a0332a7f4921dcccf70bd0923d7117d941d361ba81a
   languageName: node
   linkType: hard
 
-"@vanilla-extract/integration@npm:^6.0.0":
-  version: 6.5.0
-  resolution: "@vanilla-extract/integration@npm:6.5.0"
+"@vanilla-extract/integration@npm:^7.1.6":
+  version: 7.1.6
+  resolution: "@vanilla-extract/integration@npm:7.1.6"
   dependencies:
-    "@babel/core": ^7.20.7
-    "@babel/plugin-syntax-typescript": ^7.20.0
-    "@vanilla-extract/babel-plugin-debug-ids": ^1.0.4
-    "@vanilla-extract/css": ^1.14.0
+    "@babel/core": ^7.23.9
+    "@babel/plugin-syntax-typescript": ^7.23.3
+    "@vanilla-extract/babel-plugin-debug-ids": ^1.0.6
+    "@vanilla-extract/css": ^1.15.3
+    dedent: ^1.5.3
     esbuild: "npm:esbuild@~0.17.6 || ~0.18.0 || ~0.19.0"
     eval: 0.1.8
     find-up: ^5.0.0
     javascript-stringify: ^2.0.1
-    lodash: ^4.17.21
     mlly: ^1.4.2
-    outdent: ^0.8.0
     vite: ^5.0.11
     vite-node: ^1.2.0
-  checksum: 69778fb89745d63b6bc66ccf55d86fddf8a8892c43dcda5177e8812275ccd40de5e086d53a4fd081fe2cbd03821483ae543af527ea4b626a5ac064990c927b48
+  checksum: ab61e0004ba09a3a7ed86cff3dac175241c49699a53cb941c9ddf4bd0d89c0ef079740a1ffb2dec2d1ae54c13e9e0498e2ae678c832ca263835229bb3f9ce92e
   languageName: node
   linkType: hard
 
@@ -8566,14 +8566,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/rollup-plugin@npm:1.2.0":
-  version: 1.2.0
-  resolution: "@vanilla-extract/rollup-plugin@npm:1.2.0"
+"@vanilla-extract/rollup-plugin@npm:1.3.6":
+  version: 1.3.6
+  resolution: "@vanilla-extract/rollup-plugin@npm:1.3.6"
   dependencies:
-    "@vanilla-extract/integration": ^6.0.0
+    "@vanilla-extract/integration": ^7.1.6
   peerDependencies:
-    rollup: ^2.0.0
-  checksum: d11d60d20c15b7571cc1ade5c263ae96635eedbd42e1020fd453205b136777b15c265d1ac40a41345c7da6478b06aff0d7da58fcc26e22f51f7fb08214ae829f
+    rollup: ^2.0.0 || ^3.0.0 || ^4.0.0
+  checksum: 0a556b60ac64943eb30c5aeb312f3ab67038ac73bded1cffab2f1edfd97aa1a2ed1afb467db1a274950db9d6ea9e8d1f5cb51bd77a749811d24813573f1a0f93
   languageName: node
   linkType: hard
 
@@ -8586,17 +8586,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/webpack-plugin@npm:2.2.0":
-  version: 2.2.0
-  resolution: "@vanilla-extract/webpack-plugin@npm:2.2.0"
+"@vanilla-extract/webpack-plugin@npm:2.3.10":
+  version: 2.3.10
+  resolution: "@vanilla-extract/webpack-plugin@npm:2.3.10"
   dependencies:
-    "@vanilla-extract/integration": ^6.0.0
-    chalk: ^4.1.1
+    "@vanilla-extract/integration": ^7.1.6
     debug: ^4.3.1
     loader-utils: ^2.0.0
+    picocolors: ^1.0.0
   peerDependencies:
     webpack: ^4.30.0 || ^5.20.2
-  checksum: 3e1741062eb849192558718e85c99d2e1aeefab01f17863d2381d493ec337a1a5137b8aef7bb60687ad754facda184d15ba763231f7bdad307170761755abf67
+  checksum: 935f893f43539df3499a136ffafbd32b3504a5cb52492d9d624fea3f671449b44f472fb5105a8ce680d6d55500b42b268d986a20e153eeb0361ed31b330cf677
   languageName: node
   linkType: hard
 
@@ -23824,17 +23824,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:2.56.3":
-  version: 2.56.3
-  resolution: "rollup@npm:2.56.3"
+"rollup-plugin-shell@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "rollup-plugin-shell@npm:1.0.9"
+  checksum: eeea359e6b2e9d3ff0dec407c0d8a52f60e91eaca3f89d8533d44afc29e43aaaa2173359dd168d053d86d37cad48f7495df8fc994df5287daefeb5399bee6160
+  languageName: node
+  linkType: hard
+
+"rollup@npm:2.79.1":
+  version: 2.79.1
+  resolution: "rollup@npm:2.79.1"
   dependencies:
     fsevents: ~2.3.2
   dependenciesMeta:
     fsevents:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: e4c5a6e871f0340f18fc795cbb6b76bfbc5827580c443a7c4f5d9f9b1fec8c3d1553dae5e45bd7fc9dea4de56e01c244b1583f8f08f401d2ba81f5eb3ff83101
+  checksum: 6a2bf167b3587d4df709b37d149ad0300692cc5deb510f89ac7bdc77c8738c9546ae3de9322b0968e1ed2b0e984571f5f55aae28fa7de4cfcb1bc5402a4e2be6
   languageName: node
   linkType: hard