├── .gitignore
├── .vscode
    └── extensions.json
├── README.md
├── assets
    └── vue.svg
├── components
    ├── HelloWorld.vue
    └── TestDemo.vue
├── entrypoints
    ├── background.ts
    ├── content.ts
    ├── options
    │   ├── App.vue
    │   ├── Options.vue
    │   ├── index.html
    │   ├── main.ts
    │   └── style.css
    ├── popup
    │   ├── App.vue
    │   ├── Popup.vue
    │   ├── index.html
    │   ├── main.ts
    │   └── style.css
    └── testpage
    │   ├── App.vue
    │   ├── index.html
    │   ├── main.ts
    │   └── style.css
├── package.json
├── pnpm-lock.yaml
├── public
    ├── _locales
    │   ├── en
    │   │   └── messages.json
    │   └── zh_CN
    │   │   └── messages.json
    ├── icon
    │   ├── 128.png
    │   ├── 16.png
    │   ├── 32.png
    │   ├── 48.png
    │   └── 96.png
    └── wxt.svg
├── screenshot
    ├── gzh.png
    ├── screen_1.png
    ├── screen_2.png
    └── weixin.png
├── tsconfig.json
├── utils
    ├── base.ts
    └── storage.ts
└── wxt.config.ts


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | .output
12 | stats.html
13 | stats-*.json
14 | .wxt
15 | web-ext.config.ts
16 | 
17 | # Editor directories and files
18 | .vscode/*
19 | !.vscode/extensions.json
20 | .idea
21 | .DS_Store
22 | *.suo
23 | *.ntvs*
24 | *.njsproj
25 | *.sln
26 | *.sw?
27 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar"]
3 | }
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # HiProxy
 2 | A proxy extension for Chrome
 3 | 
 4 | ```
 5 | Based on Manifest V3 （MV3）
 6 | 
 7 | vue3 + wxt + ts
 8 | 
 9 | 
10 | 全新版本，基于谷歌扩展MV3规范开发，适用于Chrome浏览器新版本。
11 | 
12 | 代码框架采用 vue3 + wxt + ts
13 | 
14 | 
15 | 项目代码完全开源，有兴趣的可以自己尝试编译打包，或者省事的师傅可以直接下载我打包好的 zip 文件，直达下载地址：
16 | 
17 | https://github.com/hicode0101/HiProxy/releases
18 | 
19 | 
20 | 
21 | 使用方式：
22 | 1、进chrome 浏览器扩展，直达地址 chrome://extensions/
23 | 2、开启开发者模式
24 | 3、把下载的 HiProxy-3.2.10-chrome.zip 文件直接拖进去，就可以了，不用解压。
25 | 
26 | 
27 | 通过我编写的另外一个 HiLocalProxy 小工具，可以完美解决目前主流浏览器不支持socks5带密码验证的问题。
28 | 
29 | 
30 | ```
31 | 
32 | <br />
33 | <br />
34 | <br />
35 | 
36 | ---
37 | 
38 | ### 插件安装和使用视频教程：
39 | <a href="https://www.bilibili.com/video/BV1tVS4YXEUT" target="_blank">https://www.bilibili.com/video/BV1tVS4YXEUT</a>
40 | 
41 | 
42 |    
43 | 
44 | ### 支持socks5用户名密码代理的视频教程：
45 | 
46 | <a href="https://www.bilibili.com/video/BV18rPsedEXs" target="_blank">https://www.bilibili.com/video/BV18rPsedEXs</a>
47 | 
48 | 
49 | 点击链接跳转至视频播放页面。
50 |   
51 | <br />
52 | <br />
53 | <br />
54 | 
55 | 
56 | # Screenshot（UI截图）
57 | 
58 | 
59 | <img src="./screenshot/screen_1.png" width="600" />
60 | 
61 | <img src="./screenshot/screen_2.png" width="600" />
62 | 
63 | 
64 | ## 作者申明
65 | 
66 | 本系列工具软件仅供白帽子安全研究和技术交流使用，禁止用于商业用途。
67 | 
68 | 👨‍💻我的白帽昵称：犀利的远哥
69 | 
70 | ✉️我的微信：hicode0101
71 | 
72 | 💞️微信公众号：远哥说安全
73 | 
74 | 如果你在我分享的工具中，遇到了问题，请联系我，我会及时回复。
75 | 
76 | 如果你在我分享的工具上，有其它功能需求，也请告知我，我非常乐意尝试满足你的需求。
77 | 
78 |   
79 |    
80 |    
81 | ---
82 |    
83 | 
84 | 
85 | ### 我的微信：
86 | 
87 | <img src="./screenshot/weixin.png" width="200" />
88 | 
89 |   
90 | ---
91 | 
92 | ### 微信公众号：
93 | 
94 | <img src="./screenshot/gzh.png" width="300" />
95 | 
96 | 
97 | 
98 | 


--------------------------------------------------------------------------------
/assets/vue.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
2 | 


--------------------------------------------------------------------------------
/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import { ref } from 'vue';
 3 | 
 4 | defineProps({
 5 |   msg: String,
 6 | });
 7 | 
 8 | const count = ref(0);
 9 | </script>
10 | 
11 | <template>
12 |   <h1>{{ msg }}</h1>
13 | 
14 |   <div class="card">
15 |     <button type="button" @click="count++">count is {{ count }}</button>
16 |     <p>
17 |       Edit
18 |       <code>components/HelloWorld.vue</code> to test HMR
19 |     </p>
20 |   </div>
21 | 
22 |   <p>
23 |     Install
24 |     <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
25 |     in your IDE for a better DX
26 |   </p>
27 |   <p class="read-the-docs">Click on the WXT and Vue logos to learn more</p>
28 | </template>
29 | 
30 | <style scoped>
31 | .read-the-docs {
32 |   color: #888;
33 | }
34 | </style>
35 | 


--------------------------------------------------------------------------------
/components/TestDemo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 
 3 |     <!-- naive-ui 按钮-->
 4 |     <n-space>
 5 |         <n-button>Default</n-button>
 6 |         <n-button type="tertiary">
 7 |             Tertiary
 8 |         </n-button>
 9 |         <n-button type="primary">
10 |             Primary
11 |         </n-button>
12 |         <n-button type="info">
13 |             Info
14 |         </n-button>
15 |         <n-button type="success">
16 |             Success
17 |         </n-button>
18 |         <n-button type="warning">
19 |             Warning
20 |         </n-button>
21 |         <n-button type="error">
22 |             Error
23 |         </n-button>
24 |     </n-space>
25 | 
26 |     <n-divider />
27 | 
28 | 
29 | </template>
30 | 
31 | <script setup lang="ts">
32 | import { NSpace } from 'naive-ui'
33 | 
34 | </script>
35 | 
36 | 
37 | <style scoped>
38 | 
39 | </style>
40 | 
41 | 


--------------------------------------------------------------------------------
/entrypoints/background.ts:
--------------------------------------------------------------------------------
 1 | //import { directProxy } from "@/utils/base";
 2 | 
 3 | export default defineBackground(() => {
 4 |   console.log('Hello background!', { id: browser.runtime.id });
 5 |   
 6 | 
 7 |   browser.runtime.onInstalled.addListener((e: any) => {
 8 |     console.log("onInstalled");
 9 |     //console.info("onInstalled");
10 |     console.debug(JSON.stringify(e));
11 | 
12 |     if (e.reason === 'install') {
13 |       proxyConfigsInit();
14 |       //browser.tabs.create({ url: "/options.html" });
15 |     }
16 | 
17 |     directProxy(()=>{});
18 | 
19 |   });
20 | 
21 |   browser.runtime.onStartup.addListener((event: any) => {
22 |     console.log("onStartup", new Date().toLocaleTimeString());
23 | 
24 |     //directProxy(()=>{});
25 | 
26 |     browser.storage.local.get(["useLastProxy"]).then((result : any)=>  {
27 |       console.log("useLastProxy is ", result.useLastProxy);
28 |       
29 |       if(result.useLastProxy == true){
30 |         console.log("openCurrProxy");
31 |         openCurrProxy(()=>{});
32 |       }else{
33 |         directProxy(()=>{});
34 |       }
35 |       
36 |   });
37 | 
38 |   });
39 | 
40 |   
41 |   /*
42 |   browser.runtime.openOptionsPage((event: any) => {
43 |     console.log("openOptionsPage", new Date().toLocaleTimeString());
44 |   });
45 |   */
46 | 
47 | });
48 | 


--------------------------------------------------------------------------------
/entrypoints/content.ts:
--------------------------------------------------------------------------------
1 | export default defineContentScript({
2 |   matches: ['*://*.google.com/*'],
3 |   main() {
4 |     console.log('Hello content.ts.');
5 |   },
6 | });
7 | 


--------------------------------------------------------------------------------
/entrypoints/options/App.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 | 
 4 |   <n-loading-bar-provider>
 5 |     <n-message-provider>
 6 |       <n-notification-provider>
 7 |         <n-modal-provider>
 8 |           <n-dialog-provider>
 9 |             <Options/>
10 |           </n-dialog-provider>
11 |         </n-modal-provider>
12 |       </n-notification-provider>
13 |     </n-message-provider>
14 |   </n-loading-bar-provider>
15 |   
16 |   
17 |   </template>
18 |   
19 |   <script lang="ts" setup>
20 |   import Options from "./Options.vue"
21 |   
22 |   //const url = chrome.runtime.getURL('/background.js');
23 |   //const url = browser.runtime.getURL('/background.js');
24 |   //console.log(url);
25 | 
26 |   </script>
27 |   
28 |   <style scoped>
29 |   
30 |   </style>
31 |   


--------------------------------------------------------------------------------
/entrypoints/options/Options.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 
  3 |     <n-grid x-gap="12" :cols="1">
  4 |         <n-gi>
  5 |             <div class="topBlock">
  6 |                 <h1>{{ browser.i18n.getMessage('plugin_name') }}</h1>
  7 |             </div>
  8 |         </n-gi>
  9 |         <n-gi>
 10 |             <div class="bodyBlock">
 11 |                 <n-tabs :bar-width="28" type="line" class="custom-tabs">
 12 |                     <n-tab-pane name="tabConfigs" :tab="browser.i18n.getMessage('options_tab_proxy_config')">
 13 | 
 14 |                         <n-dynamic-input v-model:value="proxyConfigList" :on-create="onCreateConfig">
 15 |                             <template #create-button-default>
 16 |                                 {{ browser.i18n.getMessage('options_btn_addNew') }}
 17 |                             </template>
 18 |                             <template #default="{ value }">
 19 |                                 <div style="display: flex; align-items: center; width: 90%;padding-left: 20px;">
 20 |                                     <n-button ghost v-model:color="value.color">
 21 |                                     <template #icon>
 22 |                                         <n-icon>
 23 |                                         <ChromeIcon />
 24 |                                         </n-icon>
 25 |                                     </template>
 26 |                                     </n-button>
 27 |                                     <n-color-picker v-model:value="value.color" :modes="['hex']" :show-alpha="false" :style="{ width: '90px',margin: '0 5px'  }" :actions="['confirm']" />
 28 |                                     <n-input v-model:value="value.name" @change="changeNameEvent(value,$event)" @keyup="keyUpNameEvent(value,$event)" type="text" :placeholder="browser.i18n.getMessage('options_msg_input_proxy_name_ph')"  :style="{ width: '33%',margin: '0 5px' }" />
 29 |                                     <n-select v-model:value="value.rules.singleProxy.scheme" :style="{ width: '120px',margin: '0 5px' }" :options="proxyTypeOptions" />
 30 |                                     
 31 |                                     
 32 |                                     <n-input v-model:value="value.rules.singleProxy.host" type="text" placeholder="host" :style="{ width: '300px',margin: '0 5px' }"/>
 33 |                                     <n-input-number v-model:value="value.rules.singleProxy.port" :show-button="false" :style="{ width: '150px',margin: '0 5px' }"/>
 34 |                                     
 35 |                                     <n-button tertiary type="info" @click="editDetail(value,$event)">
 36 |                                     <template #icon>
 37 |                                         <n-icon><DetailIcon /></n-icon>
 38 |                                     </template>
 39 |                                     </n-button>
 40 |     
 41 |                                 </div>
 42 |                             </template>
 43 |                         </n-dynamic-input>
 44 | 
 45 |                         <n-divider />
 46 | 
 47 |                         <div class="btnBlock">
 48 |                             <n-space>
 49 |                                 <n-button type="primary" @click="saveConfigs">
 50 |                                     {{ browser.i18n.getMessage('options_btn_save_all') }}
 51 |                                 </n-button>
 52 |                                 <n-button strong secondary type="error" @click="resetConfigs">
 53 |                                     {{ browser.i18n.getMessage('options_btn_reset') }}
 54 |                                 </n-button>
 55 |                                 
 56 |                             </n-space>
 57 |                         </div>
 58 | 
 59 | 
 60 |                     </n-tab-pane>
 61 |                     <n-tab-pane name="export" :tab="browser.i18n.getMessage('options_tab_export')">
 62 | 
 63 |                         <n-table >
 64 |                             <tbody>
 65 |                                 <tr>
 66 |                                     <td colspan="2">
 67 |                                         <n-alert type="info">                                            
 68 |                                             {{ browser.i18n.getMessage('options_msg_export_tips') }}
 69 |                                         </n-alert>
 70 |                                     </td>
 71 |                                     
 72 |                                 </tr>
 73 |                                 <tr>
 74 |                                     <td>{{ browser.i18n.getMessage('options_msg_export_lbl') }}：</td>
 75 |                                     <td>
 76 |                                         
 77 |                                         <n-button type="info" @click="downloadConfigs">
 78 |                                             {{ browser.i18n.getMessage('options_msg_export_btn') }}
 79 |                                         </n-button>
 80 |                                     </td>
 81 |                                 </tr>
 82 |                                 <tr>
 83 |                                     <td>{{ browser.i18n.getMessage('options_msg_import_lbl') }}：</td>
 84 |                                     <td>
 85 |                                         
 86 |                                         <input type="file" @change="handleFileInput" />
 87 |                                         <n-button type="warning" @click="importConfigs">
 88 |                                             {{ browser.i18n.getMessage('options_msg_import_btn') }}
 89 |                                         </n-button>
 90 |                                     </td>
 91 |                                 </tr>
 92 |                                 <tr>
 93 |                                     <td>{{ browser.i18n.getMessage('options_msg_import_reset_lbl') }}：</td>
 94 |                                     <td>
 95 |                                         
 96 |                                         <n-button type="error" @click="resetConfigs">
 97 |                                             {{ browser.i18n.getMessage('options_msg_import_reset_btn') }}
 98 |                                         </n-button>
 99 |                                     </td>
100 |                                 </tr>
101 |                             </tbody>
102 |                         </n-table>
103 | 
104 |                         
105 | 
106 |                     </n-tab-pane>
107 |                     <n-tab-pane name="others" :tab="browser.i18n.getMessage('options_tab_others')">
108 |                         <n-table >
109 |                             <tbody>
110 |                                
111 |                                 <tr>
112 |                                     <td>{{ browser.i18n.getMessage('options_msg_others_uselastproxy_lbl') }}：</td>
113 |                                     <td>
114 |                                         <n-switch v-model:value="useLastProxy" @update:value="useLastProxyChange" />
115 |                                         {{ browser.i18n.getMessage('options_msg_others_uselastproxy_switch') }}
116 |                                     </td>
117 |                                 </tr>
118 |                             </tbody>
119 |                         </n-table>
120 | 
121 |                     </n-tab-pane>
122 |                     <n-tab-pane name="tabBypassDoc" :tab="browser.i18n.getMessage('options_tab_bypass_doc')">
123 | 
124 |                         <n-space vertical>
125 |                             <n-table striped>
126 |                                 <thead>
127 |                                 <tr>
128 |                                     <th>表达式</th>
129 |                                     <th>说明</th>
130 |                                 </tr>
131 |                                 </thead>
132 |                                 <tbody>
133 |                                     <tr>
134 |                                         <td>127.0.0.1</td>
135 |                                         <td>
136 |                                            http://127.0.0.1 的访问不会走代理 
137 |                                         </td>
138 |                                     </tr>
139 |                                     <tr>
140 |                                         <td>localhost</td>
141 |                                         <td>
142 |                                            http://localhost 的访问不会走代理 
143 |                                         </td>
144 |                                     </tr>
145 |                                     <tr>
146 |                                         <td>::1</td>
147 |                                         <td>
148 |                                            http://::1 的访问不会走代理（"::1"代表ipv6的本地回环地址）
149 |                                         </td>
150 |                                     </tr>
151 |                                     <tr>
152 |                                         <td>192.168.1.0/24</td>
153 |                                         <td>
154 |                                             对主机范围 192.168.1.0~192.168.1.255 的访问不会走代理 
155 |                                         </td>
156 |                                     </tr>
157 |                                     <tr>
158 |                                         <td>qq.com</td>
159 |                                         <td>
160 |                                             仅 http://qq.com 的访问不会走代理，其它二级域名的访问会走代理，例如 http://www.qq.com 的访问会走代理 
161 |                                         </td>
162 |                                     </tr>
163 |                                     <tr>
164 |                                         <td>.qq.com</td>
165 |                                         <td>
166 |                                             qq.com 域名下所有二级域名不走代理，例如 http://aaa.qq.com 或 http://bbb.qq.com 的访问都不会走代理 
167 |                                         </td>
168 |                                     </tr>
169 |                                     <tr>
170 |                                         <td>*.qq.com</td>
171 |                                         <td>
172 |                                             qq.com 域名下所有二级域名不走代理，例如 http://aaa.qq.com 或 http://bbb.qq.com 的访问都不会走代理（推荐）
173 |                                         </td>
174 |                                     </tr>
175 |                                     <tr>
176 |                                         <td>*qq.com</td>
177 |                                         <td>
178 |                                            http://abc.qq.com 或 http://abcqq.com 的访问不会走代理 
179 |                                         </td>
180 |                                     </tr>
181 |                                     <tr>
182 |                                         <td>login.qq.com</td>
183 |                                         <td>
184 |                                            http://login.qq.com 的访问不会走代理 
185 |                                         </td>
186 |                                     </tr>
187 |                                     <tr>
188 |                                         <td>h.trace.qq.com</td>
189 |                                         <td>
190 |                                            http://h.trace.qq.com 的访问不会走代理 
191 |                                         </td>
192 |                                     </tr>
193 |                                     <tr>
194 |                                         <td>官方文档</td>
195 |                                         <td>
196 |                                             <a href="https://developer.chrome.com/docs/extensions/reference/api/proxy#bypass_list" target="_blank">
197 |                                             https://developer.chrome.com/docs/extensions/reference/api/proxy?hl=zh-cn#bypass_list
198 |                                             </a>
199 |                                         </td>
200 |                                     </tr>
201 |                                     
202 |                                 </tbody>
203 |                             </n-table>
204 |                         </n-space>
205 |                         
206 |                         
207 |                     </n-tab-pane>
208 |                     <n-tab-pane name="tabAbout" :tab="browser.i18n.getMessage('options_tab_about')">
209 | 
210 |                         <n-space vertical>
211 |                             <n-table striped>
212 |                                 <tbody>
213 |                                     <tr text="{{ browser.i18n.getMessage('options_tab_about') }}">
214 |                                         <td>{{ browser.i18n.getMessage('options_about_project') }}：</td>
215 |                                         <td>
216 |                                             <a target="_blank"
217 |                                                 href="https://github.com/hicode0101/HiProxy">https://github.com/hicode0101/HiProxy</a>
218 |                                         </td>
219 |                                     </tr>
220 |                                     <tr>
221 |                                         <td>{{ browser.i18n.getMessage('options_about_version') }}：</td>
222 |                                         <td>v{{ browser.runtime.getManifest().version }}</td>
223 |                                     </tr>
224 |                                     <tr>
225 |                                         <td>{{ browser.i18n.getMessage('options_about_author') }}：</td>
226 |                                         <td>hicode0101</td>
227 |                                     </tr>
228 | 
229 |                                 </tbody>
230 |                             </n-table>
231 |                         </n-space>
232 | 
233 |                     </n-tab-pane>
234 |                 </n-tabs>
235 |             </div>
236 |         </n-gi>
237 |         <n-gi>
238 |             <div class="bottomBlock">
239 |                 Copyright by <a href="https://github.com/hicode0101" target="_blank">hicode0101</a>
240 |             </div>
241 |         </n-gi>
242 |     </n-grid>
243 | 
244 |     <n-modal v-model:show="showModal" preset="card" style="width: 600px; height: 550px;">
245 |         <template #header>
246 |         <div>
247 |             
248 |             <n-tag>
249 |                 {{ detailItem.name }}
250 |             <template #icon>
251 |                 <n-icon :component="ChromeIcon" v-model:color="detailItem.color" />
252 |             </template>
253 |             </n-tag>
254 |             
255 |         </div>
256 |         </template>
257 |         <div>
258 |             <n-table >
259 |                 <tbody>
260 |                     <tr>
261 |                         <td colspan="2">
262 |                             <n-alert type="info">
263 |                                 {{ browser.i18n.getMessage('options_msg_input_detail_bypass') }}
264 |                             </n-alert>
265 |                         </td>
266 |                         
267 |                     </tr>
268 |                     <tr>
269 |                         <td>ByPassHost：</td>
270 |                         <td>
271 |                             
272 |                             <n-input
273 |                                 v-model:value="detailBypassHost"
274 |                                 :placeholder="browser.i18n.getMessage('options_msg_input_detail_bypass_host_ph')" 
275 |                                 type="textarea"
276 |                                 :autosize="{
277 |                                     minRows: 10,
278 |                                     maxRows: 10,
279 |                                 }"  :style="{ width: '360px',margin: '0 5px' }"
280 |                                 />  
281 |                         </td>
282 |                     </tr>
283 |                 </tbody>
284 |             </n-table>
285 |             
286 |             <n-table v-show="false">
287 |                 <tbody>
288 |                     <tr>
289 |                         <td colspan="2">
290 |                             <n-alert type="info">
291 |                                 {{ browser.i18n.getMessage('options_msg_input_detail_auth') }}
292 |                             </n-alert>
293 |                         </td>
294 |                         
295 |                     </tr>
296 |                     
297 |                     <tr>
298 |                         <td>UserName：</td>
299 |                         <td>
300 |                             <n-input v-model:value="tmpMsg" type="text" :placeholder="browser.i18n.getMessage('options_msg_input_detail_auth_username')" :style="{ width: '200px',margin: '0 5px' }" />
301 |                         </td>
302 |                     </tr>
303 |                     <tr>
304 |                         <td>PassWord：</td>
305 |                         <td>
306 |                             <n-input v-model:value="tmpMsg2" type="text" :placeholder="browser.i18n.getMessage('options_msg_input_detail_auth_password')" :style="{ width: '200px',margin: '0 5px' }" />
307 |                         </td>
308 |                     </tr>
309 |                 </tbody>
310 |             </n-table>
311 |             
312 |         </div>
313 |         <template #action>
314 |         <div>
315 |             
316 |             <n-popover trigger="hover">
317 |                 <template #trigger>
318 |                     <n-button strong secondary round type="info" @click="detailToList">
319 |                         {{ browser.i18n.getMessage('options_btn_detail_ok') }}
320 |                     </n-button>
321 |                 </template>
322 |                 <span>{{ browser.i18n.getMessage('options_btn_detail_ok_tips') }}</span>
323 |             </n-popover>
324 |         </div>
325 |         </template>
326 |     </n-modal>
327 |   
328 | </template>
329 | 
330 | <script lang="ts" setup>
331 | import { defineComponent, h, reactive, ref } from 'vue'
332 | import { useDialog, useMessage } from 'naive-ui'
333 | 
334 | import {
335 |     LogoChrome as ChromeIcon
336 | } from '@vicons/ionicons5'
337 | 
338 | import { AppsListDetail24Regular as DetailIcon } from '@vicons/fluent'
339 | import { download } from 'naive-ui/es/_utils'
340 | import type { UploadFileInfo } from 'naive-ui'
341 | 
342 | const message = useMessage()
343 | const dialog = useDialog()
344 | 
345 | let proxyConfigList: any = ref([]);
346 | 
347 | let showModal = ref(false);
348 | let detailItem = ref({});
349 | let detailBypassHost = ref("");
350 | 
351 | let tmpMsg = ref("");
352 | let tmpMsg2 = ref("");
353 | 
354 | let useLastProxy = ref(false);
355 | let importContent = ref("");
356 | 
357 | 
358 | let msgConfig = browser.i18n.getMessage('options_tab_proxy_config');
359 | 
360 | function openPopup() {
361 |     window.location.href = "./popup.html";
362 | }
363 | 
364 | function openOptions() {
365 |     window.location.href = "./options.html";
366 | }
367 | 
368 | 
369 | 
370 | function onCreateConfig() {
371 |     return {
372 |         pid: "",
373 |         name: "",
374 |         color: "#B9B9B9",
375 |         mode: "fixed_servers",
376 |         rules: {
377 |             singleProxy: {
378 |                 scheme: "http",
379 |                 host: "127.0.0.1",
380 |                 port: 8080,
381 |             },
382 |             bypassList: [
383 |                 "127.0.0.1",
384 |                 "::1",
385 |                 "localhost"
386 |             ]
387 |         }
388 |         
389 |     }
390 | }
391 | 
392 | let default_proxyType = 'http';
393 | let proxyTypeOptions = ['http', 'https', 'socks4', 'socks5'].map(
394 |         v => ({
395 |           label: v.toUpperCase(),
396 |           value: v
397 |         })
398 |       );
399 | 
400 | 
401 | browser.storage.local.get(["useLastProxy"]).then((result : any)=>  {
402 |     console.log("useLastProxy is ", result.useLastProxy);
403 |     
404 |     useLastProxy.value = result.useLastProxy
405 |     
406 | });
407 | 
408 | browser.storage.local.get(["proxyConfigs"]).then((result: any) => {
409 |     
410 |     console.log("GetValue is ", result);
411 |     if (result.proxyConfigs == undefined) {
412 |         console.log("GetValue is undefined");
413 |         
414 |     } else {
415 |         //console.log("get storage:",result.proxyConfigs);
416 |         let proxyConfigs = new Map(JSON.parse(result.proxyConfigs));
417 |         console.log("map is ", proxyConfigs);
418 |         proxyConfigs.forEach((proxyConfig, key) => {
419 |             //console.log(key + " = " + proxyConfig);
420 |             proxyConfigList.value.push(proxyConfig);
421 |         });
422 | 
423 |         
424 |     }
425 |     
426 |     
427 | 
428 | });   
429 | 
430 | async function saveConfigs() {
431 |     //message.info("saveConfigs ...");
432 | 
433 |     //console.log(proxyConfigList.value);
434 | 
435 |     if(!checkForInput()){
436 |         //message.error("输入参数不正确，请检查");
437 |         return;
438 |     }
439 |     
440 |     if(!checkForName()){
441 |         message.error(browser.i18n.getMessage('options_msg_repeat_name'));
442 |         return;
443 |     }
444 | 
445 |     
446 |     
447 |     
448 |     let proxyConfigsMap = new Map<string,any>();
449 |     
450 |     proxyConfigList.value.forEach((element: any) => {
451 |         console.log(element.name);
452 |         element.pid = element.name;
453 |         proxyConfigsMap.set(element.pid, element);
454 |         
455 |     });
456 |     
457 |     let json = JSON.stringify(Array.from(proxyConfigsMap));
458 |     console.log(json);
459 |     
460 |     await browser.storage.local.set({"proxyConfigs": json});
461 | 
462 |     
463 |     //setTimeout(() => {refreshPage();},2000);
464 | 
465 |     openCurrProxy(()=>{});
466 |     
467 |     //message.success(browser.i18n.getMessage('options_msg_save_success'),{duration:2000, onAfterLeave: () => {refreshPage();}});
468 |     message.success(browser.i18n.getMessage('options_msg_save_success'),{duration:2000, onAfterLeave: () => {}});
469 | }
470 | 
471 | function resetConfigs() {
472 |     //message.info("resetConfigs ...");
473 |     
474 |     dialog.error({
475 |           title: browser.i18n.getMessage('options_msg_reset_dialog_title'),
476 |           content: browser.i18n.getMessage('options_msg_reset_dialog_content'),
477 |           positiveText: browser.i18n.getMessage('options_msg_reset_dialog_positiveText'),
478 |           negativeText: browser.i18n.getMessage('options_msg_reset_dialog_negativeText'),
479 |           maskClosable: false,
480 |           onPositiveClick: () => {
481 |             proxyConfigsInit();            
482 |             refreshPage();
483 |           },
484 |           onMaskClick: () => {
485 |             //message.warning('有个警告弹窗，您看到了吗')
486 |           },
487 |           onEsc: () => {
488 |             //message.info('通过 esc 取消')
489 |           }
490 |         });
491 | }
492 | 
493 | function refreshPage() {
494 |   window.location.reload();
495 | }
496 | 
497 | function editDetail(item : any, event : Event){
498 |     showModal.value = true;
499 |     
500 |     console.log(item);
501 |     detailItem.value = item;
502 |     console.log(detailItem);
503 |     
504 |     detailBypassHost.value = item.rules.bypassList.join("\n");
505 | }
506 | 
507 | function detailToList(){
508 |     //console.log(detailBypassHost.value);
509 |     let _pid = detailItem.value.pid;
510 |     let _bypassList = detailBypassHost.value.split("\n");
511 |     console.log(_pid, _bypassList);
512 | 
513 |     
514 |     proxyConfigList.value.forEach((element: any) => {
515 |         if (element.pid == _pid) {
516 |             element.rules.bypassList = _bypassList;
517 |         }
518 |     });
519 | 
520 |     //console.log(proxyConfigList);
521 |     
522 |     //
523 |     detailItem.value = {};
524 |     detailBypassHost.value = "";
525 |     
526 |     showModal.value = false;
527 |     
528 |     
529 | }
530 | 
531 | function keyUpNameEvent(item : any, event : Event){
532 |     //message.info('[Event keyup]')
533 |     console.log("keyup:",item.pid, item.name);
534 |     
535 | 
536 |     
537 | }
538 | 
539 | function changeNameEvent(item : any, event : Event){
540 |     //message.info(`[Event change]: ${item.name}`)
541 |     
542 |     console.log("change:",item.pid, item.name);
543 |     
544 |     //console.log(checkForName());
545 |     if(!checkForName()){
546 |         message.error(browser.i18n.getMessage('options_msg_repeat_name'));
547 |     }
548 | }
549 | 
550 | function checkForName() {
551 |     let result = true;
552 |     proxyConfigList.value.forEach((elementA: any) => {
553 |         let _name = elementA.name;
554 |         let _pid = elementA.pid;
555 |         let _count = 0;
556 |         proxyConfigList.value.forEach((elementB: any) => {
557 |         
558 |             if (elementB.name == _name) {
559 |                 _count++;
560 | 
561 |                 if (_count >= 2) {
562 |                     
563 |                     result = false;
564 |                 }
565 |             }
566 | 
567 |             
568 |         });
569 |     });
570 | 
571 |     return result;
572 | }
573 | 
574 | function checkForInput() {
575 |     let result = true;
576 |     proxyConfigList.value.forEach((elementA: any) => {
577 |         console.log(elementA);
578 |         if (elementA.name === null || elementA.name == "") {
579 |             result = false;
580 |             message.error(browser.i18n.getMessage('options_msg_input_name'));
581 | 
582 |         }
583 | 
584 |         if (elementA.rules.singleProxy.host === null || elementA.rules.singleProxy.host === '') {
585 |             result = false;
586 |             message.error(browser.i18n.getMessage('options_msg_input_host'));
587 | 
588 |         }
589 | 
590 |         if (elementA.rules.singleProxy.port === null || elementA.rules.singleProxy.port<0 || elementA.rules.singleProxy.port > 65535) {
591 |             result = false;
592 |             message.error(browser.i18n.getMessage('options_msg_input_port'));
593 | 
594 |         }
595 | 
596 |     });
597 | 
598 |     return result;
599 | }
600 | 
601 | function useLastProxyChange(value: boolean){
602 |     useLastProxySet(useLastProxy.value);
603 | }
604 | 
605 | async function handleFileInput(event: Event) {
606 |   const target = event.target as HTMLInputElement;
607 |   const file = target.files?.[0];
608 |   if (file) {
609 |     try {
610 |       const reader = new FileReader();
611 |       reader.onload = (e: ProgressEvent<FileReader>) => {
612 |         const content = e.target?.result;
613 |         if (typeof content === 'string') {
614 |             console.log('导入的配置:', content);
615 |             importContent.value = content;
616 |         }else{
617 |             console.error('配置文件格式不正确');
618 |         }
619 |       };
620 |       reader.readAsText(file);
621 |     } catch (error) {
622 |       console.error('读取文件时出错:', error);
623 |     }
624 |   }
625 | }
626 | 
627 | function importConfigs() {
628 |     let content = importContent.value;
629 |     try {
630 |         const jsonObj = JSON.parse(content);
631 |         useLastProxy.value = jsonObj.UseLastProxy;
632 |         proxyConfigList.value = jsonObj.ProxyConfigs;
633 | 
634 |         useLastProxySet(jsonObj.UseLastProxy);
635 |         saveConfigs();
636 | 
637 |     } catch (error) {
638 |         console.error('解析文件内容时出错:', error);
639 |     }
640 | }
641 | 
642 | function downloadConfigs() {
643 |     
644 |     let configObj = {}
645 |     configObj.Version = 319;
646 |     configObj.UseLastProxy = useLastProxy.value;
647 |     configObj.ProxyConfigs = proxyConfigList.value;
648 | 
649 |     const dataStr = JSON.stringify(configObj, null, 2);
650 |     const dataBlob = new Blob([dataStr], { type: 'application/json' });
651 | 
652 |     const downloadLink = document.createElement('a');
653 |     downloadLink.href = URL.createObjectURL(dataBlob);
654 |     downloadLink.download = 'HiProxyConfig.json';
655 |     downloadLink.click();
656 | 
657 |     // 释放 URL 对象以节省内存
658 |     URL.revokeObjectURL(downloadLink.href);
659 | 
660 | }
661 | 
662 | function downloadText(fileName :string, text :string) {
663 |     //downloadText('test.txt', '测试');
664 | 
665 |     let url = window.URL || window.webkitURL || window;
666 |     let blob = new Blob([text]);
667 |     let saveLink = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
668 |     saveLink.href = url.createObjectURL(blob);
669 |     // 设置 download 属性
670 |     saveLink.download = fileName;
671 |     saveLink.click();
672 | }
673 | 
674 | </script>
675 | 
676 | <style scoped>
677 | .topBlock {
678 |     height: 80px;
679 |     background-color: rgba(139, 141, 139, 0.12);
680 | 
681 | }
682 | 
683 | .bodyBlock {
684 | 
685 |     background-color: rgba(244, 244, 244, 0.24);
686 |     min-height: 60vh;
687 |     margin: 0 5px;
688 | }
689 | 
690 | .btnBlock {
691 |     height: 80px;
692 |     place-items: center;
693 | }
694 | 
695 | .bottomBlock {
696 |     height: 50px;
697 |     background-color: rgba(174, 176, 174, 0.12);
698 |     text-align: center;
699 |     padding-top: 20px;
700 | }
701 | </style>


--------------------------------------------------------------------------------
/entrypoints/options/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <title>HiProxy Options</title>
 7 |     <meta name="manifest.type" content="browser_action" />
 8 |     <meta name="manifest.open_in_tab" content="true" />
 9 |   </head>
10 |   <body>
11 |     <div id="app"></div>
12 |     <script type="module" src="./main.ts"></script>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/entrypoints/options/main.ts:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue';
 2 | import './style.css';
 3 | import App from './App.vue';
 4 | import naive from "naive-ui";
 5 | 
 6 | //createApp(App).mount('#app');
 7 | 
 8 | const app = createApp(App);
 9 | app.use(naive);
10 | app.mount("#app");
11 | 


--------------------------------------------------------------------------------
/entrypoints/options/style.css:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 3 |   line-height: 1.5;
 4 |   font-weight: 400;
 5 | 
 6 |   color-scheme: light dark;
 7 |   color: rgba(255, 255, 255, 0.87);
 8 |   background-color: #242424;
 9 | 
10 |   font-synthesis: none;
11 |   text-rendering: optimizeLegibility;
12 |   -webkit-font-smoothing: antialiased;
13 |   -moz-osx-font-smoothing: grayscale;
14 |   -webkit-text-size-adjust: 100%;
15 | }
16 | 
17 | a {
18 |   font-weight: 500;
19 |   color: #646cff;
20 |   text-decoration: inherit;
21 | }
22 | a:hover {
23 |   color: #535bf2;
24 | }
25 | 
26 | a {
27 |   font-weight: 500;
28 |   color: #646cff;
29 |   text-decoration: inherit;
30 | }
31 | a:hover {
32 |   color: #535bf2;
33 | }
34 | 
35 | body {
36 |   margin: 0;
37 |   min-width: 320px;
38 |   min-height: 100vh;
39 | }
40 | 
41 | h1 {
42 |   font-size: 3.2em;
43 |   line-height: 1.1;
44 | }
45 | 
46 | button {
47 |   border-radius: 8px;
48 |   border: 1px solid transparent;
49 |   padding: 0.6em 1.2em;
50 |   font-size: 1em;
51 |   font-weight: 500;
52 |   font-family: inherit;
53 |   background-color: #1a1a1a;
54 |   cursor: pointer;
55 |   transition: border-color 0.25s;
56 | }
57 | button:hover {
58 |   border-color: #646cff;
59 | }
60 | button:focus,
61 | button:focus-visible {
62 |   outline: 4px auto -webkit-focus-ring-color;
63 | }
64 | 
65 | .card {
66 |   padding: 2em;
67 | }
68 | 
69 | #app {
70 |   max-width: 1280px;
71 | }
72 | 
73 | @media (prefers-color-scheme: light) {
74 |   :root {
75 |     color: #213547;
76 |     background-color: #ffffff;
77 |   }
78 |   a:hover {
79 |     color: #747bff;
80 |   }
81 |   button {
82 |     background-color: #f9f9f9;
83 |   }
84 | }
85 | 


--------------------------------------------------------------------------------
/entrypoints/popup/App.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 | 
 4 | <n-loading-bar-provider>
 5 |   <n-message-provider>
 6 |     <n-notification-provider>
 7 |       <n-modal-provider>
 8 |         <n-dialog-provider>
 9 |           <Suspense>
10 |           <Popup/>
11 |           </Suspense>
12 |         </n-dialog-provider>
13 |       </n-modal-provider>
14 |     </n-notification-provider>
15 |   </n-message-provider>
16 | </n-loading-bar-provider>
17 | 
18 | 
19 | </template>
20 | 
21 | <script lang="ts" setup>
22 | import Popup from "./Popup.vue"
23 | 
24 | </script>
25 | 
26 | <style scoped>
27 | 
28 | </style>
29 | 


--------------------------------------------------------------------------------
/entrypoints/popup/Popup.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 
  3 |     <n-menu :options="menuOptions" @update:value="onMenuChange" />
  4 | 
  5 | 
  6 | </template>
  7 | 
  8 | <script lang="ts" setup>
  9 | 
 10 | import type { Component } from 'vue'
 11 | import { defineComponent, h, reactive } from 'vue'
 12 | import { NIcon, useMessage } from 'naive-ui'
 13 | import type { MenuOption } from 'naive-ui'
 14 | import { RouterLink } from 'vue-router'
 15 | import {
 16 |     LogoChrome as ChromeIcon,
 17 |     LogoWindows as SystemIcon,
 18 |     SettingsOutline as OptionsIcon,
 19 |     PersonCircleOutline as NetWorkIcon
 20 | } from '@vicons/ionicons5'
 21 | 
 22 | import { ArrowSwap24Filled as DirectIcon } from '@vicons/fluent'
 23 | 
 24 | const message = useMessage()
 25 | 
 26 | let menuOptions: MenuOption[] = reactive([]);
 27 | 
 28 | 
 29 | menuOptions.push({
 30 |     label: browser.i18n.getMessage('pop_menu_direct'),
 31 |     key: 'pop-menu-Direct',
 32 |     icon: renderColorIcon(DirectIcon, "#9b9b9b")
 33 | });
 34 | 
 35 | menuOptions.push({
 36 |     label: browser.i18n.getMessage('pop_menu_system'),
 37 |     key: 'pop-menu-System',
 38 |     icon: renderIcon(SystemIcon)
 39 | });
 40 | 
 41 | menuOptions.push({
 42 |     key: 'divider-top',
 43 |     type: 'divider',
 44 |     props: {
 45 |         style: {
 46 |             marginLeft: '32px'
 47 |         }
 48 |     }
 49 | });
 50 | 
 51 | 
 52 | browser.storage.local.get(["proxyConfigs"]).then((result: any) => {
 53 |     
 54 |     console.log("GetValue is ", result);
 55 |     if (result.proxyConfigs == undefined) {
 56 |         console.log("GetValue is undefined");
 57 |         
 58 |     } else {
 59 |         let proxyConfigs = new Map(JSON.parse(result.proxyConfigs));
 60 |         console.log("map is ", proxyConfigs);
 61 |         proxyConfigs.forEach((proxyConfig, key) => {
 62 |             console.log(key + " = " + proxyConfig);
 63 |             menuOptions.push({
 64 |                 label: proxyConfig.pid,
 65 |                 key: proxyConfig.pid,
 66 |                 icon: renderColorIcon(ChromeIcon, proxyConfig.color)
 67 |             });
 68 |         });
 69 | 
 70 |         menuOptions.push({
 71 |             key: 'divider-bottom',
 72 |             type: 'divider',
 73 |             props: {
 74 |                 style: {
 75 |                     marginLeft: '32px'
 76 |                 }
 77 |             }
 78 |         });
 79 | 
 80 |         menuOptions.push({
 81 |             label: browser.i18n.getMessage('pop_menu_options'),
 82 |             key: 'pop-menu-Options',
 83 |             icon: renderIcon(OptionsIcon),
 84 |         });
 85 | 
 86 |         menuOptions.push({
 87 |             label: browser.i18n.getMessage('pop_menu_myip'),
 88 |             key: 'pop-menu-MyIp',
 89 |             icon: renderIcon(NetWorkIcon),
 90 |         });
 91 |         
 92 |     }
 93 |     
 94 |     
 95 | 
 96 | });
 97 | 
 98 | 
 99 | 
100 | 
101 | function renderIcon(icon: Component) {
102 |     return () => h(NIcon, null, { default: () => h(icon) })
103 | }
104 | 
105 | function renderColorIcon(icon: Component, colorCode: string) {
106 |     return () => h(NIcon, { color: colorCode }, { default: () => h(icon) })
107 | }
108 | 
109 | function onMenuChange(key: string, item: MenuOption) {
110 |     switch(key){
111 |         case "pop-menu-Direct":
112 |             currProxyPidSet("direct");    
113 |             directProxy(closePopup);
114 |             break;
115 |         case "pop-menu-System":
116 |             currProxyPidSet("system");      
117 |             systemProxy(closePopup);
118 |             break;
119 |         case "pop-menu-Options":
120 |             openOptions();
121 |             closePopup();
122 |             break;
123 |         case "pop-menu-MyIp":
124 |             queryMyIp();
125 |             closePopup();
126 |             break;
127 |         default:
128 |             console.log("^_^");
129 |             onChangeProxy(key, item, closePopup);
130 |     }
131 |     
132 |     
133 | }
134 | 
135 | function closePopup1() {
136 |     //do nothing for testing
137 | }
138 | 
139 | function closePopup() {
140 |     window.close();
141 |     // If the popup is opened as a tab, the above won't work. Let's reload then.
142 |     document.body.style.opacity = "0";
143 |     setTimeout(function () { history.go(0); }, 300);
144 | }
145 | 
146 | function openOptions() {
147 |     //chrome.tabs.create({url: "/options.html"});
148 |     browser.tabs.create({ url: "/options.html" });
149 | 
150 | }
151 | 
152 | function openOptions2() {
153 |     window.location.href = "./options.html";
154 | 
155 | }
156 | 
157 | function queryMyIp() {
158 |     //https://www.ip138.com
159 |     browser.tabs.create({ url: "https://ip.hicode.top" });
160 | 
161 | }
162 | 
163 | 
164 | async function onChangeProxy(key: string, item: MenuOption, callback: Function) {
165 | 
166 |     currProxyPidSet(key);
167 |     openCurrProxy(callback);
168 |     
169 | }
170 | 
171 | 
172 | async function renderProxyConfigList(callback: Function) {
173 |     
174 |     proxyConfigsGetByCallback((result: Map<string,any>)=>{
175 |         let proxyConfigs = result;
176 |         if(proxyConfigs instanceof Map){
177 |             proxyConfigs.forEach((value, key) => {
178 |                 console.log(key + " = " + value);
179 |                 callback(value);
180 |             });
181 |         }else{
182 |             console.error("proxyConfigs is not a map");
183 |             directProxy(closePopup);
184 |         }
185 |         
186 |     });
187 | }
188 | 
189 | 
190 | console.log("setup end");
191 | </script>
192 | 
193 | <style scoped></style>


--------------------------------------------------------------------------------
/entrypoints/popup/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <title>HiProxy Popup</title>
 7 |     <meta name="manifest.type" content="page_action" />
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="./main.ts"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/entrypoints/popup/main.ts:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue';
 2 | import './style.css';
 3 | import App from './App.vue';
 4 | import naive from "naive-ui";
 5 | 
 6 | //createApp(App).mount('#app');
 7 | 
 8 | const app = createApp(App);
 9 | app.use(naive);
10 | app.mount("#app");
11 | 


--------------------------------------------------------------------------------
/entrypoints/popup/style.css:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 3 |   line-height: 1.5;
 4 |   font-weight: 400;
 5 | 
 6 |   color-scheme: light dark;
 7 |   color: rgba(255, 255, 255, 0.87);
 8 |   background-color: #242424;
 9 | 
10 |   font-synthesis: none;
11 |   text-rendering: optimizeLegibility;
12 |   -webkit-font-smoothing: antialiased;
13 |   -moz-osx-font-smoothing: grayscale;
14 |   -webkit-text-size-adjust: 100%;
15 | }
16 | 
17 | a {
18 |   font-weight: 500;
19 |   color: #646cff;
20 |   text-decoration: inherit;
21 | }
22 | a:hover {
23 |   color: #535bf2;
24 | }
25 | 
26 | a {
27 |   font-weight: 500;
28 |   color: #646cff;
29 |   text-decoration: inherit;
30 | }
31 | a:hover {
32 |   color: #535bf2;
33 | }
34 | 
35 | body {
36 |   margin: 0;
37 |   display: flex;
38 |   place-items: center;
39 |   min-width: 210px;
40 |   background-color: #fdfdfd;
41 | }
42 | 
43 | h1 {
44 |   font-size: 3.2em;
45 |   line-height: 1.1;
46 | }
47 | 
48 | button {
49 |   border-radius: 8px;
50 |   border: 1px solid transparent;
51 |   padding: 0.6em 1.2em;
52 |   font-size: 1em;
53 |   font-weight: 500;
54 |   font-family: inherit;
55 |   background-color: #1a1a1a;
56 |   cursor: pointer;
57 |   transition: border-color 0.25s;
58 | }
59 | button:hover {
60 |   border-color: #646cff;
61 | }
62 | button:focus,
63 | button:focus-visible {
64 |   outline: 4px auto -webkit-focus-ring-color;
65 | }
66 | 
67 | .card {
68 |   padding: 2em;
69 | }
70 | 
71 | #app {
72 |   min-width: 210px;
73 | }
74 | 
75 | @media (prefers-color-scheme: light) {
76 |   :root {
77 |     color: #213547;
78 |     background-color: #ffffff;
79 |   }
80 |   a:hover {
81 |     color: #747bff;
82 |   }
83 |   button {
84 |     background-color: #f9f9f9;
85 |   }
86 | }
87 | 


--------------------------------------------------------------------------------
/entrypoints/testpage/App.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | 
 3 | import TestDemo from '@/components/TestDemo.vue'
 4 | 
 5 | </script>
 6 | 
 7 | <template>
 8 | 
 9 |   <TestDemo/>
10 | 
11 | </template>
12 | 
13 | <style scoped>
14 | 
15 | </style>
16 | 


--------------------------------------------------------------------------------
/entrypoints/testpage/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <title>Test Page</title>
 7 |     <meta name="manifest.type" content="browser_action" />
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="./main.ts"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/entrypoints/testpage/main.ts:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue';
 2 | import './style.css';
 3 | import App from './App.vue';
 4 | import naive from "naive-ui";
 5 | 
 6 | //createApp(App).mount('#app');
 7 | 
 8 | const app = createApp(App);
 9 | app.use(naive);
10 | app.mount("#app");
11 | 


--------------------------------------------------------------------------------
/entrypoints/testpage/style.css:
--------------------------------------------------------------------------------
 1 | :root {
 2 |   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 3 |   line-height: 1.5;
 4 |   font-weight: 400;
 5 | 
 6 |   color-scheme: light dark;
 7 |   color: rgba(255, 255, 255, 0.87);
 8 |   background-color: #242424;
 9 | 
10 |   font-synthesis: none;
11 |   text-rendering: optimizeLegibility;
12 |   -webkit-font-smoothing: antialiased;
13 |   -moz-osx-font-smoothing: grayscale;
14 |   -webkit-text-size-adjust: 100%;
15 | }
16 | 
17 | a {
18 |   font-weight: 500;
19 |   color: #646cff;
20 |   text-decoration: inherit;
21 | }
22 | a:hover {
23 |   color: #535bf2;
24 | }
25 | 
26 | a {
27 |   font-weight: 500;
28 |   color: #646cff;
29 |   text-decoration: inherit;
30 | }
31 | a:hover {
32 |   color: #535bf2;
33 | }
34 | 
35 | body {
36 |   margin: 0;
37 |   display: flex;
38 |   place-items: center;
39 |   min-width: 320px;
40 |   min-height: 100vh;
41 | }
42 | 
43 | h1 {
44 |   font-size: 3.2em;
45 |   line-height: 1.1;
46 | }
47 | 
48 | button {
49 |   border-radius: 8px;
50 |   border: 1px solid transparent;
51 |   padding: 0.6em 1.2em;
52 |   font-size: 1em;
53 |   font-weight: 500;
54 |   font-family: inherit;
55 |   background-color: #1a1a1a;
56 |   cursor: pointer;
57 |   transition: border-color 0.25s;
58 | }
59 | button:hover {
60 |   border-color: #646cff;
61 | }
62 | button:focus,
63 | button:focus-visible {
64 |   outline: 4px auto -webkit-focus-ring-color;
65 | }
66 | 
67 | .card {
68 |   padding: 2em;
69 | }
70 | 
71 | #app {
72 |   max-width: 1280px;
73 |   margin: 0 auto;
74 |   padding: 2rem;
75 |   text-align: center;
76 | }
77 | 
78 | @media (prefers-color-scheme: light) {
79 |   :root {
80 |     color: #213547;
81 |     background-color: #ffffff;
82 |   }
83 |   a:hover {
84 |     color: #747bff;
85 |   }
86 |   button {
87 |     background-color: #f9f9f9;
88 |   }
89 | }
90 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "wxt-vue-starter",
 3 |   "description": "manifest.json description",
 4 |   "private": true,
 5 |   "version": "0.0.0",
 6 |   "type": "module",
 7 |   "scripts": {
 8 |     "dev": "wxt",
 9 |     "dev:firefox": "wxt -b firefox",
10 |     "build": "wxt build",
11 |     "build:firefox": "wxt build -b firefox",
12 |     "zip": "wxt zip",
13 |     "zip:firefox": "wxt zip -b firefox",
14 |     "compile": "vue-tsc --noEmit",
15 |     "postinstall": "wxt prepare"
16 |   },
17 |   "dependencies": {
18 |     "@vicons/ionicons4": "^0.12.0",
19 |     "@vicons/ionicons5": "^0.12.0",
20 |     "vue": "^3.5.11"
21 |   },
22 |   "devDependencies": {
23 |     "@vicons/fluent": "^0.12.0",
24 |     "@wxt-dev/module-vue": "^1.0.1",
25 |     "naive-ui": "^2.40.1",
26 |     "typescript": "^5.6.2",
27 |     "vfonts": "^0.0.3",
28 |     "vue-router": "^4.4.5",
29 |     "vue-tsc": "^2.1.6",
30 |     "wxt": "^0.19.13"
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/public/_locales/en/messages.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "plugin_name": {
  3 |         "message": "HiProxy"      
  4 |     },
  5 |     "plugin_desc": {
  6 |         "message": "A proxy extension for Chrome"      
  7 |     },
  8 |     "pop_menu_direct": {
  9 |         "message": "Direct"      
 10 |     },
 11 |     "pop_menu_system": {
 12 |         "message": "System"      
 13 |     },
 14 |     "pop_menu_options": {
 15 |         "message": "Options"      
 16 |     },
 17 |     "pop_menu_myip": {
 18 |         "message": "Query My IP"      
 19 |     },
 20 |     "options_tab_proxy_config": {
 21 |         "message": "Proxy Configs"      
 22 |     },
 23 |     "options_tab_bypass_doc": {
 24 |         "message": "Bypass Doc"      
 25 |     },
 26 |     "options_tab_export": {
 27 |         "message": "Export/Import"      
 28 |     },
 29 |     "options_tab_others": {
 30 |         "message": "Others"      
 31 |     },
 32 |     "options_tab_about": {
 33 |         "message": "About"      
 34 |     },
 35 |     "options_btn_addNew": {
 36 |         "message": "Add New Config"      
 37 |     },
 38 |     "options_msg_input_proxy_name_ph": {
 39 |         "message": "a name for config"      
 40 |     },
 41 |     "options_btn_save_all": {
 42 |         "message": "Save All"      
 43 |     },
 44 |     "options_btn_reset": {
 45 |         "message": "Reset"      
 46 |     },
 47 |     "options_btn_detail_ok": {
 48 |         "message": "OK"      
 49 |     },
 50 |     "options_btn_detail_ok_tips": {
 51 |         "message": "After modification, click the batch save button on the list interface to take effect"      
 52 |     },
 53 |     "options_about_project": {
 54 |         "message": "Project"      
 55 |     },
 56 |     "options_about_version": {
 57 |         "message": "Version"      
 58 |     },
 59 |     "options_about_author": {
 60 |         "message": "Author"      
 61 |     },
 62 |     "options_msg_repeat_name": {
 63 |         "message": "There are duplicate configuration names, please check!"      
 64 |     },
 65 |     "options_msg_save_success": {
 66 |         "message": "Saved successfully! "      
 67 |     },
 68 |     "options_msg_reset_dialog_title": {
 69 |         "message": "Operation warning"      
 70 |     },
 71 |     "options_msg_reset_dialog_content": {
 72 |         "message": "Are you sure you want to reset all configurations？"      
 73 |     },
 74 |     "options_msg_reset_dialog_positiveText": {
 75 |         "message": "Confirm"      
 76 |     },
 77 |     "options_msg_reset_dialog_negativeText": {
 78 |         "message": "Cancel"      
 79 |     },
 80 |     "options_msg_input_name": {
 81 |         "message": "The configuration name parameter is incorrect, please check"      
 82 |     },
 83 |     "options_msg_input_host": {
 84 |         "message": "The host address parameters are incorrect, please check"      
 85 |     },
 86 |     "options_msg_input_port": {
 87 |         "message": "The port parameters are incorrect (port range 0~65535), please check"      
 88 |     },
 89 |     "options_msg_input_detail_bypass": {
 90 |         "message": "List of hosts connected without proxy: (one host per row)"      
 91 |     },
 92 |     "options_msg_input_detail_bypass_host_ph": {
 93 |         "message": "host IP or domain wildcard"      
 94 |     },
 95 |     "options_msg_input_detail_auth": {
 96 |         "message": "Proxy login: (If password login is not required, leave all options below blank)"      
 97 |     },
 98 |     "options_msg_input_detail_auth_username": {
 99 |         "message": "UserName"      
100 |     },
101 |     "options_msg_input_detail_auth_password": {
102 |         "message": "PassWord"      
103 |     },
104 |     "options_msg_export_tips": {
105 |         "message": "Here, you can export the current configuration for backup or sharing, or directly restore personalized configuration parameters by importing files."      
106 |     },
107 |     "options_msg_export_lbl": {
108 |         "message": "Export"      
109 |     },
110 |     "options_msg_export_btn": {
111 |         "message": "Export Config"      
112 |     },
113 |     "options_msg_import_lbl": {
114 |         "message": "Import"      
115 |     },
116 |     "options_msg_import_btn": {
117 |         "message": "Import Config"      
118 |     },
119 |     "options_msg_import_reset_lbl": {
120 |         "message": "Reset"      
121 |     },
122 |     "options_msg_import_reset_btn": {
123 |         "message": "Reset (restore to initial configuration)"      
124 |     },
125 |     "options_msg_others_uselastproxy_lbl": {
126 |         "message": "Default Proxy"      
127 |     },
128 |     "options_msg_others_uselastproxy_switch": {
129 |         "message": "(Use the last proxy)"      
130 |     },
131 |     "options_msg_xxxxxxxxx": {
132 |         "message": "xxxxxxxxxxxx"      
133 |     },
134 |     "test_note": {
135 |         "message": ""      
136 |     }
137 | }


--------------------------------------------------------------------------------
/public/_locales/zh_CN/messages.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "plugin_name": {
  3 |         "message": "HiProxy"      
  4 |     },
  5 |     "plugin_desc": {
  6 |         "message": "HiProxy 一个代理设置插件"      
  7 |     },
  8 |     "pop_menu_direct": {
  9 |         "message": "直接连接"      
 10 |     },
 11 |     "pop_menu_system": {
 12 |         "message": "系统代理"      
 13 |     },
 14 |     "pop_menu_options": {
 15 |         "message": "配置选项"      
 16 |     },
 17 |     "pop_menu_myip": {
 18 |         "message": "查询当前IP"      
 19 |     },
 20 |     "options_tab_proxy_config": {
 21 |         "message": "代理配置"      
 22 |     },
 23 |     "options_tab_bypass_doc": {
 24 |         "message": "通配符说明文档"      
 25 |     },
 26 |     "options_tab_export": {
 27 |         "message": "导入导出"      
 28 |     },
 29 |     "options_tab_others": {
 30 |         "message": "其它配置"      
 31 |     },
 32 |     "options_tab_about": {
 33 |         "message": "关于"      
 34 |     },
 35 |     "options_btn_addNew": {
 36 |         "message": "新增代理配置"      
 37 |     },
 38 |     "options_msg_input_proxy_name_ph": {
 39 |         "message": "代理配置的名称，例如：http-8080，方便自己区分"      
 40 |     },
 41 |     "options_btn_save_all": {
 42 |         "message": "批量保存"      
 43 |     },
 44 |     "options_btn_reset": {
 45 |         "message": "重置"      
 46 |     },
 47 |     "options_btn_detail_ok": {
 48 |         "message": "确定修改，并返回到列表"      
 49 |     },
 50 |     "options_btn_detail_ok_tips": {
 51 |         "message": "修改后在列表界面，点批量保存按钮生效"      
 52 |     },
 53 |     "options_about_project": {
 54 |         "message": "项目地址"      
 55 |     },
 56 |     "options_about_version": {
 57 |         "message": "版本号"      
 58 |     },
 59 |     "options_about_author": {
 60 |         "message": "作者"      
 61 |     },
 62 |     "options_msg_repeat_name": {
 63 |         "message": "存在重复的配置名，请检查!"      
 64 |     },
 65 |     "options_msg_save_success": {
 66 |         "message": "保存成功！"      
 67 |     },
 68 |     "options_msg_reset_dialog_title": {
 69 |         "message": "操作警告"      
 70 |     },
 71 |     "options_msg_reset_dialog_content": {
 72 |         "message": "您确定要重置全部配置吗？"      
 73 |     },
 74 |     "options_msg_reset_dialog_positiveText": {
 75 |         "message": "确定重置"      
 76 |     },
 77 |     "options_msg_reset_dialog_negativeText": {
 78 |         "message": "取消"      
 79 |     },
 80 |     "options_msg_input_name": {
 81 |         "message": "配置名参数不正确，请检查"      
 82 |     },
 83 |     "options_msg_input_host": {
 84 |         "message": "主机地址参数不正确，请检查"      
 85 |     },
 86 |     "options_msg_input_port": {
 87 |         "message": "端口参数不正确（端口范围 0~ 65535），请检查"      
 88 |     },
 89 |     "options_msg_input_detail_bypass": {
 90 |         "message": "不经过代理连接的主机列表: (每行一个主机，支持通配符)"      
 91 |     },
 92 |     "options_msg_input_detail_bypass_host_ph": {
 93 |         "message": "请输入 主机IP 或 域名通配符"      
 94 |     },
 95 |     "options_msg_input_detail_auth": {
 96 |         "message": "代理登录: (如无需密码登录，则下面选项全部留空)"      
 97 |     },
 98 |     "options_msg_input_detail_auth_username": {
 99 |         "message": "用户名"      
100 |     },
101 |     "options_msg_input_detail_auth_password": {
102 |         "message": "密码"      
103 |     },
104 |     "options_msg_export_tips": {
105 |         "message": "在这里您可以将当前的配置导出进行备份或分享，也可以在这里通过导入文件直接还原个性化的配置参数。"      
106 |     },
107 |     "options_msg_export_lbl": {
108 |         "message": "导出"      
109 |     },
110 |     "options_msg_export_btn": {
111 |         "message": "导出当前配置"      
112 |     },
113 |     "options_msg_import_lbl": {
114 |         "message": "导入"      
115 |     },
116 |     "options_msg_import_btn": {
117 |         "message": "导入配置"      
118 |     },
119 |     "options_msg_import_reset_lbl": {
120 |         "message": "重置"      
121 |     },
122 |     "options_msg_import_reset_btn": {
123 |         "message": "重置（还原到初始配置）"      
124 |     },
125 |     "options_msg_others_uselastproxy_lbl": {
126 |         "message": "默认上一次代理"      
127 |     },
128 |     "options_msg_others_uselastproxy_switch": {
129 |         "message": "（每次重新启动浏览器时，自动使用上一次使用的代理）"      
130 |     },
131 |     "options_msg_xxxxxxxxx": {
132 |         "message": "xxxxxxxxxxxx"      
133 |     },
134 |     "test_note": {
135 |         "message": ""      
136 |     }
137 | }


--------------------------------------------------------------------------------
/public/icon/128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/public/icon/128.png


--------------------------------------------------------------------------------
/public/icon/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/public/icon/16.png


--------------------------------------------------------------------------------
/public/icon/32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/public/icon/32.png


--------------------------------------------------------------------------------
/public/icon/48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/public/icon/48.png


--------------------------------------------------------------------------------
/public/icon/96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/public/icon/96.png


--------------------------------------------------------------------------------
/public/wxt.svg:
--------------------------------------------------------------------------------
 1 | <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_305_516)">
 3 | <g clip-path="url(#clip1_305_516)">
 4 | <path d="M49.0229 69.1875C54.1272 69.1875 58.265 65.0497 58.265 59.9454V50.7033H59.9454C65.0497 50.7033 69.1875 46.5655 69.1875 41.4612C69.1875 36.357 65.0497 32.2191 59.9454 32.2191H58.265V22.9771C58.265 17.8728 54.1272 13.735 49.0229 13.735H39.7809V12.0546C39.7809 6.95032 35.643 2.8125 30.5388 2.8125C25.4345 2.8125 21.2967 6.95032 21.2967 12.0546V13.735H12.0546C6.95032 13.735 2.8125 17.8728 2.8125 22.9771V32.2191H4.49288C9.59714 32.2191 13.735 36.357 13.735 41.4612C13.735 46.5655 9.59714 50.7033 4.49288 50.7033H2.8125V69.1875H21.2967V67.5071C21.2967 62.4029 25.4345 58.265 30.5388 58.265C35.643 58.265 39.7809 62.4029 39.7809 67.5071V69.1875H49.0229Z" stroke="#67D55E" stroke-width="5.625"/>
 5 | </g>
 6 | </g>
 7 | <defs>
 8 | <clipPath id="clip0_305_516">
 9 | <rect width="72" height="72" fill="white"/>
10 | </clipPath>
11 | <clipPath id="clip1_305_516">
12 | <rect width="72" height="72" fill="white"/>
13 | </clipPath>
14 | </defs>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/screenshot/gzh.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/screenshot/gzh.png


--------------------------------------------------------------------------------
/screenshot/screen_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/screenshot/screen_1.png


--------------------------------------------------------------------------------
/screenshot/screen_2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/screenshot/screen_2.png


--------------------------------------------------------------------------------
/screenshot/weixin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hicode0101/HiProxy/4272c620cde614a446476e99b159b9ed86f27be4/screenshot/weixin.png


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "./.wxt/tsconfig.json"
3 | }
4 | 


--------------------------------------------------------------------------------
/utils/base.ts:
--------------------------------------------------------------------------------
  1 | 
  2 | export function everywherefunc(){
  3 |     console.log("every-where-func");
  4 | }
  5 | 
  6 | 
  7 | 
  8 | export async function directProxy(callback:Function) {
  9 | 
 10 |     browser.proxy.settings.set({ value: { mode: "direct" }, scope: "regular" }).then(() => {
 11 |         callback();
 12 |     });
 13 | 
 14 |     
 15 |     showCurrProxy();
 16 |     reDrawIcon("#9b9b9b", "");
 17 |     //currProxyPidRemove();
 18 |     
 19 |     let currProxyPid = await currProxyPidGet();
 20 |     console.log("directProxy currProxyPid", currProxyPid);
 21 | 
 22 | }
 23 | 
 24 | export function systemProxy(callback:Function) {
 25 | 
 26 |     browser.proxy.settings.set({ value: { mode: "system" }, scope: "regular" }).then(() => {
 27 |         callback();
 28 |     });
 29 | 
 30 |     showCurrProxy();
 31 |     reDrawIcon("#000000", "");
 32 |     //currProxyPidRemove();
 33 | 
 34 | }
 35 | 
 36 | 
 37 | 
 38 | 
 39 | export function showCurrProxy() {
 40 |     browser.proxy.settings.get({ 'incognito': false }, function (config: any) {
 41 |         console.log(JSON.stringify(config));
 42 |     });
 43 | }
 44 | 
 45 | export async function proxyConfigsInit() {
 46 |   console.log("proxyConfigsInit", new Date().toLocaleTimeString());
 47 | 
 48 |   let currProxyPid = await currProxyPidGet();
 49 |   console.log("proxyConfigsInit currProxyPid", currProxyPid);
 50 | 
 51 |   //storageClear();
 52 | 
 53 |   
 54 |   let proxyConfigsMap = getDefaultConfigs();
 55 | 
 56 |   await proxyConfigsSet(proxyConfigsMap);
 57 | 
 58 |   //proxyConfigsMap = await proxyConfigsGet();
 59 |   ///console.log(proxyConfigsMap);
 60 | 
 61 |   currProxyPidSet("direct");    
 62 |   directProxy(()=>{});
 63 | 
 64 | }
 65 | 
 66 | 
 67 | export async function openCurrProxy(callback: Function) {
 68 |     let currProxyPid = await currProxyPidGet();
 69 |     console.log("openCurrProxy currProxyPid", currProxyPid);
 70 | 
 71 |     proxyConfigsGetByCallback((result: Map<string,any>)=>{
 72 |         let proxyConfigs = result;
 73 |         if(proxyConfigs instanceof Map){
 74 |             if (currProxyPid != undefined && proxyConfigs.has(currProxyPid) == true) {
 75 |                 let proxyConfig = proxyConfigs.get(currProxyPid);
 76 |                 changeProxy(proxyConfig, callback);
 77 |             }else if(currProxyPid == "system"){
 78 |                 systemProxy(callback);
 79 |             } else {
 80 |                 directProxy(callback);
 81 |             }
 82 |         }else{
 83 |             console.error("proxyConfigs is not a map");
 84 |             directProxy(callback);
 85 |         }
 86 |         
 87 |     });
 88 |     
 89 | 
 90 | }
 91 | 
 92 | export function changeProxy(proxyConfig: any, callback: Function) {
 93 |     console.log("changeProxy", proxyConfig);
 94 |     
 95 |     var _config = {
 96 |         mode: proxyConfig.mode,
 97 |         rules: proxyConfig.rules
 98 |     };
 99 | 
100 |     console.log("proxy.settings.set", _config);
101 |     browser.proxy.settings.set({ value: _config, scope: 'regular' }, console.log("porxy switched")).then(() => {
102 |         callback();
103 |     });
104 | 
105 | 
106 |     reDrawIcon(proxyConfig.color, "");
107 |     currProxyPidSet(proxyConfig.pid);
108 |     showCurrProxy();
109 | }
110 | 
111 | 
112 | 
113 | export function reDrawIcon(outColor: string, innerColor: string) {
114 |   console.log(outColor, innerColor);
115 | 
116 |   const canvas = new OffscreenCanvas(16, 16);
117 |   const context = canvas.getContext('2d');
118 |   if (!context) {
119 |       console.error('Failed to get 2D rendering context');
120 |       return;
121 |   }
122 |   context.scale(16, 16);
123 |   context.clearRect(0, 0, 1, 1);
124 |   //context.fillStyle = '#00FF00';
125 |   //circleDraw(context, "#4477bb");
126 |   //circleDraw(context, "#4477bb","#00FF00");
127 |   circleDraw(context, outColor, innerColor);
128 |   context.setTransform(1, 0, 0, 1, 0, 0);
129 |   const imageData = context.getImageData(0, 0, 16, 16);
130 |   //chrome.action.setIcon({ imageData: imageData }, () => { /* ... */ });
131 |   browser.action.setIcon({ imageData: imageData }, () => { /* ... */ });
132 | 
133 | }
134 | 
135 | export function circleDraw(ctx: OffscreenCanvasRenderingContext2D, outerCircleColor: string, innerCircleColor: string) {
136 |   ctx.globalCompositeOperation = "source-over";
137 |   ctx.fillStyle = outerCircleColor;
138 |   ctx.beginPath();
139 |   ctx.arc(0.5, 0.5, 0.5, 0, Math.PI * 2, true);
140 |   ctx.closePath();
141 |   ctx.fill();
142 | 
143 |   if (innerCircleColor != null && innerCircleColor != "") {
144 |       ctx.fillStyle = innerCircleColor;
145 |   } else {
146 |       ctx.globalCompositeOperation = "destination-out";
147 |   }
148 | 
149 |   ctx.beginPath();
150 |   ctx.arc(0.5, 0.5, 0.25, 0, Math.PI * 2, true);
151 |   ctx.closePath();
152 |   ctx.fill();
153 | }
154 | 
155 | 


--------------------------------------------------------------------------------
/utils/storage.ts:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | export async function currProxyPidGet() {
  4 |     //localStorage.getItem('currProxyPid');
  5 |     //chrome.storage.local.get(["currProxyPid"]).then((result)=> {console.log("Value is ",result.currProxyPid);});
  6 |     
  7 |     const _result = await browser.storage.local.get("currProxyPid");
  8 |     console.log(_result);
  9 |     //console.log(_result.currProxyPid);
 10 |     return _result.currProxyPid;
 11 | }
 12 | 
 13 | 
 14 | export async function currProxyPidSet(currProxyPid: string) {
 15 |     //localStorage.setItem('currProxyPid', 'taven2');
 16 |     //chrome.storage.local.set({"currProxyPid":"system"}).then(()=> {console.log("Value is set");})
 17 | 
 18 |     await browser.storage.local.set({ "currProxyPid": currProxyPid });
 19 | 
 20 | }
 21 | 
 22 | export function currProxyPidRemove() {
 23 |     browser.storage.local.remove("currProxyPid");
 24 | }
 25 | 
 26 | export async function useLastProxyGet() {
 27 | 
 28 |     const _result = await browser.storage.local.get("useLastProxy");
 29 |     console.log(_result);
 30 |     //console.log(_result.useLastProxy);
 31 |     return _result.useLastProxy;
 32 | }
 33 | 
 34 | 
 35 | export async function useLastProxySet(useLastProxy: boolean) {
 36 | 
 37 |     await browser.storage.local.set({ "useLastProxy": useLastProxy });
 38 | 
 39 | }
 40 | 
 41 | export async function saveProxyConfigs(proxyConfigsMap : Map<string,any>){
 42 |     
 43 |     let json = JSON.stringify(Array.from(proxyConfigsMap));
 44 |     console.log(json);
 45 |     
 46 |     //localStorage.setItem("proxyConfigs", json);
 47 |     await browser.storage.local.set({"proxyConfigs": json});
 48 |     
 49 | }
 50 | 
 51 | export function getAllKeys() {
 52 |     //chrome.storage.local.getKeys().then((result)=> {console.log("Value is ",result);});
 53 |     browser.storage.local.getKeys().then((result : any)=> {console.log("Value is ",result);});
 54 | }
 55 | 
 56 | async function storageSet(jsonData : string) {
 57 |     console.log("storageSet", jsonData);
 58 |     //chrome.storage.local.set(jsonData).then(() => {
 59 |     //    console.log("Value is set");
 60 |     //});
 61 | 
 62 |     await browser.storage.local.set(jsonData);
 63 | 
 64 | }
 65 | 
 66 | async function storageGet(keyName : string) {
 67 | 
 68 |     //_result = {};
 69 |     //await chrome.storage.local.get(keyName).then((result) => {
 70 |     //   console.log("storageGet is ", keyName, JSON.stringify(result));
 71 |     //   _result = result;
 72 |     //});
 73 | 
 74 |     const _result = await browser.storage.local.get(keyName);
 75 |     console.log(_result);
 76 |     //console.log(_result.currProxyPid);
 77 | 
 78 |     return _result;
 79 | }
 80 | export function clearStorage() {
 81 |     //localStorage.clear();
 82 |     //chrome.storage.local.clear();
 83 |     browser.storage.local.clear();
 84 |     console.log("storageClear");
 85 | }
 86 | 
 87 | export function storageRemove(keyName : string) {
 88 |     browser.storage.local.remove(keyName).then(() => {
 89 |         console.log("Value removed");
 90 |     });
 91 | }
 92 | 
 93 | 
 94 | 
 95 | 
 96 | export async function proxyConfigsSet(proxyConfigsMap: Map<string, any>) {
 97 |     //proxyConfigsMap = new Map();
 98 |     let json = JSON.stringify(Array.from(proxyConfigsMap));
 99 |     await browser.storage.local.set({ "proxyConfigs": json });
100 |     console.log(proxyConfigsMap);
101 |     console.log(JSON.stringify(Array.from(proxyConfigsMap)));
102 | }
103 | 
104 | 
105 | async function proxyConfigsGet() {
106 |     const _result = await browser.storage.local.get("proxyConfigs");
107 |     console.log(_result);
108 |     console.log(_result.proxyConfigs);
109 |     let map = new Map(JSON.parse(_result.proxyConfigs));
110 |     return map;
111 |    
112 | }
113 | 
114 | export function proxyConfigsGetByCallback(callback: Function) {
115 |     browser.storage.local.get(["proxyConfigs"]).then((result: any) => {
116 |         console.log("GetValue is ", result);
117 |         if (result.proxyConfigs == undefined) {
118 |             console.log("GetValue is undefined");
119 |             callback(new Map());
120 |         } else {
121 |             let map = new Map(JSON.parse(result.proxyConfigs));
122 |             console.log("map is ", map);
123 |             callback(map);
124 |         }
125 | 
126 |     });
127 | 
128 | }
129 | 
130 | 
131 | 
132 | 
133 | export function getDefaultConfigs() {
134 |     let proxyConfigsMap = new Map();
135 | 
136 |     let proxyConfig = {
137 |         pid: "http-8080",
138 |         name: "http-8080",
139 |         color: "#4477bb",
140 |         mode: "fixed_servers",
141 |         rules: {
142 |             singleProxy: {
143 |                 scheme: "http",
144 |                 host: "127.0.0.1",
145 |                 port: 8080,
146 |             },
147 |             bypassList: [
148 |                 "127.0.0.1",
149 |                 "::1",
150 |                 "localhost"
151 |             ]
152 |         }
153 |     };
154 | 
155 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
156 | 
157 |     proxyConfig = {
158 |         pid: "socks5-1080",
159 |         name: "socks5-1080",
160 |         color: "#8169ff",
161 |         mode: "fixed_servers",
162 |         rules: {
163 |             singleProxy: {
164 |                 scheme: "socks5",
165 |                 host: "127.0.0.1",
166 |                 port: 1080,
167 |             },
168 |             bypassList: [
169 |                 "127.0.0.1",
170 |                 "::1",
171 |                 "localhost"
172 |             ]
173 |         }
174 |     };
175 | 
176 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
177 | 
178 |     proxyConfig = {
179 |         pid: "socks5-10808",
180 |         name: "socks5-10808",
181 |         color: "#d497ee",
182 |         mode: "fixed_servers",
183 |         rules: {
184 |             singleProxy: {
185 |                 scheme: "socks5",
186 |                 host: "127.0.0.1",
187 |                 port: 10808,
188 |             },
189 |             bypassList: [
190 |                 "127.0.0.1",
191 |                 "::1",
192 |                 "localhost"
193 |             ]
194 |         }
195 |     };
196 | 
197 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
198 | 
199 |     proxyConfig = {
200 |         pid: "socks5-7891",
201 |         name: "socks5-7891",
202 |         color: "#9117c5",
203 |         mode: "fixed_servers",
204 |         rules: {
205 |             singleProxy: {
206 |                 scheme: "socks5",
207 |                 host: "127.0.0.1",
208 |                 port: 7891,
209 |             },
210 |             bypassList: [
211 |                 "127.0.0.1",
212 |                 "::1",
213 |                 "localhost"
214 |             ]
215 |         }
216 |     };
217 | 
218 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
219 | 
220 |     proxyConfig = {
221 |         pid: "http-7890",
222 |         name: "http-7890",
223 |         color: "#0b4da4",
224 |         mode: "fixed_servers",
225 |         rules: {
226 |             singleProxy: {
227 |                 scheme: "http",
228 |                 host: "127.0.0.1",
229 |                 port: 7890,
230 |             },
231 |             bypassList: [
232 |                 "127.0.0.1",
233 |                 "::1",
234 |                 "localhost"
235 |             ]
236 |         }
237 |     };
238 | 
239 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
240 | 
241 |     proxyConfig = {
242 |         pid: "burp-8080",
243 |         name: "burp-8080",
244 |         color: "#55bb55",
245 |         mode: "fixed_servers",
246 |         rules: {
247 |             singleProxy: {
248 |                 scheme: "http",
249 |                 host: "127.0.0.1",
250 |                 port: 8080,
251 |             },
252 |             bypassList: [
253 |                 "127.0.0.1",
254 |                 "::1",
255 |                 ".google.com",
256 |                 ".google-analytics.com",
257 |                 ".googleapis.com",
258 |                 "mcs.volceapplog.com",
259 |                 "mssdk.bytedance.com",
260 |                 "mcs.zijieapi.com",
261 |                 "mon.zijieapi.com"
262 |             ]
263 |         }
264 |     };
265 | 
266 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
267 | 
268 |     proxyConfig = {
269 |         pid: "loop-8080",
270 |         name: "loop-8080",
271 |         color: "#8892AB",
272 |         mode: "fixed_servers",
273 |         rules: {
274 |             singleProxy: {
275 |                 scheme: "http",
276 |                 host: "127.0.0.1",
277 |                 port: 8080,
278 |             },
279 |             bypassList: [
280 |                 "<-loopback>"
281 |             ]
282 |         }
283 |     };
284 | 
285 |     proxyConfigsMap.set(proxyConfig.pid, proxyConfig);
286 | 
287 |     return proxyConfigsMap;
288 | }
289 | 
290 | 


--------------------------------------------------------------------------------
/wxt.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'wxt';
 2 | 
 3 | // See https://wxt.dev/api/config.html
 4 | export default defineConfig({
 5 |   extensionApi: 'chrome',
 6 |   modules: ['@wxt-dev/module-vue'],
 7 |   manifest: {
 8 |     manifest_version: 3,
 9 |     name: "__MSG_plugin_name__",
10 |     description: "__MSG_plugin_desc__",
11 |     default_locale: "en",
12 |     version: "3.2.10",
13 |     minimum_chrome_version: "88.0.0",
14 |     author: "hicode0101@gmail.com",
15 |     action: {
16 |       default_popup: "popup.html",
17 |       default_title: "__MSG_plugin_desc__"
18 |     },
19 |     options_page: "options.html",
20 |     permissions: [
21 |       "notifications",
22 |       "proxy",
23 |       "storage",
24 |       "webRequest",
25 |       "webRequestAuthProvider"
26 |     ],
27 |   },
28 | });
29 | 


--------------------------------------------------------------------------------