generated from Seekra/repository-template
Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 jakob.scheid
|
5221bac355 | ||
|
jakob.scheid
|
ef09979039
|
||
|
jakob.scheid
|
7584cc09ef
|
+2
-1071
File diff suppressed because it is too large
Load Diff
Generated
+1
-836
File diff suppressed because it is too large
Load Diff
+3
-8
@@ -6,9 +6,7 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview"
|
||||||
"test": "vitest",
|
|
||||||
"test:run": "vitest run"
|
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"terser": "^5.47.1",
|
"terser": "^5.47.1",
|
||||||
@@ -17,11 +15,8 @@
|
|||||||
"vue-router": "^5.0.6"
|
"vue-router": "^5.0.6"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@vue/test-utils": "^2.4.6",
|
|
||||||
"@vitejs/plugin-vue": "^6.0.6",
|
"@vitejs/plugin-vue": "^6.0.6",
|
||||||
"jsdom": "^29.1.1",
|
|
||||||
"vite": "^8.0.10",
|
"vite": "^8.0.10",
|
||||||
"vite-plugin-html": "^3.2.2",
|
"vite-plugin-html": "^3.2.2"
|
||||||
"vitest": "^4.1.7"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+2
-11
@@ -42,22 +42,13 @@ watch(colorScheme, val => updateColorScheme(val))
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
#app-wrapper {
|
.main-content {
|
||||||
--main-content-padding-x: 30px;
|
--main-content-padding-x: 30px;
|
||||||
--main-content-padding-y: 40px;
|
--main-content-padding-y: 40px;
|
||||||
--main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x);
|
--main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x) 0;
|
||||||
}
|
|
||||||
|
|
||||||
.main-content {
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 48rem) {
|
|
||||||
#app-wrapper {
|
|
||||||
--main-content-padding-x: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-wrapper {
|
#app-wrapper {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -1,26 +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="3"
|
|
||||||
fill="none"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M4 8 l8 8 l8 -8"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 830 B |
@@ -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
|
|
||||||
fill="currentColor"
|
|
||||||
d="
|
|
||||||
M12 2
|
|
||||||
a10 10 0 0 0 -10 10
|
|
||||||
a10 10 0 0 0 10 10
|
|
||||||
a10 10 0 0 0 10 -10
|
|
||||||
a10 10 0 0 0 -10 -10
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
style="filter: invert(1)"
|
|
||||||
fill="currentColor"
|
|
||||||
d="
|
|
||||||
M12 3
|
|
||||||
v18
|
|
||||||
a9 9 0 0 0 9 -9
|
|
||||||
a9 9 0 0 0 -9 -9
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,36 +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
|
|
||||||
fill="currentColor"
|
|
||||||
stroke="none"
|
|
||||||
stroke-width="0"
|
|
||||||
d="
|
|
||||||
M12.621094 23.988281
|
|
||||||
c-6.960938 0 -12.621094 -5.664062000000001 -12.621094 -12.621093
|
|
||||||
c0 -4.8203130000000005 2.683594 -9.148438 7.003906 -11.300781800000001
|
|
||||||
c0.19140600000000063 -0.09765619999999942 0.4257819999999999 -0.058593699999999416 0.578125 0.09374980000000058
|
|
||||||
c0.15234400000000026 0.152344 0.19531300000000051 0.38671900000000003 0.09765699999999988 0.582032
|
|
||||||
c-0.7890629999999996 1.601562 -1.1875 3.320312 -1.1875 5.113281000000001
|
|
||||||
c0.0 6.402342999999999 5.207031 11.613281 11.609374000000003 11.613281
|
|
||||||
c1.8125 0.0 3.550781999999998 -0.41015600000000063 5.167968999999999 -1.2148439999999994
|
|
||||||
c0.19531299999999874 -0.09765600000000063 0.42968799999999874 -0.05859399999999937 0.5820310000000006 0.09375
|
|
||||||
c0.15234399999999937 0.15234399999999937 0.1914069999999981 0.38671899999999937 0.0976569999999981 0.5820319999999981
|
|
||||||
c-2.140625 4.351562000000001 -6.480468999999999 7.058593000000002 -11.328125 7.058593000000002
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,36 +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="3"
|
|
||||||
fill="none"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M2 22 l8 -8"
|
|
||||||
/>
|
|
||||||
<circle
|
|
||||||
stroke="currentColor"
|
|
||||||
stroke-width="3"
|
|
||||||
fill="none"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
cx="15.5"
|
|
||||||
cy="8.5"
|
|
||||||
r="6.5"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,45 +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">
|
|
||||||
<circle fill="currentColor" r="6" cx="12" cy="12" />
|
|
||||||
|
|
||||||
<!-- sunbeams -->
|
|
||||||
|
|
||||||
<!-- left -->
|
|
||||||
<circle fill="currentColor" r="2" cx="3" cy="12" />
|
|
||||||
|
|
||||||
<!-- right -->
|
|
||||||
<circle fill="currentColor" r="2" cx="21" cy="12" />
|
|
||||||
|
|
||||||
<!-- top -->
|
|
||||||
<circle fill="currentColor" r="2" cx="12" cy="3" />
|
|
||||||
|
|
||||||
<!-- top -->
|
|
||||||
<circle fill="currentColor" r="2" cx="12" cy="21" />
|
|
||||||
|
|
||||||
<!-- top left -->
|
|
||||||
<circle fill="currentColor" r="2" cx="5.636038969321072" cy="5.636038969321072" />
|
|
||||||
|
|
||||||
<!-- top right -->
|
|
||||||
<circle fill="currentColor" r="2" cx="18.36396103067893" cy="5.636038969321072" />
|
|
||||||
|
|
||||||
<!-- bottom left -->
|
|
||||||
<circle fill="currentColor" r="2" cx="5.636038969321072" cy="18.36396103067893" />
|
|
||||||
|
|
||||||
<!-- bottom right -->
|
|
||||||
<circle fill="currentColor" r="2" cx="18.36396103067893" cy="18.36396103067893" />
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -15,8 +15,6 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import Icon from '@/features/icons/components/Icon.vue';
|
|
||||||
|
|
||||||
import { inject } from 'vue';
|
import { inject } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
@@ -31,9 +29,9 @@ const colorSchemeNextMapper = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const colorSchemeIconMapper = {
|
const colorSchemeIconMapper = {
|
||||||
'dark': 'crescent-moon',
|
'dark': '⏾',
|
||||||
'light': 'sun',
|
'light': '☀',
|
||||||
'auto': 'circle-black-white'
|
'auto': '◐'
|
||||||
};
|
};
|
||||||
|
|
||||||
const getTooltipTranslation = function (colorScheme) {
|
const getTooltipTranslation = function (colorScheme) {
|
||||||
@@ -47,10 +45,7 @@ const getTooltipTranslation = function (colorScheme) {
|
|||||||
:aria-label="getTooltipTranslation(colorScheme)"
|
:aria-label="getTooltipTranslation(colorScheme)"
|
||||||
:title="getTooltipTranslation(colorScheme)"
|
:title="getTooltipTranslation(colorScheme)"
|
||||||
>
|
>
|
||||||
<Icon
|
{{ colorSchemeIconMapper[colorSchemeNextMapper[colorScheme]] }}
|
||||||
:name="colorSchemeIconMapper[colorSchemeNextMapper[colorScheme]]"
|
|
||||||
size="16"
|
|
||||||
/>
|
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -15,8 +15,6 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import LanguageSwitchButton from '@/features/i18n/components/LanguageSwitchButton.vue';
|
|
||||||
|
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
@@ -35,13 +33,14 @@ const copyrightPeriod =
|
|||||||
<template>
|
<template>
|
||||||
<footer class="global-footer">
|
<footer class="global-footer">
|
||||||
<div class="footer-segment">
|
<div class="footer-segment">
|
||||||
<RouterLink to="/settings" class="link">
|
<RouterLink to="settings" class="link">
|
||||||
{{ t('preferences.settings') }}
|
{{ t('preferences.settings') }}
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
<LanguageSwitchButton />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-segment">
|
<div class="footer-segment">
|
||||||
© {{ copyrightPeriod }} Seekra
|
<div class="copyright-note">
|
||||||
|
© {{ copyrightPeriod }} Seekra
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
@@ -52,9 +51,6 @@ const copyrightPeriod =
|
|||||||
}
|
}
|
||||||
|
|
||||||
.footer-segment {
|
.footer-segment {
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 32px;
|
|
||||||
padding: var(--padding-y);
|
padding: var(--padding-y);
|
||||||
background-color: var(--light-bg);
|
background-color: var(--light-bg);
|
||||||
border-top: 1px solid var(--border);
|
border-top: 1px solid var(--border);
|
||||||
@@ -63,4 +59,9 @@ const copyrightPeriod =
|
|||||||
.global-footer a {
|
.global-footer a {
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.copyright-note {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -15,8 +15,6 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import Icon from '@/features/icons/components/Icon.vue';
|
|
||||||
|
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { loadLanguage, LANGUAGES_RTL, SUPPORTED_LANGUAGES } from '@/i18n';
|
import { loadLanguage, LANGUAGES_RTL, SUPPORTED_LANGUAGES } from '@/i18n';
|
||||||
@@ -66,20 +64,10 @@ const open = function () {
|
|||||||
aria-haspopup="listbox"
|
aria-haspopup="listbox"
|
||||||
>
|
>
|
||||||
<span class="lang-code">{{ t(`preferences.locale.languages.${locale}`) }}</span>
|
<span class="lang-code">{{ t(`preferences.locale.languages.${locale}`) }}</span>
|
||||||
<span class="chevron" :class="{ open: isOpen }">
|
<span class="chevron" :class="{ open: isOpen }">▾</span>
|
||||||
<Icon name="chevron-down" size="1em" />
|
|
||||||
</span>
|
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<ul
|
<ul v-if="isOpen" ref="languageDropdown" class="language-dropdown" role="listbox">
|
||||||
v-if="isOpen"
|
|
||||||
ref="languageDropdown"
|
|
||||||
class="language-dropdown"
|
|
||||||
role="listbox"
|
|
||||||
:style="{
|
|
||||||
bottom: 'calc(var(--offset) + 2 * var(--trigger-padding-y) + 1em)' // easier to add auto adaption to the available space
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<li
|
<li
|
||||||
v-for="lang in SUPPORTED_LANGUAGES"
|
v-for="lang in SUPPORTED_LANGUAGES"
|
||||||
:key="lang"
|
:key="lang"
|
||||||
@@ -96,7 +84,6 @@ const open = function () {
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.language-switch {
|
.language-switch {
|
||||||
--trigger-padding-y: 4px;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -107,7 +94,7 @@ const open = function () {
|
|||||||
background: none;
|
background: none;
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
padding: var(--trigger-padding-y) 10px;
|
padding: 4px 10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
}
|
}
|
||||||
@@ -127,9 +114,9 @@ const open = function () {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.language-dropdown {
|
.language-dropdown {
|
||||||
--offset: 6px;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
top: calc(100% + 6px);
|
||||||
background-color: var(--light-bg);
|
background-color: var(--light-bg);
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|||||||
@@ -1,114 +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 { expect, test, describe, vi, beforeEach } from 'vitest';
|
|
||||||
import { mount } from '@vue/test-utils';
|
|
||||||
import LanguageSwitchButton from '../LanguageSwitchButton.vue';
|
|
||||||
import { loadLanguage } from '@/i18n';
|
|
||||||
|
|
||||||
vi.mock('@/i18n', () => ({
|
|
||||||
loadLanguage: vi.fn(() => Promise.resolve()),
|
|
||||||
LANGUAGES_RTL: ['ar', 'he'],
|
|
||||||
SUPPORTED_LANGUAGES: ['en', 'de', 'ar']
|
|
||||||
}));
|
|
||||||
|
|
||||||
vi.mock('vue-i18n', () => ({
|
|
||||||
useI18n: () => ({
|
|
||||||
t: (key) => key,
|
|
||||||
locale: { value: 'de' }
|
|
||||||
})
|
|
||||||
}));
|
|
||||||
|
|
||||||
vi.mock('@/features/icons/components/Icon.vue', () => ({
|
|
||||||
default: {
|
|
||||||
name: 'Icon',
|
|
||||||
template: '<span>Icon</span>'
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
describe('LanguageSwitchButton.vue', () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
vi.clearAllMocks();
|
|
||||||
localStorage.clear();
|
|
||||||
document.documentElement.lang = '';
|
|
||||||
document.documentElement.dir = '';
|
|
||||||
});
|
|
||||||
|
|
||||||
test('renders correctly with initial state closed', () => {
|
|
||||||
const wrapper = mount(LanguageSwitchButton);
|
|
||||||
|
|
||||||
expect(wrapper.find('.language-button').exists()).toBe(true);
|
|
||||||
expect(wrapper.find('.language-dropdown').exists()).toBe(false);
|
|
||||||
expect(wrapper.find('.language-button').attributes('aria-expanded')).toBe('false');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('opens the dropdown when language button is clicked', async () => {
|
|
||||||
const wrapper = mount(LanguageSwitchButton);
|
|
||||||
const button = wrapper.find('.language-button');
|
|
||||||
|
|
||||||
await button.trigger('click');
|
|
||||||
|
|
||||||
expect(wrapper.find('.language-dropdown').exists()).toBe(true);
|
|
||||||
expect(button.attributes('aria-expanded')).toBe('true');
|
|
||||||
});
|
|
||||||
|
|
||||||
const languageTestCases = [
|
|
||||||
{ code: 'en', expectedDir: 'ltr' },
|
|
||||||
{ code: 'de', expectedDir: 'ltr' },
|
|
||||||
{ code: 'ar', expectedDir: 'rtl' }
|
|
||||||
];
|
|
||||||
|
|
||||||
test.for(languageTestCases)('selectLanguage($code) sets localStorage, html attributes and changes layout direction to $expectedDir', async ({ code, expectedDir }) => {
|
|
||||||
const wrapper = mount(LanguageSwitchButton);
|
|
||||||
|
|
||||||
await wrapper.find('.language-button').trigger('click');
|
|
||||||
|
|
||||||
const options = wrapper.findAll('.language-dropdown li');
|
|
||||||
const optionToClick = options.find(opt => opt.text().includes(code));
|
|
||||||
|
|
||||||
await optionToClick.trigger('click');
|
|
||||||
|
|
||||||
expect(loadLanguage).toHaveBeenCalledWith(code);
|
|
||||||
expect(localStorage.getItem('locale')).toBe(code);
|
|
||||||
expect(document.documentElement.lang).toBe(code);
|
|
||||||
expect(document.documentElement.dir).toBe(expectedDir);
|
|
||||||
expect(wrapper.find('.language-dropdown').exists()).toBe(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('closes the dropdown when clicking outside the component', async () => {
|
|
||||||
const wrapper = mount(LanguageSwitchButton, {
|
|
||||||
attachTo: document.body
|
|
||||||
});
|
|
||||||
|
|
||||||
await wrapper.find('.language-button').trigger('click');
|
|
||||||
expect(wrapper.find('.language-dropdown').exists()).toBe(true);
|
|
||||||
|
|
||||||
await new Promise(resolve => setTimeout(resolve, 0));
|
|
||||||
|
|
||||||
const externalDiv = document.createElement('div');
|
|
||||||
document.body.appendChild(externalDiv);
|
|
||||||
|
|
||||||
const clickEvent = new MouseEvent('click', { bubbles: true });
|
|
||||||
externalDiv.dispatchEvent(clickEvent);
|
|
||||||
|
|
||||||
await wrapper.vm.$nextTick();
|
|
||||||
|
|
||||||
expect(wrapper.find('.language-dropdown').exists()).toBe(false);
|
|
||||||
|
|
||||||
wrapper.unmount();
|
|
||||||
externalDiv.remove();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,54 +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 { computed } from 'vue';
|
|
||||||
import { ensureUnit } from '@/utils/cssDimensions';
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
name: {
|
|
||||||
required: true,
|
|
||||||
type: String
|
|
||||||
},
|
|
||||||
size: {
|
|
||||||
type: [Number, String],
|
|
||||||
default: 24
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const icons = import.meta.glob('@/assets/icons/*.svg', {
|
|
||||||
eager: true,
|
|
||||||
import: 'default'
|
|
||||||
})
|
|
||||||
|
|
||||||
const Icon = computed(() => icons[`/src/assets/icons/${props.name}.svg`])
|
|
||||||
|
|
||||||
const size = computed(() => ensureUnit(props.size))
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="icon-container">
|
|
||||||
<img :src="Icon" :style="{ height: `${size}`, width: `${size}` }" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.icon-container {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
filter: var(--invert);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -15,9 +15,25 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import { ref, watch } from 'vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
import ColorSchemeButton from '@/features/colorScheme/components/ColorSchemeButton.vue';
|
import ColorSchemeButton from '@/features/colorScheme/components/ColorSchemeButton.vue';
|
||||||
|
import LanguageSwitchButton from '@/features/i18n/components/LanguageSwitchButton.vue';
|
||||||
import logo from '@/assets/images/logo.svg';
|
import logo from '@/assets/images/logo.svg';
|
||||||
import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
import Searchbar from '@/features/search/components/Searchbar.vue';
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
const searchQueryModel = defineModel();
|
||||||
|
|
||||||
|
watch(() => route.name, name => {
|
||||||
|
searchQueryModel.value = name === 'searchResults' ? route.query.q || '' : '';
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(() => route.query.q, q => {
|
||||||
|
if (route.name === 'searchResults') {
|
||||||
|
searchQueryModel.value = q || '';
|
||||||
|
}
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -25,16 +41,21 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
<RouterLink to="/" class="link button link">
|
<RouterLink to="/" class="link button link">
|
||||||
<img :src="logo" alt="Seekra" class="nav-logo" />
|
<img :src="logo" alt="Seekra" class="nav-logo" />
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper" />
|
<Searchbar
|
||||||
|
v-if="route.name === 'searchResults'"
|
||||||
|
class="search-bar"
|
||||||
|
v-model="searchQueryModel"
|
||||||
|
auto-submit
|
||||||
|
/>
|
||||||
<ul class="right-links">
|
<ul class="right-links">
|
||||||
|
<li>
|
||||||
|
<LanguageSwitchButton />
|
||||||
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<ColorSchemeButton />
|
<ColorSchemeButton />
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="navbar-search-bar-wrapper-small-screens-wrapper">
|
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
@@ -42,7 +63,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 18px var(--main-content-padding-x);
|
padding: 18px 40px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -68,27 +89,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|||||||
height: 24px;
|
height: 24px;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
.search-bar {
|
||||||
.navbar-search-bar-wrapper {
|
width: 70%;
|
||||||
width: 100%;
|
|
||||||
padding: 0 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search-bar-wrapper-small-screens-wrapper {
|
|
||||||
padding: 0 15px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search-bar-wrapper-small-screens {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 48rem) {
|
|
||||||
.navbar-search-bar-wrapper {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search-bar-wrapper-small-screens {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,43 +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 Searchbar from '@/features/search/components/Searchbar.vue';
|
|
||||||
|
|
||||||
import { watch } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
const searchQueryModel = defineModel();
|
|
||||||
|
|
||||||
watch(() => route.name, name => {
|
|
||||||
searchQueryModel.value = name === 'searchResults' ? route.query.q || '' : '';
|
|
||||||
});
|
|
||||||
|
|
||||||
watch(() => route.query.q, q => {
|
|
||||||
if (route.name === 'searchResults') {
|
|
||||||
searchQueryModel.value = q || '';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Searchbar
|
|
||||||
v-if="route.name === 'searchResults'"
|
|
||||||
v-model="searchQueryModel"
|
|
||||||
auto-submit
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
@@ -15,8 +15,6 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import Icon from '@/features/icons/components/Icon.vue';
|
|
||||||
|
|
||||||
const searchQuery = defineModel();
|
const searchQuery = defineModel();
|
||||||
|
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
@@ -39,7 +37,7 @@ const submitSearch = function () {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<form @submit.prevent="submitSearch" class="search-form">
|
<form @submit.prevent="submitSearch">
|
||||||
<div class="search-wrapper">
|
<div class="search-wrapper">
|
||||||
<input
|
<input
|
||||||
v-model="searchQuery"
|
v-model="searchQuery"
|
||||||
@@ -47,14 +45,7 @@ const submitSearch = function () {
|
|||||||
:placeholder="t('search.searchBar.placeholder')"
|
:placeholder="t('search.searchBar.placeholder')"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
<button
|
<button type="submit" class="search-button">{{ t('search.searchBar.submit') }}</button>
|
||||||
type="submit"
|
|
||||||
class="search-button"
|
|
||||||
:title="t('search.searchBar.submit')"
|
|
||||||
:aria-label="t('search.searchBar.submit')"
|
|
||||||
>
|
|
||||||
<Icon class="search-icon" name="magnifying-glass" size="1.1em" />
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@@ -73,8 +64,7 @@ const submitSearch = function () {
|
|||||||
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
|
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
|
||||||
padding: var(--padding);
|
padding: var(--padding);
|
||||||
padding-left: var(--padding-left);
|
padding-left: var(--padding-left);
|
||||||
width: 100%;
|
width: calc(100% - var(--padding-left));
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-wrapper input {
|
.search-wrapper input {
|
||||||
@@ -84,13 +74,11 @@ const submitSearch = function () {
|
|||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
||||||
padding-left: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-button {
|
.search-button {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
||||||
width: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
|
||||||
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
|
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
|
||||||
border: none;
|
border: none;
|
||||||
padding: var(--submit-button-padding-y) 20px;
|
padding: var(--submit-button-padding-y) 20px;
|
||||||
@@ -98,20 +86,9 @@ const submitSearch = function () {
|
|||||||
color: var(--white);
|
color: var(--white);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button .search-icon {
|
|
||||||
filter: invert(1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-button:hover {
|
.search-button:hover {
|
||||||
background: var(--primary-color-l-1);
|
background: var(--primary-color-l-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-form {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -53,7 +53,9 @@ const { t } = useI18n();
|
|||||||
--error-message-padding: 2em;
|
--error-message-padding: 2em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 100%;
|
width: calc(100% - 2 * var(--main-content-padding-x));
|
||||||
|
position: absolute;
|
||||||
|
top: calc(50vh - 0.5 * var(--error-message-height) - var(--error-message-padding));
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-results-error-message {
|
.search-results-error-message {
|
||||||
|
|||||||
@@ -53,6 +53,10 @@ limitations under the License.
|
|||||||
* @typedef {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
* @typedef {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef {Object} SettingsConfig
|
||||||
|
* @property {SettingConfigEntry[]} contents
|
||||||
|
*/
|
||||||
/**
|
/**
|
||||||
* @typedef {{ type: 'bool', name: string, i18n: string, description?: string, default: boolean }} BoolSettingConfig
|
* @typedef {{ type: 'bool', name: string, i18n: string, description?: string, default: boolean }} BoolSettingConfig
|
||||||
* @typedef {{ type: 'number', name: string, i18n: string, description?: string, default: number }} NumberSettingConfig
|
* @typedef {{ type: 'number', name: string, i18n: string, description?: string, default: number }} NumberSettingConfig
|
||||||
@@ -60,6 +64,5 @@ limitations under the License.
|
|||||||
* @typedef {{ type: 'selection', name: string, i18n: string, description?: string, default: string | string[], allowMultiple?: boolean, options: SelectionOption[] }} SelectionSettingConfig
|
* @typedef {{ type: 'selection', name: string, i18n: string, description?: string, default: string | string[], allowMultiple?: boolean, options: SelectionOption[] }} SelectionSettingConfig
|
||||||
* @typedef {{ type: 'section', name: string, i18n?: string, description?: string, content: SettingConfigEntry[] }} SectionSettingConfig
|
* @typedef {{ type: 'section', name: string, i18n?: string, description?: string, content: SettingConfigEntry[] }} SectionSettingConfig
|
||||||
* @typedef {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
* @typedef {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
||||||
* @typedef {{ contents: SettingConfigEntry[] }} FirstLevelSettingConfigEntry
|
* @typedef {{ contents: SettingConfigEntry[] }} SettingsConfig
|
||||||
* @typedef {{ contents: FirstLevelSettingConfigEntry[] }} SettingsConfig
|
|
||||||
*/
|
*/
|
||||||
@@ -1,758 +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 { describe, test, expect } from 'vitest';
|
|
||||||
import { validateSettingsConfig, validateEntry, validateSelectionOptions, assertType, assertString } from '../settingsValidator';
|
|
||||||
|
|
||||||
describe('validateSettingsConfig', () => {
|
|
||||||
test.for([
|
|
||||||
{ raw: false, expected: false },
|
|
||||||
{ raw: true, expected: false },
|
|
||||||
{ raw: 0, expected: false },
|
|
||||||
{ raw: 42, expected: false },
|
|
||||||
{ raw: '', expected: false },
|
|
||||||
{ raw: ' ', expected: false },
|
|
||||||
{ raw: 'a', expected: false },
|
|
||||||
{ raw: {}, expected: false },
|
|
||||||
{ raw: {
|
|
||||||
contents: []
|
|
||||||
}, expected: true },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}, expected: true },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: true },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: true },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
allowMultiple: false,
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: true },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'aStandaloneBooleanSetting',
|
|
||||||
i18n: 'settings.settings.aStandaloneBooleanSetting',
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
allowMultiple: false,
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: false },
|
|
||||||
{ raw: {
|
|
||||||
contents: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43',
|
|
||||||
default: 'true'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 42
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: false },
|
|
||||||
{ raw: {
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: false },
|
|
||||||
{ raw: {
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'sectio',
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: false },
|
|
||||||
{ raw: {
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'sectio',
|
|
||||||
name: 'general',
|
|
||||||
i18n: 'settings.settings.general',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'copyOfGeneral',
|
|
||||||
i18n: 'settings.settings.copyOfGeneral',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 42',
|
|
||||||
default: false,
|
|
||||||
i18n: 'settings.settings.general.enableFeature42'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'aSection',
|
|
||||||
i18n: 'settings.settings.aSection',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'Enable feature 43',
|
|
||||||
i18n: 'settings.settings.aSection.enableFeature43'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'language',
|
|
||||||
i18n: 'settings.settings.aSection.language.label',
|
|
||||||
default: 'en',
|
|
||||||
allowMultiple: 'false',
|
|
||||||
options: [
|
|
||||||
{ name: 'en', i18n: 'settings.settings.aSection.language.options.en' },
|
|
||||||
{ name: 'de', i18n: 'settings.settings.aSection.language.options.de' },
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 'section2',
|
|
||||||
i18n: 'settings.settings.aSection.section2.label',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'string',
|
|
||||||
i18n: 'settings.settings.aSection.sections.string',
|
|
||||||
default: 'str'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}, expected: false }
|
|
||||||
])('returns valid: $expected', ({ raw, expected }) => {
|
|
||||||
const result = validateSettingsConfig(raw);
|
|
||||||
if (!result.valid) {
|
|
||||||
console.error('Error message:', result.error);
|
|
||||||
};
|
|
||||||
expect(result.valid).toBe(expected);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('validateEntry', () => {
|
|
||||||
test.for([
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: false }],
|
|
||||||
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: 42 }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: 0 }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: -42.7 }],
|
|
||||||
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label' }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: '' }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: 'Seekra is great!' }],
|
|
||||||
|
|
||||||
[{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', options: [
|
|
||||||
{ name: 'yes', i18n: 'selectSomething.options.yes' },
|
|
||||||
{ name: 'no', i18n: 'selectSomething.options.no' },
|
|
||||||
{ name: 'maybe', i18n: 'selectSomething.options.maybe' }
|
|
||||||
] }],
|
|
||||||
|
|
||||||
[{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'no', options: [
|
|
||||||
{ name: 'yes', i18n: 'selectSomething.options.yes' },
|
|
||||||
{ name: 'no', i18n: 'selectSomething.options.no' },
|
|
||||||
{ name: 'maybe', i18n: 'selectSomething.options.maybe' }
|
|
||||||
] }],
|
|
||||||
|
|
||||||
[{ 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 }
|
|
||||||
] }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [
|
|
||||||
{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true },
|
|
||||||
{ name: 'enableFeature43', type: 'bool', i18n: 'feature.43.enable', default: true }
|
|
||||||
] }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [
|
|
||||||
{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true },
|
|
||||||
{ name: 'enableFeature43', type: 'bool', i18n: 'feature.43.enable', default: true },
|
|
||||||
{ name: 'aSecondSection', type: 'section', i18n: 'sections.aSecondSection.title', content: [
|
|
||||||
{ name: 'enableFeature44', type: 'bool', i18n: 'feature.44.enable', default: true },
|
|
||||||
] }
|
|
||||||
] }]
|
|
||||||
])('throws no error for the entry %s', ([ entry ]) => {
|
|
||||||
expect(() => validateEntry(entry)).not.throws(Error);
|
|
||||||
});
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: '' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'thisTypeDoesNotExistAndHasAVeryLongName', i18n: 'feature.42.enable' }],
|
|
||||||
[{ name: '', type: 'thisTypeDoesNotExistAndHasAVeryLongName', i18n: 'feature.42.enable' }],
|
|
||||||
[{ name: '', type: 'thisTypeDoesNotExistAndHasAVeryLongName', i18n: '' }],
|
|
||||||
[{ name: '', type: 'bool', i18n: '' }],
|
|
||||||
[{ name: '', type: 'bool', i18n: '' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 42 }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: '42' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 'Seekra' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 'true' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 'false' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 'undefined' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: 'null' }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: [] }],
|
|
||||||
[{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: {} }],
|
|
||||||
[{ name: 'enableFeature42', type: '', i18n: 'feature.42.enable', default: {} }],
|
|
||||||
|
|
||||||
[{ name: '', type: 'number', i18n: 'aNumber.label' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: '42' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: 'zero' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: 'undefined' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: 'false' }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: true }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: false }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: [] }],
|
|
||||||
[{ name: 'aNumber', type: 'number', i18n: 'aNumber.label', default: {} }],
|
|
||||||
[{ name: 'aNumber', type: '', i18n: 'aNumber.label', default: {} }],
|
|
||||||
[{ name: 'aNumber', type: '', i18n: 'aNumber.label', default: 42 }],
|
|
||||||
|
|
||||||
[{ name: 'aString', type: 'string', i18n: '' }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: 42 }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: true }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: false }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: [] }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: 'aString.label', default: {} }],
|
|
||||||
[{ name: 'aString', type: 'string', i18n: '', default: {} }],
|
|
||||||
|
|
||||||
[{ 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: 'c', options: [
|
|
||||||
{ name: 'a', i18n: 'a' },
|
|
||||||
{ name: 'b', i18n: 'b' }
|
|
||||||
] }],
|
|
||||||
[{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'a', options: [
|
|
||||||
{ name: 'a', i18n: 'a' },
|
|
||||||
{ name: 'b', i18n: '' },
|
|
||||||
{ name: 'c' }
|
|
||||||
] }],
|
|
||||||
[{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'a', allowMultiple: 'false', options: [
|
|
||||||
{ name: 'a', i18n: 'a' },
|
|
||||||
{ name: 'b', i18n: '' },
|
|
||||||
{ name: 'c' }
|
|
||||||
] }],
|
|
||||||
|
|
||||||
[{ name: 'selectSomething', type: 'selection', i18n: 'selectSomething.title', default: 'no', options: [
|
|
||||||
{ name: 'yes', i18n: '' },
|
|
||||||
{ name: '', i18n: 'selectSomething.options.no' },
|
|
||||||
{ name: 'maybe', i18n: 'selectSomething.options.maybe' },
|
|
||||||
{ name: '', i18n: '' },
|
|
||||||
{ name: 42, i18n: 43 },
|
|
||||||
{ name: '' },
|
|
||||||
{ i18n: '' },
|
|
||||||
{}
|
|
||||||
] }],
|
|
||||||
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: '', content: [] }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: '' }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: '[]' }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: 'a' }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [
|
|
||||||
{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true },
|
|
||||||
{ name: 'enableFeature43', type: 'bool', i18n: 'feature.42.enable', default: 0 },
|
|
||||||
{ name: 'enableFeature44', type: 'bool' }
|
|
||||||
] }],
|
|
||||||
[{ name: 'aSection', type: 'section', i18n: 'sections.aSection.title', content: [
|
|
||||||
{ name: 'enableFeature42', type: 'bool', i18n: 'feature.42.enable', default: true },
|
|
||||||
{ name: 'enableFeature43', type: 'bool', i18n: 'feature.43.enable', default: true },
|
|
||||||
{ name: 'aSecondSection', type: 'section', i18n: 'sections.aSecondSection.title', content: 'Hello' },
|
|
||||||
{ name: 'aSecondSection', type: 'section', i18n: '', content: [] },
|
|
||||||
{ name: 'aSecondSection', type: 'section', i18n: 'i18n', content: [] },
|
|
||||||
{ name: 'aSecondSection', type: 'section', content: [] }
|
|
||||||
] }]
|
|
||||||
])('throws an error for the entry %s', ([ entry ]) => {
|
|
||||||
expect(() => validateEntry(entry)).throws(Error);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('validateSelectionOptions', () => {
|
|
||||||
test.for([
|
|
||||||
[[{ name: 'test', i18n: 'test.label' }]],
|
|
||||||
[[{ name: 'test', i18n: 'test.label' }, { name: 'test2', i18n: 'test2.label' }]],
|
|
||||||
[[{ name: 'test', i18n: 'test.label' }, { name: 'test', i18n: 'test2.label' }, { name: 'test3', i18n: 'test.label' }]]
|
|
||||||
])('throws no error for the options %s', ([ options ]) => {
|
|
||||||
expect(() => validateSelectionOptions(options)).not.throws(Error);
|
|
||||||
});
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
[[{}]],
|
|
||||||
[[{ i18n: '' }]],
|
|
||||||
[[{ i18n: 'a' }]],
|
|
||||||
[[{ name: 'a' }]],
|
|
||||||
[[{ name: '' }]],
|
|
||||||
[[{ name: '', i18n: 'test.label' }]],
|
|
||||||
[[{ name: 'test', i18n: '' }]],
|
|
||||||
[[{ name: '', i18n: '' }]],
|
|
||||||
[[{ name: '', i18n: 'test.label' }, { name: 'test2', i18n: '' }]],
|
|
||||||
[[{ name: 'test', i18n: '' }, { name: '', i18n: 'test2.label' }, { name: '', i18n: ' ' }, { name: '42', i18n: '42.i18n' }]],
|
|
||||||
[[]]
|
|
||||||
])('throws an error for the options %s', ([ options ]) => {
|
|
||||||
expect(() => validateSelectionOptions(options)).throws(Error);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('assertType', () => {
|
|
||||||
test.for([
|
|
||||||
['bool'],
|
|
||||||
['number'],
|
|
||||||
['string'],
|
|
||||||
['selection'],
|
|
||||||
['section']
|
|
||||||
])('throws no error for the value %s', ([ value ]) => {
|
|
||||||
expect(() => assertType(value)).not.throw(Error);
|
|
||||||
});
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
[''],
|
|
||||||
[' '],
|
|
||||||
[' '],
|
|
||||||
[' '],
|
|
||||||
|
|
||||||
['42'],
|
|
||||||
['0'],
|
|
||||||
['-42'],
|
|
||||||
['-42.0'],
|
|
||||||
['-0.0'],
|
|
||||||
|
|
||||||
['a'],
|
|
||||||
['ab'],
|
|
||||||
['SeekraIsGreat!'],
|
|
||||||
['Seekra is great!'],
|
|
||||||
|
|
||||||
[undefined],
|
|
||||||
[null]
|
|
||||||
])('throws an error for the value %s', ([ value ]) => {
|
|
||||||
expect(() => assertType(value)).throw(Error);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('assertString', () => {
|
|
||||||
test.for([
|
|
||||||
['a'],
|
|
||||||
['b'],
|
|
||||||
['ab'],
|
|
||||||
|
|
||||||
['0'],
|
|
||||||
['42'],
|
|
||||||
|
|
||||||
['null'],
|
|
||||||
['undefined'],
|
|
||||||
|
|
||||||
['()&%())']
|
|
||||||
])('throws no error for the value %s', ([ value ]) => {
|
|
||||||
expect(() => assertString(value)).not.throw(Error);
|
|
||||||
});
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
[0],
|
|
||||||
[1],
|
|
||||||
[42],
|
|
||||||
[-1],
|
|
||||||
[-42],
|
|
||||||
|
|
||||||
[''],
|
|
||||||
[' '],
|
|
||||||
[' '],
|
|
||||||
[' ']
|
|
||||||
])('throws an error for the value %s', ([ value ]) => {
|
|
||||||
expect(() => assertString(value)).throws(Error);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -16,13 +16,13 @@ limitations under the License.
|
|||||||
|
|
||||||
const VALID_TYPES = ['bool', 'number', 'string', 'selection', 'section'];
|
const VALID_TYPES = ['bool', 'number', 'string', 'selection', 'section'];
|
||||||
|
|
||||||
export const assertString = function assertString (value, path) {
|
function assertString(value, path) {
|
||||||
if (typeof value !== 'string' || value.trim() === '') {
|
if (typeof value !== 'string' || value.trim() === '') {
|
||||||
throw new Error(`[settings] "${path}" must be a non-empty string`);
|
throw new Error(`[settings] "${path}" must be a non-empty string`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export const assertType = function assertType (value, path) {
|
function assertType(value, path) {
|
||||||
if (!VALID_TYPES.includes(value)) {
|
if (!VALID_TYPES.includes(value)) {
|
||||||
throw new Error(
|
throw new Error(
|
||||||
`[settings] "${path}" has invalid type "${value}". Must be one of: ${VALID_TYPES.join(', ')}`
|
`[settings] "${path}" has invalid type "${value}". Must be one of: ${VALID_TYPES.join(', ')}`
|
||||||
@@ -30,23 +30,21 @@ export const assertType = function assertType (value, path) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export const validateSelectionOptions = function validateSelectionOptions (options, path) {
|
function validateSelectionOptions(options, path) {
|
||||||
if (!Array.isArray(options) || options.length === 0) {
|
if (!Array.isArray(options) || options.length === 0) {
|
||||||
throw new Error(`[settings] "${path}.options" must be a non-empty array`);
|
throw new Error(`[settings] "${path}.options" must be a non-empty array`);
|
||||||
};
|
}
|
||||||
options.forEach((opt, i) => {
|
options.forEach((opt, i) => {
|
||||||
assertString(opt.name, `${path}.options[${i}].name`);
|
assertString(opt.name, `${path}.options[${i}].name`);
|
||||||
assertString(opt.i18n, `${path}.options[${i}].i18n`);
|
assertString(opt.i18n, `${path}.options[${i}].i18n`);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export const validateEntry = function validateEntry (entry, path) {
|
function validateEntry(entry, path) {
|
||||||
assertType(entry.type, `${path}.type`);
|
assertType(entry.type, `${path}.type`);
|
||||||
|
|
||||||
assertString(entry.name, `${path}.name`);
|
|
||||||
assertString(entry.i18n, `${path}.i18n`);
|
|
||||||
|
|
||||||
if (entry.type === 'section') {
|
if (entry.type === 'section') {
|
||||||
|
assertString(entry.name, `${path}.name`);
|
||||||
if (!Array.isArray(entry.content)) {
|
if (!Array.isArray(entry.content)) {
|
||||||
throw new Error(`[settings] "${path}.content" must be an array`);
|
throw new Error(`[settings] "${path}.content" must be an array`);
|
||||||
}
|
}
|
||||||
@@ -55,47 +53,29 @@ export const validateEntry = function validateEntry (entry, path) {
|
|||||||
);
|
);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (entry.type === 'selection') {
|
assertString(entry.name, `${path}.name`);
|
||||||
validateSelectionOptions(entry.options, path);
|
assertString(entry.i18n, `${path}.i18n`);
|
||||||
if (typeof entry.allowMultiple !== 'boolean' && entry.allowMultiple) {
|
|
||||||
throw new Error(`[settings] "${path}.allowMultiple" must be a boolean`);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
if (entry.default !== undefined) {
|
if (entry.default !== undefined) {
|
||||||
if (entry.type === 'bool' && typeof entry.default !== 'boolean') {
|
if (entry.type === 'bool' && typeof entry.default !== 'boolean') {
|
||||||
throw new Error(`[settings] "${path}.default" must be a boolean`);
|
throw new Error(`[settings] "${path}.default" must be a boolean`);
|
||||||
}
|
}
|
||||||
if (entry.type === 'number' && typeof entry.default !== 'number') {
|
if (entry.type === 'number' && typeof entry.default !== 'number') {
|
||||||
throw new Error(`[settings] "${path}.default" must be a number`);
|
throw new Error(`[settings] "${path}.default" must be a number`);
|
||||||
}
|
}
|
||||||
if (entry.type === 'string' && typeof entry.default !== 'string') {
|
if (entry.type === 'string' && typeof entry.default !== 'string') {
|
||||||
throw new Error(`[settings] "${path}.default" must be a string`);
|
throw new Error(`[settings] "${path}.default" must be a string`);
|
||||||
}
|
}
|
||||||
if (entry.type === 'selection') {
|
if (entry.type === 'selection') {
|
||||||
if (typeof entry.default !== 'string') {
|
validateSelectionOptions(entry.options, path);
|
||||||
throw new Error(`[settings] "${path}.default" must be a string`);
|
if (typeof entry.allowMultiple !== 'boolean') {
|
||||||
};
|
throw new Error(`[settings] "${path}.allowMultiple" must be a boolean`);
|
||||||
if (!entry.options.map((option) => option.name).includes(entry.default)) {
|
}
|
||||||
throw new Error(`[settings] option "${path}.default" does not exist`);
|
}
|
||||||
};
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export const validateFirstLevelSection = function validateFirstLevelSection (section, path) {
|
|
||||||
assertString(section.name);
|
|
||||||
assertString(section.i18n);
|
|
||||||
|
|
||||||
if (!Array.isArray(section.content)) {
|
|
||||||
throw new Error(`[settings] "${path}.content" must be an array`);
|
|
||||||
};
|
|
||||||
|
|
||||||
section.content.forEach((entry, i) =>
|
|
||||||
validateEntry(entry, `${path}.content[${i}]`)
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Validates a raw settings config object.
|
* Validates a raw settings config object.
|
||||||
* @param {unknown} raw
|
* @param {unknown} raw
|
||||||
@@ -110,7 +90,7 @@ export function validateSettingsConfig(raw) {
|
|||||||
throw new Error('[settings] "contents" must be an array');
|
throw new Error('[settings] "contents" must be an array');
|
||||||
}
|
}
|
||||||
raw.contents.forEach((entry, i) =>
|
raw.contents.forEach((entry, i) =>
|
||||||
validateFirstLevelSection(entry, `contents[${i}]`)
|
validateEntry(entry, `contents[${i}]`)
|
||||||
);
|
);
|
||||||
return { valid: true, config: raw };
|
return { valid: true, config: raw };
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
|||||||
@@ -17,33 +17,9 @@ limitations under the License.
|
|||||||
<script setup>
|
<script setup>
|
||||||
import LeftSidebarLayout from '@/layouts/LeftSidebarLayout.vue';
|
import LeftSidebarLayout from '@/layouts/LeftSidebarLayout.vue';
|
||||||
|
|
||||||
import { loadSettingsConfig } from '../utils/settingsParser';
|
|
||||||
import { onMounted, ref } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { useRoute, useRouter } from 'vue-router';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const route = useRoute();
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const settingsLoaded = ref(false)
|
|
||||||
const settings = ref([]);
|
|
||||||
|
|
||||||
onMounted(async () => {
|
|
||||||
settings.value = (await loadSettingsConfig()).contents;
|
|
||||||
if (!settings.value.map((section) => section.name).includes(getActiveSection())) {
|
|
||||||
router.push('/settings');
|
|
||||||
};
|
|
||||||
settingsLoaded.value = true;
|
|
||||||
});
|
|
||||||
|
|
||||||
const getActiveSection = function getActiveSection () {
|
|
||||||
const segments = route.path
|
|
||||||
.split('/')
|
|
||||||
.filter(Boolean);
|
|
||||||
|
|
||||||
return segments[1];
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -55,23 +31,7 @@ const getActiveSection = function getActiveSection () {
|
|||||||
</header>
|
</header>
|
||||||
<LeftSidebarLayout class="layout">
|
<LeftSidebarLayout class="layout">
|
||||||
<template #sidebar>
|
<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: getActiveSection() === section.name }"
|
|
||||||
>
|
|
||||||
{{ t(section.i18n) }}
|
|
||||||
</RouterLink>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</template>
|
</template>
|
||||||
<div>
|
|
||||||
<div v-if="!settingsLoaded">
|
|
||||||
{{ t('loading') }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</LeftSidebarLayout>
|
</LeftSidebarLayout>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -86,10 +46,6 @@ const getActiveSection = function getActiveSection () {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: var(--main-content-padding-y) var(--main-content-padding-x);
|
padding: var(--main-content-padding-y) var(--main-content-padding-x);
|
||||||
}
|
}
|
||||||
@@ -97,21 +53,4 @@ const getActiveSection = function getActiveSection () {
|
|||||||
.header h1 {
|
.header h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-sections-list {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-section {
|
|
||||||
--padding: 0.8em;
|
|
||||||
border-radius: var(--padding);
|
|
||||||
padding: var(--padding);
|
|
||||||
margin-bottom: 4px;
|
|
||||||
width: calc(100% - 2 * var(--padding));
|
|
||||||
text-align: start;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "Laden ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Suchen",
|
"submit": "Suchen",
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "Loading ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Search",
|
"submit": "Search",
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "Cargando ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Buscar",
|
"submit": "Buscar",
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "Chargement ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Rechercher",
|
"submit": "Rechercher",
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "Caricamento ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Cerca",
|
"submit": "Cerca",
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
{
|
{
|
||||||
"loading": "A carregar ...",
|
|
||||||
"search": {
|
"search": {
|
||||||
"searchBar": {
|
"searchBar": {
|
||||||
"submit": "Pesquisar",
|
"submit": "Pesquisar",
|
||||||
|
|||||||
@@ -43,12 +43,6 @@ const routes = [
|
|||||||
path: '/settings',
|
path: '/settings',
|
||||||
name: 'settings',
|
name: 'settings',
|
||||||
component: SettingsView,
|
component: SettingsView,
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: ':rest(.*)',
|
|
||||||
component: SettingsView
|
|
||||||
}
|
|
||||||
],
|
|
||||||
meta: {
|
meta: {
|
||||||
title: () => i18n.global.t('preferences.settings')
|
title: () => i18n.global.t('preferences.settings')
|
||||||
}
|
}
|
||||||
@@ -65,18 +59,6 @@ const router = createRouter({
|
|||||||
routes
|
routes
|
||||||
});
|
});
|
||||||
|
|
||||||
// remove trailing slash(es)
|
|
||||||
router.beforeEach((route) => {
|
|
||||||
if (route.path !== '/' && route.path.endsWith('/')) {
|
|
||||||
return {
|
|
||||||
path: route.path.replace(/\/+$/, ''),
|
|
||||||
query: route.query,
|
|
||||||
hash: route.hash,
|
|
||||||
replace: true
|
|
||||||
};
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
// set page title
|
// set page title
|
||||||
router.afterEach(to => {
|
router.afterEach(to => {
|
||||||
const title =
|
const title =
|
||||||
|
|||||||
+1
-28
@@ -23,23 +23,10 @@ body {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link:hover:not(.button-link), .link:focus:not(.button-link) {
|
.link:hover:not(.button-link) {
|
||||||
outline: none;
|
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-link {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-link:hover {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-link:visited {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
input {
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
}
|
}
|
||||||
@@ -47,18 +34,4 @@ input {
|
|||||||
.main-content-padding {
|
.main-content-padding {
|
||||||
padding: var(--main-content-padding);
|
padding: var(--main-content-padding);
|
||||||
width: calc(100% - var(--main-content-padding-x) * 2);
|
width: calc(100% - var(--main-content-padding-x) * 2);
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:focus {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:hover {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
}
|
||||||
@@ -82,8 +82,6 @@ limitations under the License.
|
|||||||
--blue-box-shadow: oklch(0.52 0.15 268 / 0.25);
|
--blue-box-shadow: oklch(0.52 0.15 268 / 0.25);
|
||||||
|
|
||||||
--light-hover: var(--light-d-2);
|
--light-hover: var(--light-d-2);
|
||||||
|
|
||||||
--invert: invert(0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
@@ -116,8 +114,6 @@ limitations under the License.
|
|||||||
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
||||||
|
|
||||||
--light-hover: var(--light-d-5);
|
--light-hover: var(--light-d-5);
|
||||||
|
|
||||||
--invert: invert(1);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -150,6 +146,4 @@ limitations under the License.
|
|||||||
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
||||||
|
|
||||||
--light-hover: var(--light-d-5);
|
--light-hover: var(--light-d-5);
|
||||||
|
|
||||||
--invert: invert(1);
|
|
||||||
}
|
}
|
||||||
@@ -1,122 +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 { expect, test } from 'vitest';
|
|
||||||
import { ensureUnit } from '../cssDimensions';
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
{ dimension: null, expected: '0px' },
|
|
||||||
{ dimension: undefined, expected: '0px' },
|
|
||||||
|
|
||||||
{ dimension: 0, expected: '0px' },
|
|
||||||
{ dimension: -0, expected: '0px' },
|
|
||||||
{ dimension: -1, expected: '-1px' },
|
|
||||||
{ dimension: -42, expected: '-42px' },
|
|
||||||
{ dimension: 1, expected: '1px' },
|
|
||||||
{ dimension: 42, expected: '42px' },
|
|
||||||
|
|
||||||
{ dimension: 0.0, expected: '0px' },
|
|
||||||
{ dimension: -0.0, expected: '0px' },
|
|
||||||
{ dimension: -1.0, expected: '-1px' },
|
|
||||||
{ dimension: -42.0, expected: '-42px' },
|
|
||||||
{ dimension: 1.0, expected: '1px' },
|
|
||||||
{ dimension: 42.0, expected: '42px' },
|
|
||||||
|
|
||||||
{ dimension: 0.42, expected: '0.42px' },
|
|
||||||
{ dimension: -0.42, expected: '-0.42px' },
|
|
||||||
{ dimension: -1.42, expected: '-1.42px' },
|
|
||||||
{ dimension: -42.42, expected: '-42.42px' },
|
|
||||||
{ dimension: 1.42, expected: '1.42px' },
|
|
||||||
{ dimension: 42.42, expected: '42.42px' },
|
|
||||||
|
|
||||||
{ dimension: '0', expected: '0px' },
|
|
||||||
{ dimension: '-0', expected: '-0px' },
|
|
||||||
{ dimension: '-1', expected: '-1px' },
|
|
||||||
{ dimension: '-42', expected: '-42px' },
|
|
||||||
{ dimension: '1', expected: '1px' },
|
|
||||||
{ dimension: '42', expected: '42px' },
|
|
||||||
|
|
||||||
{ dimension: '0.0', expected: '0.0px' },
|
|
||||||
{ dimension: '-0.0', expected: '-0.0px' },
|
|
||||||
{ dimension: '-1.0', expected: '-1.0px' },
|
|
||||||
{ dimension: '-42.0', expected: '-42.0px' },
|
|
||||||
{ dimension: '1.0', expected: '1.0px' },
|
|
||||||
{ dimension: '42.0', expected: '42.0px' },
|
|
||||||
|
|
||||||
{ dimension: '0.42', expected: '0.42px' },
|
|
||||||
{ dimension: '-0.42', expected: '-0.42px' },
|
|
||||||
{ dimension: '-1.42', expected: '-1.42px' },
|
|
||||||
{ dimension: '-42.42', expected: '-42.42px' },
|
|
||||||
{ dimension: '1.42', expected: '1.42px' },
|
|
||||||
{ dimension: '42.42', expected: '42.42px' },
|
|
||||||
|
|
||||||
{ dimension: '0px', expected: '0px' },
|
|
||||||
{ dimension: '-0px', expected: '-0px' },
|
|
||||||
{ dimension: '-1px', expected: '-1px' },
|
|
||||||
{ dimension: '-42px', expected: '-42px' },
|
|
||||||
{ dimension: '1px', expected: '1px' },
|
|
||||||
{ dimension: '42px', expected: '42px' },
|
|
||||||
|
|
||||||
{ dimension: '0.0px', expected: '0.0px' },
|
|
||||||
{ dimension: '-0.0px', expected: '-0.0px' },
|
|
||||||
{ dimension: '-1.0px', expected: '-1.0px' },
|
|
||||||
{ dimension: '-42.0px', expected: '-42.0px' },
|
|
||||||
{ dimension: '1.0px', expected: '1.0px' },
|
|
||||||
{ dimension: '42.0px', expected: '42.0px' },
|
|
||||||
|
|
||||||
{ dimension: '0.42px', expected: '0.42px' },
|
|
||||||
{ dimension: '-0.42px', expected: '-0.42px' },
|
|
||||||
{ dimension: '-1.42px', expected: '-1.42px' },
|
|
||||||
{ dimension: '-42.42px', expected: '-42.42px' },
|
|
||||||
{ dimension: '1.42px', expected: '1.42px' },
|
|
||||||
{ dimension: '42.42px', expected: '42.42px' },
|
|
||||||
|
|
||||||
{ dimension: '0em', expected: '0em' },
|
|
||||||
{ dimension: '-0em', expected: '-0em' },
|
|
||||||
{ dimension: '-1em', expected: '-1em' },
|
|
||||||
{ dimension: '-42em', expected: '-42em' },
|
|
||||||
{ dimension: '1em', expected: '1em' },
|
|
||||||
{ dimension: '42em', expected: '42em' },
|
|
||||||
|
|
||||||
{ dimension: '0.0em', expected: '0.0em' },
|
|
||||||
{ dimension: '-0.0em', expected: '-0.0em' },
|
|
||||||
{ dimension: '-1.0em', expected: '-1.0em' },
|
|
||||||
{ dimension: '-42.0em', expected: '-42.0em' },
|
|
||||||
{ dimension: '1.0em', expected: '1.0em' },
|
|
||||||
{ dimension: '42.0em', expected: '42.0em' },
|
|
||||||
|
|
||||||
{ dimension: '0.42em', expected: '0.42em' },
|
|
||||||
{ dimension: '-0.42em', expected: '-0.42em' },
|
|
||||||
{ dimension: '-1.42em', expected: '-1.42em' },
|
|
||||||
{ dimension: '-42.42em', expected: '-42.42em' },
|
|
||||||
{ dimension: '1.42em', expected: '1.42em' },
|
|
||||||
{ dimension: '42.42em', expected: '42.42em' },
|
|
||||||
|
|
||||||
{ dimension: 'calc(42px - 1em)', expected: 'calc(42px - 1em)' },
|
|
||||||
{ dimension: 'calc(42px)', expected: 'calc(42px)' },
|
|
||||||
{ dimension: 'calc(42vh)', expected: 'calc(42vh)' },
|
|
||||||
{ dimension: 'min(42px, 1em)', expected: 'min(42px, 1em)' },
|
|
||||||
{ dimension: 'max(42px, 5rem)', expected: 'max(42px, 5rem)' },
|
|
||||||
{ dimension: 'clamp(42vh, 23vw, 13cap)', expected: 'clamp(42vh, 23vw, 13cap)' },
|
|
||||||
|
|
||||||
{ dimension: 'calc(42px-1em)', expected: 'calc(42px-1em)' },
|
|
||||||
{ dimension: 'min(42px,1em)', expected: 'min(42px,1em)' },
|
|
||||||
{ 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 }) => {
|
|
||||||
expect(ensureUnit(dimension)).toBe(expected);
|
|
||||||
});
|
|
||||||
@@ -1,61 +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 { expect, test } from 'vitest';
|
|
||||||
import getCurrentLanguage from '../currentLanguage';
|
|
||||||
|
|
||||||
const locales = [
|
|
||||||
{ navigatorLanguage: 'en', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'de', localStorageLanguage: null, expected: 'de'},
|
|
||||||
{ navigatorLanguage: 'fr', localStorageLanguage: null, expected: 'fr'},
|
|
||||||
|
|
||||||
{ navigatorLanguage: 'en-US', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'en-AU', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'de-DE', localStorageLanguage: null, expected: 'de'},
|
|
||||||
{ navigatorLanguage: 'fr-FR', localStorageLanguage: null, expected: 'fr'},
|
|
||||||
|
|
||||||
{ navigatorLanguage: 'en-us', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'en-au', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'de-de', localStorageLanguage: null, expected: 'de'},
|
|
||||||
{ navigatorLanguage: 'fr-fr', localStorageLanguage: null, expected: 'fr'},
|
|
||||||
|
|
||||||
{ navigatorLanguage: 'zh-Hans-CN', localStorageLanguage: null, expected: 'zh'},
|
|
||||||
{ navigatorLanguage: 'zh-Hant-TW', localStorageLanguage: null, expected: 'zh'},
|
|
||||||
{ navigatorLanguage: 'uz-Latn-UZ', localStorageLanguage: null, expected: 'uz'},
|
|
||||||
|
|
||||||
{ navigatorLanguage: 'en-US-u-ca-gregory', localStorageLanguage: null, expected: 'en'},
|
|
||||||
{ navigatorLanguage: 'de-DE-u-co-phonebk', localStorageLanguage: null, expected: 'de'},
|
|
||||||
{ navigatorLanguage: 'zh-Hant-TW-u-co-phonebk', localStorageLanguage: null, expected: 'zh'},
|
|
||||||
|
|
||||||
{ navigatorLanguage: 'en', localStorageLanguage: 'de', expected: 'de'},
|
|
||||||
{ navigatorLanguage: 'de-DE', localStorageLanguage: 'en', expected: 'en'},
|
|
||||||
{ 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'}
|
|
||||||
];
|
|
||||||
|
|
||||||
test.for(locales)('returns the language $expected (navigator: $navigatorLanguage; local storage: $localStorageLanguage)', ({ navigatorLanguage, localStorageLanguage, expected }) => {
|
|
||||||
Object.defineProperty(navigator, 'language', {
|
|
||||||
value: navigatorLanguage,
|
|
||||||
configurable: true
|
|
||||||
});
|
|
||||||
|
|
||||||
if (localStorageLanguage) {
|
|
||||||
localStorage.setItem('locale', localStorageLanguage);
|
|
||||||
};
|
|
||||||
|
|
||||||
expect(getCurrentLanguage()).toBe(expected);
|
|
||||||
});
|
|
||||||
@@ -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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export const ensureUnit = function (d) {
|
|
||||||
if (!d) d = 0;
|
|
||||||
|
|
||||||
// ensure that it is a string
|
|
||||||
if (typeof d === 'number') d = d.toString();
|
|
||||||
|
|
||||||
if (d === '') d = '0';
|
|
||||||
|
|
||||||
// if it ends with a number
|
|
||||||
if (/\d$/.test(d)) {
|
|
||||||
d += 'px';
|
|
||||||
};
|
|
||||||
|
|
||||||
return d;
|
|
||||||
};
|
|
||||||
@@ -43,7 +43,7 @@ const { t } = useI18n();
|
|||||||
.error-message{
|
.error-message{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.75rem;
|
font-size: 2vw;
|
||||||
}
|
}
|
||||||
#link {
|
#link {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -67,10 +67,9 @@ const submitSearch = function () {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slogan {
|
.slogan{
|
||||||
margin-top: 1rem;
|
margin: 0;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
line-height: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-container {
|
.search-container {
|
||||||
|
|||||||
@@ -21,9 +21,6 @@ import { createHtmlPlugin } from 'vite-plugin-html';
|
|||||||
|
|
||||||
// https://vite.dev/config/
|
// https://vite.dev/config/
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
build: {
|
|
||||||
target: 'es2020'
|
|
||||||
},
|
|
||||||
plugins: [
|
plugins: [
|
||||||
vue(),
|
vue(),
|
||||||
createHtmlPlugin({
|
createHtmlPlugin({
|
||||||
@@ -34,9 +31,5 @@ export default defineConfig({
|
|||||||
alias: {
|
alias: {
|
||||||
'@': path.resolve(__dirname, './src')
|
'@': path.resolve(__dirname, './src')
|
||||||
}
|
}
|
||||||
},
|
|
||||||
test: {
|
|
||||||
globals: false,
|
|
||||||
environment: 'jsdom'
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user