fix(ui): improve UI lib hot reloading (#1883)

* fix(ui): fix UI package hot reloading * fix(ui): improve hot reloading
penumbra-zone · Oct 30, 2024 · 7c1d4e7 · 7c1d4e7
1 parent e3778eb
commit 7c1d4e7
Show file tree

Hide file tree

Showing 5 changed files with 181 additions and 193 deletions.
diff --git a/.changeset/mean-steaks-wave.md b/.changeset/mean-steaks-wave.md
@@ -0,0 +1,5 @@
+---
+'@penumbra-zone/ui': patch
+---
+
+Improve hot reloading
diff --git a/packages/getters/package.json b/packages/getters/package.json
@@ -34,7 +34,8 @@
   "devDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
     "@penumbra-zone/bech32m": "workspace:*",
-    "@penumbra-zone/protobuf": "workspace:*"
+    "@penumbra-zone/protobuf": "workspace:*",
+    "typescript": "5.5.3"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -124,6 +124,7 @@
     "@types/styled-components": "^5.1.34",
     "@types/tinycolor2": "^1.4.6",
     "@types/ua-parser-js": "^0.7.39",
+    "execa": "^9.5.1",
     "prop-types": "^15.8.1",
     "storybook": "^8.1.1",
     "vite": "^5.2.11",

diff --git a/packages/ui/vite.config.ts b/packages/ui/vite.config.ts
@@ -2,8 +2,8 @@ import { defineConfig } from 'vite';
 import { resolve, join } from 'path';
 import { readdirSync, existsSync } from 'fs';
 import dts from 'vite-plugin-dts';
-import { exec } from 'child_process';
 import * as path from 'node:path';
+import { execa } from 'execa';
 
 /**
  * Returns an object with keys as resulting component build paths and values as
@@ -68,8 +68,9 @@ export default defineConfig({
       closeBundle: () => {
         const isWatch = process.env.VITE_WATCH === 'true';
         if (isWatch) {
-          const cmd = exec('$npm_execpath pack');
-          cmd.unref();
+          execa({ preferLocal: true })`pnpm pack`.then(() => {
+            console.info(`@penumbra-zone/ui library is built and packed!`);
+          });
         }
       },
     },