From 97e61a347fc3bd6693e391d7ba460f0b1d6168ea Mon Sep 17 00:00:00 2001
From: Alex | Kronox <alexander_vogt@outlook.de>
Date: Thu, 9 Oct 2025 12:38:19 +0200
Subject: [PATCH 1/2] remove adding to library

---
 report-viewer/ui-components/base/SearchBarComponent.vue  | 5 +----
 report-viewer/ui-components/widget/NameElement.vue       | 9 +--------
 .../widget/fileDisplaying/FilesContainer.vue             | 8 ++------
 3 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/report-viewer/ui-components/base/SearchBarComponent.vue b/report-viewer/ui-components/base/SearchBarComponent.vue
index 6ef586dcb5..e02c6d9ed7 100644
--- a/report-viewer/ui-components/base/SearchBarComponent.vue
+++ b/report-viewer/ui-components/base/SearchBarComponent.vue
@@ -4,7 +4,7 @@
 <template>
   <Interactable class="flex flex-row items-center space-x-2 px-2 py-2">
     <FontAwesomeIcon
-      :icon="['fas', 'magnifying-glass']"
+      :icon="faMagnifyingGlass"
       class="text-gray-500"
       @click="emit('searchClicked', value)"
     />
@@ -20,13 +20,10 @@
 
 <script setup lang="ts">
 import Interactable from './InteractableComponent.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons'
 import InfoIcon from './InfoIcon.vue'
 
-library.add(faMagnifyingGlass)
-
 defineProps({
   placeholder: {
     type: String,
diff --git a/report-viewer/ui-components/widget/NameElement.vue b/report-viewer/ui-components/widget/NameElement.vue
index e7089042c6..8296430297 100644
--- a/report-viewer/ui-components/widget/NameElement.vue
+++ b/report-viewer/ui-components/widget/NameElement.vue
@@ -7,22 +7,15 @@
       class="invisible absolute top-0 right-0 z-10 flex h-full cursor-pointer items-center p-2 delay-0 group-hover:visible group-hover:delay-100"
       @click="(e) => emit('changeAnonymous', e)"
     >
-      <FontAwesomeIcon
-        class="text-gray-500"
-        :icon="isAnonymous ? ['fas', 'eye'] : ['fas', 'eye-slash']"
-      />
+      <FontAwesomeIcon class="text-gray-500" :icon="isAnonymous ? faEye : faEyeSlash" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons'
 
-library.add(faEye)
-library.add(faEyeSlash)
-
 defineProps({
   displayedName: {
     type: String,
diff --git a/report-viewer/ui-components/widget/fileDisplaying/FilesContainer.vue b/report-viewer/ui-components/widget/fileDisplaying/FilesContainer.vue
index 383fdef5fc..f4d95c5c73 100644
--- a/report-viewer/ui-components/widget/fileDisplaying/FilesContainer.vue
+++ b/report-viewer/ui-components/widget/fileDisplaying/FilesContainer.vue
@@ -14,14 +14,14 @@
         >
       </div>
       <ButtonComponent v-if="allCollapsed" class="space-x-2 print:hidden" @click="expandAll()"
-        ><FontAwesomeIcon :icon="['fas', 'expand-alt']" />
+        ><FontAwesomeIcon :icon="faExpandAlt" />
         <p>Expand All</p></ButtonComponent
       >
       <ButtonComponent
         v-else
         class="w-full space-x-2 md:max-w-fit print:hidden"
         @click="collapseAll()"
-        ><FontAwesomeIcon :icon="['fas', 'compress-alt']" />
+        ><FontAwesomeIcon :icon="faCompressAlt" />
         <p>Collapse All</p></ButtonComponent
       >
     </div>
@@ -59,13 +59,9 @@ import { VueDraggableNext } from 'vue-draggable-next'
 import { computed, nextTick, ref, type PropType, type Ref } from 'vue'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { faCompressAlt, faExpandAlt } from '@fortawesome/free-solid-svg-icons'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import { FileSortingOptions } from './FileSortingOptions'
 import MetricIcon from '../MetricIcon.vue'
 
-library.add(faCompressAlt)
-library.add(faExpandAlt)
-
 const props = defineProps({
   /**
    * Files of the submission.

From f5c255fe5880ebca21fa0a1a1ae66ff999189c2e Mon Sep 17 00:00:00 2001
From: Alex | Kronox <alexander_vogt@outlook.de>
Date: Thu, 9 Oct 2025 12:38:52 +0200
Subject: [PATCH 2/2] bump version of icon libraries

---
 report-viewer/package-lock.json          | 38 +++++++++++++++---------
 report-viewer/report-viewer/package.json |  4 +--
 report-viewer/ui-components/package.json |  2 +-
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/report-viewer/package-lock.json b/report-viewer/package-lock.json
index 6ef3c81349..a86f1d9e86 100644
--- a/report-viewer/package-lock.json
+++ b/report-viewer/package-lock.json
@@ -794,6 +794,7 @@
       "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.0.tgz",
       "integrity": "sha512-PGMrIYXLGA5K8RWy8zwBkd4vFi4z7ubxtet6Yn13Plf6krRTwPbdlCwlcfmoX0R7B4Z643QvrtHmdQ5fNtfFCg==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -812,38 +813,47 @@
       }
     },
     "node_modules/@fortawesome/free-brands-svg-icons": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.0.1.tgz",
-      "integrity": "sha512-6xPmn5SrND/GM0+W33E77x05+aDn6RpR02eWd8eLdN0IxY0vXa5yU/ugaAKloOVxiG9w2330TSRsbJYL6c57Ow==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.1.0.tgz",
+      "integrity": "sha512-9byUd9bgNfthsZAjBl6GxOu1VPHgBuRUP9juI7ZoM98h8xNPTCTagfwUFyYscdZq4Hr7gD1azMfM9s5tIWKZZA==",
       "license": "(CC-BY-4.0 AND MIT)",
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "7.0.1"
+        "@fortawesome/fontawesome-common-types": "7.1.0"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-brands-svg-icons/node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.1.tgz",
-      "integrity": "sha512-0VpNtO5cNe1/HQWMkl4OdncYK/mv9hnBte0Ew0n6DMzmo3Q3WzDFABHm6LeNTipt5zAyhQ6Ugjiu8aLaEjh1gg==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.1.0.tgz",
+      "integrity": "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA==",
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.0.0.tgz",
-      "integrity": "sha512-njSLAllkOddYDCXgTFboXn54Oe5FcvpkWq+FoetOHR64PbN0608kM02Lze0xtISGpXgP+i26VyXRQA0Irh3Obw==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.1.0.tgz",
+      "integrity": "sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA==",
       "license": "(CC-BY-4.0 AND MIT)",
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "7.0.0"
+        "@fortawesome/fontawesome-common-types": "7.1.0"
       },
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/@fortawesome/free-solid-svg-icons/node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.1.0.tgz",
+      "integrity": "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@fortawesome/vue-fontawesome": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.1.tgz",
@@ -8716,8 +8726,8 @@
       "name": "@jplag/report-viewer",
       "version": "0.1.0",
       "dependencies": {
-        "@fortawesome/free-brands-svg-icons": "^7.0.1",
-        "@fortawesome/free-solid-svg-icons": "^7.0.0",
+        "@fortawesome/free-brands-svg-icons": "^7.1.0",
+        "@fortawesome/free-solid-svg-icons": "^7.1.0",
         "@fortawesome/vue-fontawesome": "^3.1.1",
         "@jplag/model": "../model",
         "@jplag/parser": "../parser",
@@ -8754,7 +8764,7 @@
         "jsdom": "^26.1.0"
       },
       "peerDependencies": {
-        "@fortawesome/free-solid-svg-icons": "^7.0.0",
+        "@fortawesome/free-solid-svg-icons": "^7.1.0",
         "@fortawesome/vue-fontawesome": "^3.1.1",
         "pinia": "^3.0.3",
         "tailwindcss": "^4.1.12",
diff --git a/report-viewer/report-viewer/package.json b/report-viewer/report-viewer/package.json
index 6a50b4587c..5069e981a5 100644
--- a/report-viewer/report-viewer/package.json
+++ b/report-viewer/report-viewer/package.json
@@ -14,8 +14,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fortawesome/free-brands-svg-icons": "^7.0.1",
-    "@fortawesome/free-solid-svg-icons": "^7.0.0",
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/vue-fontawesome": "^3.1.1",
     "@jplag/model": "../model",
     "@jplag/parser": "../parser",
diff --git a/report-viewer/ui-components/package.json b/report-viewer/ui-components/package.json
index 04c07dc88f..750f520e76 100644
--- a/report-viewer/ui-components/package.json
+++ b/report-viewer/ui-components/package.json
@@ -13,7 +13,7 @@
     "vue-virtual-scroller": "^2.0.0-beta.8"
   },
   "peerDependencies": {
-    "@fortawesome/free-solid-svg-icons": "^7.0.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/vue-fontawesome": "^3.1.1",
     "pinia": "^3.0.3",
     "tailwindcss": "^4.1.12",