From 13f85e68190722d2289ae7517768788b1ce4e67f Mon Sep 17 00:00:00 2001
From: mircearoata <mircearoatapalade@gmail.com>
Date: Wed, 19 Jun 2024 22:38:18 +0200
Subject: [PATCH 1/9] feat: remove SML-related pages

---
 .../sml-versions/delete_sml_version.graphql   |   3 -
 .../sml-versions/new_sml_version.graphql      |   5 -
 .../sml-versions/sml_version_admin.graphql    |  18 --
 .../sml-versions/sml_versions_admin.graphql   |  21 --
 .../sml-versions/update_sml_version.graphql   |   5 -
 src/gql/auth/get_me.graphql                   |   3 +-
 src/gql/sml/sml_versions.graphql              |  18 --
 src/lib/components/general/Sidebar.svelte     |   9 +-
 src/lib/components/general/TopBar.svelte      |   4 +-
 .../sml-versions/SMLVersionForm.svelte        | 196 ------------------
 .../versions/VersionDependenciesGrid.svelte   |   2 +-
 src/lib/core/graphql.ts                       |   6 -
 src/lib/models/sml-versions.ts                |  49 -----
 src/lib/models/versions.ts                    |  13 +-
 src/routes/admin/+page.svelte                 |   4 -
 src/routes/admin/sml-versions/+page.svelte    | 117 -----------
 .../[smlVersionId]/edit/+page.svelte          |  76 -------
 .../sml-versions/[smlVersionId]/edit/+page.ts |   5 -
 .../admin/sml-versions/new/+page.svelte       |  51 -----
 src/routes/sml-versions/+page.svelte          | 121 -----------
 20 files changed, 11 insertions(+), 715 deletions(-)
 delete mode 100644 src/gql/admin/sml-versions/delete_sml_version.graphql
 delete mode 100644 src/gql/admin/sml-versions/new_sml_version.graphql
 delete mode 100644 src/gql/admin/sml-versions/sml_version_admin.graphql
 delete mode 100644 src/gql/admin/sml-versions/sml_versions_admin.graphql
 delete mode 100644 src/gql/admin/sml-versions/update_sml_version.graphql
 delete mode 100644 src/gql/sml/sml_versions.graphql
 delete mode 100644 src/lib/components/sml-versions/SMLVersionForm.svelte
 delete mode 100644 src/lib/models/sml-versions.ts
 delete mode 100644 src/routes/admin/sml-versions/+page.svelte
 delete mode 100644 src/routes/admin/sml-versions/[smlVersionId]/edit/+page.svelte
 delete mode 100644 src/routes/admin/sml-versions/[smlVersionId]/edit/+page.ts
 delete mode 100644 src/routes/admin/sml-versions/new/+page.svelte
 delete mode 100644 src/routes/sml-versions/+page.svelte

diff --git a/src/gql/admin/sml-versions/delete_sml_version.graphql b/src/gql/admin/sml-versions/delete_sml_version.graphql
deleted file mode 100644
index 6e8a8877f..000000000
--- a/src/gql/admin/sml-versions/delete_sml_version.graphql
+++ /dev/null
@@ -1,3 +0,0 @@
-mutation DeleteSMLVersion($smlVersionID: SMLVersionID!) {
-  deleteSMLVersion(smlVersionId: $smlVersionID)
-}
diff --git a/src/gql/admin/sml-versions/new_sml_version.graphql b/src/gql/admin/sml-versions/new_sml_version.graphql
deleted file mode 100644
index 502680c07..000000000
--- a/src/gql/admin/sml-versions/new_sml_version.graphql
+++ /dev/null
@@ -1,5 +0,0 @@
-mutation NewSMLVersion($smlVersion: NewSMLVersion!) {
-  createSMLVersion(smlVersion: $smlVersion) {
-    id
-  }
-}
diff --git a/src/gql/admin/sml-versions/sml_version_admin.graphql b/src/gql/admin/sml-versions/sml_version_admin.graphql
deleted file mode 100644
index 07b56cadb..000000000
--- a/src/gql/admin/sml-versions/sml_version_admin.graphql
+++ /dev/null
@@ -1,18 +0,0 @@
-query GetSMLVersionAdmin($smlVersionID: SMLVersionID!) {
-  getSMLVersion(smlVersionID: $smlVersionID) {
-    id
-    version
-    stability
-    link
-    targets {
-      targetName
-      link
-    }
-    changelog
-    created_at
-    date
-    satisfactory_version
-    bootstrap_version
-    engine_version
-  }
-}
diff --git a/src/gql/admin/sml-versions/sml_versions_admin.graphql b/src/gql/admin/sml-versions/sml_versions_admin.graphql
deleted file mode 100644
index bce883420..000000000
--- a/src/gql/admin/sml-versions/sml_versions_admin.graphql
+++ /dev/null
@@ -1,21 +0,0 @@
-query GetSMLVersionsAdmin($filter: SMLVersionFilter) {
-  getSMLVersions(filter: $filter) {
-    sml_versions {
-      id
-      version
-      stability
-      link
-      targets {
-        targetName
-        link
-      }
-      changelog
-      created_at
-      date
-      satisfactory_version
-      bootstrap_version
-      engine_version
-    }
-    count
-  }
-}
diff --git a/src/gql/admin/sml-versions/update_sml_version.graphql b/src/gql/admin/sml-versions/update_sml_version.graphql
deleted file mode 100644
index f996d777f..000000000
--- a/src/gql/admin/sml-versions/update_sml_version.graphql
+++ /dev/null
@@ -1,5 +0,0 @@
-mutation UpdateSMLVersion($smlVersionID: SMLVersionID!, $smlVersion: UpdateSMLVersion!) {
-  updateSMLVersion(smlVersionId: $smlVersionID, smlVersion: $smlVersion) {
-    id
-  }
-}
diff --git a/src/gql/auth/get_me.graphql b/src/gql/auth/get_me.graphql
index 3f2fc08da..004372bdd 100644
--- a/src/gql/auth/get_me.graphql
+++ b/src/gql/auth/get_me.graphql
@@ -14,8 +14,7 @@ query GetMe {
       deleteContent
       editContent
       editUsers
-      editSMLVersions
-      editBootstrapVersions
+      editSatisfactoryVersions
       editAnyModCompatibility
     }
   }
diff --git a/src/gql/sml/sml_versions.graphql b/src/gql/sml/sml_versions.graphql
deleted file mode 100644
index 649e696c8..000000000
--- a/src/gql/sml/sml_versions.graphql
+++ /dev/null
@@ -1,18 +0,0 @@
-query GetSMLVersions($limit: Int!, $offset: Int!) {
-  getSMLVersions(filter: { limit: $limit, offset: $offset }) {
-    count
-    sml_versions {
-      id
-      version
-      stability
-      changelog
-      link
-      targets {
-        targetName
-        link
-      }
-      date
-      satisfactory_version
-    }
-  }
-}
diff --git a/src/lib/components/general/Sidebar.svelte b/src/lib/components/general/Sidebar.svelte
index 0917400b0..757c9d934 100644
--- a/src/lib/components/general/Sidebar.svelte
+++ b/src/lib/components/general/Sidebar.svelte
@@ -12,7 +12,9 @@
 
   export const { t } = getTranslate();
 
-  $: isAdmin = !$user ? false : $user.roles.approveMods || $user.roles.approveVersions || $user.roles.editSMLVersions;
+  $: isAdmin = !$user
+    ? false
+    : $user.roles.approveMods || $user.roles.approveVersions || $user.roles.editSatisfactoryVersions;
 
   let top: SidebarItemData[];
   $: top = [
@@ -31,11 +33,6 @@
       icon: 'description',
       label: $t('sidebar.guides')
     },
-    {
-      url: base + '/sml-versions',
-      icon: 'lightbulb',
-      label: $t('sidebar.sml-versions')
-    },
     {
       url: base + '/tools',
       icon: 'apps',
diff --git a/src/lib/components/general/TopBar.svelte b/src/lib/components/general/TopBar.svelte
index 66e221529..78acfbe09 100644
--- a/src/lib/components/general/TopBar.svelte
+++ b/src/lib/components/general/TopBar.svelte
@@ -8,7 +8,9 @@
   import { AppBar, type PopupSettings, popup, getDrawerStore, getModalStore } from '@skeletonlabs/skeleton';
   import LoginModal from '$lib/modals/LoginModal.svelte';
 
-  $: isAdmin = !$user ? false : $user.roles.approveMods || $user.roles.approveVersions || $user.roles.editSMLVersions;
+  $: isAdmin = !$user
+    ? false
+    : $user.roles.approveMods || $user.roles.approveVersions || $user.roles.editSatisfactoryVersions;
 
   export const { t } = getTranslate();
 
diff --git a/src/lib/components/sml-versions/SMLVersionForm.svelte b/src/lib/components/sml-versions/SMLVersionForm.svelte
deleted file mode 100644
index 4b98a2e26..000000000
--- a/src/lib/components/sml-versions/SMLVersionForm.svelte
+++ /dev/null
@@ -1,196 +0,0 @@
-<script lang="ts">
-  import { createForm } from 'felte';
-  import { validator } from '@felte/validator-zod';
-  import { reporter, ValidationMessage } from '@felte/reporter-svelte';
-  import { trimNonSchema } from '$lib/utils/forms';
-  import { markdown } from '$lib/utils/markdown';
-  import type { SMLVersionData } from '$lib/models/sml-versions';
-  import { smlVersionSchema } from '$lib/models/sml-versions';
-  import { TargetName, VersionStabilities } from '$lib/generated';
-  import { getTranslate } from '@tolgee/svelte';
-
-  export const { t } = getTranslate();
-
-  export let onSubmit: (data: SMLVersionData) => void;
-
-  // export let editing = false;
-
-  export let initialValues: SMLVersionData = {
-    link: '',
-    date: new Date().toISOString(),
-    changelog: '',
-    satisfactory_version: 0,
-    stability: VersionStabilities.Alpha,
-    version: '',
-    targets: [{ targetName: TargetName.Windows, link: '' }],
-    engine_version: ''
-  };
-  export let submitText = $t('entry.create');
-
-  const { form, data, addField, unsetField } = createForm<SMLVersionData>({
-    initialValues: initialValues,
-    extend: [validator({ schema: smlVersionSchema }), reporter],
-    onSubmit: (submitted: SMLVersionData) => {
-      console.log('hello', submitted);
-      return onSubmit(trimNonSchema(submitted, smlVersionSchema));
-    }
-  });
-
-  const addTarget = () => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    addField('targets', { targetName: TargetName.Windows, link: '' } as any);
-  };
-
-  const removeTarget = (i: number) => {
-    unsetField(`targets.${i}`);
-  };
-
-  $: preview = ($data.changelog as string) || '';
-</script>
-
-<form use:form>
-  <div class="grid grid-flow-row gap-6">
-    <div class="grid grid-flow-row gap-2">
-      <label class="label">
-        <span>{$t('version')} *</span>
-        <input type="text" bind:value={$data.version} required class="input p-2" />
-      </label>
-      <ValidationMessage for="version" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    <div class="grid grid-flow-row gap-2">
-      <label class="label">
-        <span>Satisfactory {$t('version')} *</span>
-        <input type="number" bind:value={$data.satisfactory_version} required class="input p-2" />
-      </label>
-      <ValidationMessage for="satisfactory_version" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    {#if $data.bootstrap_version !== undefined && $data.bootstrap_version !== null}
-      <div class="grid grid-flow-row gap-2">
-        <label class="label">
-          <span>Bootstrap {$t('version')} *</span>
-          <input type="text" bind:value={$data.bootstrap_version} required class="input p-2" />
-        </label>
-        <ValidationMessage for="bootstrap_version" let:messages={message}>
-          <span class="validation-message">{message || ''}</span>
-        </ValidationMessage>
-      </div>
-    {/if}
-
-    <div class="grid grid-flow-row gap-2">
-      <label class="label">
-        <span>{$t('stability')} *</span>
-        <select class="select" bind:value={$data.stability}>
-          <option value="release">Release</option>
-          <option value="alpha">Alpha</option>
-          <option value="beta">Beta</option>
-        </select>
-      </label>
-      <ValidationMessage for="stability" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    <div class="split grid gap-6">
-      <div class="grid grid-flow-row auto-rows-max gap-2">
-        <label class="label">
-          <span>{$t('changelog')} *</span>
-          <textarea class="vertical-textarea textarea p-2" bind:value={$data.changelog} required rows={10} />
-        </label>
-        <ValidationMessage for="changelog" let:messages={message}>
-          <span class="validation-message">{message || ''}</span>
-        </ValidationMessage>
-      </div>
-      <div class="grid grid-flow-row auto-rows-max gap-2">
-        <span>{$t('preview')}:</span>
-        {#await markdown(preview) then previewRendered}
-          <!-- eslint-disable -->
-          <div class="markdown-content right">{@html previewRendered}</div>
-        {/await}
-      </div>
-    </div>
-
-    <span>Targets:</span>
-    <div class="grid grid-flow-row gap-2">
-      {#each $data.targets as target, i}
-        <div class="auto-rows-max gap-6">
-          <label class="label">
-            <span>Platform</span>
-            <select class="select" bind:value={target.targetName}>
-              <option value={TargetName.Windows}>{$t('arch.windows-client')}</option>
-              <option value={TargetName.WindowsServer}>{$t('arch.windows-server')}</option>
-              <option value={TargetName.LinuxServer}>{$t('arch.linux-server')}</option>
-            </select>
-          </label>
-
-          <label class="label">
-            <span>URL</span>
-            <textarea
-              class="textarea p-2"
-              name={`data_link.link`}
-              placeholder="URL"
-              bind:value={target.link}
-              style="min-width: 850px;" />
-          </label>
-          <ValidationMessage for="targets.{i}.link" let:messages={message}>
-            <span class="validation-message">{message || ''}</span>
-          </ValidationMessage>
-
-          <button class="variant-ghost-primary btn" on:click={addTarget}>{$t('add')}</button>
-          <button
-            class="variant-ghost-primary btn"
-            disabled={$data.targets.length == 1}
-            on:click={() => removeTarget(i)}>{$t('remove')}</button>
-        </div>
-      {/each}
-
-      <label class="label">
-        <span>{$t('link')}</span>
-        <input type="text" bind:value={$data.link} required class="input p-2" />
-      </label>
-      <ValidationMessage for="link" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    <div class="grid grid-flow-row gap-2">
-      <label class="label">
-        <span>{$t('date-and-time')}</span>
-        <input type="text" bind:value={$data.date} required class="input p-2" />
-      </label>
-      <ValidationMessage for="date" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    <div class="grid grid-flow-row gap-2">
-      <label class="label">
-        <span>Engine version</span>
-        <input type="text" bind:value={$data.engine_version} required class="input p-2" />
-      </label>
-      <ValidationMessage for="engine_version" let:messages={message}>
-        <span class="validation-message">{message || ''}</span>
-      </ValidationMessage>
-    </div>
-
-    <div>
-      <button class="variant-ghost-primary btn" type="submit">{submitText}</button>
-    </div>
-  </div>
-</form>
-
-<style lang="postcss">
-  .split {
-    grid-template-columns: 50% 50%;
-
-    & .right {
-      max-height: 75vh;
-      overflow: auto;
-    }
-  }
-</style>
diff --git a/src/lib/components/versions/VersionDependenciesGrid.svelte b/src/lib/components/versions/VersionDependenciesGrid.svelte
index 9426de245..0c3216e95 100644
--- a/src/lib/components/versions/VersionDependenciesGrid.svelte
+++ b/src/lib/components/versions/VersionDependenciesGrid.svelte
@@ -23,7 +23,7 @@
             <td>
               <a
                 title="Click to view mod page"
-                href={dependency.mod_id === 'SML' ? `${base}/sml-versions` : `${base}/mod/${dependency.mod_id}`}
+                href={`${base}/mod/${dependency.mod_id}`}
                 class="text-yellow-500"><u>{dependency.mod_id}</u></a>
             </td>
             <td><div class="text-center">{dependency.condition}</div></td>
diff --git a/src/lib/core/graphql.ts b/src/lib/core/graphql.ts
index 1700dc296..5f9220b99 100644
--- a/src/lib/core/graphql.ts
+++ b/src/lib/core/graphql.ts
@@ -65,12 +65,6 @@ export const initializeGraphQLClient = (fetch?: LoadEvent['fetch']): Client =>
                 id: args.versionId as string
               });
             },
-            deleteSMLVersion(_result, args, cache) {
-              cache.invalidate({
-                __typename: 'SMLVersion',
-                id: args.smlVersionId as string
-              });
-            },
             deleteVersion(_result, args, cache) {
               cache.invalidate({
                 __typename: 'Version',
diff --git a/src/lib/models/sml-versions.ts b/src/lib/models/sml-versions.ts
deleted file mode 100644
index 0fd3acf02..000000000
--- a/src/lib/models/sml-versions.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import * as zod from 'zod';
-import type { TargetName, UpdateSmlVersionTarget, VersionStabilities } from '$lib/generated';
-
-export type SMLTargetData = {
-  targetName: TargetName;
-  link: string;
-};
-
-export type SMLVersionData = {
-  version: string;
-  satisfactory_version: number;
-  bootstrap_version?: string;
-  stability: VersionStabilities;
-  link: string;
-  changelog: string;
-  date: string;
-  targets: UpdateSmlVersionTarget[];
-  engine_version: string;
-};
-
-const versionRegex =
-  /^(<=|<|>|>=|\^)?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/;
-
-export const smlTargetSchema = zod.object({
-  targetName: zod.string(),
-  link: zod.string().url()
-});
-
-export const smlVersionSchema = zod.object({
-  version: zod.string().regex(versionRegex),
-  satisfactory_version: zod.number(),
-  bootstrap_version: zod.string().regex(versionRegex).optional(),
-  stability: zod.string(),
-  link: zod.string().url(),
-  targets: zod.array(smlTargetSchema).superRefine((targets, ctx) => {
-    for (let i = 0; i < targets.length; i += 1) {
-      if (targets.findIndex((t) => t.targetName == targets[i].targetName) !== i) {
-        ctx.addIssue({
-          code: zod.ZodIssueCode.custom,
-          message: 'Targets must be unique',
-          path: [i, 'targetName']
-        });
-      }
-    }
-  }),
-  changelog: zod.string(),
-  date: zod.string(),
-  engine_version: zod.string()
-});
diff --git a/src/lib/models/versions.ts b/src/lib/models/versions.ts
index e72968a07..5d5233ab4 100644
--- a/src/lib/models/versions.ts
+++ b/src/lib/models/versions.ts
@@ -17,6 +17,7 @@ export type VersionMetadata = {
   uplugin: {
     Version: string;
     SemVersion?: string;
+    GameVersion?: string;
     Plugins?: {
       Name: string;
       SemVersion?: string;
@@ -45,17 +46,9 @@ const readUPluginJson = async (
 
   const parsed = JSON.parse(uPluginJson) as VersionMetadata['uplugin'];
 
-  let foundSML = false;
-  for (const dependency of parsed.Plugins) {
-    if (dependency.Name === 'SML') {
-      foundSML = true;
-      break;
-    }
-  }
-
-  if (!foundSML) {
+  if (!parsed.GameVersion) {
     return {
-      message: 'mod must depend on SML'
+      message: `missing GameVersion in ${modReference}.uplugin`
     };
   }
 
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index 04689e72d..b57bf641f 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -19,10 +19,6 @@
       <h2>Unapproved Versions</h2>
     </a>
 
-    <a href="{base}/admin/sml-versions" class="text-white">
-      <h2>SML Versions</h2>
-    </a>
-
     <a href="{base}/admin/tag-manager" class="text-white">
       <h2>Tag Manager</h2>
     </a>
diff --git a/src/routes/admin/sml-versions/+page.svelte b/src/routes/admin/sml-versions/+page.svelte
deleted file mode 100644
index 34779b051..000000000
--- a/src/routes/admin/sml-versions/+page.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-<script lang="ts">
-  import { DeleteSmlVersionDocument, GetSmlVersionsAdminDocument } from '$lib/generated';
-  import { getContextClient, queryStore } from '@urql/svelte';
-  import { base } from '$app/paths';
-  import MetaDescriptors from '$lib/components/utils/MetaDescriptors.svelte';
-  import { prettyDate } from '$lib/utils/formatting';
-  import { type PaginationSettings, Paginator } from '@skeletonlabs/skeleton';
-
-  const client = getContextClient();
-
-  let perPage = 20;
-  let page = 0;
-
-  $: versions = queryStore({
-    query: GetSmlVersionsAdminDocument,
-    client,
-    variables: {
-      filter: {
-        offset: page * perPage,
-        limit: perPage
-      }
-    }
-  });
-
-  $: totalVersions = $versions?.data?.getSMLVersions?.count;
-
-  const deleteVersion = (smlVersionID: string) => {
-    client
-      .mutation(DeleteSmlVersionDocument, { smlVersionID })
-      .toPromise()
-      .then(() => {
-        versions.pause();
-        versions.resume();
-      });
-  };
-
-  $: paginationSettings = {
-    page: page,
-    limit: perPage,
-    size: totalVersions,
-    amounts: [5, 10, 20, 50, 100]
-  } satisfies PaginationSettings;
-</script>
-
-<svelte:head>
-  <MetaDescriptors description="SML Versions" title="Admin: SML Versions" />
-</svelte:head>
-
-<div class="mb-5 ml-auto flex justify-between">
-  <a class="variant-ghost-primary btn" href="{base}/admin/sml-versions/new">New SML Version</a>
-
-  {#if totalVersions}
-    <div>
-      <Paginator
-        bind:settings={paginationSettings}
-        showFirstLastButtons={true}
-        showPreviousNextButtons={true}
-        on:page={(p) => (page = p.detail)}
-        on:amount={(p) => (perPage = p.detail)}
-        controlVariant="variant-filled-surface" />
-    </div>
-  {/if}
-</div>
-
-<div class="card">
-  {#if $versions.fetching}
-    <section class="p-4">Loading...</section>
-  {:else if $versions.error}
-    <section class="p-4">Oh no... {$versions.error.message}</section>
-  {:else}
-    <table class="table table-hover max-w-full">
-      <thead>
-        <tr>
-          <th>Version</th>
-          <th>Stability</th>
-          <th>Satisfactory Version</th>
-          <th>Bootstrap Version</th>
-          <th>Release Date</th>
-          <th><!-- Buttons --></th>
-        </tr>
-      </thead>
-      <tbody>
-        {#each $versions.data.getSMLVersions.sml_versions as version}
-          <tr>
-            <td>{version.version}</td>
-            <td>{version.stability}</td>
-            <td>{version.satisfactory_version}</td>
-            <td>{version.bootstrap_version}</td>
-            <td>{prettyDate(version.created_at)}</td>
-            <td class="!p-2.5">
-              <div class="grid grid-flow-col gap-4">
-                <button class="variant-ghost-primary btn btn-sm" on:click={() => deleteVersion(version.id)}
-                  >Delete</button>
-                <a class="variant-ghost-primary btn btn-sm" href={base + '/admin/sml-versions/' + version.id + '/edit'}
-                  >Edit</a>
-              </div>
-            </td>
-          </tr>
-        {/each}
-      </tbody>
-    </table>
-  {/if}
-</div>
-
-{#if totalVersions}
-  <div class="ml-auto mt-5 flex justify-end">
-    <div>
-      <Paginator
-        bind:settings={paginationSettings}
-        showFirstLastButtons={true}
-        showPreviousNextButtons={true}
-        on:page={(p) => (page = p.detail)}
-        on:amount={(p) => (perPage = p.detail)}
-        controlVariant="variant-filled-surface" />
-    </div>
-  </div>
-{/if}
diff --git a/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.svelte b/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.svelte
deleted file mode 100644
index 08e520b5e..000000000
--- a/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<script lang="ts">
-  import { getContextClient, queryStore } from '@urql/svelte';
-  import { GetSmlVersionAdminDocument, UpdateSmlVersionDocument } from '$lib/generated';
-  import { goto } from '$app/navigation';
-  import type { SMLVersionData } from '$lib/models/sml-versions';
-  import SMLVersionForm from '$lib/components/sml-versions/SMLVersionForm.svelte';
-  import { base } from '$app/paths';
-  import MetaDescriptors from '$lib/components/utils/MetaDescriptors.svelte';
-  import type { PageData } from './$types';
-  import { getToastStore } from '@skeletonlabs/skeleton';
-
-  export let data: PageData;
-
-  $: ({ smlVersionId } = data);
-
-  const client = getContextClient();
-
-  const toastStore = getToastStore();
-
-  $: smlVersion = queryStore({
-    query: GetSmlVersionAdminDocument,
-    client,
-    variables: { smlVersionID: smlVersionId }
-  });
-
-  const onSubmit = (smlVersionData: SMLVersionData) => {
-    client
-      .mutation(UpdateSmlVersionDocument, {
-        smlVersionID: smlVersionId,
-        smlVersion: smlVersionData
-      })
-      .toPromise()
-      .then((value) => {
-        if (value.error) {
-          console.error(value.error.message);
-          toastStore.trigger({
-            message: 'Error editing SMLVersion: ' + value.error.message,
-            background: 'variant-filled-error',
-            autohide: false
-          });
-        } else {
-          toastStore.trigger({
-            message: `SML version updated`,
-            background: 'variant-filled-success',
-            timeout: 5000
-          });
-          goto(base + '/admin/sml-versions');
-        }
-      });
-  };
-
-  $: initialValues = $smlVersion.data
-    ? ({
-        ...$smlVersion.data.getSMLVersion,
-        logo: undefined
-      } as unknown as SMLVersionData)
-    : undefined;
-</script>
-
-<svelte:head>
-  <MetaDescriptors description="Edit SML Version" title="Admin: Edit SML Version" />
-</svelte:head>
-
-<h1 class="my-4 text-4xl font-bold">Edit SMLVersion</h1>
-
-<div class="card p-4">
-  <section>
-    {#if $smlVersion.fetching}
-      <p>Loading...</p>
-    {:else if $smlVersion.error}
-      <p>Oh no... {$smlVersion.error.message}</p>
-    {:else}
-      <SMLVersionForm {onSubmit} {initialValues} submitText="Save" />
-    {/if}
-  </section>
-</div>
diff --git a/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.ts b/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.ts
deleted file mode 100644
index 9a95a14e6..000000000
--- a/src/routes/admin/sml-versions/[smlVersionId]/edit/+page.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params }) => ({
-  ...params
-});
diff --git a/src/routes/admin/sml-versions/new/+page.svelte b/src/routes/admin/sml-versions/new/+page.svelte
deleted file mode 100644
index b398112eb..000000000
--- a/src/routes/admin/sml-versions/new/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-  import { getContextClient } from '@urql/svelte';
-  import { NewSmlVersionDocument } from '$lib/generated';
-  import { goto } from '$app/navigation';
-  import type { SMLVersionData } from '$lib/models/sml-versions';
-  import SMLVersionForm from '$lib/components/sml-versions/SMLVersionForm.svelte';
-  import { base } from '$app/paths';
-  import MetaDescriptors from '$lib/components/utils/MetaDescriptors.svelte';
-  import { getToastStore } from '@skeletonlabs/skeleton';
-
-  const client = getContextClient();
-
-  const toastStore = getToastStore();
-
-  const onSubmit = (data: SMLVersionData) => {
-    client
-      .mutation(NewSmlVersionDocument, {
-        smlVersion: data
-      })
-      .toPromise()
-      .then((value) => {
-        if (value.error) {
-          console.error(value.error.message);
-          toastStore.trigger({
-            message: 'Error creating SML Version: ' + value.error.message,
-            background: 'variant-filled-error',
-            autohide: false
-          });
-        } else {
-          toastStore.trigger({
-            message: `SML version created`,
-            background: 'variant-filled-success',
-            timeout: 5000
-          });
-          goto(base + '/admin/sml-versions');
-        }
-      });
-  };
-</script>
-
-<svelte:head>
-  <MetaDescriptors description="New SML Version" title="Admin: New SML Version" />
-</svelte:head>
-
-<h1 class="my-4 text-4xl font-bold">New SML Version</h1>
-
-<div class="card p-4">
-  <section>
-    <SMLVersionForm {onSubmit} />
-  </section>
-</div>
diff --git a/src/routes/sml-versions/+page.svelte b/src/routes/sml-versions/+page.svelte
deleted file mode 100644
index e9a8eea2b..000000000
--- a/src/routes/sml-versions/+page.svelte
+++ /dev/null
@@ -1,121 +0,0 @@
-<script lang="ts">
-  import { GetSmlVersionsDocument } from '$lib/generated';
-  import { getContextClient, queryStore } from '@urql/svelte';
-  import { markdown } from '$lib/utils/markdown';
-  import MetaDescriptors from '$lib/components/utils/MetaDescriptors.svelte';
-  import { prettyDate } from '$lib/utils/formatting';
-  import { type PaginationSettings, Paginator } from '@skeletonlabs/skeleton';
-
-  const client = getContextClient();
-
-  let expandedVersions = new Set<string>();
-
-  let perPage = 20;
-  let page = 0;
-
-  $: versions = queryStore({
-    query: GetSmlVersionsDocument,
-    client,
-    variables: {
-      offset: page * perPage,
-      limit: perPage
-    }
-  });
-
-  $: totalVersions = $versions?.data?.getSMLVersions?.count;
-
-  const toggleRow = (versionId: string) => {
-    if (expandedVersions.has(versionId)) {
-      expandedVersions.delete(versionId);
-    } else {
-      expandedVersions.add(versionId);
-    }
-    expandedVersions = expandedVersions;
-  };
-
-  $: paginationSettings = {
-    page: page,
-    limit: perPage,
-    size: totalVersions,
-    amounts: [5, 10, 20, 50, 100]
-  } satisfies PaginationSettings;
-</script>
-
-<svelte:head>
-  <title>SML Versions - SMR</title>
-  <MetaDescriptors description="Versions of the Satisfactory Mod Loader" title="Satisfactory Mod Loader versions" />
-</svelte:head>
-
-{#if totalVersions}
-  <div class="mb-5 ml-auto flex justify-end">
-    <div>
-      <Paginator
-        bind:settings={paginationSettings}
-        showFirstLastButtons={true}
-        showPreviousNextButtons={true}
-        on:page={(p) => (page = p.detail)}
-        on:amount={(p) => (perPage = p.detail)}
-        controlVariant="variant-filled-surface" />
-    </div>
-  </div>
-{/if}
-
-<div class="card">
-  {#if $versions.fetching}
-    <section class="p-4">Loading...</section>
-  {:else if $versions.error}
-    <section class="p-4">Oh no... {$versions.error.message}</section>
-  {:else}
-    <table class="table table-hover max-w-full">
-      <thead>
-        <tr>
-          <th>Version</th>
-          <th>Stability</th>
-          <th>Game Version</th>
-          <th>Release Date</th>
-          <th><!-- Buttons --></th>
-        </tr>
-      </thead>
-      <tbody>
-        {#each $versions.data.getSMLVersions.sml_versions as version}
-          <tr on:click={() => toggleRow(version.id)}>
-            <td>{version.version}</td>
-            <td>{version.stability}</td>
-            <td>{version.satisfactory_version}</td>
-            <td>{prettyDate(version.date)}</td>
-            <td class="!p-2.5">
-              <div class="grid grid-flow-col gap-4">
-                <a class="variant-ghost-primary btn btn-sm" href={version.link}>View</a>
-              </div>
-            </td>
-          </tr>
-
-          {#if expandedVersions.has(version.id)}
-            <tr>
-              <td colspan={5} class="markdown-content p-2">
-                {#await markdown(version.changelog) then changelogRendered}
-                  <!-- eslint-disable -->
-                  {@html changelogRendered}
-                {/await}
-              </td>
-            </tr>
-          {/if}
-        {/each}
-      </tbody>
-    </table>
-  {/if}
-</div>
-
-{#if totalVersions}
-  <div class="ml-auto mt-5 flex justify-end">
-    <div>
-      <Paginator
-        bind:settings={paginationSettings}
-        showFirstLastButtons={true}
-        showPreviousNextButtons={true}
-        on:page={(p) => (page = p.detail)}
-        on:amount={(p) => (perPage = p.detail)}
-        controlVariant="variant-filled-surface" />
-    </div>
-  </div>
-{/if}

From 4651b3b6b27b10778a99bd33a9002bdf56a931d1 Mon Sep 17 00:00:00 2001
From: mircearoata <mircearoatapalade@gmail.com>
Date: Fri, 21 Jun 2024 15:48:48 +0200
Subject: [PATCH 2/9] feat: add satisfactory versions admin page

---
 .../create_satisfactory_version.graphql       |   7 +
 .../delete_satisfactory_version.graphql       |   3 +
 .../satisfactory_versions.graphql             |   7 +
 .../update_satisfactory_version.graphql       |   7 +
 src/routes/admin/+page.svelte                 |   4 +
 .../admin/satisfactory-versions/+page.svelte  | 196 ++++++++++++++++++
 6 files changed, 224 insertions(+)
 create mode 100644 src/gql/satisfactoryVersions/create_satisfactory_version.graphql
 create mode 100644 src/gql/satisfactoryVersions/delete_satisfactory_version.graphql
 create mode 100644 src/gql/satisfactoryVersions/satisfactory_versions.graphql
 create mode 100644 src/gql/satisfactoryVersions/update_satisfactory_version.graphql
 create mode 100644 src/routes/admin/satisfactory-versions/+page.svelte

diff --git a/src/gql/satisfactoryVersions/create_satisfactory_version.graphql b/src/gql/satisfactoryVersions/create_satisfactory_version.graphql
new file mode 100644
index 000000000..4f0aa82c4
--- /dev/null
+++ b/src/gql/satisfactoryVersions/create_satisfactory_version.graphql
@@ -0,0 +1,7 @@
+mutation CreateSatisfactoryVersion($satisfactoryVersion: NewSatisfactoryVersion!) {
+  createSatisfactoryVersion(input: $satisfactoryVersion) {
+    id
+    version
+    engine_version
+  }
+}
diff --git a/src/gql/satisfactoryVersions/delete_satisfactory_version.graphql b/src/gql/satisfactoryVersions/delete_satisfactory_version.graphql
new file mode 100644
index 000000000..c38b31c83
--- /dev/null
+++ b/src/gql/satisfactoryVersions/delete_satisfactory_version.graphql
@@ -0,0 +1,3 @@
+mutation DeleteSatisfactoryVersion($satisfactoryVersionID: SatisfactoryVersionID!) {
+  deleteSatisfactoryVersion(id: $satisfactoryVersionID)
+}
diff --git a/src/gql/satisfactoryVersions/satisfactory_versions.graphql b/src/gql/satisfactoryVersions/satisfactory_versions.graphql
new file mode 100644
index 000000000..567140299
--- /dev/null
+++ b/src/gql/satisfactoryVersions/satisfactory_versions.graphql
@@ -0,0 +1,7 @@
+query GetSatisfactoryVersions {
+  getSatisfactoryVersions {
+    id
+    version
+    engine_version
+  }
+}
diff --git a/src/gql/satisfactoryVersions/update_satisfactory_version.graphql b/src/gql/satisfactoryVersions/update_satisfactory_version.graphql
new file mode 100644
index 000000000..1a011dbf4
--- /dev/null
+++ b/src/gql/satisfactoryVersions/update_satisfactory_version.graphql
@@ -0,0 +1,7 @@
+mutation UpdateSatisfactoryVersion($id: SatisfactoryVersionID!, $satisfactoryVersion: UpdateSatisfactoryVersion!) {
+  updateSatisfactoryVersion(id: $id, input: $satisfactoryVersion) {
+    id
+    version
+    engine_version
+  }
+}
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index b57bf641f..cf36f9cc1 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -19,6 +19,10 @@
       <h2>Unapproved Versions</h2>
     </a>
 
+    <a href="{base}/admin/satisfactory-versions" class="text-white">
+      <h2>Satisfactory Versions</h2>
+    </a>
+
     <a href="{base}/admin/tag-manager" class="text-white">
       <h2>Tag Manager</h2>
     </a>
diff --git a/src/routes/admin/satisfactory-versions/+page.svelte b/src/routes/admin/satisfactory-versions/+page.svelte
new file mode 100644
index 000000000..579c139de
--- /dev/null
+++ b/src/routes/admin/satisfactory-versions/+page.svelte
@@ -0,0 +1,196 @@
+<script lang="ts">
+  import { getContextClient, queryStore } from '@urql/svelte';
+  import {
+    CreateSatisfactoryVersionDocument,
+    DeleteSatisfactoryVersionDocument,
+    GetSatisfactoryVersionsDocument,
+    UpdateSatisfactoryVersionDocument,
+    type GetSatisfactoryVersionsQuery
+  } from '$lib/generated';
+  import { Accordion, AccordionItem, getToastStore } from '@skeletonlabs/skeleton';
+
+  type SatisfactoryVersion = GetSatisfactoryVersionsQuery['getSatisfactoryVersions'][number];
+
+  const client = getContextClient();
+
+  const panels = {};
+  const versionFields = {};
+
+  const satisfactoryVersionsQuery = queryStore({
+    query: GetSatisfactoryVersionsDocument,
+    client
+  });
+
+  $: satisfactoryVersions = $satisfactoryVersionsQuery.data?.getSatisfactoryVersions || [];
+
+  const toastStore = getToastStore();
+
+  function newSatisfactoryVersion() {
+    if (!satisfactoryVersions.find((satisfactoryVersion) => satisfactoryVersion.id < 0)) {
+      const satisfactoryVersion = { id: -1, version: 0, engine_version: '4.26' } as SatisfactoryVersion;
+      satisfactoryVersions.push(satisfactoryVersion);
+      satisfactoryVersions = satisfactoryVersions;
+      setTimeout(() => {
+        panels[satisfactoryVersion.id].setOpen(true);
+        const field = versionFields[satisfactoryVersion.id];
+        field.focus();
+        const input = field.getElement().querySelectorAll('input')[0] as HTMLInputElement;
+        input.select();
+      }, 0);
+    } else {
+      panels[satisfactoryVersions[satisfactoryVersions.length - 1].id].setOpen(true);
+      versionFields[satisfactoryVersions[satisfactoryVersions.length - 1].id].focus();
+    }
+  }
+
+  async function satisfactoryVersionChange(satisfactoryVersion: SatisfactoryVersion) {
+    if (satisfactoryVersion.version === 0) {
+      return;
+    }
+
+    console.log(satisfactoryVersion);
+
+    let success = false;
+    if (satisfactoryVersion.id < 0) {
+      // Create new satisfactory version & update satisfactoryVersion.id with new DB id or re-fetch all satisfactory versions
+      try {
+        const result = await client
+          .mutation(CreateSatisfactoryVersionDocument, {
+            satisfactoryVersion: {
+              version: satisfactoryVersion.version,
+              engine_version: satisfactoryVersion.engine_version
+            }
+          })
+          .toPromise();
+        if (result.data) {
+          satisfactoryVersion.id = result.data.createSatisfactoryVersion.id;
+          success = true;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+      if (!success) {
+        toastStore.trigger({
+          message: `Failed to create Satisfactory version '${satisfactoryVersion.version}'!`,
+          background: 'variant-filled-error',
+          timeout: 2000
+        });
+        return;
+      }
+    } else {
+      // Update existing satisfactory version
+      try {
+        success =
+          (
+            await client
+              .mutation(UpdateSatisfactoryVersionDocument, {
+                id: satisfactoryVersion.id,
+                satisfactoryVersion: {
+                  version: satisfactoryVersion.version,
+                  engine_version: satisfactoryVersion.engine_version
+                }
+              })
+              .toPromise()
+          ).data.updateSatisfactoryVersion != null;
+      } catch {
+        // nothing
+      }
+      if (!success) {
+        toastStore.trigger({
+          message: `Failed to update Satisfactory version '${satisfactoryVersion.version}'!`,
+          background: 'variant-filled-error',
+          timeout: 2000
+        });
+        return;
+      }
+    }
+
+    toastStore.trigger({
+      message: `Satisfactory version '${satisfactoryVersion.version}' saved!`,
+      background: 'variant-filled-success',
+      timeout: 2000
+    });
+  }
+
+  async function deleteSatisfactoryVersion(satisfactoryVersion: SatisfactoryVersion) {
+    if (!(satisfactoryVersion.id < 0)) {
+      // Remove satisfactory version
+      let success = false;
+      try {
+        const result = await client
+          .mutation(DeleteSatisfactoryVersionDocument, { satisfactoryVersionID: satisfactoryVersion.id })
+          .toPromise();
+        success = result.data.deleteSatisfactoryVersion;
+        if (success) {
+          satisfactoryVersions = satisfactoryVersions.filter((version) => version.id !== satisfactoryVersion.id);
+        }
+      } catch {
+        success = false;
+      }
+      if (!success) {
+        toastStore.trigger({
+          message: `Failed to remove Satisfactory version '${satisfactoryVersion.version}'!`,
+          background: 'variant-filled-error',
+          timeout: 2000
+        });
+        return;
+      }
+    }
+
+    toastStore.trigger({
+      message: `Satisfactory version '${satisfactoryVersion.version}' removed!`,
+      background: 'variant-filled-success',
+      timeout: 2000
+    });
+  }
+
+  function onDeleteClick(e: Event, satisfactoryVersion: SatisfactoryVersion) {
+    e.stopPropagation();
+    deleteSatisfactoryVersion(satisfactoryVersion);
+  }
+</script>
+
+<div class="card">
+  {#if $satisfactoryVersionsQuery.fetching}
+    <h1>Loading satisfactory versions...</h1>
+  {:else if $satisfactoryVersionsQuery.error}
+    <h1>Failed to load satisfactory versions: {$satisfactoryVersionsQuery.error.message}</h1>
+  {:else}
+    <Accordion>
+      {#each satisfactoryVersions as satisfactoryVersion}
+        <AccordionItem>
+          <svelte:fragment slot="summary">{satisfactoryVersion.version}</svelte:fragment>
+          <svelte:fragment slot="content">
+            <div>
+              <input
+                type="text"
+                class="input p-2"
+                bind:value={satisfactoryVersion.version}
+                placeholder="Version"
+                bind:this={versionFields[satisfactoryVersion.id]}
+                on:change={() => satisfactoryVersionChange(satisfactoryVersion)} />
+
+              <input
+                type="text"
+                class="input p-2"
+                bind:value={satisfactoryVersion.engine_version}
+                placeholder="Engine version"
+                on:change={() => satisfactoryVersionChange(satisfactoryVersion)} />
+            </div>
+
+            <button class="variant-ghost-error btn" on:click={(e) => onDeleteClick(e, satisfactoryVersion)}>
+              <span>Delete</span>
+            </button>
+          </svelte:fragment>
+        </AccordionItem>
+      {/each}
+    </Accordion>
+
+    <section class="p-4">
+      <button class="variant-ghost-primary btn" on:click={newSatisfactoryVersion}>
+        <span>Add new Satisfactory version</span>
+        <span class="material-icons">add</span>
+      </button>
+    </section>
+  {/if}
+</div>

From 1e3497730aa6d6c299944bdd4104903428de5d20 Mon Sep 17 00:00:00 2001
From: mircearoata <mircearoatapalade@gmail.com>
Date: Fri, 21 Jun 2024 20:47:06 +0200
Subject: [PATCH 3/9] feat: display game version in new version form

---
 src/lib/components/versions/VersionForm.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/versions/VersionForm.svelte b/src/lib/components/versions/VersionForm.svelte
index 6e062ba65..1f663b91f 100644
--- a/src/lib/components/versions/VersionForm.svelte
+++ b/src/lib/components/versions/VersionForm.svelte
@@ -86,6 +86,8 @@
                 {$modMeta.uplugin.Version}.0.0
               </span>
             {/if}
+
+            <span><strong>Game version:</strong> {$modMeta.uplugin.GameVersion}<br /></span>
           </p>
 
           <span><strong>Targets:</strong> {$modMeta.targets.join(', ')}<br /></span>

From 773440bff8b07c3c79c8ff2aa1478eb796fe6a34 Mon Sep 17 00:00:00 2001
From: mircearoata <mircearoatapalade@gmail.com>
Date: Fri, 21 Jun 2024 20:48:03 +0200
Subject: [PATCH 4/9] feat: hide base plugins from dependencies in new version
 form

---
 src/lib/components/versions/VersionForm.svelte | 3 ++-
 src/lib/models/versions.ts                     | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/versions/VersionForm.svelte b/src/lib/components/versions/VersionForm.svelte
index 1f663b91f..abdf2f622 100644
--- a/src/lib/components/versions/VersionForm.svelte
+++ b/src/lib/components/versions/VersionForm.svelte
@@ -39,6 +39,7 @@
   });
 
   $: preview = ($data.changelog as string) || '';
+  $: dependencies = $modMeta?.uplugin?.Plugins?.filter((d) => !d.BasePlugin) || [];
 </script>
 
 <form use:form>
@@ -95,7 +96,7 @@
           {#if $modMeta.uplugin.Plugins !== undefined}
             <p>
               <strong>{$t('dependencies')}:</strong><br />
-              {#each $modMeta.uplugin.Plugins as dependency}
+              {#each dependencies as dependency}
                 <strong>{dependency.Name}: </strong>
                 {#if dependency.SemVersion}
                   <span>{dependency.SemVersion}</span>
diff --git a/src/lib/models/versions.ts b/src/lib/models/versions.ts
index 5d5233ab4..adf24a5e6 100644
--- a/src/lib/models/versions.ts
+++ b/src/lib/models/versions.ts
@@ -21,6 +21,8 @@ export type VersionMetadata = {
     Plugins?: {
       Name: string;
       SemVersion?: string;
+      BasePlugin?: boolean;
+      Optional?: boolean;
     }[];
   };
   objects: string[];

From 45587cae9370c9f02691faa2412d69b87683c172 Mon Sep 17 00:00:00 2001
From: mircearoata <mircearoatapalade@gmail.com>
Date: Sun, 23 Jun 2024 23:18:00 +0200
Subject: [PATCH 5/9] feat: display mod version's game version

---
 src/gql/mods/mod.graphql                       | 3 +++
 src/gql/mods/versions.graphql                  | 1 +
 src/gql/versions/mod_version.graphql           | 1 +
 src/lib/components/mods/ModVersions.svelte     | 4 +++-
 src/lib/components/versions/VersionInfo.svelte | 6 +++++-
 5 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/gql/mods/mod.graphql b/src/gql/mods/mod.graphql
index 37b192898..86a79f27c 100644
--- a/src/gql/mods/mod.graphql
+++ b/src/gql/mods/mod.graphql
@@ -26,6 +26,7 @@ query GetMod($mod: String!) {
         version
         created_at
         sml_version
+        game_version
       }
       beta {
         id
@@ -43,6 +44,7 @@ query GetMod($mod: String!) {
         version
         created_at
         sml_version
+        game_version
       }
       release {
         id
@@ -60,6 +62,7 @@ query GetMod($mod: String!) {
         version
         created_at
         sml_version
+        game_version
       }
     }
     downloads
diff --git a/src/gql/mods/versions.graphql b/src/gql/mods/versions.graphql
index 6145c067b..d292f5a27 100644
--- a/src/gql/mods/versions.graphql
+++ b/src/gql/mods/versions.graphql
@@ -7,6 +7,7 @@ query GetModVersions($mod: ModID!, $limit: Int!, $offset: Int!) {
       version
       stability
       sml_version
+      game_version
       downloads
       created_at
       changelog
diff --git a/src/gql/versions/mod_version.graphql b/src/gql/versions/mod_version.graphql
index 3d877a9bf..fcd28b058 100644
--- a/src/gql/versions/mod_version.graphql
+++ b/src/gql/versions/mod_version.graphql
@@ -4,6 +4,7 @@ query GetModVersion($version: VersionID!) {
     version
     stability
     sml_version
+    game_version
     downloads
     created_at
     changelog
diff --git a/src/lib/components/mods/ModVersions.svelte b/src/lib/components/mods/ModVersions.svelte
index 1d349445c..ad4ef2501 100644
--- a/src/lib/components/mods/ModVersions.svelte
+++ b/src/lib/components/mods/ModVersions.svelte
@@ -51,6 +51,7 @@
             <th>{$t('version')}</th>
             <th>{$t('stability')}</th>
             <th>SML {$t('version')}</th>
+            <th>{$t('game-versions')}</th>
             <th>{$t('downloads')}</th>
             <th>{$t('upload-date')}</th>
             <th><!-- Buttons --></th>
@@ -62,6 +63,7 @@
               <td>{version.version}</td>
               <td>{version.stability}</td>
               <td>{version.sml_version}</td>
+              <td>{version.game_version}</td>
               <td>{prettyNumber(version.downloads)}</td>
               <td>{prettyDate(version.created_at)}</td>
               <td class="!overflow-visible !p-2">
@@ -139,7 +141,7 @@
 
             {#if expandedVersions.has(version.id)}
               <tr>
-                <td colspan={6}>
+                <td colspan={7}>
                   <div class="col-span-3 p-2">{$t('size')}: {prettyBytes(version.size)}</div>
                   <div class="col-span-3 p-2">{$t('hash')}: {version.hash}</div>
 
diff --git a/src/lib/components/versions/VersionInfo.svelte b/src/lib/components/versions/VersionInfo.svelte
index e34078a6d..c2fba1574 100644
--- a/src/lib/components/versions/VersionInfo.svelte
+++ b/src/lib/components/versions/VersionInfo.svelte
@@ -3,7 +3,10 @@
   import { prettyBytes, prettyDate, prettyNumber } from '$lib/utils/formatting';
   import { getTranslate } from '@tolgee/svelte';
 
-  export let version!: Pick<Version, 'created_at' | 'sml_version' | 'size' | 'stability' | 'downloads' | 'hash'>;
+  export let version!: Pick<
+    Version,
+    'created_at' | 'sml_version' | 'game_version' | 'size' | 'stability' | 'downloads' | 'hash'
+  >;
 
   export const { t } = getTranslate();
 </script>
@@ -15,6 +18,7 @@
       <span><strong>{$t('entry.created-at')}:</strong> {prettyDate(version.created_at)}</span><br />
       <span><strong>{$t('downloads')}:</strong> {prettyNumber(version.downloads)}</span><br />
       <span><strong>SML {$t('version')}:</strong> {version.sml_version}</span><br />
+      <span><strong>{$t('game-versions')}:</strong> {version.game_version}</span><br />
       <span><strong>{$t('stability')}:</strong> {version.stability}</span><br />
       <span><strong>{$t('size')}:</strong> {prettyBytes(version.size)}</span><br />
       <span><strong>{$t('hash')}:</strong> {version.hash}</span>

From db7de11e6cf9619aaa11fb7890491a9d1302aa95 Mon Sep 17 00:00:00 2001
From: Mircea Roata <mircearoatapalade@gmail.com>
Date: Sun, 11 Aug 2024 16:54:26 +0300
Subject: [PATCH 6/9] fix: use dotenv in graphql-codegen:watch

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f6c29e507..577ecee88 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "dev": "conc -c 'auto' bun:graphql-codegen:watch bun:dev:serve bun:check:dev bun:lint:dev",
     "dev:serve": "vite dev --host",
     "graphql-codegen": "graphql-codegen -r dotenv-flow/config --default-node-env=development --config codegen.yml",
-    "graphql-codegen:watch": "graphql-codegen --watch",
+    "graphql-codegen:watch": "bun graphql-codegen --watch",
     "lint": "eslint . && prettier --check .",
     "lint:dev": "chokidar -c \"eslint . --cache\" --silent --initial \"src/**/*.svelte\" \"src/**/*.ts\"",
     "prepare": "husky",

From efc037708f62b9837098b4822ff62d1fe78cb064 Mon Sep 17 00:00:00 2001
From: Mircea Roata <mircearoatapalade@gmail.com>
Date: Sun, 11 Aug 2024 16:55:09 +0300
Subject: [PATCH 7/9] chore: format

---
 src/lib/components/versions/VersionDependenciesGrid.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/versions/VersionDependenciesGrid.svelte b/src/lib/components/versions/VersionDependenciesGrid.svelte
index 0c3216e95..66ff8a4f2 100644
--- a/src/lib/components/versions/VersionDependenciesGrid.svelte
+++ b/src/lib/components/versions/VersionDependenciesGrid.svelte
@@ -21,10 +21,9 @@
         {#each dependencies as dependency}
           <tr class="rounded border !border-surface-500">
             <td>
-              <a
-                title="Click to view mod page"
-                href={`${base}/mod/${dependency.mod_id}`}
-                class="text-yellow-500"><u>{dependency.mod_id}</u></a>
+              <a title="Click to view mod page" href={`${base}/mod/${dependency.mod_id}`} class="text-yellow-500">
+                <u>{dependency.mod_id}</u>
+              </a>
             </td>
             <td><div class="text-center">{dependency.condition}</div></td>
           </tr>

From a66ac664f9c8d021e885fa5a400b9d213ec3770e Mon Sep 17 00:00:00 2001
From: Mircea Roata <mircearoatapalade@gmail.com>
Date: Sun, 11 Aug 2024 17:06:56 +0300
Subject: [PATCH 8/9] chore: remove references to deprecated sml_version field

---
 src/gql/home/mods.graphql                      |  3 ---
 src/gql/mods/mod.graphql                       |  3 ---
 src/gql/mods/versions.graphql                  |  1 -
 src/gql/users/user.graphql                     |  3 ---
 src/gql/versions/mod_version.graphql           |  1 -
 src/lib/components/mods/ModCard.svelte         |  6 +++---
 src/lib/components/mods/ModVersions.svelte     |  4 +---
 src/lib/components/versions/VersionInfo.svelte |  6 +-----
 src/lib/utils/mod.ts                           | 12 ++++++------
 9 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/src/gql/home/mods.graphql b/src/gql/home/mods.graphql
index b20d9582f..9ef635bd6 100644
--- a/src/gql/home/mods.graphql
+++ b/src/gql/home/mods.graphql
@@ -15,17 +15,14 @@ query GetMods($offset: Int!, $limit: Int!, $search: String, $order: Order, $orde
         alpha {
           id
           version
-          sml_version
         }
         beta {
           id
           version
-          sml_version
         }
         release {
           id
           version
-          sml_version
         }
       }
       compatibility {
diff --git a/src/gql/mods/mod.graphql b/src/gql/mods/mod.graphql
index 86a79f27c..1c857b51a 100644
--- a/src/gql/mods/mod.graphql
+++ b/src/gql/mods/mod.graphql
@@ -25,7 +25,6 @@ query GetMod($mod: String!) {
         }
         version
         created_at
-        sml_version
         game_version
       }
       beta {
@@ -43,7 +42,6 @@ query GetMod($mod: String!) {
         }
         version
         created_at
-        sml_version
         game_version
       }
       release {
@@ -61,7 +59,6 @@ query GetMod($mod: String!) {
         }
         version
         created_at
-        sml_version
         game_version
       }
     }
diff --git a/src/gql/mods/versions.graphql b/src/gql/mods/versions.graphql
index d292f5a27..8c5a05180 100644
--- a/src/gql/mods/versions.graphql
+++ b/src/gql/mods/versions.graphql
@@ -6,7 +6,6 @@ query GetModVersions($mod: ModID!, $limit: Int!, $offset: Int!) {
       id
       version
       stability
-      sml_version
       game_version
       downloads
       created_at
diff --git a/src/gql/users/user.graphql b/src/gql/users/user.graphql
index a75e8c5c0..f7d49eca3 100644
--- a/src/gql/users/user.graphql
+++ b/src/gql/users/user.graphql
@@ -17,17 +17,14 @@ query GetUser($user: UserID!) {
           alpha {
             id
             version
-            sml_version
           }
           beta {
             id
             version
-            sml_version
           }
           release {
             id
             version
-            sml_version
           }
         }
         compatibility {
diff --git a/src/gql/versions/mod_version.graphql b/src/gql/versions/mod_version.graphql
index fcd28b058..5c24ee76d 100644
--- a/src/gql/versions/mod_version.graphql
+++ b/src/gql/versions/mod_version.graphql
@@ -3,7 +3,6 @@ query GetModVersion($version: VersionID!) {
     id
     version
     stability
-    sml_version
     game_version
     downloads
     created_at
diff --git a/src/lib/components/mods/ModCard.svelte b/src/lib/components/mods/ModCard.svelte
index 9fb1e0012..5d924e4f3 100644
--- a/src/lib/components/mods/ModCard.svelte
+++ b/src/lib/components/mods/ModCard.svelte
@@ -13,9 +13,9 @@
     'id' | 'mod_reference' | 'name' | 'logo' | 'views' | 'downloads' | 'short_description' | 'compatibility' | 'tags'
   > & {
     latestVersions: {
-      alpha?: Maybe<Pick<Version, 'id' | 'sml_version'>>;
-      beta?: Maybe<Pick<Version, 'id' | 'sml_version'>>;
-      release?: Maybe<Pick<Version, 'id' | 'sml_version'>>;
+      alpha?: Maybe<Pick<Version, 'id'>>;
+      beta?: Maybe<Pick<Version, 'id'>>;
+      release?: Maybe<Pick<Version, 'id'>>;
     };
   };
 
diff --git a/src/lib/components/mods/ModVersions.svelte b/src/lib/components/mods/ModVersions.svelte
index ad4ef2501..ed84b51e8 100644
--- a/src/lib/components/mods/ModVersions.svelte
+++ b/src/lib/components/mods/ModVersions.svelte
@@ -50,7 +50,6 @@
           <tr>
             <th>{$t('version')}</th>
             <th>{$t('stability')}</th>
-            <th>SML {$t('version')}</th>
             <th>{$t('game-versions')}</th>
             <th>{$t('downloads')}</th>
             <th>{$t('upload-date')}</th>
@@ -62,7 +61,6 @@
             <tr on:click={() => toggleRow(version.id)}>
               <td>{version.version}</td>
               <td>{version.stability}</td>
-              <td>{version.sml_version}</td>
               <td>{version.game_version}</td>
               <td>{prettyNumber(version.downloads)}</td>
               <td>{prettyDate(version.created_at)}</td>
@@ -141,7 +139,7 @@
 
             {#if expandedVersions.has(version.id)}
               <tr>
-                <td colspan={7}>
+                <td colspan={6}>
                   <div class="col-span-3 p-2">{$t('size')}: {prettyBytes(version.size)}</div>
                   <div class="col-span-3 p-2">{$t('hash')}: {version.hash}</div>
 
diff --git a/src/lib/components/versions/VersionInfo.svelte b/src/lib/components/versions/VersionInfo.svelte
index c2fba1574..430a1c698 100644
--- a/src/lib/components/versions/VersionInfo.svelte
+++ b/src/lib/components/versions/VersionInfo.svelte
@@ -3,10 +3,7 @@
   import { prettyBytes, prettyDate, prettyNumber } from '$lib/utils/formatting';
   import { getTranslate } from '@tolgee/svelte';
 
-  export let version!: Pick<
-    Version,
-    'created_at' | 'sml_version' | 'game_version' | 'size' | 'stability' | 'downloads' | 'hash'
-  >;
+  export let version!: Pick<Version, 'created_at' | 'game_version' | 'size' | 'stability' | 'downloads' | 'hash'>;
 
   export const { t } = getTranslate();
 </script>
@@ -17,7 +14,6 @@
       <h3 class="my-4 text-2xl font-bold">Info</h3>
       <span><strong>{$t('entry.created-at')}:</strong> {prettyDate(version.created_at)}</span><br />
       <span><strong>{$t('downloads')}:</strong> {prettyNumber(version.downloads)}</span><br />
-      <span><strong>SML {$t('version')}:</strong> {version.sml_version}</span><br />
       <span><strong>{$t('game-versions')}:</strong> {version.game_version}</span><br />
       <span><strong>{$t('stability')}:</strong> {version.stability}</span><br />
       <span><strong>{$t('size')}:</strong> {prettyBytes(version.size)}</span><br />
diff --git a/src/lib/utils/mod.ts b/src/lib/utils/mod.ts
index 2ca7a218a..2772700e0 100644
--- a/src/lib/utils/mod.ts
+++ b/src/lib/utils/mod.ts
@@ -3,9 +3,9 @@ import minVersion from 'semver/ranges/min-version.js';
 import type { Maybe, Version } from '$lib/generated';
 
 export const modStatus = (latestVersions?: {
-  alpha?: Maybe<Pick<Version, 'sml_version'>>;
-  beta?: Maybe<Pick<Version, 'sml_version'>>;
-  release?: Maybe<Pick<Version, 'sml_version'>>;
+  alpha?: Maybe<Pick<Version, 'game_version'>>;
+  beta?: Maybe<Pick<Version, 'game_version'>>;
+  release?: Maybe<Pick<Version, 'game_version'>>;
 }) => {
   if (!latestVersions) {
     return 'outdated';
@@ -14,10 +14,10 @@ export const modStatus = (latestVersions?: {
   let result: 'outdated' | 'own-risk' = 'outdated';
   for (const releaseType of Object.keys(latestVersions)) {
     const version = latestVersions[releaseType];
-    if (version && version.sml_version) {
+    if (version && version.game_version) {
       try {
-        if (satisfies(minVersion(version.sml_version), '>=3.0.0')) {
-          if (satisfies(minVersion(version.sml_version), '>=3.2.0')) {
+        if (satisfies(minVersion(version.game_version), '>=150216')) {
+          if (satisfies(minVersion(version.game_version), '>=173618')) {
             return undefined;
           }
           result = 'own-risk';

From 3f247ae15fdad0dc41729c21e8cf15da0fdcf727 Mon Sep 17 00:00:00 2001
From: Mircea Roata <mircearoatapalade@gmail.com>
Date: Sun, 11 Aug 2024 17:59:45 +0300
Subject: [PATCH 9/9] feat: allow missing GameVersion if SML dependency is
 present

---
 src/lib/components/versions/VersionForm.svelte | 8 +++++++-
 src/lib/models/versions.ts                     | 7 +++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/versions/VersionForm.svelte b/src/lib/components/versions/VersionForm.svelte
index abdf2f622..7ab8762a5 100644
--- a/src/lib/components/versions/VersionForm.svelte
+++ b/src/lib/components/versions/VersionForm.svelte
@@ -88,7 +88,13 @@
               </span>
             {/if}
 
-            <span><strong>Game version:</strong> {$modMeta.uplugin.GameVersion}<br /></span>
+            {#if $modMeta.uplugin.GameVersion !== undefined}
+              <span><strong>Game version:</strong> {$modMeta.uplugin.GameVersion}<br /></span>
+            {:else}
+              <span class="text-yellow-600">
+                {$t('version-form.missing-game-version')}
+              </span>
+            {/if}
           </p>
 
           <span><strong>Targets:</strong> {$modMeta.targets.join(', ')}<br /></span>
diff --git a/src/lib/models/versions.ts b/src/lib/models/versions.ts
index adf24a5e6..328193245 100644
--- a/src/lib/models/versions.ts
+++ b/src/lib/models/versions.ts
@@ -48,9 +48,12 @@ const readUPluginJson = async (
 
   const parsed = JSON.parse(uPluginJson) as VersionMetadata['uplugin'];
 
-  if (!parsed.GameVersion) {
+  const hasSMLDependency = parsed.Plugins?.some((plugin) => plugin.Name === 'SML');
+  const hasGameVersion = !!parsed.GameVersion;
+
+  if (!hasSMLDependency && !hasGameVersion) {
     return {
-      message: `missing GameVersion in ${modReference}.uplugin`
+      message: `either GameVersion or SML dependency must be present in ${modReference}.uplugin`
     };
   }