feat(rules): support enabling and disabling individual rule items

Author: Ayideyia

frontend/src/constant/profile.ts

@@ -218,6 +218,7 @@ export const RulesConfigDefaults = (
   {
     id: RuleType.InsertionPoint,
     type: RuleType.InsertionPoint,
+    enable: true,
     payload: '',
     proxy: '',
     'no-resolve': false,
@@ -231,6 +232,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.Logic,
+    enable: true,
     payload: 'AND,((DST-PORT,443),(NETWORK,udp))',
     proxy: ids[3],
     'no-resolve': false,
@@ -244,6 +246,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload:
       'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geosite/category-ads-all.mrs',
     proxy: ids[3],
@@ -258,6 +261,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload:
       'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geoip/private.mrs',
     proxy: ids[2],
@@ -272,6 +276,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload: 'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geoip/cn.mrs',
     proxy: ids[2],
     'no-resolve': true,
@@ -285,6 +290,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload:
       'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geosite/private.mrs',
     proxy: ids[2],
@@ -299,6 +305,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload: 'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geosite/cn.mrs',
     proxy: ids[2],
     'no-resolve': false,
@@ -312,6 +319,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload:
       'https://testingcf.jsdelivr.net/gh/MetaCubeX/meta-rules-dat@meta/geo/geosite/geolocation-!cn.mrs',
     proxy: ids[0],
@@ -326,6 +334,7 @@ export const RulesConfigDefaults = (
   {
     id: sampleID(),
     type: RuleType.Match,
+    enable: true,
     payload: '',
     proxy: ids[4],
     'no-resolve': false,

frontend/src/stores/profiles.ts

@@ -119,6 +119,7 @@ export type ProfileType = {
   }[]
   rulesConfig: {
     id: string
+    enable: boolean
     type: RuleType
     payload: string
     proxy: string
@@ -158,6 +159,9 @@ export const useProfilesStore = defineStore('profiles', () => {
         profile.tunConfig['route-exclude-address'] = []
       }
       profile.rulesConfig.forEach((rule) => {
+        if (typeof rule.enable === 'undefined') {
+          rule.enable = true
+        }
         if (!rule['ruleset-type']) {
           rule['ruleset-type'] = 'file'
           rule['ruleset-name'] = ''

frontend/src/utils/generator.ts

@@ -228,7 +228,7 @@ const generateRuleProviders = async (
   }
 
   rules
-    .filter((rule) => rule.type === 'RULE-SET')
+    .filter((rule) => rule.type === 'RULE-SET' && rule.enable)
     .forEach((rule) => {
       if (rule['ruleset-type'] === 'file') {
         appendLocalProvider(rule.payload)
@@ -328,8 +328,8 @@ export const generateConfig = async (originalProfile: ProfileType) => {
   )
 
   config['rules'] = profile.rulesConfig
-    .filter(({ type }) => {
-      if (type === RuleType.InsertionPoint) {
+    .filter(({ type, enable }) => {
+      if (type === RuleType.InsertionPoint || !enable) {
         return false
       }
       return (

frontend/src/utils/restorer.ts

@@ -36,6 +36,7 @@ export const restoreProfile = (
       {
         id: RuleType.InsertionPoint,
         type: RuleType.InsertionPoint,
+        enable: true,
         payload: '',
         proxy: '',
         'no-resolve': false,
@@ -145,6 +146,7 @@ export const restoreProfile = (
           profile.rulesConfig.push({
             id: index.toString(),
             type: type,
+            enable: true,
             payload: provider.type == 'inline' ? stringify(provider.payload) : provider.url,
             proxy: _proxy,
             'no-resolve': !!noResolve,
@@ -165,6 +167,7 @@ export const restoreProfile = (
         profile.rulesConfig.push({
           id: index.toString(),
           type: type as RuleType,
+          enable: true,
           payload: type === 'MATCH' ? '' : payload,
           proxy: _proxy,
           'no-resolve': !!noResolve,

frontend/src/views/ProfilesView/components/RulesConfig.vue

@@ -28,6 +28,7 @@ const showModal = ref(false)
 const fields = ref<ProfileType['rulesConfig'][number]>({
   id: sampleID(),
   type: RuleType.RuleSet,
+  enable: true,
   payload: '',
   proxy: '',
   'no-resolve': false,
@@ -73,6 +74,7 @@ const handleAdd = () => {
   fields.value = {
     id: sampleID(),
     type: RuleType.RuleSet,
+    enable: true,
     payload: '',
     proxy: '',
     'no-resolve': false,
@@ -92,6 +94,7 @@ const handleAddInsertionPoint = () => {
   rules.value.unshift({
     id: RuleType.InsertionPoint,
     type: RuleType.InsertionPoint,
+    enable: true,
     payload: '',
     proxy: '',
     'no-resolve': false,
@@ -173,7 +176,8 @@ const showLost = () => message.warn('kernel.rules.notFound')
           </Button>
         </Divider>
       </div>
-      <div v-else class="flex items-center py-2">
+      <div v-else class="flex items-center py-2 gap-8">
+        <Switch v-model="r.enable" size="small" border="square" />
         <div class="font-bold">
           <span v-if="hasLost(r)" @click="showLost" class="warn cursor-pointer"> [ ! ] </span>
           <span v-if="notSupport(r)" @click="showNotSupport" class="warn cursor-pointer">