More npm -> pnpm

Author: nedtwigg

browser-extension/README.md

@@ -4,8 +4,8 @@
 
 ### Hotreload development
 
-- `npm install`
-- `npm run dev`
+- `pnpm install`
+- `pnpm run dev`
 - open [`chrome://extensions`](chrome://extensions)
 - toggle **Developer mode** (top-right)
 - click "Load unpacked" (far left)
@@ -14,15 +14,15 @@
 - click the puzzle icon next to the url bar, then pin the Gitcasso icon
 
 ### Testing and quality
-- `npm run biome` - runs `biome check` (lint & formatting)
-- `npm run biome:fix` - fixes most of what `biome check` finds
-- `npm run compile` - typechecking
-- `npm test` - vitest
-- `npm test -- -u` updates all the snapshots
+- `pnpm run biome` - runs `biome check` (lint & formatting)
+- `pnpm run biome:fix` - fixes most of what `biome check` finds
+- `pnpm run compile` - typechecking
+- `pnpm test` - vitest
+- `pnpm test -- -u` updates all the snapshots
 
 ### Deployment
-- `npm run build` - build for mv3 for most browsers
-- `npm run build:firefox` - build mv2 specifically for Firefox
+- `pnpm run build` - build for mv3 for most browsers
+- `pnpm run build:firefox` - build mv2 specifically for Firefox
 
 ## How it works
 
@@ -48,15 +48,15 @@ When the `textarea` gets removed from the page, the `TextareaRegistry` is notifi
 
 In `tests/har` there are various `.har` files. These are complete recordings of a single page load.
 
-- `npm run har:view` and you can see the recordings, with or without our browser extension.
+- `pnpm run har:view` and you can see the recordings, with or without our browser extension.
 
 ### Recording new HAR files
 
 - you can add or change URLs in `tests/har-index.ts`
 - `npx playwright codegen https://github.com/login --save-storage=playwright/.auth/gh.json` will store new auth tokens
   - login manually, then close the browser
   - ***these cookies are very sensitive! we only run this script using a test account that has no permissions or memberships to anything, recommend you do the same!***
-- `npm run har:record` this records new snapshots using those auth tokens (it needs args, run it with no args for docs)
+- `pnpm run har:record` this records new snapshots using those auth tokens (it needs args, run it with no args for docs)
   - DO NOT COMMIT AND PUSH NEW OR CHANGED `har` files!
   - we try to sanitize these (see `har-record.ts` for details) but there may be important PII in them
   - if you need new HAR files for something, let us know and we will generate them ourselves using a dummy account

browser-extension/tests/har-record.ts

@@ -91,11 +91,11 @@ async function sanitize(filename: string) {
     for (const [name] of Object.entries(PAGES)) {
       console.log(`  ${name}`)
     }
-    console.log('\nUsage: npm run har:record <pattern>')
+    console.log('\nUsage: pnpm run har:record <pattern>')
     console.log('Examples:')
-    console.log('  npm run har:record "*"              # Record all')
-    console.log('  npm run har:record "github_*"       # Record all github_*')
-    console.log('  npm run har:record "github_issue"   # Record specific target')
+    console.log('  pnpm run har:record "*"              # Record all')
+    console.log('  pnpm run har:record "github_*"       # Record all github_*')
+    console.log('  pnpm run har:record "github_issue"   # Record specific target')
     return
   }
 

browser-extension/tests/har-view.ts

@@ -250,9 +250,9 @@ app.post('/rebuild', async (_req, res) => {
   try {
     console.log('Rebuild triggered via API')
 
-    // Run npx wxt build --mode development
-    const buildProcess = spawn('npx', ['wxt', 'build', '--mode', 'development'], {
-      cwd: path.join(__dirname, '..'),
+    // Run pnpm run rebuild:dev
+    const buildProcess = spawn('pnpm', ['run', 'rebuild:dev'], {
+      cwd: path.join(__dirname, '..', '..'),
       stdio: ['pipe', 'pipe', 'pipe'],
     })
 

package.json

@@ -5,6 +5,7 @@
     "build:overtype": "pnpm --filter=overtype run build",
     "build:browser-extension": "pnpm --filter=gitcasso run compile",
     "build": "pnpm run build:overtype && pnpm run build:browser-extension",
+    "rebuild:dev": "pnpm run build:overtype && pnpm --filter=gitcasso exec wxt build --mode development",
     "postinstall": "pnpm run build:overtype"
   }
 }