ci: fix deploying extension to webstores

Author: Semro

.github/workflows/build.yml

@@ -0,0 +1,29 @@
+name: Build extension
+
+on: [workflow_dispatch, workflow_call]
+
+permissions:
+  contents: write
+
+jobs:
+  install-packages:
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+          cache-dependency-path: "./package-lock.json"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build all
+        run: npm run build:all-ci -w syncwatch-extension
+
+      - uses: actions/upload-artifact@v4
+        with:
+          name: build-ci
+          path: ./packages/syncwatch-extension/build-ci

.github/workflows/main.yaml

@@ -1,29 +1,29 @@
-name: CI
+name: Deploy extension to stores
 
-on:
-  release:
-    types: [published]
+on: workflow_dispatch
 
 jobs:
-  Firefox:
-    runs-on: ubuntu-latest
+  build-all:
+    uses: ./.github/workflows/build.yml
+
+  firefox:
+    needs: build-all
+    runs-on: ubuntu-22.04
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
 
-      - name: Find and Replace
-        uses: jacobtomlinson/gha-find-replace@v1
+      - uses: actions/download-artifact@v4
         with:
-          find: '"incognito": "split",'
-          replace: ""
-          include: "packages/syncwatch-extension/dist/manifest.json"
+          name: build-ci
+          path: ./build-ci
 
       - name: Build Extension for Firefox
         id: web-ext-build
         uses: kewisch/action-web-ext@v1
         with:
           cmd: build
-          source: ./packages/syncwatch-extension/dist
+          source: ./build-ci/firefox-mv2
 
       - name: "Sign & publish"
         id: web-ext-sign
@@ -36,22 +36,27 @@ jobs:
           apiSecret: ${{ secrets.FIREFOX_CLIENT_SECRET }}
 
       - name: Drop artifacts
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v4
         with:
           name: "Firefox Artefacts"
           path: ${{ steps.web-ext-build.outputs.target }}
 
-  Chrome:
-    runs-on: ubuntu-latest
-
+  chrome:
+    needs: build-all
+    runs-on: ubuntu-22.04
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
+
+      - uses: actions/download-artifact@v4
+        with:
+          name: build-ci
+          path: ./build-ci
 
       - name: Pack extension
         uses: TheDoctor0/[email protected]
         with:
           filename: ./SyncWatchExtension.zip
-          path: ./packages/syncwatch-extension/dist
+          path: ./build-ci/chrome-mv3
 
       - name: Publish to Chrome Webstore
         uses: trmcnvn/chrome-addon@v2
@@ -72,7 +77,7 @@ jobs:
           draft: false
 
       - name: Drop artifacts
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v4
         with:
           name: "Chrome Artifacts"
           path: ./SyncWatchExtension.zip

.github/workflows/yandex-cloud.yml

@@ -1,4 +1,4 @@
-name: Docker Image CI
+name: Deploy server
 
 on:
   push:

packages/syncwatch-extension/.gitignore

@@ -1,5 +1,6 @@
 # Build
 dist
+build-ci
 
 # Logs
 logs

packages/syncwatch-extension/package.json

@@ -23,6 +23,9 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:chrome-ci": "npx cross-env TARGET=chrome BUILD_DIR=build-ci/chrome-mv3 vite build",
+    "build:firefox-ci": "npx cross-env TARGET=firefox BUILD_DIR=build-ci/firefox-mv2 vite build",
+    "build:all-ci": "npm run build:chrome-ci && npm run build:firefox-ci",
     "serve:test-page": "npx serve tests/test-page/",
     "postinstall": "npx -y playwright install",
     "test:e2e": "npx playwright test",

packages/syncwatch-extension/src/manifest.json

@@ -3,7 +3,7 @@
   "{{chrome}}.manifest_version": 3,
   "name": "__MSG_appName__",
   "description": "__MSG_appDesc__",
-  "version": "0.423",
+  "version": "0.500",
   "default_locale": "en",
   "options_ui": {
     "page": "options.html",

packages/syncwatch-extension/vite.config.ts

@@ -7,6 +7,7 @@ function root(...paths: string[]): string {
 }
 
 const target = process.env.TARGET || 'chrome';
+const outDir = process.env.BUILD_DIR || 'dist';
 
 function generateManifest() {
   const manifest = readJsonFile('src/manifest.json');
@@ -22,7 +23,7 @@ function generateManifest() {
 export default defineConfig({
   root: 'src',
   build: {
-    outDir: root('dist'),
+    outDir: root(outDir),
     emptyOutDir: true,
     sourcemap: process.env.SOURCEMAP?.trim() === 'true',
   },