chore: use GQL TargetName enum

Author: mircearoata

src/lib/components/sml-versions/SMLVersionForm.svelte

@@ -8,7 +8,7 @@
   import { smlVersionSchema } from '$lib/models/sml-versions';
   import Textfield from '@smui/textfield';
   import Button from '@smui/button';
-  import { VersionStabilities } from '$lib/generated';
+  import { TargetName, VersionStabilities } from '$lib/generated';
   import Select, { Option } from '@smui/select';
 
   export let onSubmit: (data: SMLVersionData) => void;
@@ -22,7 +22,7 @@
     satisfactory_version: 0,
     stability: VersionStabilities.Alpha,
     version: '',
-    targets: [{ targetName: 'Windows', link: '' }]
+    targets: [{ targetName: TargetName.Windows, link: '' }]
   };
   export let submitText = 'Create';
 
@@ -33,7 +33,7 @@
   });
 
   const addTarget = () => {
-    addField('targets', { targetName: '', link: '' });
+    addField('targets', { targetName: TargetName.Windows, link: '' });
   };
 
   const removeTarget = (i: number) => {
@@ -106,9 +106,9 @@
         <div class="flex content-center gap-2">
           <div>
             <Select bind:value={target.targetName} label="Platform">
-              <Option value="Windows">Windows Client</Option>
-              <Option value="WindowsServer">Windows Server</Option>
-              <Option value="LinuxServer">Linux Server</Option>
+              <Option value={TargetName.Windows}>Windows Client</Option>
+              <Option value={TargetName.WindowsServer}>Windows Server</Option>
+              <Option value={TargetName.LinuxServer}>Linux Server</Option>
               <svelte:fragment slot="helperText">
                 <ValidationMessage for="targets.{i}.targetName" let:messages={message}>
                   <span class="validation-message">{message || ''}</span>

src/lib/models/sml-versions.ts

@@ -1,8 +1,8 @@
 import * as zod from 'zod';
-import type { UpdateSmlVersionTarget, VersionStabilities } from '$lib/generated';
+import type { TargetName, UpdateSmlVersionTarget, VersionStabilities } from '$lib/generated';
 
 export type SMLTargetData = {
-  targetName: string;
+  targetName: TargetName;
   link: string;
 };
 

src/lib/models/versions.ts

@@ -5,6 +5,7 @@ import type { Writable } from 'svelte/store';
 import type { ZodObject, ZodRawShape } from 'zod';
 import type { File } from '$lib/models/file';
 import type { VersionStabilities } from '$lib/generated';
+import { TargetName } from '$lib/generated/graphql';
 
 export type VersionData = {
   file: File;
@@ -25,7 +26,9 @@ export type VersionMetadata = {
   targets: string[];
 };
 
-const ALLOWED_TARGETS = ['Windows', 'WindowsServer', 'LinuxServer'];
+const ALLOWED_TARGETS = Object.keys(TargetName)
+  .map((key) => TargetName[key])
+  .filter((value) => typeof value === 'string') as TargetName[];
 
 const readUPluginJson = async (
   uPluginJson: string,

src/lib/utils/formatting.ts

@@ -1,3 +1,5 @@
+import { TargetName } from '$lib/generated/graphql';
+
 export const prettyDate = (date: Date | string) => {
   if (typeof date === 'string') {
     date = new Date(date);
@@ -22,13 +24,13 @@ export const prettyBytes = (bytes: number, decimals = 2) => {
   return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
 };
 
-export const prettyTarget = (target: string) => {
+export const prettyTarget = (target: TargetName) => {
   switch (target) {
-    case 'Windows':
+    case TargetName.Windows:
       return 'Windows Client';
-    case 'WindowsServer':
+    case TargetName.WindowsServer:
       return 'Windows Server';
-    case 'LinuxServer':
+    case TargetName.LinuxServer:
       return 'Linux Server';
   }