feature: restrict matchmaking

Author: lukepolo

components/matchmaking/Matchmaking.vue

@@ -137,7 +137,7 @@ import FiveStackToolTip from "../FiveStackToolTip.vue";
 
         <div class="flex flex-row gap-4">
           <div
-            v-for="type in e_match_types"
+            v-for="type in allowedMatchTypes"
             :key="type.value"
             class="flex-1 p-4 border rounded-lg transition-all duration-300 relative overflow-hidden group h-[100px]"
             :class="{
@@ -324,6 +324,9 @@ export default {
     };
   },
   methods: {
+    isMatchmakingTypeEnabled(matchType: string): boolean {
+      return useApplicationSettingsStore().isMatchmakingTypeEnabled(matchType);
+    },
     getRegionlatencyResult(region: string):
       | {
           isLan: boolean;
@@ -371,6 +374,14 @@ export default {
     },
   },
   computed: {
+    allowedMatchTypes(): {
+      value: e_match_types_enum;
+      description: string;
+    }[] {
+      return this.e_match_types.filter((type) =>
+        this.isMatchmakingTypeEnabled(type.value.toLowerCase()),
+      );
+    },
     isInQueue(): boolean {
       return !!this.matchMakingQueueDetails;
     },

i18n/locales/en.json

@@ -202,6 +202,7 @@
                 "default_models_description": "Enable default player models for all players in the match.",
                 "auto_cancel_duration": "Auto Cancel Duration",
                 "auto_cancel_duration_description": "This is the duration in minutes that a match will be auto canceled if not started within the duration.",
+                "matchmaking_type_description": "Toggle matchmaking for each type that will allow players to join matchmaking for this type of match.",
                 "update": "Update",
                 "players": {
                     "force_name_registration": "Force Player Name Registration",
@@ -257,7 +258,6 @@
                 "preferred": "Preferred",
                 "max_acceptable_latency": "Maximum Acceptable Latency",
                 "max_latency_description": "If no regions are preferred, matchmaking will only use regions with latency below this value."
-
             }
         },
         "watch": {

pages/settings/application/index.vue

@@ -11,7 +11,7 @@ definePageMeta({
   <form @submit.prevent="updateSettings" class="grid gap-4">
     <div
       class="flex flex-row items-center justify-between rounded-lg border p-4 cursor-pointer"
-      @click="toggleMatchmaking"
+      @click="toggleMatchmakingType(e_match_types_enum.all)"
     >
       <div class="space-y-0.5">
         <h4 class="text-base font-medium">
@@ -27,6 +27,28 @@ definePageMeta({
       />
     </div>
 
+    <div v-if="matchMakingAllowed" class="space-y-2">
+      <div class="grid grid-cols-3 gap-4">
+        <template v-for="match_type in ['competitive', 'wingman', 'duel']">
+          <div
+            class="flex flex-row items-center justify-between rounded-lg border p-4 cursor-pointer"
+            @click="toggleMatchmakingType(match_type)"
+          >
+            <div class="space-y-0.5">
+              <h4 class="text-base font-medium capitalize">{{ match_type }}</h4>
+            </div>
+            <Switch
+              :model-value="isMatchmakingTypeEnabled(match_type)"
+              @update:model-value="toggleMatchmakingType(match_type)"
+            />
+          </div>
+        </template>
+      </div>
+      <p class="text-sm text-muted-foreground">
+        {{ $t(`pages.settings.application.matchmaking_type_description`) }}
+      </p>
+    </div>
+
     <FormField v-slot="{ componentField }" name="auto_cancel_duration">
       <FormItem>
         <FormLabel class="text-lg font-semibold">{{
@@ -258,6 +280,36 @@ export default {
         }),
       });
     },
+    isMatchmakingTypeEnabled(match_type: e_match_types_enum) {
+      const matchmakingTypeSetting = this.settings.find(
+        (setting: { name: string; value: string | null }) =>
+          setting.name === `public.matchmaking_${match_type}`,
+      );
+      return matchmakingTypeSetting?.value !== "false";
+    },
+    async toggleMatchmakingType(match_type: e_match_types_enum) {
+      await (this as any).$apollo.mutate({
+        mutation: generateMutation({
+          insert_settings_one: [
+            {
+              object: {
+                name: `public.matchmaking_${match_type}`,
+                value: this.isMatchmakingTypeEnabled(match_type)
+                  ? "false"
+                  : "true",
+              },
+              on_conflict: {
+                constraint: settings_constraint.settings_pkey,
+                update_columns: [settings_update_column.value],
+              },
+            },
+            {
+              __typename: true,
+            },
+          ],
+        }),
+      });
+    },
     async toggleDefaultModels() {
       await (this as any).$apollo.mutate({
         mutation: generateMutation({

stores/ApplicationSettings.ts

@@ -1,6 +1,6 @@
 import { defineStore, acceptHMRUpdate } from "pinia";
 import { ref, computed, watch } from "vue";
-import { e_player_roles_enum } from "~/generated/zeus";
+import { e_player_roles_enum, e_match_types_enum } from "~/generated/zeus";
 import getGraphqlClient from "~/graphql/getGraphqlClient";
 import { generateSubscription } from "~/graphql/graphqlGen";
 import { useMatchmakingStore } from "./MatchmakingStore";
@@ -269,6 +269,19 @@ export const useApplicationSettingsStore = defineStore(
       globalStream.value = stream;
     };
 
+    const isMatchmakingTypeEnabled = (
+      matchType: e_match_types_enum,
+    ): boolean => {
+      console.info({
+        matchType,
+      });
+      return (
+        settings.value?.find(
+          (setting) => setting.name === `public.matchmaking_${matchType}`,
+        )?.value !== "false"
+      );
+    };
+
     return {
       settings,
       availableRegions,
@@ -285,6 +298,7 @@ export const useApplicationSettingsStore = defineStore(
       canAddWithoutInvite,
       globalStream,
       setGlobalStream,
+      isMatchmakingTypeEnabled,
     };
   },
 );