chore(licenses): add license headers to setup scripts

2026-07-28 20:16:13 +02:00
23 changed files with 864 additions and 1485 deletions
@@ -1,16 +0,0 @@
 # Copyright 2026 Seekra
 # Licensed under the Apache License, Version 2.0 (the "License");
 # you may not use this file except in compliance with the License.
 # You may obtain a copy of the License at
 #     http://www.apache.org/licenses/LICENSE-2.0
 # Unless required by applicable law or agreed to in writing, software
 # distributed under the License is distributed on an "AS IS" BASIS,
 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 # See the License for the specific language governing permissions and
 # limitations under the License.
 VITE_ASSETS_BUILD_ID=2026-08-04-76a067e
 VITE_ASSETS_BASE_URL=https://assets.seekra.jcloud-services.ddns.net
@@ -1,38 +0,0 @@
 <!--
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
    <path
        stroke="currentColor"
        stroke-width="2"
        fill="none"
        stroke-linecap="round"
        stroke-linejoin="round"
        d="
            M6 4
            h12
            a4 4 0 0 1 4 4
            v8
            a4 4 0 0 1 -4 4
            h-12
            a4 4 0 0 1 -4 -4
            v-8
            a4 4 0 0 1 4 -4
            m2 0
            v16
        "
    />
 </svg>
@@ -1,22 +0,0 @@
 /*
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
 export const getAssetsUrl = function getAssetsUrl () {
    return new URL(
        `${import.meta.env.VITE_ASSETS_BUILD_ID}/`,
        import.meta.env.VITE_ASSETS_BASE_URL
    ).href;
 };
@@ -39,7 +39,7 @@ vi.mock('@/features/icons/components/Icon.vue', () => ({
    }
 }));
-describe('LanguageSwitchButton', () => {
+describe('LanguageSwitchButton.vue', () => {
    beforeEach(() => {
        vi.clearAllMocks();
        localStorage.clear();
@@ -1,94 +0,0 @@
 /*
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { useSettingsConfigCacheStore } from '../../stores/settingsConfigCacheStore';
 import { useSettingsStore } from '../../stores/settingsStore';
 import { useSettings } from '../useSettings';
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import { beforeEach, describe, expect, test, vi } from 'vitest';
 const settingDefaultValue = 42;
 const settingPath = ['test', 'number'];
 describe('useSettings', () => {
    describe('getSetting', () => {
        test('returns stored value', () => {
            const { getSetting } = useSettings();
            const settings = useSettingsStore();
            const key = 'setting';
            const value = 42;
            settings.set(key, value);
            expect(getSetting(key)).toBe(value);
        });
        test('returns default value', () => {
            const { getSetting } = useSettings();
            expect(getSetting(settingPath)).toBe(settingDefaultValue);
        });
        test('returns stored value instead of default value', () => {
            const { getSetting } = useSettings();
            const settings = useSettingsStore();
            const value = 43;
            expect(getSetting(settingPath)).toBe(settingDefaultValue);
            settings.set(settingPath, value);
            expect(getSetting(settingPath)).toBe(value);
        });
        test('returns undefined if there is no value', () => {
            const { getSetting } = useSettings();
            expect(getSetting(['test', 'bool'])).toBeUndefined();
        });
    });
 });
 beforeEach(() => {
    setActivePinia(
        createTestingPinia({
            createSpy: vi.fn,
            stubActions: false
        })
    );
    const settingsConfigCache = useSettingsConfigCacheStore();
    settingsConfigCache.set({
        contents: [
            {
                name: 'test',
                i18n: '',
                content: [
                    {
                        type: 'number',
                        i18n: '',
                        name: 'number',
                        default: settingDefaultValue
                    },
                    {
                        type: 'bool',
                        i18n: '',
                        name: 'bool'
                    }
                ]
            }
        ]
    });
 });
@@ -1,44 +0,0 @@
 /*
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { useSettingsConfigCacheStore } from '../stores/settingsConfigCacheStore';
 import { useSettingsStore } from '../stores/settingsStore';
 import { getSettingRecursively } from '../utils/getSetting';
 import { loadSettingsConfig } from '../utils/settingsParser';
 /**
 * Provides access to the stored settings.
 */
 export const useSettings = function useSettings () {
    /**
     * Returns the value of a specific setting.
     * @param {string[]} key - The settings key.
     * @return The value of the setting.
     */
    const getSetting = function getSetting (key) {
        const settingsStore = useSettingsStore();
        const settings = useSettingsConfigCacheStore().get();
        return (
            settingsStore.get(key) ??
            getSettingRecursively(
                key, settings.contents ?? []
            )?.default
        );
    };
    return { getSetting };
 };
@@ -1,31 +0,0 @@
 /*
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { defineStore } from 'pinia';
 export const useSettingsConfigCacheStore = defineStore('settingsConfigCache', () => {
    let settingsConfig = undefined;
    const set = function set (value) {
        settingsConfig = value;
    };
    const get = function get () {
        return settingsConfig;
    };
    return { set, get };
 });
@@ -17,8 +17,7 @@ limitations under the License.
 import { describe, test, expect } from 'vitest';
 import { validateSettingsConfig, validateEntry, validateSelectionOptions, assertType, assertString } from '../settingsValidator';
-describe('settingsValidator', () => {
+describe('validateSettingsConfig', () => {
    describe('validateSettingsConfig', () => {
    test.for([
        { raw: false, expected: false },
        { raw: true, expected: false },
@@ -528,9 +527,9 @@ describe('settingsValidator', () => {
        };
        expect(result.valid).toBe(expected);
    });
-    });
+});
-    describe('validateEntry', () => {
+describe('validateEntry', () => {
    test.for([
        [{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable' }],
        [{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true }],
@@ -557,30 +556,6 @@ describe('settingsValidator', () => {
            { name: 'maybe', i18n: 'selectSomething.options.maybe' }
        ] }],
            [{ name: 'selectMultiple', type: 'selection', i18n: 'selectMultiple.title', default: ['1', '2', '3'], allowMultiple: true, options: [
                { name: '1', i18n: 'selectMultiple.options.1' },
                { name: '2', i18n: 'selectMultiple.options.2' },
                { name: '3', i18n: 'selectMultiple.options.3' }
            ] }],
            [{ name: 'selectMultiple', type: 'selection', i18n: 'selectMultiple.title', default: ['2', '3'], allowMultiple: true, options: [
                { name: '1', i18n: 'selectMultiple.options.1' },
                { name: '2', i18n: 'selectMultiple.options.2' },
                { name: '3', i18n: 'selectMultiple.options.3' }
            ] }],
            [{ name: 'selectMultiple', type: 'selection', i18n: 'selectMultiple.title', default: ['2'], allowMultiple: true, options: [
                { name: '1', i18n: 'selectMultiple.options.1' },
                { name: '2', i18n: 'selectMultiple.options.2' },
                { name: '3', i18n: 'selectMultiple.options.3' }
            ] }],
            [{ name: 'selectMultiple', type: 'selection', i18n: 'selectMultiple.title', default: [], allowMultiple: true, options: [
                { name: '1', i18n: 'selectMultiple.options.1' },
                { name: '2', i18n: 'selectMultiple.options.2' },
                { name: '3', i18n: 'selectMultiple.options.3' }
            ] }],
        [{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [] }],
        [{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [
            { name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true }
@@ -640,34 +615,6 @@ describe('settingsValidator', () => {
        [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'a', options: true }],
        [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'a', options: [] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: ['a'], options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: ['a', 'b'], options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', allowMultiple: true, default: 'a', options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', allowMultiple: true, default: 'a', options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', allowMultiple: true, default: ['c'], options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', allowMultiple: true, default: [1], options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
            [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', allowMultiple: true, default: ['a', 1], options: [
                { name: 'a', i18n: 'a' },
                { name: 'b', i18n: 'b' }
            ] }],
        [{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'c', options: [
            { name: 'a', i18n: 'a' },
            { name: 'b', i18n: 'b' }
@@ -714,9 +661,9 @@ describe('settingsValidator', () => {
    ])('throws an error for the entry %s', ([ entry ]) => {
        expect(() => validateEntry(entry)).throws(Error);
    });
-    });
+});
-    describe('validateSelectionOptions', () => {
+describe('validateSelectionOptions', () => {
    test.for([
        [[{ name: 'test', i18n: 'test.label' }]],
        [[{ name: 'test', i18n: 'test.label' }, { name: 'test2', i18n: 'test2.label' }]],
@@ -740,9 +687,9 @@ describe('settingsValidator', () => {
    ])('throws an error for the options %s', ([ options ]) => {
        expect(() => validateSelectionOptions(options)).throws(Error);
    });
-    });
+});
-    describe('assertType', () => {
+describe('assertType', () => {
    test.for([
        ['bool'],
        ['number'],
@@ -775,9 +722,9 @@ describe('settingsValidator', () => {
    ])('throws an error for the value %s', ([ value ]) => {
        expect(() => assertType(value)).throw(Error);
    });
-    });
+});
-    describe('assertString', () => {
+describe('assertString', () => {
    test.for([
        ['a'],
        ['b'],
@@ -808,5 +755,4 @@ describe('settingsValidator', () => {
    ])('throws an error for the value %s', ([ value ]) => {
        expect(() => assertString(value)).throws(Error);
    });
    });
 });
@@ -14,7 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { useSettingsConfigCacheStore } from '../stores/settingsConfigCacheStore';
 import { validateSettingsConfig } from './settingsValidator.js';
 /**
@@ -22,12 +21,10 @@ import { validateSettingsConfig } from './settingsValidator.js';
 * @returns {Promise<import('../types/settingsConfig').SettingsConfig>}
 */
 export async function loadSettingsConfig() {
    const settingsConfigCache = useSettingsConfigCacheStore();
    let raw;
    try {
        raw = (await import('../settings.json')).default;
        settingsConfigCache.set(raw);
    } catch (e) {
        throw new Error(`[settings] Failed to load settings.json: ${e.message}`);
    }
@@ -73,27 +73,12 @@ export const validateEntry = function validateEntry (entry, path) {
            throw new Error(`[settings] "${path}.default" must be a string`);
        }
        if (entry.type === 'selection') {
            if (entry.allowMultiple) {
                if (!Array.isArray(entry.default)) {
                    throw new Error(`[settings] "${path}.default" must be an array`);
                }
                const allOptions = entry.options.map((option) => option.name);
                entry.default.forEach((defaultValue, index) => {
                    if (typeof defaultValue !== 'string') {
                        throw new Error(`[settings] "${path}.default[${index}]" must be a string`);
                    }
                    if (!allOptions.includes(defaultValue)) {
                        throw new Error(`[settings] option "${path}.default[${index}]" does not exist`);
                    }
                });
            } else {
            if (typeof entry.default !== 'string') {
                throw new Error(`[settings] "${path}.default" must be a string`);
            };
            if (!entry.options.map((option) => option.name).includes(entry.default)) {
                throw new Error(`[settings] option "${path}.default" does not exist`);
            };
            }
        };
    }
 }
@@ -61,10 +61,6 @@ onMounted(async () => {
    });
    settingsLoaded.value = true;
 });
 const toggleSidebarIfSmallScreen = function toggleSidebarIfSmallScreen (toggleSidebarFunction) {
    if (matchMedia('(max-width: 48rem)').matches) toggleSidebarFunction();
 };
 </script>
 <template>
@@ -75,14 +71,13 @@ const toggleSidebarIfSmallScreen = function toggleSidebarIfSmallScreen (toggleSi
            </h1>
        </header>
        <LeftSidebarLayout class="layout">
-            <template #sidebar="{ toggleSidebar }">
+            <template #sidebar>
                <ul class="sidebar-sections-list">
                    <li v-for="section in settings">
                        <RouterLink
                            :to="`/settings/${section.name}`"
                            class="button button-link link sidebar-section"
                            :class="{ active: activeSection === section.name }"
                            @click="toggleSidebarIfSmallScreen(toggleSidebar)"
                        >
                            {{ t(section.i18n) }}
                        </RouterLink>
@@ -14,60 +14,15 @@ See the License for the specific language governing permissions and
 limitations under the License.
 -->
 <script setup>
 import SidebarExpandButton from './SidebarExpandButton.vue';
 const props = defineProps({
    'expanded': {
        default: false,
        required: false,
        type: Boolean
    }
 });
 const emit = defineEmits(['toggleExpanded']);
 const toggleSidebar = function toggleSidebar () {
    emit('toggleExpanded');
 };
 </script>
 <template>
-    <nav class="sidebar" :class="{ expanded }">
+    <nav class="sidebar">
        <div class="sidebar-controls">
            <SidebarExpandButton @click="toggleSidebar" class="sidebar-expand-button" />
        </div>
        <div class="sidebar-content" v-if="props.expanded">
        <slot />
        </div>
    </nav>
 </template>
 <style scoped>
 .sidebar {
    border-right: 1px solid var(--border);
 }
 .sidebar-controls {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1em 20px;
    padding-bottom: 0;
    margin-bottom: 8px;
 }
 .sidebar:not(.expanded) .sidebar-controls {
    padding: 1em;
 }
@media (max-width: 48rem) {
    .sidebar:not(.expanded) .sidebar-expand-button {
        display: none;
    }
 }
 .sidebar-content {
    padding: 20px;
    padding-top: 0;
 }
 </style>
@@ -1,41 +0,0 @@
 <!--
 Copyright 2026 Seekra
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
 <script setup>
 import Icon from '@/features/icons/components/Icon.vue';
 const emit = defineEmits(['click']);
 const click = function click (event) {
    emit('click', event);
 };
 </script>
 <template>
    <button class="button sidebar-expand-button">
        <Icon name="sidebar-expand" @click="click" />
    </button>
 </template>
 <style scoped>
 .sidebar-expand-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 10px;
 }
 </style>
@@ -16,34 +16,15 @@ limitations under the License.
 <script setup>
 import Sidebar from '@/features/sidebar/components/Sidebar.vue';
 import SidebarExpandButton from '@/features/sidebar/components/SidebarExpandButton.vue';
 import { ref } from 'vue';
 const props = defineProps({
    'expanded': {
        default: false,
        required: false,
        type: Boolean
    }
 });
 const expanded = ref(props.expanded);
 const toggleSidebar = function toggleSidebar () {
    expanded.value = !expanded.value;
 };
 </script>
 <template>
-    <div class="layout-container" :class="{ expanded }">
+    <div class="layout-container">
-        <div class="sidebar-expand-button-container">
+        <Sidebar>
-            <SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
+            <slot name="sidebar" />
        </div>
        <Sidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
            <slot name="sidebar" :toggleSidebar="toggleSidebar" />
        </Sidebar>
        <main class="main-content">
-            <slot :toggleSidebar="toggleSidebar" />
+            <slot />
        </main>
    </div>
 </template>
@@ -51,53 +32,11 @@ const toggleSidebar = function toggleSidebar () {
 <style scoped>
 .layout-container {
    display: grid;
-    grid-template-columns: calc(32px + 2em) 1fr;
+    grid-template-columns: min(24%, 280px) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "sidebar-expand sidebar-expand"
        "sidebar main-content";
    border-top: 1px solid var(--border);
 }
 .layout-container.expanded {
    grid-template-columns: min(24%, 280px) 1fr;
 }
 .sidebar-expand-button-container {
    grid-area: sidebar-expand;
    display: none;
 }
 .sidebar {
    grid-area: sidebar;
 }
@media (max-width: 48rem) {
    .layout-container {
        grid-template-columns: 0 1fr;
    }
    .layout-container.expanded {
        grid-template-columns: 1fr 0;
    }
    .layout-container:not(.expanded) .sidebar-expand-button-container {
        justify-content: end;
        display: block;
        padding: 20px;
    }
    .layout-container:not(.expanded) .main-content {
        padding-top: 0;
    }
    .layout-container.expanded .main-content {
        display: none;
    }
 }
 .main-content {
    grid-area: main-content;
    padding: 20px;
 }
 </style>
@@ -38,28 +38,5 @@
            }
        }
    },
-    "slogan": "Hecho para buscar.",
+    "slogan": "Hecho para buscar."
    "settings": {
        "input": {
            "done": {
                "title": "Guardar valor",
                "ariaLabel": "Guarda el valor introducido"
            }
        },
        "switch": {
            "title": "Cambiar valor",
            "ariaLabel": "Cambia el valor"
        },
        "pages": {
            "link": {
                "ariaLabel": "Va a la página de configuración {page}"
            }
        },
        "noSectionSelected": "No se ha seleccionado ninguna sección de configuración.",
        "selection": {
            "option": {
                "ariaLabel": "Selecciona la opción {option}"
            }
        }
    }
 }
@@ -38,28 +38,5 @@
            }
        }
    },
-    "slogan": "Conçu pour chercher.",
+    "slogan": "Conçu pour chercher."
    "settings": {
        "input": {
            "done": {
                "title": "Enregistrer la valeur",
                "ariaLabel": "Enregistre la valeur saisie"
            }
        },
        "switch": {
            "title": "Basculer la valeur",
            "ariaLabel": "Bascule la valeur"
        },
        "pages": {
            "link": {
                "ariaLabel": "Accéder à la page de paramètres {page}"
            }
        },
        "noSectionSelected": "Aucune section des paramètres n'est sélectionnée.",
        "selection": {
            "option": {
                "ariaLabel": "Sélectionne l'option {option}"
            }
        }
    }
 }
@@ -38,28 +38,5 @@
            }
        }
    },
-    "slogan": "Costruito per cercare.",
+    "slogan": "Costruito per cercare."
    "settings": {
        "input": {
            "done": {
            "title": "Salva valore",
                "ariaLabel": "Salva il valore inserito"
            }
        },
        "switch": {
            "title": "Attiva/disattiva valore",
            "ariaLabel": "Attiva o disattiva il valore"
        },
        "pages": {
            "link": {
                "ariaLabel": "Vai alla pagina delle impostazioni {page}"
            }
        },
        "noSectionSelected": "Nessuna sezione delle impostazioni è selezionata.",
        "selection": {
            "option": {
                "ariaLabel": "Seleziona l'opzione {option}"
            }
        }
    }
 }
@@ -38,28 +38,5 @@
            }
        }
    },
-    "slogan": "Feito para pesquisar.",
+    "slogan": "Feito para pesquisar."
    "settings": {
        "input": {
            "done": {
            "title": "Guardar valor",
                "ariaLabel": "Guarda o valor introduzido"
            }
        },
        "switch": {
            "title": "Alternar valor",
            "ariaLabel": "Alterna o valor"
        },
        "pages": {
            "link": {
                "ariaLabel": "Ir para a página de definições {page}"
            }
        },
        "noSectionSelected": "Nenhuma secção de definições está selecionada.",
        "selection": {
            "option": {
                "ariaLabel": "Seleciona a opção {option}"
            }
        }
    }
 }
@@ -14,7 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { getAssetsUrl } from './config/env';
 import { createApp } from 'vue'
 import { createPinia } from 'pinia';
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
@@ -26,29 +25,10 @@ import './styles/common.css'
 import './styles/variables/colors.css'
 import './styles/variables/dimensions.css';
 import rawFonts from './styles/fonts.json';
 import './styles/common.css';
 import './styles/variables/colors.css';
 (async () => {
    const fonts = rawFonts.map((font) => new FontFace(
        font.family ?? '',
        Array.isArray(font.source)
            ? font.source.map(
                (source) => `url('${source.url
                    ? new URL(source.url, getAssetsUrl()).href
                    : ''
                }') format('${source.format ?? ''}')`
            ).join(',')
            : '',
        {
            weight: font.weight ?? undefined,
            style: font.style ?? undefined
        }
    ));
    await Promise.all(fonts.map((font) => font.load()));
    fonts.forEach((font) => document.fonts.add(font));
    await loadLanguage(fallbackLocale);
    await loadLanguage(getCurrentLanguage());
@@ -19,14 +19,13 @@ body {
    color: var(--dark);
    margin: 0;
    font-size: 16px;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 .link {
    text-decoration: none;
 }
-.link:hover:not(.button-link), .link:focus-visible:not(.button-link) {
+.link:hover:not(.button-link), .link:focus:not(.button-link) {
    outline: none;
    text-decoration: underline;
 }
@@ -79,7 +78,7 @@ input {
    color: inherit;
 }
-.button:focus-visible {
+.button:focus {
    background-color: var(--light-hover);
    outline: none;
 }
@@ -87,8 +86,3 @@ input {
 .button:hover {
    background-color: var(--light-hover);
 }
 /* Temporary until a custom tap highlight is implemented. */
 * {
    -webkit-tap-highlight-color: transparent;
 }
@@ -1,32 +0,0 @@
 [
    {
        "family": "Inter",
        "weight": "100 900",
        "style": "normal",
        "source": [
            {
                "url": "fonts/Inter/Inter-Variable.woff2",
                "format": "woff2"
            },
            {
                "url": "fonts/Inter/Inter-Variable.ttf",
                "format": "truetype"
            }
        ]
    },
    {
        "family": "Inter",
        "weight": "100 900",
        "style": "italic",
        "source": [
            {
                "url": "fonts/Inter/Inter-Italic-Variable.woff2",
                "format": "woff2"
            },
            {
                "url": "fonts/Inter/Inter-Italic-Variable.ttf",
                "format": "truetype"
            }
        ]
    }
 ]
@@ -14,11 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
-import { describe, expect,  test } from 'vitest';
+import { expect,  test } from 'vitest';
 import { ensureUnit } from '../cssDimensions';
-describe('cssDimensions', () => {
+test.for([
    test.for([
    { dimension: null,                       expected: '0px' },
    { dimension: undefined,                  expected: '0px' },
@@ -118,7 +117,6 @@ describe('cssDimensions', () => {
    { dimension: 'max(42px,5rem)',           expected: 'max(42px,5rem)' },
    { dimension: 'clamp(42vh,23vw,13cap)',   expected: 'clamp(42vh,23vw,13cap)' },
    { dimension: 'clamp( 42vh,23vw,13cap )', expected: 'clamp( 42vh,23vw,13cap )' }
-    ])('ensureUnit returns $expected with input $dimension', ({ dimension, expected }) => {
+])('ensureUnit returns $expected with input $dimension', ({ dimension, expected }) => {
    expect(ensureUnit(dimension)).toBe(expected);
    });
 });
@@ -14,11 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
-import { describe, expect, test } from 'vitest';
+import { expect, test } from 'vitest';
 import getCurrentLanguage from '../currentLanguage';
-describe('currentLanguage', () => {
+const locales = [
    test.for([
    { navigatorLanguage: 'en',                      localStorageLanguage: null, expected: 'en'},
    { navigatorLanguage: 'de',                      localStorageLanguage: null, expected: 'de'},
    { navigatorLanguage: 'fr',                      localStorageLanguage: null, expected: 'fr'},
@@ -46,7 +45,9 @@ describe('currentLanguage', () => {
    { navigatorLanguage: 'de-de',                   localStorageLanguage: 'en', expected: 'en'},
    { navigatorLanguage: 'zh-Hans-CN',              localStorageLanguage: 'fr', expected: 'fr'},
    { navigatorLanguage: 'en-US-u-ca-gregory',      localStorageLanguage: 'zh', expected: 'zh'}
-    ])('returns the language $expected (navigator: $navigatorLanguage; local storage: $localStorageLanguage)', ({ navigatorLanguage, localStorageLanguage, expected }) => {
+];
 test.for(locales)('returns the language $expected (navigator: $navigatorLanguage; local storage: $localStorageLanguage)', ({ navigatorLanguage, localStorageLanguage, expected }) => {
    Object.defineProperty(navigator, 'language', {
        value: navigatorLanguage,
        configurable: true
@@ -57,5 +58,4 @@ describe('currentLanguage', () => {
    };
    expect(getCurrentLanguage()).toBe(expected);
    });
 });