Enhance webpack build script with production mode and progress tracking

.github/workflows/release.yml

@@ -3,8 +3,9 @@ name: Build and Release
 on: workflow_dispatch
 
 jobs:
-  build-and-publish:
+  build-and-release:
     runs-on: ubuntu-latest
+
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
@@ -21,18 +22,17 @@ jobs:
       - name: Build project
         run: yarn build
 
-      - name: Get version
-        id: version
-        run: |
-          VERSION=$(jq -r '.version' build/manifest.json)
-          echo "version=${VERSION}" >> $GITHUB_OUTPUT
-          echo "build_time=$(date +'%Y-%m-%d %H:%M:%S')" >> $GITHUB_OUTPUT
-
       - name: Zip build artifacts
         run: |
           cd build
           zip -r ../extension.zip .
 
+      - name: Generate version number
+        id: version
+        run: |
+          echo "version=1.0.${{ github.run_number }}" >> $GITHUB_OUTPUT
+          echo "build_time=$(date +'%Y-%m-%d %H:%M:%S')" >> $GITHUB_OUTPUT
+
       - name: Create Release
         id: create_release
         uses: actions/create-release@v1
@@ -57,27 +57,3 @@ jobs:
           asset_path: ./extension.zip
           asset_name: yakit-chrome-extension-v${{ steps.version.outputs.version }}.zip
           asset_content_type: application/zip 
-
-      - name: Upload Extension To OSS
-        uses: tvrcgo/upload-to-oss@master
-        with:
-          key-id: ${{ secrets.OSS_KEY_ID }}
-          key-secret: ${{ secrets.OSS_KEY_SECRET }}
-          region: oss-accelerate
-          bucket: yaklang
-          assets: |
-            extension.zip:/chrome-extension/yakit-chrome-extension-v${{ steps.version.outputs.version }}.zip
-
-      - name: Update OSS latest version file
-        run: echo ${{ steps.version.outputs.version }} > ./extension-version.txt
-      
-      - name: Upload Version File to OSS
-        uses: tvrcgo/upload-to-oss@master
-        with:
-          key-id: ${{ secrets.OSS_KEY_ID }}
-          key-secret: ${{ secrets.OSS_KEY_SECRET }}
-          region: oss-accelerate
-          bucket: yaklang
-          assets: |
-            ./extension-version.txt:/chrome-extension/latest-version.txt
-

public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Yakit Chrome Endpoint",
-  "version": "0.0.2",
+  "version": "1.0",
   "description": "A Endpoint for Yakit MITM or more",
   "options_ui": {
     "page": "proxy/options.html",

src/components/ProxySwitch/index.tsx

@@ -237,25 +237,21 @@ export const ProxySwitch: React.FC<ProxySwitchProps> = () => {
     const menuItems: MenuProps['items'] = [
         ...FIXED_MODES.map(mode => ({
             key: mode.key,
-            icon: <span className="menu-icon" style={{ 
+            icon: <span className="menu-icon" style={{ color: mode.color }}>{mode.icon}</span>,
-                color: currentMode === mode.key ? 'var(--yakit-primary)' : mode.color
+            label: mode.name,
-            }}>{mode.icon}</span>,
-            label: `${mode.name}${currentMode === mode.key ? '  ✅' : ''}`,
             className: `${currentMode === mode.key ? 'menu-item-selected' : ''} ${isLoading ? 'menu-item-loading' : ''}`,
             title: mode.name.replace(/[\[\]]/g, '')
         })),
         { type: 'divider' },
         ...customProxies.map(proxy => ({
             key: proxy.key,
-            icon: <span className="menu-icon" style={{ 
+            icon: <span className="menu-icon" style={{ color: proxy.color }}>
-                color: currentMode === proxy.key ? 'var(--yakit-primary)' : proxy.color
-            }}>
                 {proxy.config.proxyType === 'pac_script' ? '📜' : <GlobalOutlined />}
             </span>,
             label: <span style={{ 
                 color: currentMode === proxy.key ? 'var(--yakit-primary)' : 'inherit',
                 opacity: isLoading ? 0.7 : 1
-            }}>{proxy.name}{currentMode === proxy.key ? '  ✅' : ''}</span>,
+            }}>{proxy.name}</span>,
             className: `${currentMode === proxy.key ? 'menu-item-selected' : ''} ${isLoading ? 'menu-item-loading' : ''}`,
             title: proxy.config.scheme 
                 ? `${proxy.config.scheme.toUpperCase()} ${proxy.config.host}:${proxy.config.port}`