Support Firefox, and fix some UX issues (#26)

* update github action

* minor change to System profile

* Build(deps): Bump nanoid from 3.3.7 to 3.3.8 (#21)

Bumps [nanoid](https://github.com/ai/nanoid) from 3.3.7 to 3.3.8.
- [Release notes](https://github.com/ai/nanoid/releases)
- [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md)
- [Commits](ai/nanoid@3.3.7...3.3.8)

---
updated-dependencies:
- dependency-name: nanoid
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Avoid blocking 401 authentication request (#22) (#23)

* fix 401 issue (#22)

* enablle github action on develop branch

* Support Firefox (#18)

* Adapt firefox
* support firefore auto publish
* support firefox, and optimized UX

* [i18n] Updates for file public/_locales/en/messages.json (#25)

* [i18n] Translate messages.json in pt_BR

100% reviewed source file: 'messages.json'
on 'pt_BR'.

* [i18n] Translate messages.json in zh_CN

100% reviewed source file: 'messages.json'
on 'zh_CN'.

* [i18n] Translate messages.json in zh_TW

100% reviewed source file: 'messages.json'
on 'zh_TW'.

* [i18n] Translate messages.json in pt_BR

100% reviewed source file: 'messages.json'
on 'pt_BR'.

* update English i18n msg

---------

Co-authored-by: transifex-integration[bot] <43880903+transifex-integration[bot]@users.noreply.github.com>
Co-authored-by: SYM01 <33443792+SYM01@users.noreply.github.com>

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: transifex-integration[bot] <43880903+transifex-integration[bot]@users.noreply.github.com>

Author: 3 people

.github/workflows/build.yml

@@ -8,7 +8,7 @@ on:
     branches:
       - main
     tags:
-      - 'v*.*.*'
+      - "v*.*.*"
   pull_request:
     branches:
       - main
@@ -28,8 +28,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 'latest'
-          cache: 'npm'
+          node-version: "latest"
+          cache: "npm"
           cache-dependency-path: package-lock.json
 
       - name: Install dependencies
@@ -39,22 +39,27 @@ jobs:
         if: ${{ github.ref_type == 'tag' }}
         run: echo "CRX_VER=${{ github.ref_name }}" >> $GITHUB_ENV
 
-      - name: Output version
-        run: echo "Current version ${{ env.CRX_VER }}"
+      - name: Preparing
+        run: |
+          echo "Current version ${{ env.CRX_VER }}"
+          mkdir "${{ github.workspace }}/release/"
+          git archive --format tar.gz HEAD -o "${{ github.workspace }}/release/source.tar.gz"
 
-      - name: Rebuild the dist directory
-        run: npm run build
+      - name: Build Chrome Extension
+        run: |
+          npm run build
+          cd "${{ github.workspace }}/dist/" && zip -r "${{ github.workspace }}/release/crx.zip" ./
 
-      - name: Pack artifacts
+      - name: Build Firefox Add-ons
         run: |
-          mkdir ./release/
-          cd ./dist/ && zip -r ../release/crx.zip ./
+          npm run build:firefox
+          cd "${{ github.workspace }}/dist/" && zip -r "${{ github.workspace }}/release/firefox.zip" ./
 
       - name: Upload artifact
         uses: actions/upload-artifact@v4
         with:
           name: Proxyverse
-          path: ./release/*
+          path: ${{ github.workspace }}/release/*
 
   release-github:
     name: Publish on Github Release
@@ -68,13 +73,12 @@ jobs:
         uses: actions/download-artifact@v4
         with:
           name: Proxyverse
-          path: ./release/
+          path: ${{ github.workspace }}/release/
 
       - name: Upload to release page
         uses: softprops/action-gh-release@v2
         with:
-          files: ./release/*
-
+          files: ${{ github.workspace }}/release/*
 
   release-edge:
     name: Publish on Edge
@@ -88,12 +92,37 @@ jobs:
         uses: actions/download-artifact@v4
         with:
           name: Proxyverse
-          path: ./release/
+          path: ${{ github.workspace }}/release/
 
       - name: Upload to MS Edge
         uses: wdzeng/edge-addon@v2
         with:
           product-id: 6fa97660-6c21-41e4-87e6-06a88509753f
-          zip-path: ./release/crx.zip
+          zip-path: ${{ github.workspace }}/release/crx.zip
           client-id: ${{ secrets.EDGE_CLIENT_ID }}
           api-key: ${{ secrets.EDGE_API_KEY }}
+
+  release-firefox:
+    name: Publish on Firefox
+    if: ${{ github.ref_type == 'tag' }}
+    runs-on: ubuntu-latest
+    needs:
+      - build
+
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: Proxyverse
+          path: ${{ github.workspace }}/release/
+
+      - name: Upload to Firefox
+        uses: wdzeng/firefox-addon@v1
+        with:
+          addon-guid: proxyverse@byte.vet
+          xpi-path: ${{ github.workspace }}/release/firefox.zip
+          source-file-path: ${{ github.workspace }}/release/source.tar.gz
+          license: MIT
+          self-hosted: false
+          jwt-issuer: ${{ secrets.FIREFOX_JWT_ISSUER }}
+          jwt-secret: ${{ secrets.FIREFOX_JWT_SECRET }}

.github/workflows/test.yml

@@ -6,11 +6,11 @@ name: Test
 on:
   push:
     branches:
-    - main
+      - main
   pull_request:
     branches:
-    - main
-    - develop
+      - main
+      - develop
 
 jobs:
   test:
@@ -22,8 +22,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 'latest'
-          cache: 'npm'
+          node-version: "latest"
+          cache: "npm"
           cache-dependency-path: package-lock.json
 
       - name: Install dependencies

.gitignore

@@ -13,6 +13,7 @@ dist.zip
 dist-ssr
 coverage
 *.local
+stats.html
 
 # Editor directories and files
 .vscode/*

README.md

@@ -15,13 +15,14 @@ It's still in the early development stage, and more features are still on the w
 - [x] Support more languages
 - [ ] Support customized preference
 - [ ] Support Safari
-- [ ] Support Firefox
+- [x] Support Firefox
 
 
 # How to download?
 
 - [Chrome](https://chromewebstore.google.com/detail/proxyverse/igknmaflmijecdmjpcgollghmipkfbho)
 - [Microsoft Edge](https://microsoftedge.microsoft.com/addons/detail/bpjcpinklkdfabcncofogcaigmmgjjbj)
+- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/proxyverse/)
 
 
 # Making a Contribution

auto-imports.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+
+}

components.d.ts

@@ -0,0 +1,55 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AButton: typeof import('@arco-design/web-vue')['Button']
+    AButtonGroup: typeof import('@arco-design/web-vue')['ButtonGroup']
+    ACheckbox: typeof import('@arco-design/web-vue')['Checkbox']
+    ACollapse: typeof import('@arco-design/web-vue')['Collapse']
+    ACollapseItem: typeof import('@arco-design/web-vue')['CollapseItem']
+    AColorPicker: typeof import('@arco-design/web-vue')['ColorPicker']
+    ADgroup: typeof import('@arco-design/web-vue')['Dgroup']
+    ADivider: typeof import('@arco-design/web-vue')['Divider']
+    ADoption: typeof import('@arco-design/web-vue')['Doption']
+    ADropdown: typeof import('@arco-design/web-vue')['Dropdown']
+    AForm: typeof import('@arco-design/web-vue')['Form']
+    AFormItem: typeof import('@arco-design/web-vue')['FormItem']
+    AInput: typeof import('@arco-design/web-vue')['Input']
+    AInputGroup: typeof import('@arco-design/web-vue')['InputGroup']
+    AInputNumber: typeof import('@arco-design/web-vue')['InputNumber']
+    AInputPassword: typeof import('@arco-design/web-vue')['InputPassword']
+    ALayout: typeof import('@arco-design/web-vue')['Layout']
+    ALayoutContent: typeof import('@arco-design/web-vue')['LayoutContent']
+    ALayoutFooter: typeof import('@arco-design/web-vue')['LayoutFooter']
+    ALayoutHeader: typeof import('@arco-design/web-vue')['LayoutHeader']
+    ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider']
+    ALink: typeof import('@arco-design/web-vue')['Link']
+    AMenu: typeof import('@arco-design/web-vue')['Menu']
+    AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
+    AModal: typeof import('@arco-design/web-vue')['Modal']
+    APageHeader: typeof import('@arco-design/web-vue')['PageHeader']
+    APopconfirm: typeof import('@arco-design/web-vue')['Popconfirm']
+    ARadio: typeof import('@arco-design/web-vue')['Radio']
+    ARadioGroup: typeof import('@arco-design/web-vue')['RadioGroup']
+    ASelect: typeof import('@arco-design/web-vue')['Select']
+    ASpace: typeof import('@arco-design/web-vue')['Space']
+    ATable: typeof import('@arco-design/web-vue')['Table']
+    ATextarea: typeof import('@arco-design/web-vue')['Textarea']
+    ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
+    ATypographyText: typeof import('@arco-design/web-vue')['TypographyText']
+    AutoSwitchInput: typeof import('./src/components/configs/AutoSwitchInput.vue')['default']
+    AutoSwitchPacPreview: typeof import('./src/components/configs/AutoSwitchPacPreview.vue')['default']
+    ProfileConfig: typeof import('./src/components/ProfileConfig.vue')['default']
+    ProfileSelector: typeof import('./src/components/configs/ProfileSelector.vue')['default']
+    ProxyServerInput: typeof import('./src/components/configs/ProxyServerInput.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    ScriptInput: typeof import('./src/components/configs/ScriptInput.vue')['default']
+    ThemeSwitcher: typeof import('./src/components/controls/ThemeSwitcher.vue')['default']
+  }
+}

manifest.json

@@ -17,13 +17,6 @@
     "type": "module"
   },
 
-  "host_permissions": [
-    "<all_urls>"
-  ],
-  "permissions": [
-    "storage",
-    "proxy",
-    "webRequest",
-    "webRequestAuthProvider"
-  ]
-}
+  "host_permissions": ["<all_urls>"],
+  "permissions": ["storage", "proxy", "webRequest", "webRequestAuthProvider"]
+}