pnpm

.github/workflows/build-template.yml

@@ -16,27 +16,37 @@ jobs:
       run:
         working-directory: ./template
     steps:
-      - name: Checkout repo
-        uses: actions/checkout@v5
+      - uses: actions/checkout@v5
 
-      - name: Setup Node.js
-        uses: actions/setup-node@v6
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
+      - uses: actions/setup-node@v6
         with:
           node-version: 22
-          cache-dependency-path: "template/yarn.lock"
-          cache: "yarn"
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('template/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
 
       - name: Install dependencies
-        run: yarn
+        run: pnpm install --frozen-lockfile
 
       - name: Create Chrome artifacts
-        run: yarn zip
+        run: pnpm zip
 
       - name: Create Firefox artifacts
-        run: yarn zip:firefox
+        run: pnpm zip:firefox
 
-      - name: Upload artifacts
-        uses: actions/upload-artifact@v5
+      - uses: actions/upload-artifact@v5
         with:
           name: extensions
           path: template/package/*

.github/workflows/release.yml

@@ -45,4 +45,4 @@ jobs:
         if: success()
         run: npm publish --access public --provenance
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}Ø
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

generate.js

@@ -78,8 +78,8 @@ async function generateProject() {
     await generateIcons(logo, outputDir);
   }
 
-  console.log(`Project "${name}" created. Next steps:
+   console.log(`Project "${name}" created. Next steps:
   1. cd ${name}
-  2. yarn install
+  2. pnpm install
   3. Open chrome://extensions/ → Developer mode → Load unpacked → select build/`);
 }

template/.github/workflows/build.yml

@@ -14,19 +14,34 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/cache@v4
+
+      - uses: pnpm/action-setup@v4
         with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - uses: actions/setup-node@v6
+          version: 9
+
+      - uses: actions/setup-node@v4
         with:
-          node-version: '22'
-      - name: install dependency
-        run: yarn
+          node-version: 22
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - run: pnpm install --frozen-lockfile
+
       - name: Create chrome artifacts
-        run: yarn zip
+        run: pnpm zip
+
       - name: Create Firefox artifacts
-        run: yarn zip:firefox
+        run: pnpm zip:firefox
+
       - uses: actions/upload-artifact@v4
         with:
           name: extensions

template/.github/workflows/release.yml

@@ -11,25 +11,40 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/cache@v4
+
+      - uses: pnpm/action-setup@v4
         with:
-          path: '**/node_modules'
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-      - uses: actions/setup-node@v6
+          version: 9
+
+      - uses: actions/setup-node@v4
         with:
-          node-version: '22'
-      - name: install dependency
-        run: yarn
+          node-version: 22
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - run: pnpm install --frozen-lockfile
+
       - name: Create chrome artifacts
-        run: yarn zip
+        run: pnpm zip
+
       - name: Create Firefox artifacts
-        run: yarn zip:firefox
+        run: pnpm zip:firefox
 
       - name: Build Changelog
         id: github_release
         uses: mikepenz/release-changelog-builder-action@v5
         with:
           mode: 'COMMIT'
+
       - name: Create Release
         uses: softprops/action-gh-release@v2
         with:

template/.npmignore

@@ -1,4 +1,4 @@
-# OS 
+# OS
 .DS_Store
 
 # ignore node dependency directories & lock

template/.npmrc

@@ -0,0 +1 @@
+minimum-release-age=1440

template/README.md

@@ -41,13 +41,13 @@ my-crx-app
 
 1. Check if your `Node.js` version is >= **14**.
 2. Change or configurate the name of your extension on `src/manifest`.
-3. Run `yarn` to install the dependencies.
+3. Run `pnpm` to install the dependencies.
 
 ## Developing
 
 ```shell
 cd my-crx-app
-yarn dev
+pnpm dev
 ```
 
 ### Chrome Extension Developer Mode
@@ -57,15 +57,15 @@ yarn dev
 
 ### Firefox Extension Developer Mode
 
-1. Build your project firstly by running `yarn build:firefox`
+1. Build your project firstly by running `pnpm build:firefox`
 2. Open Firefox and go to `about:debugging#/runtime/this-firefox`
 3. Click on 'Load Temporary Add-on' and select `my-crx-app/build` folder
 
 ## Packing
 
 ```shell
-yarn zip # for chrome
-yarn zip:firefox # for firefox
+pnpm zip # for chrome
+pnpm zip:firefox # for firefox
 ```
 
 ---

template/package.json

@@ -18,12 +18,13 @@
   },
   "scripts": {
     "dev": "vite",
+    "dev:firefox": "BROWSER=firefox NODE_ENV=development vite build --mode development --minify false",
     "build": "vite build",
     "build:firefox": "BROWSER=firefox vite build",
     "preview": "vite preview",
     "fmt": "prettier --write '**/*.{jsx,js,json,css,scss,md}'",
-    "zip": "yarn build && node src/zip.js",
-    "zip:firefox": "export BROWSER=firefox && yarn build && node src/zip.js"
+    "zip": "pnpm build && node src/zip.js",
+    "zip:firefox": "export BROWSER=firefox && pnpm build && node src/zip.js"
   },
   "dependencies": {
     "react": "^18.2.0",