From 230252e8f6e746dfd3f64a6f7a3a2bce0664f522 Mon Sep 17 00:00:00 2001
From: Rob B <computerguy440+gh@gmail.com>
Date: Tue, 7 Jan 2025 09:50:16 -0700
Subject: [PATCH] Update main with changes from staging (#204)

* feat: add more languages, fix DE flag discoloration, sml-versions redirect (#200)

* fix: language flag icons showing with incorrect colors
(ex. germany white instead of black)

* feat: add es, hu, ko, pt-BR, to language picker. widen dropdown, setup overflow scrolling

* fix: typo

* feat: redirect old /sml-versions page to /mod/SML

* Add virustotal results to version screen (#192)

* feat: added virustotal results to versions screen

* fix: remove canedit from vt results

* fix: update to virustotal_results

* fix: move thead to tbody/make text translatable

---------

Co-authored-by: Rob B <computerguy440+gh@gmail.com>

* feat: add Satisfactory Interactive Map th.gl tool link (#211)

* Add Satisfactory Interactive Maps by TH.GL

* Contain images with different aspect ratio

* Prettify

---------

Co-authored-by: Zachary Knight <knightzac19@users.noreply.github.com>
Co-authored-by: DevLeon <leon@machens.koeln>
---
 cspell.json                                   |  2 +-
 src/gql/mods/versions.graphql                 |  9 +++
 src/gql/versions/mod_version.graphql          |  9 +++
 src/lib/components/general/FicsitCard.svelte  |  2 +-
 .../general/TranslationDropdown.svelte        | 37 +++++++++++--
 .../versions/VirustotalResults.svelte         | 55 +++++++++++++++++++
 src/routes/community/+page.svelte             |  4 +-
 .../[modId]/version/[versionId]/+page.svelte  |  4 ++
 src/routes/sml-versions/+page.server.ts       |  6 ++
 src/routes/tools/+page.svelte                 |  8 +++
 10 files changed, 127 insertions(+), 9 deletions(-)
 create mode 100644 src/lib/components/versions/VirustotalResults.svelte
 create mode 100644 src/routes/sml-versions/+page.server.ts

diff --git a/cspell.json b/cspell.json
index f7c147f40..8440acdc2 100644
--- a/cspell.json
+++ b/cspell.json
@@ -25,5 +25,5 @@
   // flagWords - list of words to be always considered incorrect
   // This is useful for offensive words and common spelling errors.
   // cSpell:disable (don't complain about the words we listed here)
-  "flagWords": ["hte"]
+  "flagWords": ["hte", "comunity"]
 }
diff --git a/src/gql/mods/versions.graphql b/src/gql/mods/versions.graphql
index 8c5a05180..38114285a 100644
--- a/src/gql/mods/versions.graphql
+++ b/src/gql/mods/versions.graphql
@@ -19,6 +19,15 @@ query GetModVersions($mod: ModID!, $limit: Int!, $offset: Int!) {
         hash
         size
       }
+      virustotal_results {
+        created_at
+        file_name
+        hash
+        id
+        safe
+        updated_at
+        version_id
+      }
     }
   }
 }
diff --git a/src/gql/versions/mod_version.graphql b/src/gql/versions/mod_version.graphql
index 5b8853bb0..231c56738 100644
--- a/src/gql/versions/mod_version.graphql
+++ b/src/gql/versions/mod_version.graphql
@@ -31,5 +31,14 @@ query GetModVersion($version: VersionID!) {
       optional
       condition
     }
+    virustotal_results {
+      created_at
+      file_name
+      hash
+      id
+      safe
+      updated_at
+      version_id
+    }
   }
 }
diff --git a/src/lib/components/general/FicsitCard.svelte b/src/lib/components/general/FicsitCard.svelte
index d6037924e..967ad4cf9 100644
--- a/src/lib/components/general/FicsitCard.svelte
+++ b/src/lib/components/general/FicsitCard.svelte
@@ -87,7 +87,7 @@
           <div class="logo max-h-full min-h-full min-w-full max-w-full bg-neutral-500" />
         {:else}
           <img
-            class="logo absolute max-h-full min-h-full min-w-full max-w-full transition-opacity delay-100 duration-200 ease-linear"
+            class="logo absolute max-h-full min-h-full min-w-full max-w-full object-contain transition-opacity delay-100 duration-200 ease-linear"
             class:invisible={!imageLoaded}
             class:opacity-0={!imageLoaded}
             src={renderedLogo}
diff --git a/src/lib/components/general/TranslationDropdown.svelte b/src/lib/components/general/TranslationDropdown.svelte
index ddcfb5c67..15c8225e3 100644
--- a/src/lib/components/general/TranslationDropdown.svelte
+++ b/src/lib/components/general/TranslationDropdown.svelte
@@ -8,23 +8,45 @@
 
   export const { t } = getTranslate();
 
-  const languages = {
+  type language = {
+    name: string;
+    flag: string;
+    style?: string;
+  };
+
+  const defaultFlagTextStyle = 'text-white';
+
+  // cspell:disable
+  const languages: Record<string, language> = {
     en: {
       name: 'English',
       flag: '🇺🇳'
     },
     de: {
       name: 'Deutsch',
-      flag: '🇩🇪'
+      flag: '🇩🇪',
+      style: 'text-black' // Bug in something? text color affects the top stripe of the DE flag
+    },
+    es: {
+      name: 'Español',
+      flag: '🇪🇸'
     },
     fr: {
       name: 'Français',
       flag: '🇫🇷'
     },
+    hu: {
+      name: 'Magyar',
+      flag: '🇭🇺'
+    },
     it: {
       name: 'Italiano',
       flag: '🇮🇹'
     },
+    ko: {
+      name: '한국어',
+      flag: '🇰🇷'
+    },
     lv: {
       name: 'Latviešu',
       flag: '🇱🇻'
@@ -37,6 +59,10 @@
       name: 'Nederlands',
       flag: '🇳🇱'
     },
+    'pt-BR': {
+      name: 'Português (Brasil)',
+      flag: '🇧🇷'
+    },
     pl: {
       name: 'Polski',
       flag: '🇵🇱'
@@ -54,6 +80,7 @@
       flag: '🇹🇼'
     }
   } as const;
+  // cspell:enable
 
   const lang = writable<string>((browser && localStorage.getItem('language')) || $tolgee.getLanguage());
   lang.subscribe((l) => {
@@ -73,17 +100,17 @@
 
 <button class="variant-ghost-primary btn btn-sm grid grid-flow-col" use:popup={languageMenuBox}>
   <span>{languages[$lang].name}</span>
-  <span class="text-xl">{languages[$lang].flag}</span>
+  <span class={`text-xl ${languages[$lang]?.style ?? defaultFlagTextStyle}`}>{languages[$lang].flag}</span>
 </button>
 
-<div class="card w-48 py-2 shadow-xl" data-popup="languageMenuBox">
+<div class="card w-56 overflow-y-auto scroll-smooth py-2 shadow-xl" data-popup="languageMenuBox">
   <nav class="list-nav">
     <ul>
       {#each Object.entries(languages) as [k, v]}
         <li class:bg-primary-active-token={$lang === k}>
           <button class="w-full" on:click={() => lang.set(k)}>
             <span>{v.name}</span>
-            <span class="text-xl text-white">{v.flag}</span>
+            <span class="text-xl {v?.style ?? defaultFlagTextStyle}">{v.flag}</span>
           </button>
         </li>
       {/each}
diff --git a/src/lib/components/versions/VirustotalResults.svelte b/src/lib/components/versions/VirustotalResults.svelte
new file mode 100644
index 000000000..34afcb78e
--- /dev/null
+++ b/src/lib/components/versions/VirustotalResults.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import type { VirustotalResult } from '$lib/generated';
+  import { getTranslate } from '@tolgee/svelte';
+
+  export let results!: Array<VirustotalResult>;
+  export const { t } = getTranslate();
+</script>
+
+<div class="grid grid-flow-row">
+  <h3 class="my-4 text-2xl font-bold">{$t('virustotal.table.title')}</h3>
+  <table aria-label={$t('virustotal.table.title')} class="max-w-auto table table-hover !overflow-visible">
+    <tbody>
+      <tr class="rounded border !border-surface-500">
+        <td style="width: 25%;"
+          ><div title={$t('virustotal.table.file_name')}>
+            {$t('virustotal.table.file_name')}
+          </div></td>
+        <td style="width: 25%;"
+          ><div class="text-center" title={$t('virustotal.table.results')}>{$t('virustotal.table.results')}</div></td>
+        <td style="width: 25%;"
+          ><div class="text-center" title={$t('virustotal.table.safe')}>{$t('virustotal.table.safe')}</div></td>
+      </tr>
+      {#each results as result}
+        <tr class="rounded border !border-surface-500">
+          <td>
+            <div>{result.file_name}</div>
+          </td>
+          <td>
+            <div class="text-center">
+              <a
+                title={$t('version.virustotal.result')}
+                href={`https://www.virustotal.com/gui/file/${result.hash}`}
+                target="_blank"
+                class="text-white">
+                <span class="material-icons text-center" style="width: 20px" title={$t('version.virustotal.result')}>
+                  policy
+                </span>
+              </a>
+            </div>
+          </td>
+          <td
+            ><div class="text-center">
+              <span
+                class="material-icons text-center"
+                style="width: 20px"
+                title={result.safe ? $t('version.virustotal.safe') : $t('version.virustotal.not_safe')}>
+                {result.safe ? 'checkmark' : 'cancel'}
+              </span>
+            </div>
+          </td>
+        </tr>
+      {/each}
+    </tbody>
+  </table>
+</div>
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 0ed3c8f0b..4b1dbc8a0 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -55,8 +55,8 @@
         <p>
           <T
             keyName="community.welcome.description"
-            defaultValue="Welcome to the Satisfactory Modding comunity! Click here for a guide to help you get started playing with
-          mods." />
+            defaultValue="Welcome to the Satisfactory Modding community! Click here for a guide to help you get started playing with
+          mods. Currently only available in English." />
         </p>
         <LinkButton
           url="https://docs.ficsit.app/satisfactory-modding/latest/ForUsers/Welcome.html"
diff --git a/src/routes/mod/[modId]/version/[versionId]/+page.svelte b/src/routes/mod/[modId]/version/[versionId]/+page.svelte
index e29f34c1f..fcb19bcba 100644
--- a/src/routes/mod/[modId]/version/[versionId]/+page.svelte
+++ b/src/routes/mod/[modId]/version/[versionId]/+page.svelte
@@ -16,6 +16,7 @@
   import { getModalStore, getToastStore, type ModalSettings, popup } from '@skeletonlabs/skeleton';
   import Page404 from '$lib/components/general/Page404.svelte';
   import { getTranslate } from '@tolgee/svelte';
+  import VirustotalResults from '$lib/components/versions/VirustotalResults.svelte';
 
   export const { t } = getTranslate();
 
@@ -164,6 +165,9 @@
         <VersionInfo version={$version.data.getVersion} />
         <VersionTargetSupportGrid targets={$version.data.getVersion.targets} />
         <VersionDependenciesGrid dependencies={$version.data.getVersion.dependencies} />
+        {#if $version.data.getVersion.virustotal_results.length != 0}
+          <VirustotalResults results={$version.data.getVersion.virustotal_results} />
+        {/if}
       </div>
     </div>
   </div>
diff --git a/src/routes/sml-versions/+page.server.ts b/src/routes/sml-versions/+page.server.ts
new file mode 100644
index 000000000..f7929659c
--- /dev/null
+++ b/src/routes/sml-versions/+page.server.ts
@@ -0,0 +1,6 @@
+import { redirect } from '@sveltejs/kit';
+
+// SML as a mod migration for 1.0 release
+export function load() {
+  redirect(302, '/mod/SML');
+}
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 60ec7d3cf..5ff176c9b 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -5,6 +5,14 @@
 
   // cspell:ignore SatisGraphtory tehalexf thinkaliker Moritz
   const tools: Tool[] = [
+    {
+      name: 'Satisfactory Interactive Map',
+      author: 'DevLeon',
+      logo: 'https://www.th.gl/satisfactory.jpg',
+      description:
+        'Explore Satisfactory 1.0 with this Interactive Map and In-Game App! Minimap, real-Time position tracking, full-text search, custom drawings, and more!',
+      link: 'https://satisfactory.th.gl/'
+    },
     {
       name: 'Satisfactory Calculator Interactive Map (SCIM)',
       author: 'Anthor',