From 583f94e5b315516efefd3d949e4164f7f9b59953 Mon Sep 17 00:00:00 2001
From: Peng-YM <1048217874pengym@gmail.com>
Date: Sun, 30 Aug 2020 21:25:46 +0800
Subject: [PATCH] Alpha test

---
 .DS_Store                          | Bin 0 -> 6148 bytes
 backend/.idea/workspace.xml        | 161 +++++++++------
 backend/sub-store.js               |  81 ++++----
 web/.gitignore                     |   2 +
 web/package-lock.json              | 308 +++++++++++++++++++++--------
 web/package.json                   |   3 +-
 web/public/favicon.ico             | Bin 4286 -> 7475 bytes
 web/public/index.html              |   8 +-
 web/src/config.js                  |   4 +-
 web/src/router/index.js            |   2 +-
 web/src/store/index.js             |  44 +++--
 web/src/utils/index.js             |   9 +
 web/src/views/CollectionEditor.vue | 101 +++++++++-
 web/src/views/SubEditor.vue        | 153 +++++++++-----
 web/src/views/Subscription.vue     |   9 +-
 web/vercel.json                    |  18 ++
 16 files changed, 634 insertions(+), 269 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 web/vercel.json

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..1495e773ad815c30058437203fe56af5aa7c4f45
GIT binary patch
literal 6148
zcmeHK%Sr=55UkdKfn0L*IKSW@3?Y6&ejvt(2W168&wKK_@@c7l5DXhHf)}ZV?waZ8
znq}*-y$!%tANxCC31Cil#FvMu`MLYVt}0_hI`4SGfc@v@eRzGFR9{Xw_XayW;1Mt1
z`NMPGdYPuI6p#W^Knh3!Dey}Ly!X=Pi$p~!AO)nrNdf;pG`eFi924Wy!4M+=amI8Q
z*D*^Fn<t39a7<)|W=SO`)oR4Bq%+^Dt{0ApNr%<&VfAFI3B}^+yuU>`tS2f;0V!~<
zz;$ky-v96EKg|E<B<-Yt6!=#P*lfL7ulP#UTPH8)y|&S}bgwzk-M9`4L$qUJv}10(
f9p6S#)-_-Aycdp%L1#YbMEwl7E;1?b*9sf~TXhw3

literal 0
HcmV?d00001

diff --git a/backend/.idea/workspace.xml b/backend/.idea/workspace.xml
index 851d0ff..395241c 100644
--- a/backend/.idea/workspace.xml
+++ b/backend/.idea/workspace.xml
@@ -20,21 +20,19 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="8b97a098-48b2-4e64-a9ef-522fe2d30b52" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/../web/src/components/KeywordFilter.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/KeywordRename.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/KeywordSort.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/RegexFilter.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/RegexRename.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/RegionFilter.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/../web/src/components/Sort.vue" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/../web/vercel.json" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/sub-store.js" beforeDir="false" afterPath="$PROJECT_DIR$/sub-store.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/../web/.gitignore" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/../web/package-lock.json" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/../web/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../web/src/App.vue" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/App.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../web/src/components/ProxyList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/components/ProxyList.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../web/src/main.js" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/main.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/public/favicon.ico" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/public/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/../web/public/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/src/config.js" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/config.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/src/router/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/router/index.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/src/store/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/store/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/src/utils/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/utils/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../web/src/views/CollectionEditor.vue" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/views/CollectionEditor.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/src/views/SubEditor.vue" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/views/SubEditor.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/../web/src/views/Subscription.vue" beforeDir="false" afterPath="$PROJECT_DIR$/../web/src/views/Subscription.vue" afterDir="false" />
     </list>
@@ -92,7 +90,8 @@
       <workItem from="1598235270977" duration="126000" />
       <workItem from="1598235738199" duration="3192000" />
       <workItem from="1598323737081" duration="1913000" />
-      <workItem from="1598442849645" duration="5715000" />
+      <workItem from="1598442849645" duration="8914000" />
+      <workItem from="1598778633049" duration="7671000" />
     </task>
     <servers />
   </component>
@@ -112,133 +111,169 @@
     <option name="oldMeFiltersMigrated" value="true" />
   </component>
   <component name="WindowStateProjectService">
-    <state width="1709" height="374" key="GridCell.Tab.0.bottom" timestamp="1598527987806">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.0.bottom" timestamp="1598793540405">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.0.bottom/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358068" />
+    <state width="850" height="374" key="GridCell.Tab.0.bottom/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540405" />
+    <state width="849" height="374" key="GridCell.Tab.0.bottom/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677769" />
     <state width="1709" height="374" key="GridCell.Tab.0.bottom/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615905" />
-    <state width="1709" height="374" key="GridCell.Tab.0.bottom/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987806" />
-    <state width="1704" height="374" key="GridCell.Tab.0.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654695" />
+    <state width="843" height="374" key="GridCell.Tab.0.bottom/62.23.1730.1097@62.23.1730.1097" timestamp="1598779162353" />
+    <state width="843" height="374" key="GridCell.Tab.0.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.0.bottom/70.23.1722.1097@70.23.1722.1097" timestamp="1598324500703" />
-    <state width="1709" height="374" key="GridCell.Tab.0.center" timestamp="1598527987805">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.0.center" timestamp="1598793540404">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.0.center/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358067" />
+    <state width="850" height="374" key="GridCell.Tab.0.center/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540404" />
+    <state width="849" height="374" key="GridCell.Tab.0.center/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677768" />
     <state width="1709" height="374" key="GridCell.Tab.0.center/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615903" />
-    <state width="1709" height="374" key="GridCell.Tab.0.center/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987805" />
-    <state width="1704" height="374" key="GridCell.Tab.0.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654695" />
+    <state width="843" height="374" key="GridCell.Tab.0.center/62.23.1730.1097@62.23.1730.1097" timestamp="1598779162352" />
+    <state width="843" height="374" key="GridCell.Tab.0.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390882" />
     <state width="840" height="374" key="GridCell.Tab.0.center/70.23.1722.1097@70.23.1722.1097" timestamp="1598324500702" />
-    <state width="1709" height="374" key="GridCell.Tab.0.left" timestamp="1598527987801">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.0.left" timestamp="1598793540403">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.0.left/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358067" />
+    <state width="850" height="374" key="GridCell.Tab.0.left/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540403" />
+    <state width="849" height="374" key="GridCell.Tab.0.left/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677768" />
     <state width="1709" height="374" key="GridCell.Tab.0.left/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615899" />
-    <state width="1709" height="374" key="GridCell.Tab.0.left/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987801" />
-    <state width="1704" height="374" key="GridCell.Tab.0.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654694" />
+    <state width="843" height="374" key="GridCell.Tab.0.left/62.23.1730.1097@62.23.1730.1097" timestamp="1598779162352" />
+    <state width="843" height="374" key="GridCell.Tab.0.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390882" />
     <state width="840" height="374" key="GridCell.Tab.0.left/70.23.1722.1097@70.23.1722.1097" timestamp="1598324500701" />
-    <state width="1709" height="374" key="GridCell.Tab.0.right" timestamp="1598527987806">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.0.right" timestamp="1598793540404">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.0.right/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358068" />
+    <state width="850" height="374" key="GridCell.Tab.0.right/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540404" />
+    <state width="849" height="374" key="GridCell.Tab.0.right/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677769" />
     <state width="1709" height="374" key="GridCell.Tab.0.right/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615904" />
-    <state width="1709" height="374" key="GridCell.Tab.0.right/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987806" />
-    <state width="1704" height="374" key="GridCell.Tab.0.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654695" />
+    <state width="843" height="374" key="GridCell.Tab.0.right/62.23.1730.1097@62.23.1730.1097" timestamp="1598779162352" />
+    <state width="843" height="374" key="GridCell.Tab.0.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.0.right/70.23.1722.1097@70.23.1722.1097" timestamp="1598324500702" />
-    <state width="1709" height="374" key="GridCell.Tab.1.bottom" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.1.bottom" timestamp="1598793540297">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.1.bottom/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358069" />
+    <state width="850" height="374" key="GridCell.Tab.1.bottom/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540297" />
+    <state width="849" height="374" key="GridCell.Tab.1.bottom/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677681" />
     <state width="1709" height="374" key="GridCell.Tab.1.bottom/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615752" />
     <state width="1709" height="374" key="GridCell.Tab.1.bottom/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.1.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.1.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.1.bottom/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.1.center" timestamp="1598527987678">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.1.center" timestamp="1598793540297">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.1.center/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358069" />
+    <state width="850" height="374" key="GridCell.Tab.1.center/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540297" />
+    <state width="849" height="374" key="GridCell.Tab.1.center/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677681" />
     <state width="1709" height="374" key="GridCell.Tab.1.center/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615751" />
     <state width="1709" height="374" key="GridCell.Tab.1.center/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987678" />
-    <state width="1704" height="374" key="GridCell.Tab.1.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.1.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.1.center/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.1.left" timestamp="1598527987678">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.1.left" timestamp="1598793540297">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.1.left/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358069" />
+    <state width="850" height="374" key="GridCell.Tab.1.left/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540297" />
+    <state width="849" height="374" key="GridCell.Tab.1.left/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677680" />
     <state width="1709" height="374" key="GridCell.Tab.1.left/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615751" />
     <state width="1709" height="374" key="GridCell.Tab.1.left/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987678" />
-    <state width="1704" height="374" key="GridCell.Tab.1.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.1.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.1.left/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292665" />
-    <state width="1709" height="374" key="GridCell.Tab.1.right" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.1.right" timestamp="1598793540297">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.1.right/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358069" />
+    <state width="850" height="374" key="GridCell.Tab.1.right/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540297" />
+    <state width="849" height="374" key="GridCell.Tab.1.right/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677681" />
     <state width="1709" height="374" key="GridCell.Tab.1.right/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615752" />
     <state width="1709" height="374" key="GridCell.Tab.1.right/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.1.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.1.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.1.right/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.2.bottom" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.2.bottom" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.2.bottom/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358071" />
+    <state width="850" height="374" key="GridCell.Tab.2.bottom/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.2.bottom/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.2.bottom/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615753" />
     <state width="1709" height="374" key="GridCell.Tab.2.bottom/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.2.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.2.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.2.bottom/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.2.center" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.2.center" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.2.center/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358070" />
+    <state width="850" height="374" key="GridCell.Tab.2.center/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.2.center/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.2.center/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615753" />
     <state width="1709" height="374" key="GridCell.Tab.2.center/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.2.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.2.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.2.center/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.2.left" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.2.left" timestamp="1598793540297">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.2.left/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358070" />
+    <state width="850" height="374" key="GridCell.Tab.2.left/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540297" />
+    <state width="849" height="374" key="GridCell.Tab.2.left/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677681" />
     <state width="1709" height="374" key="GridCell.Tab.2.left/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615752" />
     <state width="1709" height="374" key="GridCell.Tab.2.left/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.2.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654696" />
+    <state width="843" height="374" key="GridCell.Tab.2.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390883" />
     <state width="840" height="374" key="GridCell.Tab.2.left/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.2.right" timestamp="1598527987679">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.2.right" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.2.right/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358070" />
+    <state width="850" height="374" key="GridCell.Tab.2.right/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.2.right/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.2.right/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615753" />
     <state width="1709" height="374" key="GridCell.Tab.2.right/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987679" />
-    <state width="1704" height="374" key="GridCell.Tab.2.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.2.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.2.right/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292666" />
-    <state width="1709" height="374" key="GridCell.Tab.3.bottom" timestamp="1598527987680">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.3.bottom" timestamp="1598793540299">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.3.bottom/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358072" />
+    <state width="850" height="374" key="GridCell.Tab.3.bottom/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540299" />
+    <state width="849" height="374" key="GridCell.Tab.3.bottom/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.3.bottom/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615755" />
     <state width="1709" height="374" key="GridCell.Tab.3.bottom/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987680" />
-    <state width="1704" height="374" key="GridCell.Tab.3.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.3.bottom/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.3.bottom/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292667" />
-    <state width="1709" height="374" key="GridCell.Tab.3.center" timestamp="1598527987680">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.3.center" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.3.center/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358071" />
+    <state width="850" height="374" key="GridCell.Tab.3.center/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.3.center/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.3.center/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615754" />
     <state width="1709" height="374" key="GridCell.Tab.3.center/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987680" />
-    <state width="1704" height="374" key="GridCell.Tab.3.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.3.center/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.3.center/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292667" />
-    <state width="1709" height="374" key="GridCell.Tab.3.left" timestamp="1598527987680">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.3.left" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.3.left/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358071" />
+    <state width="850" height="374" key="GridCell.Tab.3.left/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.3.left/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.3.left/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615753" />
     <state width="1709" height="374" key="GridCell.Tab.3.left/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987680" />
-    <state width="1704" height="374" key="GridCell.Tab.3.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.3.left/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.3.left/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292667" />
-    <state width="1709" height="374" key="GridCell.Tab.3.right" timestamp="1598527987680">
-      <screen x="62" y="23" width="1730" height="1097" />
+    <state width="850" height="374" key="GridCell.Tab.3.right" timestamp="1598793540298">
+      <screen x="51" y="23" width="1741" height="1097" />
     </state>
     <state width="840" height="374" key="GridCell.Tab.3.right/0.0.1792.1120@0.0.1792.1120" timestamp="1598115358072" />
+    <state width="850" height="374" key="GridCell.Tab.3.right/51.23.1741.1097@51.23.1741.1097" timestamp="1598793540298" />
+    <state width="849" height="374" key="GridCell.Tab.3.right/53.23.1739.1097@53.23.1739.1097" timestamp="1598791677682" />
     <state width="1709" height="374" key="GridCell.Tab.3.right/60.23.1732.1097@60.23.1732.1097" timestamp="1598446615754" />
     <state width="1709" height="374" key="GridCell.Tab.3.right/62.23.1730.1097@62.23.1730.1097" timestamp="1598527987680" />
-    <state width="1704" height="374" key="GridCell.Tab.3.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598325654697" />
+    <state width="843" height="374" key="GridCell.Tab.3.right/67.23.1725.1097@67.23.1725.1097" timestamp="1598663390884" />
     <state width="840" height="374" key="GridCell.Tab.3.right/70.23.1722.1097@70.23.1722.1097" timestamp="1598233292667" />
+    <state x="161" y="268" width="670" height="676" key="search.everywhere.popup" timestamp="1598787117227">
+      <screen x="53" y="23" width="1739" height="1097" />
+    </state>
+    <state x="161" y="268" width="670" height="676" key="search.everywhere.popup/53.23.1739.1097@53.23.1739.1097" timestamp="1598787117227" />
   </component>
 </project>
\ No newline at end of file
diff --git a/backend/sub-store.js b/backend/sub-store.js
index 6e23d3f..eb99cf4 100644
--- a/backend/sub-store.js
+++ b/backend/sub-store.js
@@ -92,7 +92,7 @@ const AVAILABLE_OPERATORS = {
 async function refreshResource(req, res) {
     const {url} = req.body;
     const cachedResources = $.read(RESOURCE_CACHE_KEY);
-    cachedResources[url] = await $.http.get(url).then(resp => resp => resp.body).catch(err => {
+    cachedResources[url] = await $.http.get(url).then(resp => resp.body).catch(err => {
         res.status(500).json({
             status: "failed",
             message: `Cannot refresh remote resource: ${url}\n Reason: ${err}`
@@ -146,7 +146,22 @@ async function parseSub(sub, platform) {
 
     $.log("=======================================================================");
     $.log(`Processing subscription: ${sub.name}, target platform ==> ${platform}.`);
+    $.log(`Initializing parser...`);
     const $parser = ProxyParser(platform);
+    // Parsers
+    $parser.addParsers([
+        Clash_All,
+        // URI format parsers
+        URI_SS, URI_SSR, URI_VMess, URI_Trojan,
+        // Quantumult X platform
+        QX_SS, QX_SSR, QX_VMess, QX_Trojan, QX_Http,
+        // Loon platform
+        Loon_SS, Loon_SSR, Loon_VMess, Loon_Trojan, Loon_Http,
+        // Surge platform
+        Surge_SS, Surge_VMess, Surge_Trojan, Surge_Http
+    ]);
+
+    $.log(`Parser initialized.`);
     let proxies = $parser.parse(raw);
 
     // filters
@@ -180,6 +195,11 @@ async function parseSub(sub, platform) {
             }
         }
     }
+
+    // Producers
+    $parser.addProducers([
+        QX_Producer, Loon_Producer, Surge_Producer, Raw_Producer
+    ]);
     return $parser.produce(proxies);
 }
 
@@ -418,11 +438,12 @@ function ProxyParser(targetPlatform) {
     const parsers = [];
     const producers = [];
 
-    function addParsers(...args) {
+    function addParsers(args) {
         args.forEach(a => parsers.push(a()));
+        $.log(`${args.length} parser added.`);
     }
 
-    function addProducers(...args) {
+    function addProducers(args) {
         args.forEach(a => producers.push(a()))
     }
 
@@ -529,26 +550,8 @@ function ProxyParser(targetPlatform) {
         return output.join("\n");
     }
 
-    // Parsers
-    addParsers(
-        Clash_All,
-        // URI format parsers
-        URI_SS, URI_SSR, URI_VMess, URI_Trojan,
-        // Quantumult X platform
-        QX_SS, QX_SSR, QX_VMess, QX_Trojan, QX_Http,
-        // Loon platform
-        Loon_SS, Loon_SSR, Loon_VMess, Loon_Trojan, Loon_Http,
-        // Surge platform
-        Surge_SS, Surge_VMess, Surge_Trojan, Surge_Http
-    );
-
-    // Producers
-    addProducers(
-        QX_Producer, Loon_Producer, Surge_Producer, Raw_Producer
-    );
-
     return {
-        parse, produce
+        parse, produce, addParsers, addProducers
     };
 }
 
@@ -1418,26 +1421,21 @@ function SetPropertyOperator(key, val) {
 }
 
 // add or remove flag for proxies
-function FlagOperator(type = 1) {
+function FlagOperator(add = true) {
     return {
         name: "Flag Operator",
         func: proxies => {
             return proxies.map(proxy => {
-                switch (type) {
-                    case 0:
-                        // no flag
-                        proxy.name = removeFlag(proxy.name);
-                        break
-                    case 1:
-                        // get flag
-                        const newFlag = getFlag(proxy.name);
-                        // remove old flag
-                        proxy.name = removeFlag(proxy.name);
-                        proxy.name = newFlag + " " + proxy.name;
-                        proxy.name = proxy.name.replace(/🇹🇼/g, "🇨🇳");
-                        break;
-                    default:
-                        throw new Error("Unknown flag type: " + type);
+                if (!add)
+                    // no flag
+                    proxy.name = removeFlag(proxy.name);
+                else {
+                    // get flag
+                    const newFlag = getFlag(proxy.name);
+                    // remove old flag
+                    proxy.name = removeFlag(proxy.name);
+                    proxy.name = newFlag + " " + proxy.name;
+                    proxy.name = proxy.name.replace(/🇹🇼/g, "🇨🇳");
                 }
                 return proxy;
             })
@@ -2139,7 +2137,7 @@ function express(port = 3000) {
         app.use((req, res, next) => {
             res.set(DEFAULT_HEADERS);
             next();
-        })
+        });
 
         // adapter
         app.start = () => {
@@ -2187,7 +2185,6 @@ function express(port = 3000) {
             }
         }
         if (handler) {
-            $.notify(`DISPATCHING:`, `${method}, ${url}`, path);
             // dispatch to next handler
             const next = () => {
                 dispatch(method, url, i);
@@ -2851,7 +2848,7 @@ var YAML =
                         if (currentObj != null) res.push(currentObj);
                         currentObj = {};
                         isMap = true;
-                        continue;
+
                     } else if (m = line.match(/^-\s*(.*)/)) {
                         if (currentObj != null)
                             currentObj.push(processValue(m[1]));
@@ -2864,7 +2861,7 @@ var YAML =
                             }
                             res.push(processValue(m[1]));
                         }
-                        continue;
+
                     }
                 }
 
diff --git a/web/.gitignore b/web/.gitignore
index 403adbc..3557e17 100644
--- a/web/.gitignore
+++ b/web/.gitignore
@@ -21,3 +21,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+.vercel
diff --git a/web/package-lock.json b/web/package-lock.json
index c8bbad1..c7b8485 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -1325,6 +1325,12 @@
         "@types/node": "*"
       }
     },
+    "@types/html-minifier-terser": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.0.tgz",
+      "integrity": "sha512-iYCgjm1dGPRuo12+BStjd1HiVQqhlRhWDOQigNxn023HcjnhsiFz9pc6CzJj4HwDCSQca9bxTL4PxJDbkdm3PA==",
+      "dev": true
+    },
     "@types/http-proxy": {
       "version": "1.17.4",
       "resolved": "https://registry.npm.taobao.org/@types/http-proxy/download/@types/http-proxy-1.17.4.tgz?cache=0&sync_timestamp=1596839386031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fhttp-proxy%2Fdownload%2F%40types%2Fhttp-proxy-1.17.4.tgz",
@@ -1761,6 +1767,12 @@
           "integrity": "sha1-4a1IbmxUUBY0xsOXxcEh2qODYHw=",
           "dev": true
         },
+        "big.js": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+          "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
+          "dev": true
+        },
         "cacache": {
           "version": "13.0.1",
           "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz?cache=0&sync_timestamp=1594429684526&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-13.0.1.tgz",
@@ -1787,6 +1799,12 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
+          "dev": true
+        },
         "find-cache-dir": {
           "version": "3.3.1",
           "resolved": "https://registry.npm.taobao.org/find-cache-dir/download/find-cache-dir-3.3.1.tgz",
@@ -1808,6 +1826,39 @@
             "path-exists": "^4.0.0"
           }
         },
+        "html-webpack-plugin": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
+          "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
+          "dev": true,
+          "requires": {
+            "html-minifier": "^3.2.3",
+            "loader-utils": "^0.2.16",
+            "lodash": "^4.17.3",
+            "pretty-error": "^2.0.2",
+            "tapable": "^1.0.0",
+            "toposort": "^1.0.0",
+            "util.promisify": "1.0.0"
+          }
+        },
+        "json5": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+          "dev": true
+        },
+        "loader-utils": {
+          "version": "0.2.17",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
+          "dev": true,
+          "requires": {
+            "big.js": "^3.1.3",
+            "emojis-list": "^2.0.0",
+            "json5": "^0.5.0",
+            "object-assign": "^4.0.1"
+          }
+        },
         "locate-path": {
           "version": "5.0.0",
           "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-5.0.0.tgz",
@@ -1888,6 +1939,16 @@
             "terser": "^4.6.12",
             "webpack-sources": "^1.4.3"
           }
+        },
+        "util.promisify": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+          "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+          "dev": true,
+          "requires": {
+            "define-properties": "^1.1.2",
+            "object.getownpropertydescriptors": "^2.0.3"
+          }
         }
       }
     },
@@ -3100,13 +3161,13 @@
       "dev": true
     },
     "camel-case": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/camel-case/download/camel-case-3.0.0.tgz",
-      "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.1.tgz",
+      "integrity": "sha512-7fa2WcG4fYFkclIvEmxBbTvmibwF2/agfEBc6q3lOpVu0A13ltLsA+Hr/8Hp6kp5f+G7hKi6t8lys6XxP+1K6Q==",
       "dev": true,
       "requires": {
-        "no-case": "^2.2.0",
-        "upper-case": "^1.1.1"
+        "pascal-case": "^3.1.1",
+        "tslib": "^1.10.0"
       }
     },
     "camelcase": {
@@ -3275,8 +3336,8 @@
     },
     "clean-css": {
       "version": "4.2.3",
-      "resolved": "https://registry.npm.taobao.org/clean-css/download/clean-css-4.2.3.tgz",
-      "integrity": "sha1-UHtd59l7SO5T2ErbAWD/YhY4D3g=",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz",
+      "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==",
       "dev": true,
       "requires": {
         "source-map": "~0.6.0"
@@ -3284,8 +3345,8 @@
       "dependencies": {
         "source-map": {
           "version": "0.6.1",
-          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1589682764497&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz",
-          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
           "dev": true
         }
       }
@@ -4485,8 +4546,8 @@
     },
     "dom-converter": {
       "version": "0.2.0",
-      "resolved": "https://registry.npm.taobao.org/dom-converter/download/dom-converter-0.2.0.tgz",
-      "integrity": "sha1-ZyGp2u4uKTaClVtq/kFncWJ7t2g=",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
       "dev": true,
       "requires": {
         "utila": "~0.4"
@@ -4524,8 +4585,8 @@
     },
     "domhandler": {
       "version": "2.4.2",
-      "resolved": "https://registry.npm.taobao.org/domhandler/download/domhandler-2.4.2.tgz",
-      "integrity": "sha1-iAUJfpM9ZehVRvcm1g9euItE+AM=",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
       "dev": true,
       "requires": {
         "domelementtype": "1"
@@ -4541,6 +4602,16 @@
         "domelementtype": "1"
       }
     },
+    "dot-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.3.tgz",
+      "integrity": "sha512-7hwEmg6RiSQfm/GwPL4AAWXKy3YNNZA3oFv2Pdiey0mwkRCPZ9x6SZbkLcn8Ma5PYeVokzoD4Twv2n7LKp5WeA==",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.3",
+        "tslib": "^1.10.0"
+      }
+    },
     "dot-prop": {
       "version": "5.2.0",
       "resolved": "https://registry.npm.taobao.org/dot-prop/download/dot-prop-5.2.0.tgz?cache=0&sync_timestamp=1597574828045&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdot-prop%2Fdownload%2Fdot-prop-5.2.0.tgz",
@@ -5921,8 +5992,8 @@
     },
     "html-minifier": {
       "version": "3.5.21",
-      "resolved": "https://registry.npm.taobao.org/html-minifier/download/html-minifier-3.5.21.tgz",
-      "integrity": "sha1-0AQOBUcw41TbAIRjWTGUAVIS0gw=",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
+      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
       "dev": true,
       "requires": {
         "camel-case": "3.0.x",
@@ -5934,10 +6005,67 @@
         "uglify-js": "3.4.x"
       },
       "dependencies": {
+        "camel-case": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+          "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
+          "dev": true,
+          "requires": {
+            "no-case": "^2.2.0",
+            "upper-case": "^1.1.1"
+          }
+        },
         "commander": {
           "version": "2.17.1",
-          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.17.1.tgz",
-          "integrity": "sha1-vXerfebelCBc6sxy8XFtKfIKd78=",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+          "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
+          "dev": true
+        },
+        "lower-case": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
+          "dev": true
+        },
+        "no-case": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+          "dev": true,
+          "requires": {
+            "lower-case": "^1.1.1"
+          }
+        },
+        "param-case": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+          "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
+          "dev": true,
+          "requires": {
+            "no-case": "^2.2.0"
+          }
+        }
+      }
+    },
+    "html-minifier-terser": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz",
+      "integrity": "sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==",
+      "dev": true,
+      "requires": {
+        "camel-case": "^4.1.1",
+        "clean-css": "^4.2.3",
+        "commander": "^4.1.1",
+        "he": "^1.2.0",
+        "param-case": "^3.0.3",
+        "relateurl": "^0.2.7",
+        "terser": "^4.6.3"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+          "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
           "dev": true
         }
       }
@@ -5948,55 +6076,46 @@
       "integrity": "sha1-e15vfmZen7QfMAB+2eDUHpf7IUA=",
       "dev": true
     },
-    "html-webpack-plugin": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-3.2.0.tgz",
-      "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
+    "html-webpack-inline-source-plugin": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/html-webpack-inline-source-plugin/-/html-webpack-inline-source-plugin-0.0.10.tgz",
+      "integrity": "sha512-0ZNU57u7283vrXSF5a4VDnVOMWiSwypKIp1z/XfXWoVHLA1r3Xmyxx5+Lz+mnthz/UvxL1OAf41w5UIF68Jngw==",
       "dev": true,
       "requires": {
-        "html-minifier": "^3.2.3",
-        "loader-utils": "^0.2.16",
-        "lodash": "^4.17.3",
-        "pretty-error": "^2.0.2",
-        "tapable": "^1.0.0",
-        "toposort": "^1.0.0",
+        "escape-string-regexp": "^1.0.5",
+        "slash": "^1.0.0",
+        "source-map-url": "^0.4.0"
+      },
+      "dependencies": {
+        "slash": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+          "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
+          "dev": true
+        }
+      }
+    },
+    "html-webpack-plugin": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-4.3.0.tgz",
+      "integrity": "sha512-C0fzKN8yQoVLTelcJxZfJCE+aAvQiY2VUf3UuKrR4a9k5UMWYOtpDLsaXwATbcVCnI05hUS7L9ULQHWLZhyi3w==",
+      "dev": true,
+      "requires": {
+        "@types/html-minifier-terser": "^5.0.0",
+        "@types/tapable": "^1.0.5",
+        "@types/webpack": "^4.41.8",
+        "html-minifier-terser": "^5.0.1",
+        "loader-utils": "^1.2.3",
+        "lodash": "^4.17.15",
+        "pretty-error": "^2.1.1",
+        "tapable": "^1.1.3",
         "util.promisify": "1.0.0"
       },
       "dependencies": {
-        "big.js": {
-          "version": "3.2.0",
-          "resolved": "https://registry.npm.taobao.org/big.js/download/big.js-3.2.0.tgz",
-          "integrity": "sha1-pfwpi4G54Nyi5FiCR4S2XFK6WI4=",
-          "dev": true
-        },
-        "emojis-list": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npm.taobao.org/emojis-list/download/emojis-list-2.1.0.tgz",
-          "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-          "dev": true
-        },
-        "json5": {
-          "version": "0.5.1",
-          "resolved": "https://registry.npm.taobao.org/json5/download/json5-0.5.1.tgz",
-          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
-          "dev": true
-        },
-        "loader-utils": {
-          "version": "0.2.17",
-          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-0.2.17.tgz",
-          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true,
-          "requires": {
-            "big.js": "^3.1.3",
-            "emojis-list": "^2.0.0",
-            "json5": "^0.5.0",
-            "object-assign": "^4.0.1"
-          }
-        },
         "util.promisify": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/util.promisify/download/util.promisify-1.0.0.tgz?cache=0&sync_timestamp=1589682767473&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Futil.promisify%2Fdownload%2Futil.promisify-1.0.0.tgz",
-          "integrity": "sha1-RA9xZaRZyaFtwUXrjnLzVocJcDA=",
+          "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+          "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
           "dev": true,
           "requires": {
             "define-properties": "^1.1.2",
@@ -6007,8 +6126,8 @@
     },
     "htmlparser2": {
       "version": "3.10.1",
-      "resolved": "https://registry.npm.taobao.org/htmlparser2/download/htmlparser2-3.10.1.tgz",
-      "integrity": "sha1-vWedw/WYl7ajS7EHSchVu1OpOS8=",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
       "dev": true,
       "requires": {
         "domelementtype": "^1.3.1",
@@ -6021,14 +6140,14 @@
       "dependencies": {
         "entities": {
           "version": "1.1.2",
-          "resolved": "https://registry.npm.taobao.org/entities/download/entities-1.1.2.tgz",
-          "integrity": "sha1-vfpzUplmTfr9NFKe1PhSKidf6lY=",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
           "dev": true
         },
         "readable-stream": {
           "version": "3.6.0",
-          "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-3.6.0.tgz?cache=0&sync_timestamp=1589682741447&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freadable-stream%2Fdownload%2Freadable-stream-3.6.0.tgz",
-          "integrity": "sha1-M3u9o63AcGvT4CRCaihtS0sskZg=",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
           "dev": true,
           "requires": {
             "inherits": "^2.0.3",
@@ -7058,10 +7177,13 @@
       }
     },
     "lower-case": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npm.taobao.org/lower-case/download/lower-case-1.1.4.tgz",
-      "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-      "dev": true
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.1.tgz",
+      "integrity": "sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.10.0"
+      }
     },
     "lru-cache": {
       "version": "5.1.1",
@@ -7502,12 +7624,13 @@
       "dev": true
     },
     "no-case": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npm.taobao.org/no-case/download/no-case-2.3.2.tgz",
-      "integrity": "sha1-YLgTOWvjmz8SiKTB7V0efSi0ZKw=",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.3.tgz",
+      "integrity": "sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==",
       "dev": true,
       "requires": {
-        "lower-case": "^1.1.1"
+        "lower-case": "^2.0.1",
+        "tslib": "^1.10.0"
       }
     },
     "node-forge": {
@@ -7961,12 +8084,13 @@
       }
     },
     "param-case": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npm.taobao.org/param-case/download/param-case-2.1.1.tgz",
-      "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.3.tgz",
+      "integrity": "sha512-VWBVyimc1+QrzappRs7waeN2YmoZFCGXWASRYX1/rGHtXqEcrGEIDm+jqIwFa2fRXNgQEwrxaYuIrX0WcAguTA==",
       "dev": true,
       "requires": {
-        "no-case": "^2.2.0"
+        "dot-case": "^3.0.3",
+        "tslib": "^1.10.0"
       }
     },
     "parent-module": {
@@ -8032,6 +8156,16 @@
       "integrity": "sha1-naGee+6NEt/wUT7Vt2lXeTvC6NQ=",
       "dev": true
     },
+    "pascal-case": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.1.tgz",
+      "integrity": "sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.3",
+        "tslib": "^1.10.0"
+      }
+    },
     "pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npm.taobao.org/pascalcase/download/pascalcase-0.1.1.tgz",
@@ -9150,8 +9284,8 @@
     },
     "renderkid": {
       "version": "2.0.3",
-      "resolved": "https://registry.npm.taobao.org/renderkid/download/renderkid-2.0.3.tgz",
-      "integrity": "sha1-OAF5wv9a4TZcUivy/Pz/AcW3QUk=",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.3.tgz",
+      "integrity": "sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==",
       "dev": true,
       "requires": {
         "css-select": "^1.1.0",
@@ -9181,8 +9315,8 @@
         },
         "css-what": {
           "version": "2.1.3",
-          "resolved": "https://registry.npm.taobao.org/css-what/download/css-what-2.1.3.tgz",
-          "integrity": "sha1-ptdgRXM2X+dGhsPzEcVlE9iChfI=",
+          "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
+          "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
           "dev": true
         },
         "domutils": {
@@ -10628,8 +10762,8 @@
     },
     "uglify-js": {
       "version": "3.4.10",
-      "resolved": "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz?cache=0&sync_timestamp=1596387201241&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuglify-js%2Fdownload%2Fuglify-js-3.4.10.tgz",
-      "integrity": "sha1-mtlWPY6zrN+404WX0q8dgV9qdV8=",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
+      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
       "dev": true,
       "requires": {
         "commander": "~2.19.0",
@@ -10638,14 +10772,14 @@
       "dependencies": {
         "commander": {
           "version": "2.19.0",
-          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.19.0.tgz",
-          "integrity": "sha1-9hmKqE5bg8RgVLlN3tv+1e6f8So=",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
+          "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==",
           "dev": true
         },
         "source-map": {
           "version": "0.6.1",
-          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz?cache=0&sync_timestamp=1589682764497&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map%2Fdownload%2Fsource-map-0.6.1.tgz",
-          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
           "dev": true
         }
       }
diff --git a/web/package.json b/web/package.json
index 018100c..8d8c123 100644
--- a/web/package.json
+++ b/web/package.json
@@ -5,7 +5,8 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "vercel-build": "npm run build"
   },
   "dependencies": {
     "@dzangolab/vue-country-flag-icon": "^0.2.0",
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..a0a1ee2b8762f2d399c6bef886393882706e7ce7 100644
GIT binary patch
literal 7475
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
N4HaGGT1C5v{{fiq(l-DA

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/web/public/index.html b/web/public/index.html
index 0324028..5eac9eb 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -9,11 +9,11 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
     <meta name="viewport"
           content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"/>
-    <link rel="Bookmark" href="https://raw.githubusercontent.com/chavyleung/scripts/master/BOXJS.png"/>
-    <link rel="shortcut icon" href="https://raw.githubusercontent.com/chavyleung/scripts/master/BOXJS.png"/>
-    <link rel="apple-touch-icon" href="https://raw.githubusercontent.com/chavyleung/scripts/master/BOXJS.png"/>
+    <link rel="Bookmark" href="https://raw.githubusercontent.com/58xinian/icon/master/Sub-Store.png"/>
+    <link rel="shortcut icon" href="https://raw.githubusercontent.com/58xinian/icon/master/Sub-Store.png"/>
+    <link rel="apple-touch-icon" href="https://raw.githubusercontent.com/58xinian/icon/master/Sub-Store.png"/>
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>Sub-Store</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
 </head>
diff --git a/web/src/config.js b/web/src/config.js
index 6cf5a03..e770cfa 100644
--- a/web/src/config.js
+++ b/web/src/config.js
@@ -1,3 +1,3 @@
-const DEBUG = true;
+const DEBUG = false;
 
-export const BACKEND_BASE = DEBUG ? `http://192.168.1.134:3000` : `http://sub.store`;
\ No newline at end of file
+export const BACKEND_BASE = DEBUG ? `http://192.168.1.134:3000` : `https://sub.store`;
\ No newline at end of file
diff --git a/web/src/router/index.js b/web/src/router/index.js
index b408bc9..8ae2627 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -48,7 +48,7 @@ const router = new Router({
 
 router.beforeEach((to, from, next) => {
     const {meta} = to;
-    document.title = to.meta.title
+    // document.title = to.meta.title
     store.commit("SET_NAV_TITLE", meta.title);
     next();
 })
diff --git a/web/src/store/index.js b/web/src/store/index.js
index 1b3f537..4f52c84 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -39,53 +39,55 @@ const store = new Vuex.Store({
     actions: {
         // fetch subscriptions
         async FETCH_SUBSCRIPTIONS({state}) {
-            axios.get("/sub").then(resp => {
+            return axios.get("/sub").then(resp => {
                 const {data} = resp.data;
                 state.subscriptions = data;
             });
         },
         // fetch collections
         async FETCH_COLLECTIONS({state}) {
-            axios.get("/collection").then(resp => {
+            return axios.get("/collection").then(resp => {
                 const {data} = resp.data;
                 state.collections = data;
             });
         },
         // update subscriptions
-        async UPDATE_SUBSCRIPTION({commit, dispatch}, {name, sub}) {
-            axios.patch(`/sub/${name}`, sub).then(() => {
+        async UPDATE_SUBSCRIPTION({dispatch}, {name, sub}) {
+            return axios.patch(`/sub/${name}`, sub).then(() => {
                 dispatch("FETCH_SUBSCRIPTIONS");
                 dispatch("FETCH_COLLECTIONS");
-                commit("SET_SUCCESS_MESSAGE", `成功更新订阅${sub.name || name}`);
-            }).catch(err => {
-                commit("SET_ERROR_MESSAGE", err);
             });
         },
         // new subscription
-        async NEW_SUBSCRIPTION() {
-
+        async NEW_SUBSCRIPTION({dispatch}, sub) {
+            return axios.post(`/sub`, sub).then(() => {
+                dispatch("FETCH_SUBSCRIPTIONS");
+            });
         },
         // delete subscription
-        async DELETE_SUBSCRIPTION({commit, dispatch}, name) {
-            axios.delete(`/sub/${name}`).then(() => {
+        async DELETE_SUBSCRIPTION({dispatch}, name) {
+            return axios.delete(`/sub/${name}`).then(() => {
                 dispatch("FETCH_SUBSCRIPTIONS");
                 dispatch("FETCH_COLLECTIONS");
-                commit("SET_SUCCESS_MESSAGE", `成功删除订阅${name}`);
-            }).catch(err => {
-                commit("SET_ERROR_MESSAGE", err);
-            })
+            });
         },
         // update collection
-        async UPDATE_COLLECTION() {
-
+        async UPDATE_COLLECTION({dispatch}, {name, collection}) {
+            return axios.patch(`/collection/${name}`, collection).then(() => {
+                dispatch("FETCH_COLLECTIONS");
+            });
         },
         // new collection
-        async NEW_COLLECTION() {
-
+        async NEW_COLLECTION({dispatch}, collection) {
+            return axios.post(`/collection`, collection).then(() => {
+                dispatch("FETCH_COLLECTIONS");
+            })
         },
         // delete collection
-        async DELETE_COLLECTION() {
-
+        async DELETE_COLLECTION({dispatch}, name) {
+            return axios.delete(`/collection/${name}`).then(() => {
+                dispatch("FETCH_COLLECTIONS");
+            })
         }
     },
 
diff --git a/web/src/utils/index.js b/web/src/utils/index.js
index 963927b..227f555 100644
--- a/web/src/utils/index.js
+++ b/web/src/utils/index.js
@@ -1,4 +1,5 @@
 import Axios from 'axios';
+import store from "@/store";
 import {BACKEND_BASE} from "@/config";
 
 export const axios = Axios.create({
@@ -8,4 +9,12 @@ export const axios = Axios.create({
 
 export function isEmptyObj(obj) {
     return Object.keys(obj).length === 0;
+}
+
+export function showInfo(msg) {
+    store.commit("SET_SUCCESS_MESSAGE", msg);
+}
+
+export function showError(err) {
+    store.commit("SET_ERROR_MESSAGE", err);
 }
\ No newline at end of file
diff --git a/web/src/views/CollectionEditor.vue b/web/src/views/CollectionEditor.vue
index 5797bae..bdce245 100644
--- a/web/src/views/CollectionEditor.vue
+++ b/web/src/views/CollectionEditor.vue
@@ -1,10 +1,107 @@
 <template>
-<v-container></v-container>
+  <v-container>
+    <v-card class="mb-4">
+      <v-card-title>订阅配置</v-card-title>
+      <v-form class="pl-4 pr-4 pb-4" v-model="valid">
+        <v-subheader class="pl-0">订阅名称</v-subheader>
+        <v-text-field
+            v-model="name"
+            class="mt-2"
+            :rules="validations.nameRules"
+            required
+            placeholder="填入订阅名称，名称需唯一"
+        />
+        <v-divider></v-divider>
+        <v-subheader class="pl-0">包含的订阅</v-subheader>
+        <v-list dense>
+          <v-list-item v-for="sub in availableSubs" :key="sub.name">
+            <v-list-item-avatar dark>
+              <v-icon>mdi-cloud</v-icon>
+            </v-list-item-avatar>
+            <v-list-item-content>
+              {{ sub.name }}
+            </v-list-item-content>
+            <v-spacer></v-spacer>
+            <v-checkbox
+                :value="sub.name"
+                v-model="selected"
+                class="pr-1"
+            />
+          </v-list-item>
+        </v-list>
+      </v-form>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn icon @click="save"><v-icon>save_alt</v-icon></v-btn>
+        <v-btn icon @click="discard"><v-icon>settings_backup_restore</v-icon></v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-container>
 </template>
 
 <script>
+import {showInfo, showError} from "@/utils";
+
 export default {
-name: "CollectionEditor"
+  data: function () {
+    return {
+      valid: false,
+      validations: {
+        nameRules: [
+          v => !!v || "名字不能为空",
+          v => /^[\w-_]*$/.test(v) || "订阅名称只能包含英文字符、横杠和下划线！"
+        ]
+      },
+      selected: [],
+      name: ""
+    }
+  },
+  computed: {
+    availableSubs() {
+      return this.$store.state.subscriptions;
+    }
+  },
+  methods: {
+    save() {
+      if (!this.valid || this.selected.length === 0) {
+        return;
+      }
+      if (this.$route.params.name === 'UNTITLED') {
+        this.$store.dispatch("NEW_COLLECTION", {
+          name: this.name,
+          subscriptions: this.selected
+        }).then(() => {
+          showInfo(`成功创建订阅：${this.name}！`)
+        }).catch(() => {
+          showError(`发生错误，无法创建订阅！`)
+        });
+      } else {
+        this.$store.dispatch("UPDATE_COLLECTION", {
+          name: this.$route.params.name,
+          collection: {
+            name: this.name,
+            subscriptions: this.selected
+          }
+        }).then(() => {
+          showInfo(`成功保存订阅：${this.name}！`)
+        }).catch(() => {
+          showError(`发生错误，无法保存订阅！`)
+        });
+      }
+    },
+
+    discard() {
+      this.$router.back();
+    }
+  },
+  created() {
+    const name = this.$route.params.name;
+    const collection = this.$store.state.collections[name] || {};
+    this.$store.commit("SET_NAV_TITLE", collection.name ? `组合订阅编辑 -- ${collection.name}` : "新建组合订阅");
+    this.name = collection.name;
+    this.selected = collection.subscriptions || [];
+  },
+
 }
 </script>
 
diff --git a/web/src/views/SubEditor.vue b/web/src/views/SubEditor.vue
index f71026b..7b82193 100644
--- a/web/src/views/SubEditor.vue
+++ b/web/src/views/SubEditor.vue
@@ -2,7 +2,7 @@
   <v-container>
     <v-card class="mb-4">
       <v-subheader>基本信息</v-subheader>
-      <v-form class="pl-4 pr-4 pb-4" v-model="formState.basicValid">
+      <v-form class="pl-4 pr-4 pb-0" v-model="formState.basicValid">
         <v-text-field
             v-model="options.name"
             class="mt-2"
@@ -11,20 +11,41 @@
             label="订阅名称"
             placeholder="填入订阅名称，名称需唯一"
         />
-        <v-text-field
+        <v-textarea
             v-model="options.url"
             class="mt-2"
+            rows="2"
             :rules="validations.urlRules"
             required
             label="订阅链接"
             placeholder="填入机场原始订阅链接"
         />
       </v-form>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn icon @click="save"><v-icon>save_alt</v-icon></v-btn>
+        <v-btn icon @click="discard"><v-icon>settings_backup_restore</v-icon></v-btn>
+      </v-card-actions>
     </v-card>
     <v-card class="mb-4">
       <v-subheader>常用选项</v-subheader>
       <v-form class="pl-4 pr-4">
         <v-item-group>
+          <v-radio-group
+              v-model="options.useless"
+              dense
+              class="mt-0 mb-0"
+          >
+            过滤非法节点
+            <v-row>
+              <v-col>
+                <v-radio label="保留" value="KEEP"/>
+              </v-col>
+              <v-col>
+                <v-radio label="删除" value="REMOVE"/>
+              </v-col>
+            </v-row>
+          </v-radio-group>
           <v-radio-group
               v-model="options.flag"
               dense
@@ -32,13 +53,15 @@
           >
             国旗
             <v-row>
+              <v-col>
+                <v-radio label="默认" value="DEFAULT"/>
+              </v-col>
               <v-col>
                 <v-radio label="添加国旗" value="ADD"/>
               </v-col>
               <v-col>
                 <v-radio label="删除国旗" value="REMOVE"/>
               </v-col>
-              <v-col></v-col>
             </v-row>
           </v-radio-group>
 
@@ -66,16 +89,16 @@
               dense
               class="mt-0 mb-0"
           >
-            证书验证
+            跳过证书验证
             <v-row>
               <v-col>
                 <v-radio label="默认" value="DEFAULT"/>
               </v-col>
               <v-col>
-                <v-radio label="强制开启" value="FORCE_OPEN"/>
+                <v-radio label="强制跳过" value="FORCE_OPEN"/>
               </v-col>
               <v-col>
-                <v-radio label="强制关闭" value="FORCE_CLOSE"/>
+                <v-radio label="强制验证" value="FORCE_CLOSE"/>
               </v-col>
             </v-row>
           </v-radio-group>
@@ -109,31 +132,12 @@
         </v-btn>
       </v-subheader>
       <v-divider></v-divider>
-      <region-filter/>
-      <keyword-filter/>
-      <regex-filter/>
-      <sort></sort>
-      <keyword-sort></keyword-sort>
     </v-card>
   </v-container>
 </template>
 
 <script>
-// const operations = [
-//   {
-//     type: "Region Filter",
-//     name: "区域过滤",
-//     desc: "按照区域过滤节点",
-//   }
-// ];
-
-import RegionFilter from "@/components/RegionFilter";
-import KeywordFilter from "@/components/KeywordFilter";
-import RegexFilter from "@/components/RegexFilter";
-import Sort from "@/components/Sort";
-import KeywordSort from "@/components/KeywordSort";
 export default {
-  components: {KeywordSort, Sort, RegexFilter, KeywordFilter, RegionFilter},
   data: function () {
     return {
       validations: {
@@ -152,39 +156,98 @@ export default {
       options: {
         name: "",
         url: "",
+        useless: "KEEP",
         udp: "DEFAULT",
-        flag: "ADD",
+        flag: "DEFAULT",
         scert: "DEFAULT",
         tfo: "DEFAULT",
         process: [],
       }
     }
   },
-  watch: {
-    options: {
-      handler(opt) {
-        if (this.formState.basicValid) {
-          console.log(`FORM UPDATED: ${JSON.stringify(opt)}`)
-        }
-      },
-      deep: true
-    }
-  },
   created() {
     const name = this.$route.params.name;
-    const sub = (!!name || name === 'UNTITLED') ? {} : this.$store.state.subscriptions[name];
+    const sub = (typeof name === 'undefined' || name === 'UNTITLED') ? {} : this.$store.state.subscriptions[name];
     this.$store.commit("SET_NAV_TITLE", sub.name ? `订阅编辑 -- ${sub.name}` : "新建订阅");
-    this.options = {
-      ...this.options,
-      name: sub.name,
-      url: sub.url,
-      udp: "DEFAULT",
-      flag: "ADD",
-      scert: "DEFAULT",
-      tfo: "DEFAULT"
+    this.options = loadSubscription(this.options, sub);
+  },
+  methods: {
+    save() {
+      if (this.options.name && this.options.url) {
+        const sub = buildSubscription(this.options);
+        if (this.$route.params.name !== "UNTITLED") {
+          this.$store.dispatch("UPDATE_SUBSCRIPTION", {
+            name: this.$route.params.name,
+            sub
+          });
+        } else {
+          this.$store.dispatch("NEW_SUBSCRIPTION", sub);
+        }
+      }
+    },
+
+    discard() {
+      this.$router.back();
     }
   }
 }
+
+function loadSubscription(options, sub) {
+  options = {
+    ...options,
+    name: sub.name,
+    url: sub.url
+  }
+  // flag
+  for (const p of (sub.process || [])) {
+    switch (p.type) {
+      case 'Useless Filter':
+        options.useless = "REMOVE";
+        break
+      case 'Flag Operator':
+        options.flag = p.args[0] ? "ADD" : "REMOVE";
+        break
+      case 'Set Property Operator':
+        options[p.args[0]] = p.args[1] ? "FORCE_OPEN" : "FORCE_CLOSE";
+        break
+    }
+  }
+  return options;
+}
+
+function buildSubscription(options) {
+  const sub = {
+    name: options.name,
+    url: options.url,
+    process: []
+  };
+  // useless filter
+  if (options.useless === 'REMOVE') {
+    sub.process.push({
+      type: "Useless Filter"
+    });
+  }
+  // flag
+  if (options.flag !== 'DEFAULT') {
+    sub.process.push({
+      type: "Flag Operator",
+      args: [options.flag === 'ADD']
+    });
+  }
+  // udp, tfo, scert
+  for (const opt of ['udp', 'tfo', 'scert']) {
+    if (options[opt] !== 'DEFAULT') {
+      sub.process.push({
+        type: "Set Property Operator",
+        args: [opt, options[opt] === 'FORCE_OPEN']
+      });
+    }
+  }
+  // for (const p of options.process) {
+  //
+  // }
+  return sub;
+}
 </script>
 
 <style>
diff --git a/web/src/views/Subscription.vue b/web/src/views/Subscription.vue
index 2e6b885..898c16a 100644
--- a/web/src/views/Subscription.vue
+++ b/web/src/views/Subscription.vue
@@ -120,6 +120,13 @@
         >
           <v-icon>mdi-plus</v-icon>
         </v-btn>
+        <v-btn
+            fab
+            color="primary"
+            @click="createCol"
+        >
+          <v-icon>create_new_folder</v-icon>
+        </v-btn>
       </v-speed-dial>
     </v-fab-transition>
     <v-dialog fullscreen hide-overlay transition="dialog-bottom-transition" v-model="showProxyList" scrollable>
@@ -209,7 +216,7 @@ export default {
           this.$store.commit("SET_SUCCESS_MESSAGE", "成功复制订阅链接");
           break
         case 'EDIT':
-          this.$router.push(`/sub-edit/${collection.name}`);
+          this.$router.push(`/collection-edit/${collection.name}`);
           break
         case 'DELETE':
           this.$store.dispatch("DELETE_COLLECTION", collection.name);
diff --git a/web/vercel.json b/web/vercel.json
new file mode 100644
index 0000000..8de31fe
--- /dev/null
+++ b/web/vercel.json
@@ -0,0 +1,18 @@
+{
+    "name": "sub-store",
+    "version": 2,
+    "builds": [
+      {
+        "src": "package.json",
+        "use": "@vercel/static-build"
+      }
+    ],
+    "routes": [
+      {
+        "src": "/(js|css|img)/.*",
+        "headers": { "cache-control": "max-age=31536000, immutable" }
+      },
+      { "handle": "filesystem" },
+      { "src": ".*", "dest": "/" }
+    ]
+  }
\ No newline at end of file