generated from Seekra/repository-template
Compare commits
3
Commits
main
..
a40ae36d96
| Author | SHA1 | Date | |
|---|---|---|---|
 Fockskraft
|
a40ae36d96 | ||
|
Fockskraft
|
765117aad2 | ||
|
Johannes Vos
|
f9ce904702 |
@@ -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,45 +0,0 @@
|
|||||||
name: Deploy on dev
|
|
||||||
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
deploy:
|
|
||||||
name: Deploy on dev
|
|
||||||
|
|
||||||
runs-on: node-minio
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
|
|
||||||
- name: Install dependencies
|
|
||||||
run: |
|
|
||||||
set -euo pipefail
|
|
||||||
npm install
|
|
||||||
|
|
||||||
- name: Build
|
|
||||||
run: |
|
|
||||||
set -euo pipefail
|
|
||||||
npm run build
|
|
||||||
|
|
||||||
- name: Set alias
|
|
||||||
run: mc alias set minio ${{ vars.S3_DEV_URL }} ${{ secrets.S3_DEV_ACCESS_KEY }} ${{ secrets.S3_DEV_SECRET_KEY }}
|
|
||||||
|
|
||||||
- name: Upload build artifacts to S3
|
|
||||||
run: |
|
|
||||||
set -euo pipefail
|
|
||||||
|
|
||||||
BUCKET=${{ vars.S3_DEV_BUCKET_NAME }}
|
|
||||||
BUILD_ID=$(date +%s)-$(git rev-parse --short HEAD)
|
|
||||||
|
|
||||||
echo "Build ID: $BUILD_ID"
|
|
||||||
|
|
||||||
printf "Copying files ... "
|
|
||||||
mc cp --recursive ./dist/ "minio/$BUCKET/builds/$BUILD_ID/"
|
|
||||||
echo "done"
|
|
||||||
|
|
||||||
printf "Update current build pointer ... "
|
|
||||||
echo "$BUILD_ID" | mc pipe "minio/$BUCKET/current"
|
|
||||||
echo "done"
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
.vscode/
|
|
||||||
node_modules/
|
|
||||||
dist/
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
# ------------------------------------------------ SUBJECT AREA
|
|
||||||
# ---------------------------------------------------------------------- DETAIL AREA
|
|
||||||
|
|
||||||
# Please enter a subject that is not longer than 50 characters.
|
|
||||||
# If you enter a detailed description, each line should not be longer
|
|
||||||
# than 72 characters. Break the line as soon as you reach this limit.
|
|
||||||
@@ -1,202 +0,0 @@
|
|||||||
|
|
||||||
Apache License
|
|
||||||
Version 2.0, January 2004
|
|
||||||
http://www.apache.org/licenses/
|
|
||||||
|
|
||||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
||||||
|
|
||||||
1. Definitions.
|
|
||||||
|
|
||||||
"License" shall mean the terms and conditions for use, reproduction,
|
|
||||||
and distribution as defined by Sections 1 through 9 of this document.
|
|
||||||
|
|
||||||
"Licensor" shall mean the copyright owner or entity authorized by
|
|
||||||
the copyright owner that is granting the License.
|
|
||||||
|
|
||||||
"Legal Entity" shall mean the union of the acting entity and all
|
|
||||||
other entities that control, are controlled by, or are under common
|
|
||||||
control with that entity. For the purposes of this definition,
|
|
||||||
"control" means (i) the power, direct or indirect, to cause the
|
|
||||||
direction or management of such entity, whether by contract or
|
|
||||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
||||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
||||||
|
|
||||||
"You" (or "Your") shall mean an individual or Legal Entity
|
|
||||||
exercising permissions granted by this License.
|
|
||||||
|
|
||||||
"Source" form shall mean the preferred form for making modifications,
|
|
||||||
including but not limited to software source code, documentation
|
|
||||||
source, and configuration files.
|
|
||||||
|
|
||||||
"Object" form shall mean any form resulting from mechanical
|
|
||||||
transformation or translation of a Source form, including but
|
|
||||||
not limited to compiled object code, generated documentation,
|
|
||||||
and conversions to other media types.
|
|
||||||
|
|
||||||
"Work" shall mean the work of authorship, whether in Source or
|
|
||||||
Object form, made available under the License, as indicated by a
|
|
||||||
copyright notice that is included in or attached to the work
|
|
||||||
(an example is provided in the Appendix below).
|
|
||||||
|
|
||||||
"Derivative Works" shall mean any work, whether in Source or Object
|
|
||||||
form, that is based on (or derived from) the Work and for which the
|
|
||||||
editorial revisions, annotations, elaborations, or other modifications
|
|
||||||
represent, as a whole, an original work of authorship. For the purposes
|
|
||||||
of this License, Derivative Works shall not include works that remain
|
|
||||||
separable from, or merely link (or bind by name) to the interfaces of,
|
|
||||||
the Work and Derivative Works thereof.
|
|
||||||
|
|
||||||
"Contribution" shall mean any work of authorship, including
|
|
||||||
the original version of the Work and any modifications or additions
|
|
||||||
to that Work or Derivative Works thereof, that is intentionally
|
|
||||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
||||||
or by an individual or Legal Entity authorized to submit on behalf of
|
|
||||||
the copyright owner. For the purposes of this definition, "submitted"
|
|
||||||
means any form of electronic, verbal, or written communication sent
|
|
||||||
to the Licensor or its representatives, including but not limited to
|
|
||||||
communication on electronic mailing lists, source code control systems,
|
|
||||||
and issue tracking systems that are managed by, or on behalf of, the
|
|
||||||
Licensor for the purpose of discussing and improving the Work, but
|
|
||||||
excluding communication that is conspicuously marked or otherwise
|
|
||||||
designated in writing by the copyright owner as "Not a Contribution."
|
|
||||||
|
|
||||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
||||||
on behalf of whom a Contribution has been received by Licensor and
|
|
||||||
subsequently incorporated within the Work.
|
|
||||||
|
|
||||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
||||||
this License, each Contributor hereby grants to You a perpetual,
|
|
||||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
||||||
copyright license to reproduce, prepare Derivative Works of,
|
|
||||||
publicly display, publicly perform, sublicense, and distribute the
|
|
||||||
Work and such Derivative Works in Source or Object form.
|
|
||||||
|
|
||||||
3. Grant of Patent License. Subject to the terms and conditions of
|
|
||||||
this License, each Contributor hereby grants to You a perpetual,
|
|
||||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
||||||
(except as stated in this section) patent license to make, have made,
|
|
||||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
||||||
where such license applies only to those patent claims licensable
|
|
||||||
by such Contributor that are necessarily infringed by their
|
|
||||||
Contribution(s) alone or by combination of their Contribution(s)
|
|
||||||
with the Work to which such Contribution(s) was submitted. If You
|
|
||||||
institute patent litigation against any entity (including a
|
|
||||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
||||||
or a Contribution incorporated within the Work constitutes direct
|
|
||||||
or contributory patent infringement, then any patent licenses
|
|
||||||
granted to You under this License for that Work shall terminate
|
|
||||||
as of the date such litigation is filed.
|
|
||||||
|
|
||||||
4. Redistribution. You may reproduce and distribute copies of the
|
|
||||||
Work or Derivative Works thereof in any medium, with or without
|
|
||||||
modifications, and in Source or Object form, provided that You
|
|
||||||
meet the following conditions:
|
|
||||||
|
|
||||||
(a) You must give any other recipients of the Work or
|
|
||||||
Derivative Works a copy of this License; and
|
|
||||||
|
|
||||||
(b) You must cause any modified files to carry prominent notices
|
|
||||||
stating that You changed the files; and
|
|
||||||
|
|
||||||
(c) You must retain, in the Source form of any Derivative Works
|
|
||||||
that You distribute, all copyright, patent, trademark, and
|
|
||||||
attribution notices from the Source form of the Work,
|
|
||||||
excluding those notices that do not pertain to any part of
|
|
||||||
the Derivative Works; and
|
|
||||||
|
|
||||||
(d) If the Work includes a "NOTICE" text file as part of its
|
|
||||||
distribution, then any Derivative Works that You distribute must
|
|
||||||
include a readable copy of the attribution notices contained
|
|
||||||
within such NOTICE file, excluding those notices that do not
|
|
||||||
pertain to any part of the Derivative Works, in at least one
|
|
||||||
of the following places: within a NOTICE text file distributed
|
|
||||||
as part of the Derivative Works; within the Source form or
|
|
||||||
documentation, if provided along with the Derivative Works; or,
|
|
||||||
within a display generated by the Derivative Works, if and
|
|
||||||
wherever such third-party notices normally appear. The contents
|
|
||||||
of the NOTICE file are for informational purposes only and
|
|
||||||
do not modify the License. You may add Your own attribution
|
|
||||||
notices within Derivative Works that You distribute, alongside
|
|
||||||
or as an addendum to the NOTICE text from the Work, provided
|
|
||||||
that such additional attribution notices cannot be construed
|
|
||||||
as modifying the License.
|
|
||||||
|
|
||||||
You may add Your own copyright statement to Your modifications and
|
|
||||||
may provide additional or different license terms and conditions
|
|
||||||
for use, reproduction, or distribution of Your modifications, or
|
|
||||||
for any such Derivative Works as a whole, provided Your use,
|
|
||||||
reproduction, and distribution of the Work otherwise complies with
|
|
||||||
the conditions stated in this License.
|
|
||||||
|
|
||||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
||||||
any Contribution intentionally submitted for inclusion in the Work
|
|
||||||
by You to the Licensor shall be under the terms and conditions of
|
|
||||||
this License, without any additional terms or conditions.
|
|
||||||
Notwithstanding the above, nothing herein shall supersede or modify
|
|
||||||
the terms of any separate license agreement you may have executed
|
|
||||||
with Licensor regarding such Contributions.
|
|
||||||
|
|
||||||
6. Trademarks. This License does not grant permission to use the trade
|
|
||||||
names, trademarks, service marks, or product names of the Licensor,
|
|
||||||
except as required for reasonable and customary use in describing the
|
|
||||||
origin of the Work and reproducing the content of the NOTICE file.
|
|
||||||
|
|
||||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
||||||
agreed to in writing, Licensor provides the Work (and each
|
|
||||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
||||||
implied, including, without limitation, any warranties or conditions
|
|
||||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
||||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
||||||
appropriateness of using or redistributing the Work and assume any
|
|
||||||
risks associated with Your exercise of permissions under this License.
|
|
||||||
|
|
||||||
8. Limitation of Liability. In no event and under no legal theory,
|
|
||||||
whether in tort (including negligence), contract, or otherwise,
|
|
||||||
unless required by applicable law (such as deliberate and grossly
|
|
||||||
negligent acts) or agreed to in writing, shall any Contributor be
|
|
||||||
liable to You for damages, including any direct, indirect, special,
|
|
||||||
incidental, or consequential damages of any character arising as a
|
|
||||||
result of this License or out of the use or inability to use the
|
|
||||||
Work (including but not limited to damages for loss of goodwill,
|
|
||||||
work stoppage, computer failure or malfunction, or any and all
|
|
||||||
other commercial damages or losses), even if such Contributor
|
|
||||||
has been advised of the possibility of such damages.
|
|
||||||
|
|
||||||
9. Accepting Warranty or Additional Liability. While redistributing
|
|
||||||
the Work or Derivative Works thereof, You may choose to offer,
|
|
||||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
||||||
or other liability obligations and/or rights consistent with this
|
|
||||||
License. However, in accepting such obligations, You may act only
|
|
||||||
on Your own behalf and on Your sole responsibility, not on behalf
|
|
||||||
of any other Contributor, and only if You agree to indemnify,
|
|
||||||
defend, and hold each Contributor harmless for any liability
|
|
||||||
incurred by, or claims asserted against, such Contributor by reason
|
|
||||||
of your accepting any such warranty or additional liability.
|
|
||||||
|
|
||||||
END OF TERMS AND CONDITIONS
|
|
||||||
|
|
||||||
APPENDIX: How to apply the Apache License to your work.
|
|
||||||
|
|
||||||
To apply the Apache License to your work, attach the following
|
|
||||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
||||||
replaced with your own identifying information. (Don't include
|
|
||||||
the brackets!) The text should be enclosed in the appropriate
|
|
||||||
comment syntax for the file format. We also recommend that a
|
|
||||||
file or class name and description of purpose be included on the
|
|
||||||
same "printed page" as the copyright notice for easier
|
|
||||||
identification within third-party archives.
|
|
||||||
|
|
||||||
Copyright [yyyy] [name of copyright owner]
|
|
||||||
|
|
||||||
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.
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
Notice
|
|
||||||
|
|
||||||
This software is provided "as is", without warranty of any kind.
|
|
||||||
|
|
||||||
This software uses the Vue.js framework.
|
|
||||||
|
|
||||||
This software makes use of various open-source components.
|
|
||||||
See THIRD_PARTY_LICENSES for details.
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
# frontend
|
|
||||||
|
|
||||||
The frontend of the search engine Seekra.
|
|
||||||
|
|
||||||
## Setup
|
|
||||||
|
|
||||||
Please execute the setup script in `scripts/` for your platform when cloning the repository.
|
|
||||||
|
|
||||||
## Legal
|
|
||||||
|
|
||||||
After each update to the dependencies, please run the script `scripts/generate-license-files.js` to regenerate the third-party license files.
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,16 +0,0 @@
|
|||||||
# Changelog
|
|
||||||
|
|
||||||
## [Unreleased]
|
|
||||||
|
|
||||||
### Added
|
|
||||||
|
|
||||||
- Start page
|
|
||||||
- Settings page
|
|
||||||
- Footer
|
|
||||||
- Navbar
|
|
||||||
- Searchbar
|
|
||||||
- Icons
|
|
||||||
- Internationalization and some major languages
|
|
||||||
- Color scheme
|
|
||||||
- Search results view with error message which indicates that the search is not available
|
|
||||||
- Settings renderer
|
|
||||||
+26
-29
@@ -1,29 +1,26 @@
|
|||||||
<!--
|
<!DOCTYPE html>
|
||||||
Copyright 2026 Seekra
|
<html lang="de">
|
||||||
|
<head>
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
<meta charset="UTF-8">
|
||||||
you may not use this file except in compliance with the License.
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
You may obtain a copy of the License at
|
<title>Seekra</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
</head>
|
||||||
|
<body>
|
||||||
Unless required by applicable law or agreed to in writing, software
|
<header>
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
<h1>Seekra</h1>
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
<h3>Build to search.</h3>
|
||||||
See the License for the specific language governing permissions and
|
</header>
|
||||||
limitations under the License.
|
|
||||||
-->
|
<form id="searchbar">
|
||||||
|
<input type="search" id="search" name="search"><br>
|
||||||
<!doctype html>
|
<input type="submit" value="Suchen">
|
||||||
<html lang="en">
|
</form>
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
<footer>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<span>Version 1.1</span>
|
||||||
<meta name="theme-color" content="#0158D2" />
|
<time datetime="2026-05-01">02/05/2026</time>
|
||||||
<title>Seekra</title>
|
<time datetime="20:30">12:35 CEST</time>
|
||||||
</head>
|
</footer>
|
||||||
<body>
|
</body>
|
||||||
<div id="app"></div>
|
</html>
|
||||||
<script type="module" src="/src/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["./src/*"]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Generated
-3862
File diff suppressed because it is too large
Load Diff
@@ -1,30 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "frontend",
|
|
||||||
"private": true,
|
|
||||||
"version": "0.0.0",
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vite",
|
|
||||||
"build": "vite build",
|
|
||||||
"preview": "vite preview",
|
|
||||||
"test": "vitest",
|
|
||||||
"test:run": "vitest run"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"pinia": "^3.0.4",
|
|
||||||
"pinia-plugin-persistedstate": "^4.7.1",
|
|
||||||
"terser": "^5.47.1",
|
|
||||||
"vue": "^3.5.32",
|
|
||||||
"vue-i18n": "^11.4.4",
|
|
||||||
"vue-router": "^5.0.6"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@pinia/testing": "^1.0.3",
|
|
||||||
"@vitejs/plugin-vue": "^6.0.6",
|
|
||||||
"@vue/test-utils": "^2.4.6",
|
|
||||||
"jsdom": "^29.1.1",
|
|
||||||
"vite": "^8.0.10",
|
|
||||||
"vite-plugin-html": "^3.2.2",
|
|
||||||
"vitest": "^4.1.7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
#!/usr/bin/env node
|
|
||||||
|
|
||||||
/*
|
|
||||||
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 fs from 'node:fs/promises';
|
|
||||||
import { generateLicenseFile } from 'generate-license-file';
|
|
||||||
|
|
||||||
const packageJson = './package.json';
|
|
||||||
const packageJsonBackup = `${packageJson}~`;
|
|
||||||
|
|
||||||
await generateLicenseFile(
|
|
||||||
packageJson,
|
|
||||||
'THIRD_PARTY_LICENSES'
|
|
||||||
);
|
|
||||||
|
|
||||||
const pkg = JSON.parse(
|
|
||||||
await fs.readFile(packageJson, 'utf-8')
|
|
||||||
);
|
|
||||||
|
|
||||||
await fs.rename(packageJson, packageJsonBackup);
|
|
||||||
|
|
||||||
const devPackage = {
|
|
||||||
...pkg,
|
|
||||||
dependencies: pkg.devDependencies ?? {},
|
|
||||||
devDependencies: {}
|
|
||||||
};
|
|
||||||
|
|
||||||
/*
|
|
||||||
The file including the dependencies for the current license file has
|
|
||||||
to be always package.json due to a bug of generate-license file. See
|
|
||||||
|
|
||||||
https://github.com/TobyAndToby/generate-license-file/issues/752
|
|
||||||
*/
|
|
||||||
await fs.writeFile(
|
|
||||||
packageJson,
|
|
||||||
JSON.stringify(devPackage)
|
|
||||||
);
|
|
||||||
|
|
||||||
await generateLicenseFile(
|
|
||||||
packageJson,
|
|
||||||
'./THIRD_PARTY_LICENSES_DEV'
|
|
||||||
);
|
|
||||||
|
|
||||||
await fs.rename(packageJsonBackup, packageJson);
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
#!/usr/bin/env pwsh
|
|
||||||
|
|
||||||
# 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.
|
|
||||||
|
|
||||||
git config --local commit.template .gitmessage
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
#!/usr/bin/bash
|
|
||||||
|
|
||||||
# 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.
|
|
||||||
|
|
||||||
git config --local commit.template .gitmessage
|
|
||||||
-84
@@ -1,84 +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 Navbar from './features/nav/components/Navbar.vue';
|
|
||||||
import Footer from './features/footer/components/Footer.vue';
|
|
||||||
|
|
||||||
import { updatePageTitle } from './router';
|
|
||||||
import { useColorScheme } from './features/colorScheme/composables/useColorScheme';
|
|
||||||
import { ref, provide, watch, watchEffect } from 'vue';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
|
|
||||||
const { getColorScheme, updateColorScheme } = useColorScheme();
|
|
||||||
const colorScheme = ref(getColorScheme());
|
|
||||||
provide('colorScheme', colorScheme);
|
|
||||||
watch(colorScheme, (newValue) => {
|
|
||||||
updateColorScheme(newValue);
|
|
||||||
document.body.style.setProperty(colorScheme, {
|
|
||||||
auto: 'normal',
|
|
||||||
dark: 'dark',
|
|
||||||
light: 'light'
|
|
||||||
});
|
|
||||||
if (newValue === 'dark') {
|
|
||||||
document.body.classList.add('dark');
|
|
||||||
} else {
|
|
||||||
document.body.classList.remove('dark');
|
|
||||||
}
|
|
||||||
if (newValue === 'auto') {
|
|
||||||
document.body.classList.add('color-scheme-auto');
|
|
||||||
} else {
|
|
||||||
document.body.classList.remove('color-scheme-auto');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
watchEffect(() => updatePageTitle(route));
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div id="app-wrapper">
|
|
||||||
<Navbar />
|
|
||||||
|
|
||||||
<router-view class="main-content" />
|
|
||||||
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
#app-wrapper {
|
|
||||||
--main-content-padding-x: 30px;
|
|
||||||
--main-content-padding-y: 40px;
|
|
||||||
--main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x);
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-content {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 48rem) {
|
|
||||||
#app-wrapper {
|
|
||||||
--main-content-padding-x: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -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="M5 12 l6 8 l8 -16"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 832 B |
@@ -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,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="M8 20 l8 -8 l-8 -8"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 833 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,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>
|
|
||||||
|
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 |
@@ -1,19 +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" width="758.75" height="192.5">
|
|
||||||
<defs><linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#4ba8eb"/><stop offset="100%" style="stop-color:#043485"/></linearGradient></defs>
|
|
||||||
<path stroke="url(#gradient)" stroke-width="15" fill="none" d=" M94 51 a43.75 43.75 0 0 0 -43.75 -43.75 a43.75 43.75 0 0 0 -43.75 43.75 a43.75 43.75 0 0 0 43.75 43.75 a43.75 43.75 0 0 1 43.75 43.75 a43.75 43.75 0 0 1 -43.75 43.75 a43.75 43.75 0 0 1 -43.75 -43.75 M138.75 95.25 h43.75 a43.75 43.75 0 0 0 43.75 -43.75 a43.75 43.75 0 0 0 -43.75 -43.75 a43.75 43.75 0 0 0 -43.75 43.75 v43.75 v43.75 a43.75 43.75 0 0 0 43.75 43.75 a43.75 43.75 0 0 0 43.75 -43.75 M270 95.25 h43.75 a43.75 43.75 0 0 0 43.75 -43.75 a43.75 43.75 0 0 0 -43.75 -43.75 a43.75 43.75 0 0 0 -43.75 43.75 v43.75 v43.75 a43.75 43.75 0 0 0 43.75 43.75 a43.75 43.75 0 0 0 43.75 -43.75 M401.25 0 v192.5 m0 -96.125 l87.5 -87.5 m-87.5 87.5 l87.5 87.5 M532.5 192.5 v-192.5 m0 51.25 a43.75 43.75 0 0 1 43.75 -43.75 a43.75 43.75 0 0 1 43.75 43.75 M663.75 50.25 a43.75 43.75 0 0 1 43.75 -43.75 a43.75 43.75 0 0 1 43.75 43.75 v43.75 v43.75 v43.75 m0 -43.75 a43.75 43.75 0 0 1 -43.75 43.75 a43.75 43.75 0 0 1 -43.75 -43.75 a43.75 43.75 0 0 1 43.75 -43.75 a43.75 43.75 0 0 1 43.75 43.75 v50"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -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;
|
|
||||||
};
|
|
||||||
@@ -1,75 +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';
|
|
||||||
|
|
||||||
import { inject } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const colorScheme = inject('colorScheme');
|
|
||||||
|
|
||||||
const colorSchemeNextMapper = {
|
|
||||||
'light': 'dark',
|
|
||||||
'dark': 'auto',
|
|
||||||
'auto': 'light'
|
|
||||||
};
|
|
||||||
|
|
||||||
const colorSchemeIconMapper = {
|
|
||||||
'dark': 'crescent-moon',
|
|
||||||
'light': 'sun',
|
|
||||||
'auto': 'circle-black-white'
|
|
||||||
};
|
|
||||||
|
|
||||||
const getTooltipTranslation = function (colorScheme) {
|
|
||||||
return t(`preferences.colorScheme.switch.${colorSchemeNextMapper[colorScheme]}`);
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<button class="color-scheme-button"
|
|
||||||
@click="colorScheme = colorSchemeNextMapper[colorScheme]"
|
|
||||||
:aria-label="getTooltipTranslation(colorScheme)"
|
|
||||||
:title="getTooltipTranslation(colorScheme)"
|
|
||||||
>
|
|
||||||
<Icon
|
|
||||||
:name="colorSchemeIconMapper[colorSchemeNextMapper[colorScheme]]"
|
|
||||||
size="16"
|
|
||||||
/>
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.color-scheme-button {
|
|
||||||
background: none;
|
|
||||||
border: 1.5px solid var(--border);
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-scheme-button:hover {
|
|
||||||
background: var(--light-hover);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,39 +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 useColorScheme = function () {
|
|
||||||
const getColorScheme = function () {
|
|
||||||
let colorScheme = localStorage.getItem('colorScheme') || 'auto';
|
|
||||||
if (!(colorScheme === 'dark' || colorScheme === 'light' || colorScheme === 'auto')) {
|
|
||||||
colorScheme = 'auto';
|
|
||||||
};
|
|
||||||
return colorScheme;
|
|
||||||
};
|
|
||||||
|
|
||||||
const updateColorScheme = function (newScheme) {
|
|
||||||
let actualNewScheme = newScheme;
|
|
||||||
if (!(actualNewScheme === 'dark' || actualNewScheme === 'light' || actualNewScheme === 'auto')) {
|
|
||||||
actualNewScheme = 'auto';
|
|
||||||
};
|
|
||||||
|
|
||||||
localStorage.setItem('colorScheme', actualNewScheme);
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
|
||||||
getColorScheme,
|
|
||||||
updateColorScheme
|
|
||||||
};
|
|
||||||
};
|
|
||||||
@@ -1,66 +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 LanguageSwitchButton from '@/features/i18n/components/LanguageSwitchButton.vue';
|
|
||||||
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const startYear = 2026
|
|
||||||
const currentYear = new Date().getFullYear()
|
|
||||||
|
|
||||||
const copyrightPeriod =
|
|
||||||
startYear === currentYear
|
|
||||||
? `${currentYear}`
|
|
||||||
: `${startYear}-${currentYear}`
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<footer class="global-footer">
|
|
||||||
<div class="footer-segment">
|
|
||||||
<RouterLink to="/settings" class="link">
|
|
||||||
{{ t('preferences.settings') }}
|
|
||||||
</RouterLink>
|
|
||||||
<LanguageSwitchButton />
|
|
||||||
</div>
|
|
||||||
<div class="footer-segment">
|
|
||||||
© {{ copyrightPeriod }} Seekra
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.global-footer {
|
|
||||||
--padding-y: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-segment {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 32px;
|
|
||||||
padding: var(--padding-y);
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-footer a {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,164 +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';
|
|
||||||
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { loadLanguage, LANGUAGES_RTL, SUPPORTED_LANGUAGES } from '@/i18n';
|
|
||||||
|
|
||||||
const { t, locale } = useI18n();
|
|
||||||
|
|
||||||
const isOpen = ref(false);
|
|
||||||
const languageDropdown = ref(null);
|
|
||||||
|
|
||||||
async function selectLanguage(code) {
|
|
||||||
await loadLanguage(code);
|
|
||||||
localStorage.setItem('locale', code);
|
|
||||||
document.documentElement.lang = code;
|
|
||||||
document.documentElement.dir = LANGUAGES_RTL.includes(code) ? 'rtl' : 'ltr';
|
|
||||||
close();
|
|
||||||
};
|
|
||||||
|
|
||||||
const close = function () {
|
|
||||||
document.removeEventListener('click', closeWrapperOnClickOutsite);
|
|
||||||
isOpen.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const closeWrapperOnClickOutsite = function (e) {
|
|
||||||
if (languageDropdown.value) {
|
|
||||||
if (!languageDropdown.value.contains(e.target)) {
|
|
||||||
close();
|
|
||||||
};
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const open = function () {
|
|
||||||
if (!isOpen.value) {
|
|
||||||
isOpen.value = true;
|
|
||||||
setTimeout(() => {
|
|
||||||
document.addEventListener('click', closeWrapperOnClickOutsite);
|
|
||||||
}, 0);
|
|
||||||
};
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="language-switch" tabindex="-1">
|
|
||||||
<button
|
|
||||||
class="language-button button"
|
|
||||||
@click="open"
|
|
||||||
:aria-expanded="isOpen"
|
|
||||||
aria-haspopup="listbox"
|
|
||||||
>
|
|
||||||
<span class="lang-code">{{ t(`preferences.locale.languages.${locale}`) }}</span>
|
|
||||||
<span class="chevron" :class="{ open: isOpen }">
|
|
||||||
<Icon name="chevron-down" size="1em" />
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<ul
|
|
||||||
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
|
|
||||||
v-for="lang in SUPPORTED_LANGUAGES"
|
|
||||||
:key="lang"
|
|
||||||
role="option"
|
|
||||||
:aria-selected="lang === locale"
|
|
||||||
:class="{ active: lang === locale }"
|
|
||||||
@click="selectLanguage(lang)"
|
|
||||||
>
|
|
||||||
<span class="lang-label">{{ t(`preferences.locale.languages.${lang}`) }}</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.language-switch {
|
|
||||||
--trigger-padding-y: 4px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-button {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
background: none;
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: var(--trigger-padding-y) 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-button:hover {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.chevron {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chevron.open {
|
|
||||||
transform: rotate(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-dropdown {
|
|
||||||
--offset: 6px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 6px 0;
|
|
||||||
min-width: 160px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-dropdown li {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-dropdown li:hover {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-dropdown li.active {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -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', () => {
|
|
||||||
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>
|
|
||||||
@@ -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.
|
|
||||||
-->
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import ColorSchemeButton from '@/features/colorScheme/components/ColorSchemeButton.vue';
|
|
||||||
import logo from '@/assets/images/logo.svg';
|
|
||||||
import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<nav class="global-nav">
|
|
||||||
<RouterLink to="/" class="link button link">
|
|
||||||
<img :src="logo" alt="Seekra" class="nav-logo" />
|
|
||||||
</RouterLink>
|
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper" />
|
|
||||||
<ul class="right-links">
|
|
||||||
<li>
|
|
||||||
<ColorSchemeButton />
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div class="navbar-search-bar-wrapper-small-screens-wrapper">
|
|
||||||
<NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.global-nav {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 18px var(--main-content-padding-x);
|
|
||||||
height: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-nav .right-links {
|
|
||||||
display: flex;
|
|
||||||
gap: 30px;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-nav .right-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-nav .right-links a:hover{
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-logo {
|
|
||||||
height: 24px;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search-bar-wrapper {
|
|
||||||
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>
|
|
||||||
@@ -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>
|
|
||||||
@@ -1,117 +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 searchQuery = defineModel();
|
|
||||||
|
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
const props = defineProps(['autoSubmit'])
|
|
||||||
|
|
||||||
const submitSearch = function () {
|
|
||||||
if (props.autoSubmit !== undefined) {
|
|
||||||
router.push({
|
|
||||||
name: 'searchResults',
|
|
||||||
query: { q: searchQuery.value }
|
|
||||||
});
|
|
||||||
};
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<form @submit.prevent="submitSearch" class="search-form">
|
|
||||||
<div class="search-wrapper">
|
|
||||||
<input
|
|
||||||
v-model="searchQuery"
|
|
||||||
type="search"
|
|
||||||
:placeholder="t('search.searchBar.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
<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>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.search-wrapper {
|
|
||||||
--submit-button-padding-y: 8px;
|
|
||||||
--content-height: 32px;
|
|
||||||
--padding: 4px;
|
|
||||||
--padding-left: calc(var(--content-height) + var(--padding));
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border: 1.5px solid var(--border);
|
|
||||||
box-shadow: 0 0px 32px var(--blue-box-shadow);
|
|
||||||
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
|
|
||||||
padding: var(--padding);
|
|
||||||
padding-left: var(--padding-left);
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-wrapper input {
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 1rem;
|
|
||||||
background: transparent;
|
|
||||||
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
|
|
||||||
padding-left: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button {
|
|
||||||
font-size: 1rem;
|
|
||||||
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: none;
|
|
||||||
padding: var(--submit-button-padding-y) 20px;
|
|
||||||
background: var(--primary-color);
|
|
||||||
color: var(--white);
|
|
||||||
cursor: pointer;
|
|
||||||
white-space: nowrap;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button .search-icon {
|
|
||||||
filter: invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button:hover {
|
|
||||||
background: var(--primary-color-l-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-form {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,97 +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 { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="main-content-padding">
|
|
||||||
<div class="search-results-error-message-container">
|
|
||||||
<div class="search-results-error-message">
|
|
||||||
<p>{{ t('search.error.searchNotAvailable') }}</p>
|
|
||||||
<p>{{ t('error.tryAgainToAnotherTime') }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="search-results-container">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.search-bar {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 67.5rem) {
|
|
||||||
.search-bar {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-results-container {
|
|
||||||
margin-top: 56px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-results-error-message-container {
|
|
||||||
--error-message-height: 100px;
|
|
||||||
--error-message-padding: 2em;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-results-error-message {
|
|
||||||
padding: var(--error-message-padding);
|
|
||||||
font-size: 18px;
|
|
||||||
box-shadow: 0px 0px 42px var(--gray-box-shadow);
|
|
||||||
border-radius: 28px;
|
|
||||||
text-align: center;
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
animation: fade-in 0.8s ease-out;
|
|
||||||
height: var(--error-message-height);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
outline: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 48rem) {
|
|
||||||
.search-results-error-message-container {
|
|
||||||
--error-message-height: 150px;
|
|
||||||
}
|
|
||||||
.search-results-error-message {
|
|
||||||
padding: 1em;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fade-in {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
opacity: 0;
|
|
||||||
transform: scale(1.02);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 100;
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,126 +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';
|
|
||||||
import { useSettingsStore } from '../stores/settingsStore';
|
|
||||||
import { computed, ref, useId, watch } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const normalizeSelectedValue = function normalizeSelectedValue (value) {
|
|
||||||
if (props.setting.allowMultiple) {
|
|
||||||
if (Array.isArray(value)) {
|
|
||||||
return value;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (value === undefined || value === null) {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
|
|
||||||
return [value];
|
|
||||||
}
|
|
||||||
|
|
||||||
if (Array.isArray(value)) {
|
|
||||||
return value[0] ?? null;
|
|
||||||
}
|
|
||||||
|
|
||||||
return value ?? null;
|
|
||||||
};
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
setting: {
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
path: {
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
|
|
||||||
const optionType = computed(() => props.setting.allowMultiple ? 'checkbox' : 'radio');
|
|
||||||
const selected = ref(normalizeSelectedValue(store.get(props.path) ?? props.setting.default));
|
|
||||||
|
|
||||||
watch(selected, (newValue) => {
|
|
||||||
store.set(props.path, newValue);
|
|
||||||
});
|
|
||||||
|
|
||||||
const labelId = useId();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div class="label" :id="labelId">
|
|
||||||
{{ t(props.setting.i18n) }}
|
|
||||||
</div>
|
|
||||||
<ul class="options-list" :aria-labelledby="labelId">
|
|
||||||
<li v-for="option in props.setting.options" :key="option.name">
|
|
||||||
<label
|
|
||||||
class="settings-button"
|
|
||||||
:title="t(option.i18n)"
|
|
||||||
:aria-label="t('settings.selection.option.ariaLabel', { option: t(option.i18n) })"
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
:type="optionType"
|
|
||||||
:name="props.path"
|
|
||||||
:value="option.name"
|
|
||||||
class="option-input"
|
|
||||||
v-model="selected"
|
|
||||||
>
|
|
||||||
<div class="option-check-mark-wrapper">
|
|
||||||
<Icon class="option-check-mark" name="check-mark" size="1em" />
|
|
||||||
</div>
|
|
||||||
<div class="input-label">
|
|
||||||
{{ t(option.i18n) }}
|
|
||||||
</div>
|
|
||||||
</label>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped src="./SettingsButton.css"></style>
|
|
||||||
<style scoped>
|
|
||||||
.options-list {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
margin-top: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-input {
|
|
||||||
appearance: none;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-check-mark-wrapper {
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-check-mark {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-input:checked + .option-check-mark-wrapper .option-check-mark {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
.settings-button {
|
|
||||||
--padding-x: 0.7em;
|
|
||||||
padding: 0.3em var(--padding-x);
|
|
||||||
margin-top: 0.2em;
|
|
||||||
width: calc(100% - 2 * var(--padding-x));
|
|
||||||
border-radius: 0.8em;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5em;
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
|
|
||||||
user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-button:hover {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
|
||||||
@@ -1,215 +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';
|
|
||||||
|
|
||||||
import { useSettingsStore } from '../stores/settingsStore';
|
|
||||||
|
|
||||||
import { computed, ref, useId, watch } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
setting: {
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
path: {
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
|
|
||||||
const inputModel = ref(store.get(props.path) ?? props.setting.default);
|
|
||||||
let oldInputValue = inputModel.value;
|
|
||||||
|
|
||||||
const doneButtonInitial = ref(true);
|
|
||||||
|
|
||||||
const inputId = useId();
|
|
||||||
const inputLabelId = useId();
|
|
||||||
|
|
||||||
const inputType = computed(() => ({
|
|
||||||
number: 'number',
|
|
||||||
string: 'text'
|
|
||||||
}[props.setting.type]
|
|
||||||
));
|
|
||||||
|
|
||||||
const hasChanged = computed(() =>
|
|
||||||
inputModel.value !== store.get(props.path)
|
|
||||||
);
|
|
||||||
|
|
||||||
watch(store, (newValue) => {
|
|
||||||
const newInputValue = newValue.get(props.path);
|
|
||||||
if (inputModel.value === oldInputValue) {
|
|
||||||
inputModel.value = newInputValue;
|
|
||||||
oldInputValue = newInputValue;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
watch(inputModel, () => {
|
|
||||||
doneButtonInitial.value = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
const apply = function apply () {
|
|
||||||
store.set(props.path, inputModel.value);
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="input-setting-container">
|
|
||||||
<label :for="inputId" :id="inputLabelId">
|
|
||||||
{{ t(props.setting.i18n) }}
|
|
||||||
</label>
|
|
||||||
<form
|
|
||||||
@submit.prevent="apply"
|
|
||||||
class="input-container"
|
|
||||||
:class="{ 'done-button-shown': hasChanged }"
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
:type="inputType"
|
|
||||||
:id="inputId"
|
|
||||||
:aria-labelledby="inputLabelId"
|
|
||||||
v-model="inputModel"
|
|
||||||
class="input"
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
ref="doneButton"
|
|
||||||
class="done-button button"
|
|
||||||
:class="{ initial: doneButtonInitial }"
|
|
||||||
type="submit"
|
|
||||||
:title="t('settings.input.done.title')"
|
|
||||||
:aria-label="t('settings.input.done.ariaLabel')"
|
|
||||||
>
|
|
||||||
<Icon name="check-mark" />
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.input-setting-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container {
|
|
||||||
position: relative;
|
|
||||||
width: 50%;
|
|
||||||
white-space: nowrap;
|
|
||||||
--total-animation-duration: 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
height: calc(var(--input-height) + 2 * var(--input-padding-y));
|
|
||||||
display: inline;
|
|
||||||
vertical-align: middle;
|
|
||||||
--input-height: 24px;
|
|
||||||
transition: width calc(var(--total-animation-duration) / 3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container:not(.done-button-shown) .input {
|
|
||||||
transition-delay: calc((2 / 3) * var(--total-animation-duration));
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container.done-button-shown .input {
|
|
||||||
width: calc(100% - 1.5 * var(--input-padding) - 26px - 0.75 * var(--input-height) + 1.5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.done-button {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 50%;
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
min-height: var(--input-height);
|
|
||||||
padding: var(--input-padding);
|
|
||||||
transform: translateY(-50%) scale(0);
|
|
||||||
transform-origin: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: calc(var(--input-padding) + 13px);
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.done-button:not(.initial) {
|
|
||||||
animation: done-button-disappear var(--total-animation-duration);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container.done-button-shown .done-button {
|
|
||||||
animation: done-button-appear var(--total-animation-duration);
|
|
||||||
display: inline-flex;
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes done-button-appear {
|
|
||||||
0% {
|
|
||||||
transform: translateY(-50%) scale(0);
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
transform: translateY(-50%) scale(0);
|
|
||||||
}
|
|
||||||
95% {
|
|
||||||
transform: translateY(-50%) scale(1.05);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes done-button-disappear {
|
|
||||||
0% {
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translateY(-50%) scale(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
@keyframes done-button-appear {
|
|
||||||
0% {
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes done-button-disappear {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(-50%) scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,93 +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 Switch from './Switch.vue';
|
|
||||||
import SettingsInput from './SettingsInput.vue';
|
|
||||||
import Selection from './Selection.vue';
|
|
||||||
import SettingsPageLink from './SettingsPageLink.vue';
|
|
||||||
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
setting: {
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
path: {
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<h2 class="section-heading">
|
|
||||||
{{ t(props.setting.i18n) }}
|
|
||||||
</h2>
|
|
||||||
<div
|
|
||||||
v-for="setting in props.setting.content"
|
|
||||||
:key="setting"
|
|
||||||
class="setting"
|
|
||||||
>
|
|
||||||
<Switch
|
|
||||||
v-if="setting.type === 'bool'"
|
|
||||||
:setting="setting"
|
|
||||||
:path="`${props.path}.${setting.name}`"
|
|
||||||
/>
|
|
||||||
<SettingsInput
|
|
||||||
v-if="setting.type === 'string' || setting.type === 'number'"
|
|
||||||
:setting="setting"
|
|
||||||
:path="`${props.path}.${setting.name}`"
|
|
||||||
/>
|
|
||||||
<Selection
|
|
||||||
v-if="setting.type === 'selection'"
|
|
||||||
:setting="setting"
|
|
||||||
:path="`${props.path}.${setting.name}`"
|
|
||||||
/>
|
|
||||||
<SettingsPageLink
|
|
||||||
v-if="setting.type === 'section'"
|
|
||||||
:display-name="t(setting.i18n)"
|
|
||||||
:target="`${props.path}.${setting.name}`"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.setting {
|
|
||||||
margin-bottom: 1.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-heading {
|
|
||||||
--size: 1.2em;
|
|
||||||
font-size: var(--size);
|
|
||||||
margin-bottom: calc(var(--size) - 0.2em);
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-heading[aria-level="2"] {
|
|
||||||
--size: 1.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-heading[aria-level="3"] {
|
|
||||||
--size: 1.6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-heading[aria-level="4"] {
|
|
||||||
--size: 1.4em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -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.
|
|
||||||
-->
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import Icon from '@/features/icons/components/Icon.vue';
|
|
||||||
import { useSettingsPage } from '../composables/useSettingsPage';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
const { goToSettingsPage } = useSettingsPage();
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
target: {
|
|
||||||
required: true,
|
|
||||||
type: String
|
|
||||||
},
|
|
||||||
displayName: {
|
|
||||||
required: true,
|
|
||||||
type: String
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const followLink = function followLink () {
|
|
||||||
goToSettingsPage(props.target);
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<button
|
|
||||||
class="settings-button button settings-page-link"
|
|
||||||
:title="props.displayName"
|
|
||||||
:aria-label="t('settings.pages.link.ariaLabel', { page: props.displayName })"
|
|
||||||
@click="followLink"
|
|
||||||
>
|
|
||||||
{{ props.displayName }}
|
|
||||||
<Icon name="chevron-right" size="1em" />
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped src="./SettingsButton.css"></style>
|
|
||||||
<style scoped>
|
|
||||||
.settings-page-link {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,101 +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 { useSettingsStore } from '../stores/settingsStore';
|
|
||||||
import { useId } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
setting: {
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
path: {
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const labelId = useId();
|
|
||||||
const switchId = useId();
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
|
|
||||||
const toggle = function toggle () {
|
|
||||||
store.set(props.path, !store.get(props.path));
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="switch-container" @click="toggle">
|
|
||||||
<label :for="switchId" :id="labelId" class="switch-label">
|
|
||||||
{{ t(props.setting.i18n) }}
|
|
||||||
</label>
|
|
||||||
<div
|
|
||||||
class="switch-wrapper"
|
|
||||||
:class="{ enabled: store.get(props.path) }"
|
|
||||||
:title="t('settings.switch.title')"
|
|
||||||
:aria-label="t('settings.switch.ariaLabel')"
|
|
||||||
:aria-labelledby="labelId"
|
|
||||||
>
|
|
||||||
<div class="switch-point"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.switch-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-label {
|
|
||||||
cursor: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-wrapper {
|
|
||||||
--point-size: 0.9em;
|
|
||||||
--padding: 2px;
|
|
||||||
--transition-duration: 0.2s;
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
outline: 1px solid var(--border);
|
|
||||||
width: calc(2 * var(--point-size));
|
|
||||||
padding: var(--padding);
|
|
||||||
border-radius: calc(0.5 * var(--point-size) + var(--padding));
|
|
||||||
transition: background-color var(--transition-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-point {
|
|
||||||
height: var(--point-size);
|
|
||||||
width: var(--point-size);
|
|
||||||
background-color: var(--border);
|
|
||||||
border-radius: calc(0.5 * var(--point-size));
|
|
||||||
margin-left: 0;
|
|
||||||
transition: margin-left var(--transition-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-wrapper.enabled {
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-wrapper.enabled .switch-point {
|
|
||||||
margin-left: var(--point-size);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,267 +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 Selection from '../Selection.vue';
|
|
||||||
import { mountComponent } from '@/test-utils/mountComponent.js';
|
|
||||||
import { useSettingsStore } from '../../stores/settingsStore.js';
|
|
||||||
import { expect, describe, test } from 'vitest';
|
|
||||||
import { nextTick } from 'vue';
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper ({
|
|
||||||
i18n = 'selection',
|
|
||||||
options = [],
|
|
||||||
allowMultiple = false,
|
|
||||||
defaultValue = undefined,
|
|
||||||
translations = {},
|
|
||||||
piniaOptions = {}
|
|
||||||
} = {}) {
|
|
||||||
return mountComponent(Selection, {
|
|
||||||
attrs: {
|
|
||||||
setting: {
|
|
||||||
name: 'selection',
|
|
||||||
type: 'selection',
|
|
||||||
i18n,
|
|
||||||
options,
|
|
||||||
allowMultiple,
|
|
||||||
default: defaultValue
|
|
||||||
},
|
|
||||||
path: 'selection'
|
|
||||||
}
|
|
||||||
}, translations, [], piniaOptions);
|
|
||||||
};
|
|
||||||
|
|
||||||
const getChecked = function getChecked (inputs) {
|
|
||||||
return inputs.map((input) => input.element.matches(':checked'));
|
|
||||||
};
|
|
||||||
|
|
||||||
const exampleOptions = [
|
|
||||||
{ name: 'o0', i18n: 'o0' },
|
|
||||||
{ name: 'o1', i18n: 'o1' },
|
|
||||||
{ name: 'o2', i18n: 'o2' }
|
|
||||||
];
|
|
||||||
|
|
||||||
describe('Selection', () => {
|
|
||||||
test('displays options correctly', () => {
|
|
||||||
const wrapper = getWrapper({ options: exampleOptions });
|
|
||||||
|
|
||||||
const listItems = wrapper.findAll('li');
|
|
||||||
expect(listItems.length).toBe(3);
|
|
||||||
|
|
||||||
for (let i = 0; i <= 2; i++) {
|
|
||||||
const option = exampleOptions[i];
|
|
||||||
const listItem = listItems[i];
|
|
||||||
|
|
||||||
expect(listItem.find('.input-label').text()).toBe(option.i18n);
|
|
||||||
|
|
||||||
const input = listItem.find('input');
|
|
||||||
expect(input.attributes('type')).toBe('radio');
|
|
||||||
expect(input.attributes('name')).toBe('selection');
|
|
||||||
|
|
||||||
expect(input.element.matches(':checked')).toBe(false);
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows value from store', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
piniaOptions: {
|
|
||||||
setupStores: () => {
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('selection', 'o1');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputsChecked = getChecked(inputs);
|
|
||||||
expect(inputsChecked).toStrictEqual([false, true, false]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows multiple values from store', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
piniaOptions: {
|
|
||||||
setupStores: () => {
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('selection', ['o1', 'o2']);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
allowMultiple: true
|
|
||||||
});
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputsChecked = getChecked(inputs);
|
|
||||||
expect(inputsChecked).toStrictEqual([false, true, true]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows default value', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
defaultValue: 'o2'
|
|
||||||
});
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputsChecked = getChecked(inputs);
|
|
||||||
expect(inputsChecked).toStrictEqual([false, false, true]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows multiple default values', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
defaultValue: ['o0', 'o1'],
|
|
||||||
allowMultiple: true
|
|
||||||
});
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputsChecked = getChecked(inputs);
|
|
||||||
expect(inputsChecked).toStrictEqual([true, true, false]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows store value even if default value is set', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
default: 'o2',
|
|
||||||
piniaOptions: {
|
|
||||||
setupStores: () => {
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('selection', 'o1');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputsChecked = getChecked(inputs);
|
|
||||||
expect(inputsChecked).toStrictEqual([false, true, false]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('stores one value', async () => {
|
|
||||||
const wrapper = getWrapper({ options: exampleOptions });
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
expect(store.get('selection')).toBeUndefined();
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputO0 = inputs[0];
|
|
||||||
const inputO1 = inputs[1];
|
|
||||||
const inputO2 = inputs[2];
|
|
||||||
|
|
||||||
await inputO0.setValue(true);
|
|
||||||
await nextTick();
|
|
||||||
expect(store.get('selection')).toBe('o0');
|
|
||||||
|
|
||||||
await inputO1.setValue(true);
|
|
||||||
await nextTick();
|
|
||||||
expect(store.get('selection')).toBe('o1');
|
|
||||||
|
|
||||||
await inputO2.setValue(true);
|
|
||||||
await nextTick();
|
|
||||||
expect(store.get('selection')).toBe('o2');
|
|
||||||
expect(inputO2.element.matches(':checked')).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('stores multiple values', async () => {
|
|
||||||
const setValue = async function setValue (input, value) {
|
|
||||||
input.setValue(value);
|
|
||||||
await nextTick();
|
|
||||||
};
|
|
||||||
|
|
||||||
const check = function check (input) {
|
|
||||||
return setValue(input, true);
|
|
||||||
};
|
|
||||||
|
|
||||||
const uncheck = function uncheck (input) {
|
|
||||||
return setValue(input, false);
|
|
||||||
};
|
|
||||||
|
|
||||||
const expectSelectionValue = function expectSelectionValue (value, options = exampleOptions) {
|
|
||||||
value.sort();
|
|
||||||
expect(store.get('selection').sort()).toStrictEqual(value);
|
|
||||||
const checkedInputs = getChecked(inputs);
|
|
||||||
expect(
|
|
||||||
options
|
|
||||||
.map((option) => option.name)
|
|
||||||
.filter((entry, i) => checkedInputs[i])
|
|
||||||
).toStrictEqual(value);
|
|
||||||
};
|
|
||||||
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
options: exampleOptions,
|
|
||||||
allowMultiple: true
|
|
||||||
});
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
expect(store.get('selection')).toBeUndefined();
|
|
||||||
|
|
||||||
const inputs = wrapper.findAll('input');
|
|
||||||
const inputO0 = inputs[0];
|
|
||||||
const inputO1 = inputs[1];
|
|
||||||
const inputO2 = inputs[2];
|
|
||||||
|
|
||||||
await check(inputO0);
|
|
||||||
expectSelectionValue(['o0'])
|
|
||||||
|
|
||||||
await uncheck(inputO0);
|
|
||||||
expectSelectionValue([]);
|
|
||||||
|
|
||||||
await check(inputO1);
|
|
||||||
expectSelectionValue(['o1']);
|
|
||||||
|
|
||||||
await check(inputO0);
|
|
||||||
expectSelectionValue(['o0', 'o1']);
|
|
||||||
|
|
||||||
await check(inputO2);
|
|
||||||
expectSelectionValue(['o0', 'o1', 'o2']);
|
|
||||||
|
|
||||||
await uncheck(inputO2);
|
|
||||||
expectSelectionValue(['o0', 'o1']);
|
|
||||||
|
|
||||||
await check(inputO2);
|
|
||||||
expectSelectionValue(['o0', 'o1', 'o2']);
|
|
||||||
|
|
||||||
await uncheck(inputO1);
|
|
||||||
expectSelectionValue(['o0', 'o2']);
|
|
||||||
|
|
||||||
await inputO0.setValue(true);
|
|
||||||
expectSelectionValue(['o0', 'o2']);
|
|
||||||
|
|
||||||
await inputO0.setValue(false);
|
|
||||||
expectSelectionValue(['o2']);
|
|
||||||
|
|
||||||
await inputO1.setValue(true);
|
|
||||||
expectSelectionValue(['o1', 'o2']);
|
|
||||||
|
|
||||||
await inputO2.setValue(false);
|
|
||||||
expectSelectionValue(['o1']);
|
|
||||||
|
|
||||||
await inputO1.setValue(true);
|
|
||||||
expectSelectionValue(['o1']);
|
|
||||||
|
|
||||||
await inputO1.setValue(false);
|
|
||||||
expectSelectionValue([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows correct translation', () => {
|
|
||||||
const translation = 'Selection setting';
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
translations: {
|
|
||||||
selection: translation
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const label = wrapper.find('.label');
|
|
||||||
expect(label.text()).toBe(translation);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,210 +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 SettingsInput from '../SettingsInput.vue';
|
|
||||||
import { mountComponent } from '@/test-utils/mountComponent';
|
|
||||||
import { useSettingsStore } from '../../stores/settingsStore.js';
|
|
||||||
import { describe, expect, test } from 'vitest';
|
|
||||||
import { nextTick } from 'vue';
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper({ type = 'string', i18n = 'input', defaultValue = undefined, piniaOptions = {} } = {}) {
|
|
||||||
return mountComponent(SettingsInput, {
|
|
||||||
attrs: {
|
|
||||||
setting: {
|
|
||||||
name: 'input',
|
|
||||||
default: defaultValue,
|
|
||||||
i18n,
|
|
||||||
type
|
|
||||||
},
|
|
||||||
path: 'input'
|
|
||||||
}
|
|
||||||
}, {}, [], piniaOptions);
|
|
||||||
}
|
|
||||||
|
|
||||||
describe('SettingsInput', () => {
|
|
||||||
test('uses correct input type', () => {
|
|
||||||
const stringSettingWrapper = getWrapper();
|
|
||||||
|
|
||||||
const stringInputElement = stringSettingWrapper.find('input');
|
|
||||||
expect(stringInputElement.attributes('type')).toBe('text');
|
|
||||||
|
|
||||||
const numberSettingWrapper = getWrapper({ type: 'number' });
|
|
||||||
|
|
||||||
const numberInputElement = numberSettingWrapper.find('input');
|
|
||||||
expect(numberInputElement.attributes('type')).toBe('number');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows empty value', () => {
|
|
||||||
const stringSettingWrapper = getWrapper();
|
|
||||||
|
|
||||||
const inputElement = stringSettingWrapper.find('input');
|
|
||||||
expect(inputElement.attributes('value')).toBeUndefined();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows value from store', () => {
|
|
||||||
const value = 'example value';
|
|
||||||
const stringSettingWrapper = getWrapper({
|
|
||||||
type: 'string',
|
|
||||||
i18n: 'input',
|
|
||||||
piniaOptions: {
|
|
||||||
setupStores: () => {
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.settings.input = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const inputElement = stringSettingWrapper.find('input');
|
|
||||||
|
|
||||||
expect(inputElement.element.value).toBe(value);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows default value', () => {
|
|
||||||
const value = 'example value';
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
type: 'string',
|
|
||||||
i18n: 'input',
|
|
||||||
defaultValue: value
|
|
||||||
});
|
|
||||||
const inputElement = wrapper.find('input');
|
|
||||||
|
|
||||||
expect(inputElement.element.value).toBe(value);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('store value instead of default value', () => {
|
|
||||||
const storeValue = 'store value';
|
|
||||||
const defaultValue = 'default value';
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
type: 'string',
|
|
||||||
i18n: 'input',
|
|
||||||
defaultValue: defaultValue,
|
|
||||||
piniaOptions: {
|
|
||||||
setupStores: () => {
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.settings.input = storeValue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const inputElement = wrapper.find('input');
|
|
||||||
|
|
||||||
expect(inputElement.element.value).toBe(storeValue);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('stores value', async () => {
|
|
||||||
const value = 'example value';
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
expect(store.get('input')).toBeUndefined();
|
|
||||||
|
|
||||||
const inputElement = wrapper.find('input');
|
|
||||||
await inputElement.setValue(value);
|
|
||||||
|
|
||||||
const form = wrapper.find('form');
|
|
||||||
await form.trigger('submit');
|
|
||||||
|
|
||||||
expect(store.get('input')).toBe(value);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('reacts on store change', async () => {
|
|
||||||
const value = 'example value';
|
|
||||||
const value2 = 'example value 2';
|
|
||||||
const anotherValue = 'another value';
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const inputElement = wrapper.find('input');
|
|
||||||
expect(inputElement.element.value).toBe('');
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('input', value);
|
|
||||||
await nextTick();
|
|
||||||
expect(inputElement.element.value).toBe(value);
|
|
||||||
|
|
||||||
await inputElement.setValue(anotherValue);
|
|
||||||
expect(inputElement.element.value).toBe(anotherValue);
|
|
||||||
|
|
||||||
// input does not update if there are unsaved changes
|
|
||||||
store.set('input', value2);
|
|
||||||
expect(inputElement.element.value).toBe(anotherValue);
|
|
||||||
|
|
||||||
const form = wrapper.find('form');
|
|
||||||
expect(form.classes('done-button-shown')).toBeTruthy();
|
|
||||||
|
|
||||||
await form.trigger('submit');
|
|
||||||
expect(store.get('input')).toBe(anotherValue);
|
|
||||||
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows done button correctly', async () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const form = wrapper.find('form');
|
|
||||||
const inputElement = wrapper.find('input');
|
|
||||||
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
|
|
||||||
await inputElement.setValue('value');
|
|
||||||
expect(form.classes('done-button-shown')).toBeTruthy();
|
|
||||||
|
|
||||||
await form.trigger('submit');
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
|
|
||||||
await inputElement.setValue('Hello, World!');
|
|
||||||
expect(form.classes('done-button-shown')).toBeTruthy();
|
|
||||||
|
|
||||||
await form.trigger('submit');
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
|
|
||||||
await inputElement.setValue('');
|
|
||||||
expect(form.classes('done-button-shown')).toBeTruthy();
|
|
||||||
|
|
||||||
await form.trigger('submit');
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
|
|
||||||
await inputElement.setValue('a');
|
|
||||||
expect(form.classes('done-button-shown')).toBeTruthy();
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('input', 'a');
|
|
||||||
await nextTick();
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
|
|
||||||
await inputElement.setValue('');
|
|
||||||
store.set('input', '');
|
|
||||||
await nextTick();
|
|
||||||
expect(form.classes('done-button-shown')).toBeFalsy();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows correct translation', () => {
|
|
||||||
const translation = 'Text input';
|
|
||||||
|
|
||||||
const wrapper = mountComponent(SettingsInput, {
|
|
||||||
attrs: {
|
|
||||||
setting: {
|
|
||||||
name: 'input',
|
|
||||||
i18n: 'input',
|
|
||||||
type: 'string',
|
|
||||||
},
|
|
||||||
path: 'input'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
input: translation
|
|
||||||
});
|
|
||||||
|
|
||||||
const label = wrapper.find('label');
|
|
||||||
expect(label.text()).toBe(translation);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,160 +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 Selection from '../Selection.vue';
|
|
||||||
import SettingsInput from '../SettingsInput.vue';
|
|
||||||
import SettingsPage from '../SettingsPage.vue';
|
|
||||||
import SettingsPageLink from '../SettingsPageLink.vue';
|
|
||||||
import Switch from '../Switch.vue';
|
|
||||||
import { mountComponent } from '@/test-utils/mountComponent.js';
|
|
||||||
import { describe, expect, test } from 'vitest';
|
|
||||||
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper({ content = [], translations = {}, piniaOptions = {} }) {
|
|
||||||
return mountComponent(SettingsPage, {
|
|
||||||
attrs: {
|
|
||||||
setting: {
|
|
||||||
name: 'section',
|
|
||||||
type: 'section',
|
|
||||||
i18n: 'section',
|
|
||||||
content: content
|
|
||||||
},
|
|
||||||
path: 'section'
|
|
||||||
}
|
|
||||||
}, translations, [], piniaOptions);
|
|
||||||
};
|
|
||||||
|
|
||||||
const exampleSettings = [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.section.b0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'number',
|
|
||||||
name: 'n0',
|
|
||||||
i18n: 'settings.section.n0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'st0',
|
|
||||||
i18n: 'settings.section1.st0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'se0',
|
|
||||||
i18n: 'settings.section.se0',
|
|
||||||
options: [
|
|
||||||
{ name: 'o0', i18n: 'settings.section.se0.o0' },
|
|
||||||
{ name: 'o1', i18n: 'settings.section.se0.o1' },
|
|
||||||
{ name: 'o2', i18n: 'settings.section.se0.o2' },
|
|
||||||
{ name: 'o3', i18n: 'settings.section.se0.o3' }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.section.s0',
|
|
||||||
content: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's1',
|
|
||||||
i18n: 'settings.section.s1',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.section.s1.b0',
|
|
||||||
default: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
describe('SettingsPage', () => {
|
|
||||||
test('shows correct heading', () => {
|
|
||||||
const translation = 'Example section';
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
translations: { section: translation }
|
|
||||||
});
|
|
||||||
|
|
||||||
const heading = wrapper.find('.section-heading');
|
|
||||||
expect(heading.text()).toBe(translation);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows settings correctly', () => {
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
content: exampleSettings
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
const settingsWrappers = wrapper.findAll('.setting');
|
|
||||||
expect(settingsWrappers.length).toBe(exampleSettings.length);
|
|
||||||
|
|
||||||
exampleSettings.forEach((expectedSetting, index) => {
|
|
||||||
const settingWrapper = settingsWrappers[index];
|
|
||||||
|
|
||||||
const switchSetting = settingWrapper.findComponent(Switch);
|
|
||||||
const inputSetting = settingWrapper.findComponent(SettingsInput);
|
|
||||||
const selectionSetting = settingWrapper.findComponent(Selection);
|
|
||||||
const settingsPageLink = settingWrapper.findComponent(SettingsPageLink);
|
|
||||||
|
|
||||||
let setting;
|
|
||||||
if (expectedSetting.type === 'bool') {
|
|
||||||
expect(switchSetting.exists()).toBe(true);
|
|
||||||
expect(inputSetting.exists()).toBe(false);
|
|
||||||
expect(selectionSetting.exists()).toBe(false);
|
|
||||||
expect(settingsPageLink.exists()).toBe(false);
|
|
||||||
|
|
||||||
setting = switchSetting;
|
|
||||||
} else if (expectedSetting.type === 'string' || expectedSetting.type === 'number') {
|
|
||||||
expect(switchSetting.exists()).toBe(false);
|
|
||||||
expect(inputSetting.exists()).toBe(true);
|
|
||||||
expect(selectionSetting.exists()).toBe(false);
|
|
||||||
expect(settingsPageLink.exists()).toBe(false);
|
|
||||||
|
|
||||||
setting = inputSetting;
|
|
||||||
} else if (expectedSetting.type === 'selection') {
|
|
||||||
expect(switchSetting.exists()).toBe(false);
|
|
||||||
expect(inputSetting.exists()).toBe(false);
|
|
||||||
expect(selectionSetting.exists()).toBe(true);
|
|
||||||
expect(settingsPageLink.exists()).toBe(false);
|
|
||||||
|
|
||||||
setting = selectionSetting;
|
|
||||||
} else {
|
|
||||||
expect(switchSetting.exists()).toBe(false);
|
|
||||||
expect(inputSetting.exists()).toBe(false);
|
|
||||||
expect(selectionSetting.exists()).toBe(false);
|
|
||||||
expect(settingsPageLink.exists()).toBe(true);
|
|
||||||
|
|
||||||
setting = settingsPageLink;
|
|
||||||
}
|
|
||||||
if (
|
|
||||||
expectedSetting.type === 'bool' ||
|
|
||||||
expectedSetting.type === 'string' ||
|
|
||||||
expectedSetting.type === 'number' ||
|
|
||||||
expectedSetting.type === 'selection'
|
|
||||||
) {
|
|
||||||
expect(setting.props('setting')).toMatchObject(expectedSetting);
|
|
||||||
expect(setting.props('path')).toBe(`section.${expectedSetting.name}`);
|
|
||||||
} else {
|
|
||||||
expect(setting.props('displayName')).toBe(expectedSetting.i18n);
|
|
||||||
expect(setting.props('target')).toBe(`section.${expectedSetting.name}`);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,59 +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 SettingsPageLink from '../SettingsPageLink.vue';
|
|
||||||
import { mount } from '@vue/test-utils';
|
|
||||||
import { describe, expect, test, vi } from 'vitest';
|
|
||||||
import { createI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const goToSettingsPage = vi.fn();
|
|
||||||
vi.mock('../../composables/useSettingsPage.js', () => ({
|
|
||||||
useSettingsPage: () => ({
|
|
||||||
goToSettingsPage
|
|
||||||
})
|
|
||||||
}));
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper({ target, displayName }) {
|
|
||||||
return mount(SettingsPageLink, {
|
|
||||||
attrs: {
|
|
||||||
target,
|
|
||||||
displayName
|
|
||||||
},
|
|
||||||
global: {
|
|
||||||
plugins: [
|
|
||||||
createI18n()
|
|
||||||
]
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
describe('SettingsPageLink', () => {
|
|
||||||
test('shows correct display name', () => {
|
|
||||||
const displayName = 'A settings page link';
|
|
||||||
const wrapper = getWrapper({ displayName });
|
|
||||||
expect(wrapper.text()).toBe(displayName);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('follows link', async () => {
|
|
||||||
const target = 'section1.subsection2';
|
|
||||||
const wrapper = getWrapper({ target });
|
|
||||||
|
|
||||||
const button = wrapper.find('button');
|
|
||||||
await button.trigger('click');
|
|
||||||
|
|
||||||
expect(goToSettingsPage).toHaveBeenCalledWith(target);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,83 +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 Switch from '../Switch.vue';
|
|
||||||
import { mountComponent } from '@/test-utils/mountComponent.js';
|
|
||||||
import { useSettingsStore } from '../../stores/settingsStore.js';
|
|
||||||
import { expect, describe, test } from 'vitest';
|
|
||||||
import { nextTick } from 'vue';
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper ({ i18n = 'switch1', translations = {} } = {}) {
|
|
||||||
return mountComponent(Switch, {
|
|
||||||
attrs: {
|
|
||||||
setting: {
|
|
||||||
type: 'bool',
|
|
||||||
name: 'switch',
|
|
||||||
i18n
|
|
||||||
},
|
|
||||||
path: 'switch'
|
|
||||||
}
|
|
||||||
}, translations);
|
|
||||||
};
|
|
||||||
|
|
||||||
describe('Switch', () => {
|
|
||||||
test('shows value from store', async () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
store.set('switch', true);
|
|
||||||
await nextTick();
|
|
||||||
|
|
||||||
const switchElement = wrapper.find('.switch-wrapper');
|
|
||||||
const switchElementClasses = switchElement.classes();
|
|
||||||
|
|
||||||
expect(switchElementClasses).toContain('enabled');
|
|
||||||
|
|
||||||
store.set('switch', false);
|
|
||||||
await nextTick();
|
|
||||||
|
|
||||||
const switchElementClasses2 = switchElement.classes();
|
|
||||||
expect(switchElementClasses2).not.toContain('enabled');
|
|
||||||
});
|
|
||||||
|
|
||||||
test('toggles value in store', async () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const switchElement = wrapper.find('.switch-wrapper');
|
|
||||||
|
|
||||||
const store = useSettingsStore();
|
|
||||||
expect(store.get('switch')).toBeUndefined();
|
|
||||||
|
|
||||||
switchElement.trigger('click');
|
|
||||||
await nextTick();
|
|
||||||
expect(store.get('switch')).toBe(true);
|
|
||||||
|
|
||||||
switchElement.trigger('click');
|
|
||||||
await nextTick();
|
|
||||||
expect(store.get('switch')).toBe(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows correct translation', () => {
|
|
||||||
const translation = 'Switch';
|
|
||||||
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
translations: { switch1: translation }
|
|
||||||
})
|
|
||||||
|
|
||||||
const label = wrapper.find('label');
|
|
||||||
expect(label.text()).toBe(translation);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,40 +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 { useSettingsPage } from '../useSettingsPage.js';
|
|
||||||
import { describe, expect, test, vi } from 'vitest';
|
|
||||||
|
|
||||||
const pushRoute = vi.fn();
|
|
||||||
vi.mock('vue-router', () => ({
|
|
||||||
useRouter: () => ({
|
|
||||||
push: pushRoute
|
|
||||||
})
|
|
||||||
}));
|
|
||||||
|
|
||||||
describe('useSettingsPage', () => {
|
|
||||||
describe('goToSettingsPage', () => {
|
|
||||||
test('pushes correct route', async () => {
|
|
||||||
const { goToSettingsPage } = useSettingsPage();
|
|
||||||
await goToSettingsPage('..a.b...c.d..e......');
|
|
||||||
expect(pushRoute).toHaveBeenCalledWith({
|
|
||||||
name: 'settings',
|
|
||||||
params: {
|
|
||||||
rest: ['a', 'b', 'c', 'd', 'e']
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,48 +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 { ref, readonly } from 'vue';
|
|
||||||
import { loadSettingsConfig } from '../utils/settingsParser.js';
|
|
||||||
|
|
||||||
const config = ref(null);
|
|
||||||
const error = ref(null);
|
|
||||||
const loading = ref(false);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Provides reactive access to the parsed settings configuration.
|
|
||||||
* The config is loaded once and shared across all consumers.
|
|
||||||
*/
|
|
||||||
export function useSettingsConfig() {
|
|
||||||
async function load() {
|
|
||||||
loading.value = true;
|
|
||||||
error.value = null;
|
|
||||||
try {
|
|
||||||
config.value = await loadSettingsConfig();
|
|
||||||
} catch (e) {
|
|
||||||
error.value = e.message;
|
|
||||||
config.value = null;
|
|
||||||
} finally {
|
|
||||||
loading.value = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
config: readonly(config),
|
|
||||||
error: readonly(error),
|
|
||||||
loading: readonly(loading),
|
|
||||||
load,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,33 +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 { getSettingsPagePathSegments } from '../utils/settingsPage';
|
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
|
|
||||||
export const useSettingsPage = function useSettingsPage () {
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const goToSettingsPage = function goToSettingsPage (pagePath) {
|
|
||||||
return router.push({
|
|
||||||
name: 'settings',
|
|
||||||
params: {
|
|
||||||
rest: getSettingsPagePathSegments(pagePath)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
return { goToSettingsPage };
|
|
||||||
};
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"contents": []
|
|
||||||
}
|
|
||||||
@@ -1,42 +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';
|
|
||||||
import { reactive } from 'vue';
|
|
||||||
|
|
||||||
export const useSettingsStore = defineStore('settings', () => {
|
|
||||||
const settings = reactive({});
|
|
||||||
|
|
||||||
const set = function set (key, value) {
|
|
||||||
settings[key] = value;
|
|
||||||
};
|
|
||||||
|
|
||||||
const get = function get (key) {
|
|
||||||
return settings[key];
|
|
||||||
};
|
|
||||||
|
|
||||||
const remove = function remove (key) {
|
|
||||||
delete settings[key];
|
|
||||||
};
|
|
||||||
|
|
||||||
const clear = function clear () {
|
|
||||||
Object.keys(settings).forEach(key => delete settings[key]);
|
|
||||||
};
|
|
||||||
|
|
||||||
return { set, get, remove, clear, settings };
|
|
||||||
}, {
|
|
||||||
persist: true
|
|
||||||
});
|
|
||||||
@@ -1,65 +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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {'bool' | 'number' | 'string' | 'selection' | 'section'} SettingType
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {Object} SelectionOption
|
|
||||||
* @property {string} name
|
|
||||||
* @property {string} i18n
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {Object} BaseSettingConfig
|
|
||||||
* @property {SettingType} type
|
|
||||||
* @property {string} name
|
|
||||||
* @property {string} i18n
|
|
||||||
* @property {string} [description]
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {BaseSettingConfig & {
|
|
||||||
* default: string | string[],
|
|
||||||
* allowMultiple: boolean,
|
|
||||||
* options: SelectionOption[]
|
|
||||||
* }} SelectionSettingConfig
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {Object} SectionSettingConfig
|
|
||||||
* @property {'section'} type
|
|
||||||
* @property {string} name
|
|
||||||
* @property {string} [i18n]
|
|
||||||
* @property {string} [description]
|
|
||||||
* @property {SettingConfigEntry[]} content
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @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: 'string', name: string, i18n: string, description?: string, default: string }} StringSettingConfig
|
|
||||||
* @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 {BoolSettingConfig | NumberSettingConfig | StringSettingConfig | SelectionSettingConfig | SectionSettingConfig} SettingConfigEntry
|
|
||||||
* @typedef {{ contents: SettingConfigEntry[] }} FirstLevelSettingConfigEntry
|
|
||||||
* @typedef {{ contents: FirstLevelSettingConfigEntry[] }} SettingsConfig
|
|
||||||
*/
|
|
||||||
@@ -1,526 +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 { getSetting, getSettingRecursively } from '../getSetting.js';
|
|
||||||
import { test, expect } from 'vitest';
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
({ settings: [], name: '', expected: undefined }),
|
|
||||||
({ settings: [], name: 'a', expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'a',
|
|
||||||
i18n: 'a'
|
|
||||||
}
|
|
||||||
], name: 'a', expected: {
|
|
||||||
type: 'bool',
|
|
||||||
name: 'a',
|
|
||||||
i18n: 'a'
|
|
||||||
} })
|
|
||||||
])('returns $expected', ({ settings, name, expected }) => {
|
|
||||||
expect(getSetting(name, settings)).toStrictEqual(expected);
|
|
||||||
});
|
|
||||||
|
|
||||||
const veryNestedSettingsList = [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '3b',
|
|
||||||
i18n: '3b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '4a',
|
|
||||||
i18n: '4a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '4b',
|
|
||||||
i18n: '4b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '5a',
|
|
||||||
i18n: '5a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '5b',
|
|
||||||
i18n: '5b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '6a',
|
|
||||||
i18n: '6a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '6b',
|
|
||||||
i18n: '6b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '7a',
|
|
||||||
i18n: '7a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
test.for([
|
|
||||||
({ settings: [], path: ['a'], expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
}
|
|
||||||
], path: ['1a'], expected: {
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1a'], expected: {
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2a'], expected: {
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'number',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
default: 42
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2b'], expected: {
|
|
||||||
type: 'number',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
default: 42
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2b', '3a'], expected: {
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b'], expected: {
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
} }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2b'], expected: {
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
} }),
|
|
||||||
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2b', '3b'], expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2a', '3a'], expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1b', '2c', '3a'], expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1a', '2b', '3a'], expected: undefined }),
|
|
||||||
({ settings: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '1a',
|
|
||||||
i18n: '1a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '1b',
|
|
||||||
i18n: '1b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '2a',
|
|
||||||
i18n: '2a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '2b',
|
|
||||||
i18n: '2b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: '3a',
|
|
||||||
i18n: '3a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
], path: ['1c', '2b', '3a'], expected: undefined }),
|
|
||||||
({ settings: veryNestedSettingsList, path: ['1b', '2b', '3b', '4b', '5b', '6b', '7a'], expected: {
|
|
||||||
type: 'bool',
|
|
||||||
name: '7a',
|
|
||||||
i18n: '7a'
|
|
||||||
} }),
|
|
||||||
({ settings: veryNestedSettingsList, path: ['1b', '2b', '3b', '4b', '5b'], expected: {
|
|
||||||
type: 'section',
|
|
||||||
name: '5b',
|
|
||||||
i18n: '5b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '6a',
|
|
||||||
i18n: '6a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: '6b',
|
|
||||||
i18n: '6b',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: '7a',
|
|
||||||
i18n: '7a'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
} }),
|
|
||||||
({ settings: veryNestedSettingsList, path: ['1b', '2b', '3b', '4ba', '5b', '6b', '7a'], expected: undefined })
|
|
||||||
])('returns $expected', ({ settings, path, expected }) => {
|
|
||||||
expect(getSettingRecursively(path, settings)).toStrictEqual(expected);
|
|
||||||
});
|
|
||||||
@@ -1,63 +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 { getSettingsPagePathSegments } from '../settingsPage.js';
|
|
||||||
import { describe, expect, test } from 'vitest';
|
|
||||||
|
|
||||||
describe('settingsPage', () => {
|
|
||||||
describe('getSettingsPagePathSegments', () => {
|
|
||||||
test.for([
|
|
||||||
{ path: 'a.b.c', expected: ['a', 'b', 'c'] },
|
|
||||||
{ path: 'a', expected: ['a'] },
|
|
||||||
{ path: 'a.b', expected: ['a', 'b'] },
|
|
||||||
{ path: 'a..b', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a.b', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a.b', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a.b.', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a.b..', expected: ['a', 'b'] },
|
|
||||||
{ path: 'a.b.', expected: ['a', 'b'] },
|
|
||||||
{ path: 'a.b..', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a.b..', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a.b.', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a..b', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a..b', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a..b.', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a..b..', expected: ['a', 'b'] },
|
|
||||||
{ path: 'a..b.', expected: ['a', 'b'] },
|
|
||||||
{ path: 'a..b..', expected: ['a', 'b'] },
|
|
||||||
{ path: '.a..b..', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a..b.', expected: ['a', 'b'] },
|
|
||||||
{ path: '..a.....b.c..d....', expected: ['a', 'b', 'c', 'd'] },
|
|
||||||
{ path: 'a.b.c/', expected: ['a', 'b', 'c'] },
|
|
||||||
{ path: 'a.#b.c', expected: ['a', 'b', 'c'] },
|
|
||||||
{ path: 'a.#b.c/', expected: ['a', 'b', 'c'] },
|
|
||||||
{ path: 'a1.#b.c/', expected: ['a1', 'b', 'c'] },
|
|
||||||
{ path: 'a-1.#b.c/', expected: ['a-1', 'b', 'c'] },
|
|
||||||
{ path: 'a-1.b@.c', expected: ['a-1', 'b', 'c'] },
|
|
||||||
{ path: '....@a/#...)!&§[b.#§c..d....', expected: ['a', 'b', 'c', 'd'] },
|
|
||||||
{ path: '....@a/#...)!&§[b.#§c..dä....', expected: ['a', 'b', 'c', 'd'] },
|
|
||||||
{ path: '..,...~..@a/#.+..)!&§[b.#§c..dä..)..', expected: ['a', 'b', 'c', 'd'] },
|
|
||||||
{ path: 'a.@.b', expected: ['a', 'b'] },
|
|
||||||
{ path: 1, expected: [] },
|
|
||||||
{ path: false, expected: [] },
|
|
||||||
{ path: true, expected: [] },
|
|
||||||
{ path: null, expected: [] },
|
|
||||||
{ path: undefined, expected: [] }
|
|
||||||
])('returns $expected', async ({ path, expected }) => {
|
|
||||||
expect(getSettingsPagePathSegments(path)).toStrictEqual(expected);
|
|
||||||
});
|
|
||||||
})
|
|
||||||
})
|
|
||||||
@@ -1,812 +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('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: '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 }
|
|
||||||
] }],
|
|
||||||
[{ 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: ['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' }
|
|
||||||
] }],
|
|
||||||
[{ 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);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,42 +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 getSetting = function getSetting (name, settings) {
|
|
||||||
return settings.filter((setting) => setting.name === name)[0];
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getSettingRecursively = function getSettingRecursively (sectionPath, settings) {
|
|
||||||
const oneSettingsLevel = function oneSettingsLevel (cursor, acc) {
|
|
||||||
const setting = getSetting(cursor[0], acc.content);
|
|
||||||
if (!setting) return;
|
|
||||||
|
|
||||||
if (setting.type === undefined) setting.type = 'section';
|
|
||||||
if (setting.type === 'section') {
|
|
||||||
const newCursor = cursor.slice(1, cursor.length);
|
|
||||||
|
|
||||||
if (newCursor.length !== 0) {
|
|
||||||
return oneSettingsLevel(cursor.slice(1, cursor.length), setting);
|
|
||||||
} else {
|
|
||||||
return setting;
|
|
||||||
};
|
|
||||||
} else if (cursor.length <= 1) {
|
|
||||||
return setting;
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
return oneSettingsLevel(sectionPath, { content: settings });
|
|
||||||
};
|
|
||||||
@@ -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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Extracts the segments of a settings page path and normalizes each segment.
|
|
||||||
* @param {string} path - The settings page path.
|
|
||||||
* @returns {Array} The settings page path segments.
|
|
||||||
*/
|
|
||||||
export const getSettingsPagePathSegments = function getSettingsPagePathSegments (path) {
|
|
||||||
if (typeof path !== 'string') return [];
|
|
||||||
return path
|
|
||||||
.replace(/^\.+|\.+$/g, '')
|
|
||||||
.split('.')
|
|
||||||
.map(
|
|
||||||
(segment) => segment.replace(/[^a-zA-Z0-9-]/g, '')
|
|
||||||
)
|
|
||||||
.filter(Boolean);
|
|
||||||
};
|
|
||||||
@@ -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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { validateSettingsConfig } from './settingsValidator.js';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Loads and parses the settings configuration via dynamic import.
|
|
||||||
* @returns {Promise<import('../types/settingsConfig').SettingsConfig>}
|
|
||||||
*/
|
|
||||||
export async function loadSettingsConfig() {
|
|
||||||
let raw;
|
|
||||||
|
|
||||||
try {
|
|
||||||
raw = (await import('../settings.json')).default;
|
|
||||||
} catch (e) {
|
|
||||||
throw new Error(`[settings] Failed to load settings.json: ${e.message}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = validateSettingsConfig(raw);
|
|
||||||
if (!result.valid) {
|
|
||||||
throw new Error(result.error);
|
|
||||||
}
|
|
||||||
|
|
||||||
return result.config;
|
|
||||||
}
|
|
||||||
@@ -1,134 +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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
const VALID_TYPES = ['bool', 'number', 'string', 'selection', 'section'];
|
|
||||||
|
|
||||||
export const assertString = function assertString (value, path) {
|
|
||||||
if (typeof value !== 'string' || value.trim() === '') {
|
|
||||||
throw new Error(`[settings] "${path}" must be a non-empty string`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export const assertType = function assertType (value, path) {
|
|
||||||
if (!VALID_TYPES.includes(value)) {
|
|
||||||
throw new Error(
|
|
||||||
`[settings] "${path}" has invalid type "${value}". Must be one of: ${VALID_TYPES.join(', ')}`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export const validateSelectionOptions = function validateSelectionOptions (options, path) {
|
|
||||||
if (!Array.isArray(options) || options.length === 0) {
|
|
||||||
throw new Error(`[settings] "${path}.options" must be a non-empty array`);
|
|
||||||
};
|
|
||||||
options.forEach((opt, i) => {
|
|
||||||
assertString(opt.name, `${path}.options[${i}].name`);
|
|
||||||
assertString(opt.i18n, `${path}.options[${i}].i18n`);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const validateEntry = function validateEntry (entry, path) {
|
|
||||||
assertType(entry.type, `${path}.type`);
|
|
||||||
|
|
||||||
assertString(entry.name, `${path}.name`);
|
|
||||||
assertString(entry.i18n, `${path}.i18n`);
|
|
||||||
|
|
||||||
if (entry.type === 'section') {
|
|
||||||
if (!Array.isArray(entry.content)) {
|
|
||||||
throw new Error(`[settings] "${path}.content" must be an array`);
|
|
||||||
}
|
|
||||||
entry.content.forEach((child, i) =>
|
|
||||||
validateEntry(child, `${path}.content[${i}]`)
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (entry.type === 'selection') {
|
|
||||||
validateSelectionOptions(entry.options, path);
|
|
||||||
if (typeof entry.allowMultiple !== 'boolean' && entry.allowMultiple) {
|
|
||||||
throw new Error(`[settings] "${path}.allowMultiple" must be a boolean`);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
if (entry.default !== undefined) {
|
|
||||||
if (entry.type === 'bool' && typeof entry.default !== 'boolean') {
|
|
||||||
throw new Error(`[settings] "${path}.default" must be a boolean`);
|
|
||||||
}
|
|
||||||
if (entry.type === 'number' && typeof entry.default !== 'number') {
|
|
||||||
throw new Error(`[settings] "${path}.default" must be a number`);
|
|
||||||
}
|
|
||||||
if (entry.type === 'string' && typeof entry.default !== 'string') {
|
|
||||||
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`);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
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.
|
|
||||||
* @param {unknown} raw
|
|
||||||
* @returns {{ valid: true, config: import('../types/settingsConfig').SettingsConfig } | { valid: false, error: string }}
|
|
||||||
*/
|
|
||||||
export function validateSettingsConfig(raw) {
|
|
||||||
try {
|
|
||||||
if (!raw || typeof raw !== 'object') {
|
|
||||||
throw new Error('[settings] Config must be an object');
|
|
||||||
}
|
|
||||||
if (!Array.isArray(raw.contents)) {
|
|
||||||
throw new Error('[settings] "contents" must be an array');
|
|
||||||
}
|
|
||||||
raw.contents.forEach((entry, i) =>
|
|
||||||
validateFirstLevelSection(entry, `contents[${i}]`)
|
|
||||||
);
|
|
||||||
return { valid: true, config: raw };
|
|
||||||
} catch (e) {
|
|
||||||
return { valid: false, error: e.message };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,155 +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 LeftSidebarLayout from '@/layouts/LeftSidebarLayout.vue';
|
|
||||||
import SettingsPage from '../components/SettingsPage.vue';
|
|
||||||
|
|
||||||
import { getSettingRecursively } from '../utils/getSetting.js';
|
|
||||||
import { loadSettingsConfig } from '../utils/settingsParser';
|
|
||||||
import { onMounted, ref, watchEffect } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { useRoute, useRouter } from 'vue-router';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
const route = useRoute();
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const settingsLoaded = ref(false)
|
|
||||||
const settings = ref([]);
|
|
||||||
const activeSectionContent = ref({});
|
|
||||||
const activeSection = ref(null);
|
|
||||||
|
|
||||||
watchEffect(() => {
|
|
||||||
const segments = route.path
|
|
||||||
.split('/')
|
|
||||||
.filter(Boolean);
|
|
||||||
|
|
||||||
activeSection.value = segments.slice(1, segments.length).join('.');
|
|
||||||
});
|
|
||||||
|
|
||||||
const updateSettings = function updateSettings () {
|
|
||||||
if (activeSection.value) {
|
|
||||||
const setting = getSettingRecursively(activeSection.value.split('.'), settings.value);
|
|
||||||
if (!setting) {
|
|
||||||
router.push('/settings');
|
|
||||||
} else {
|
|
||||||
activeSectionContent.value = setting;
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
activeSectionContent.value = { content: [] };
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
onMounted(async () => {
|
|
||||||
settings.value = (await loadSettingsConfig()).contents;
|
|
||||||
watchEffect(() => {
|
|
||||||
updateSettings();
|
|
||||||
});
|
|
||||||
settingsLoaded.value = true;
|
|
||||||
});
|
|
||||||
|
|
||||||
const toggleSidebarIfSmallScreen = function toggleSidebarIfSmallScreen (toggleSidebarFunction) {
|
|
||||||
if (matchMedia('(max-width: 48rem)').matches) toggleSidebarFunction();
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="settings-page-wrapper">
|
|
||||||
<header class="header">
|
|
||||||
<h1>
|
|
||||||
{{ t('preferences.settings') }}
|
|
||||||
</h1>
|
|
||||||
</header>
|
|
||||||
<LeftSidebarLayout class="layout">
|
|
||||||
<template #sidebar="{ toggleSidebar }">
|
|
||||||
<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>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</template>
|
|
||||||
<div v-if="!settingsLoaded" class="main-content--loading">
|
|
||||||
{{ t('loading') }}
|
|
||||||
</div>
|
|
||||||
<div v-else-if="activeSection" class="main-content--loaded">
|
|
||||||
<div class="settings-main-content">
|
|
||||||
<SettingsPage :setting="activeSectionContent" :path="activeSection" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-else class="main-content--no-section">
|
|
||||||
{{ t('settings.noSectionSelected') }}
|
|
||||||
</div>
|
|
||||||
</LeftSidebarLayout>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.layout {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-page-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: var(--main-content-padding-y) var(--main-content-padding-x);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-main-content {
|
|
||||||
padding: 0 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 80em) {
|
|
||||||
.settings-main-content {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,306 +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 SettingsView from '../SettingsView.vue';
|
|
||||||
import { mountComponent } from '@/test-utils/mountComponent.js';
|
|
||||||
import { flushPromises } from '@vue/test-utils';
|
|
||||||
import { beforeEach, describe, expect, test, vi } from 'vitest';
|
|
||||||
|
|
||||||
const settingsHoisted = vi.hoisted(() => [
|
|
||||||
{
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s0',
|
|
||||||
content: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's1',
|
|
||||||
i18n: 'settings.s1',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.s1.b0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'number',
|
|
||||||
name: 'n0',
|
|
||||||
i18n: 'settings.s1.n0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'st0',
|
|
||||||
i18n: 'settings.s1.st0'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'se0',
|
|
||||||
i18n: 'settings.s1.se0',
|
|
||||||
options: [
|
|
||||||
{ name: 'o0', i18n: 'settings.s1.se0.o0' },
|
|
||||||
{ name: 'o1', i18n: 'settings.s1.se0.o1' },
|
|
||||||
{ name: 'o2', i18n: 'settings.s1.se0.o2' },
|
|
||||||
{ name: 'o3', i18n: 'settings.s1.se0.o3' }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s1.s0',
|
|
||||||
content: []
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's1',
|
|
||||||
i18n: 'settings.s1.s1',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.s1.s1.b0',
|
|
||||||
default: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's2',
|
|
||||||
i18n: 'settings.s2',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s2.s0',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.s2.s0.b0',
|
|
||||||
default: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's3',
|
|
||||||
i18n: 'settings.s3',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s3.s0',
|
|
||||||
content: []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's4',
|
|
||||||
i18n: 'settings.s4',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'se0',
|
|
||||||
i18n: 'settings.s4.se0',
|
|
||||||
options: [
|
|
||||||
{ name: 'o0', i18n: 'settings.s4.se0.o0' },
|
|
||||||
{ name: 'o1', i18n: 'settings.s4.se0.o1' },
|
|
||||||
{ name: 'o2', i18n: 'settings.s4.se0.o2' },
|
|
||||||
{ name: 'o3', i18n: 'settings.s4.se0.o3' }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's5',
|
|
||||||
i18n: 'settings.s5',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
|
||||||
name: 'st0',
|
|
||||||
i18n: 'settings.s5.st0'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's6',
|
|
||||||
i18n: 'settings.s6',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'number',
|
|
||||||
name: 'n0',
|
|
||||||
i18n: 'settings.s6.n0'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's7',
|
|
||||||
i18n: 'settings.s7',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'bool',
|
|
||||||
name: 'b0',
|
|
||||||
i18n: 'settings.s7.b0'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 's8',
|
|
||||||
i18n: 'settings.s8',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s8.s0',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s8.s0.s0',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'section',
|
|
||||||
name: 's0',
|
|
||||||
i18n: 'settings.s8.s0.s0.s0',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'selection',
|
|
||||||
name: 'se0',
|
|
||||||
i18n: 'settings.s8.s0.s0.s0.se0',
|
|
||||||
allowMultiple: true,
|
|
||||||
options: []
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
const settings = settingsHoisted.values();
|
|
||||||
|
|
||||||
const originalCurrentSection = 's0';
|
|
||||||
let currentSection = originalCurrentSection;
|
|
||||||
|
|
||||||
vi.mock('../../utils/settingsParser', () => ({
|
|
||||||
loadSettingsConfig: vi.fn().mockResolvedValue({
|
|
||||||
contents: settingsHoisted
|
|
||||||
})
|
|
||||||
}));
|
|
||||||
|
|
||||||
vi.mock('vue-router', async (importOriginal) => {
|
|
||||||
const actual = await importOriginal();
|
|
||||||
return {
|
|
||||||
...actual,
|
|
||||||
useRoute: () => ({
|
|
||||||
path: `/settings/${currentSection}`
|
|
||||||
})
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
const getWrapper = function getWrapper ({ translations = {} } = {}) {
|
|
||||||
return mountComponent(SettingsView, {}, translations, [], {});
|
|
||||||
};
|
|
||||||
|
|
||||||
describe('SettingsView', () => {
|
|
||||||
describe('heading', () => {
|
|
||||||
test('shows correct translation', () => {
|
|
||||||
const translation = 'Settings';
|
|
||||||
const wrapper = getWrapper({
|
|
||||||
translations: {
|
|
||||||
'preferences.settings': translation
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const header = wrapper.find('header');
|
|
||||||
expect(header.text()).toBe(translation);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('sidebar', () => {
|
|
||||||
test('shows all top-level sections', async () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
await flushPromises();
|
|
||||||
await wrapper.vm.$nextTick();
|
|
||||||
|
|
||||||
const sidebarItems = wrapper.findAll('.sidebar-sections-list > li');
|
|
||||||
settings.forEach((setting, index) => {
|
|
||||||
const sidebarItem = sidebarItems[index];
|
|
||||||
|
|
||||||
expect(sidebarItem.text()).toBe(setting.i18n);
|
|
||||||
|
|
||||||
const link = sidebarItem.find('*');
|
|
||||||
expect(link.attributes('href')).toBe(`/settings/${setting.name}`);
|
|
||||||
expect(link.classes('active')).toBe(setting.name === currentSection);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('main', () => {
|
|
||||||
describe('correct element', () => {
|
|
||||||
test('shows that it is loading', () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
const mainContentLoading = wrapper.find('.main-content--loading');
|
|
||||||
const mainContentLoaded = wrapper.find('.main-content--loaded');
|
|
||||||
const mainContentNoSection = wrapper.find('.main-content--no-section');
|
|
||||||
|
|
||||||
expect(mainContentLoading.exists()).toBe(true);
|
|
||||||
expect(mainContentLoaded.exists()).toBe(false);
|
|
||||||
expect(mainContentNoSection.exists()).toBe(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows that no section is selected', async () => {
|
|
||||||
currentSection = '';
|
|
||||||
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
await flushPromises();
|
|
||||||
await wrapper.vm.$nextTick();
|
|
||||||
|
|
||||||
const mainContentLoading = wrapper.find('.main-content--loading');
|
|
||||||
const mainContentLoaded = wrapper.find('.main-content--loaded');
|
|
||||||
const mainContentNoSection = wrapper.find('.main-content--no-section');
|
|
||||||
|
|
||||||
expect(mainContentLoading.exists()).toBe(false);
|
|
||||||
expect(mainContentLoaded.exists()).toBe(false);
|
|
||||||
expect(mainContentNoSection.exists()).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
test('shows main content', async () => {
|
|
||||||
const wrapper = getWrapper();
|
|
||||||
|
|
||||||
await flushPromises();
|
|
||||||
await wrapper.vm.$nextTick();
|
|
||||||
|
|
||||||
const mainContentLoading = wrapper.find('.main-content--loading');
|
|
||||||
const mainContentLoaded = wrapper.find('.main-content--loaded');
|
|
||||||
const mainContentNoSection = wrapper.find('.main-content--no-section');
|
|
||||||
|
|
||||||
expect(mainContentLoading.exists()).toBe(false);
|
|
||||||
expect(mainContentLoaded.exists()).toBe(true);
|
|
||||||
expect(mainContentNoSection.exists()).toBe(false);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
currentSection = originalCurrentSection;
|
|
||||||
});
|
|
||||||
@@ -1,73 +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 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 }">
|
|
||||||
<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>
|
|
||||||
-60
@@ -1,60 +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 { createI18n } from 'vue-i18n';
|
|
||||||
import getCurrentLanguage from './utils/currentLanguage';
|
|
||||||
|
|
||||||
export const fallbackLocale = 'en';
|
|
||||||
|
|
||||||
|
|
||||||
export const LANGUAGES_RTL = [
|
|
||||||
'ar'
|
|
||||||
];
|
|
||||||
export const SUPPORTED_LANGUAGES = [
|
|
||||||
'en',
|
|
||||||
'de',
|
|
||||||
'fr',
|
|
||||||
'es',
|
|
||||||
'pt',
|
|
||||||
'it'
|
|
||||||
];
|
|
||||||
|
|
||||||
export const i18n = createI18n({
|
|
||||||
legacy: false,
|
|
||||||
locale: getCurrentLanguage(),
|
|
||||||
fallbackLocale: fallbackLocale,
|
|
||||||
messages: {}
|
|
||||||
});
|
|
||||||
|
|
||||||
const loadedLanguages = new Set();
|
|
||||||
|
|
||||||
export async function loadLanguage (locale) {
|
|
||||||
if (!SUPPORTED_LANGUAGES.includes(locale)) {
|
|
||||||
locale = fallbackLocale;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (loadedLanguages.has(locale)) {
|
|
||||||
i18n.global.locale.value = locale;
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
|
|
||||||
const messages = (await import(`./locales/${locale}.json`)).default;
|
|
||||||
|
|
||||||
i18n.global.setLocaleMessage(locale, messages);
|
|
||||||
i18n.global.locale.value = locale;
|
|
||||||
|
|
||||||
loadedLanguages.add(locale);
|
|
||||||
};
|
|
||||||
@@ -1,103 +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 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="sidebar-expand-button-container">
|
|
||||||
<SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
|
|
||||||
</div>
|
|
||||||
<Sidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
|
|
||||||
<slot name="sidebar" :toggleSidebar="toggleSidebar" />
|
|
||||||
</Sidebar>
|
|
||||||
<main class="main-content">
|
|
||||||
<slot :toggleSidebar="toggleSidebar" />
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.layout-container {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: calc(32px + 2em) 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>
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "Laden ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Suchen",
|
|
||||||
"placeholder": "Suchen..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "Die Suche ist momentan nicht verfügbar."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Bitte versuchen Sie es zu einem anderen Zeitpunkt erneut.",
|
|
||||||
"pageNotFound": "Die gesuchte Seite existiert nicht. Bitte überprüfen Sie die URL oder kehren Sie zur Suchseite zurück."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Zurück zur Suche"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Einstellungen",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Zum hellen Modus wechseln",
|
|
||||||
"dark": "Zum dunklen Modus wechseln",
|
|
||||||
"auto": "Zum System-Farbschema wechseln"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"slogan": "Gebaut zum Suchen.",
|
|
||||||
"settings": {
|
|
||||||
"input": {
|
|
||||||
"done": {
|
|
||||||
"title": "Wert speichern",
|
|
||||||
"ariaLabel": "Speichert den eingegebenen Wert"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"switch": {
|
|
||||||
"title": "Wert umschalten",
|
|
||||||
"ariaLabel": "Schaltet den Wert um"
|
|
||||||
},
|
|
||||||
"pages": {
|
|
||||||
"link": {
|
|
||||||
"ariaLabel": "Geht zur Einstellungsseite {page}"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"noSectionSelected": "Kein Einstellungsabschnitt ist ausgewählt.",
|
|
||||||
"selection": {
|
|
||||||
"option": {
|
|
||||||
"ariaLabel": "Wählt die Option {option} aus"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "Loading ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Search",
|
|
||||||
"placeholder": "Search..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "Search is not available right now."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Please try again to another time.",
|
|
||||||
"pageNotFound": "The page you are looking for does not exist. Please check the URL or return to the search page."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Back to Search"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Settings",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Switch to light mode",
|
|
||||||
"dark": "Switch to dark mode",
|
|
||||||
"auto": "Switch to the system color scheme"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"slogan": "Built to search.",
|
|
||||||
"settings": {
|
|
||||||
"input": {
|
|
||||||
"done": {
|
|
||||||
"title": "Save value",
|
|
||||||
"ariaLabel": "Saves the entered value"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"switch": {
|
|
||||||
"title": "Toggle value",
|
|
||||||
"ariaLabel": "Toggles the value"
|
|
||||||
},
|
|
||||||
"pages": {
|
|
||||||
"link": {
|
|
||||||
"ariaLabel": "Goes to settings page {page}"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"noSectionSelected": "No settings section is selected.",
|
|
||||||
"selection": {
|
|
||||||
"option": {
|
|
||||||
"ariaLabel": "Selects option {option}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "Cargando ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Buscar",
|
|
||||||
"placeholder": "Buscar..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "La búsqueda no está disponible en este momento."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Por favor, inténtalo de nuevo más tarde.",
|
|
||||||
"pageNotFound": "La página que buscas no existe. Comprueba la URL o vuelve a la página de búsqueda."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Volver a la búsqueda"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Ajustes",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Cambiar al modo claro",
|
|
||||||
"dark": "Cambiar al modo oscuro",
|
|
||||||
"auto": "Usar el esquema de color del sistema"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"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}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "Chargement ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Rechercher",
|
|
||||||
"placeholder": "Rechercher..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "La recherche n'est pas disponible pour le moment."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Veuillez réessayer ultérieurement.",
|
|
||||||
"pageNotFound": "La page que vous recherchez n'existe pas. Vérifiez l'URL ou retournez à la page de recherche."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Retour à la recherche"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Paramètres",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Passer en mode clair",
|
|
||||||
"dark": "Passer en mode sombre",
|
|
||||||
"auto": "Utiliser le thème système"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"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}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "Caricamento ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Cerca",
|
|
||||||
"placeholder": "Cerca..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "La ricerca non è disponibile al momento."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Per favore riprova più tardi.",
|
|
||||||
"pageNotFound": "La pagina che cerchi non esiste. Controlla l'URL o torna alla pagina di ricerca."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Torna alla ricerca"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Impostazioni",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Passa alla modalità chiara",
|
|
||||||
"dark": "Passa alla modalità scura",
|
|
||||||
"auto": "Usa la combinazione colori di sistema"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"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}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
{
|
|
||||||
"loading": "A carregar ...",
|
|
||||||
"search": {
|
|
||||||
"searchBar": {
|
|
||||||
"submit": "Pesquisar",
|
|
||||||
"placeholder": "Pesquisar..."
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"searchNotAvailable": "A pesquisa não está disponível no momento."
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"error": {
|
|
||||||
"tryAgainToAnotherTime": "Por favor, tente novamente mais tarde.",
|
|
||||||
"pageNotFound": "A página que você procura não existe. Verifique o URL ou volte à página de pesquisa."
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"back": {
|
|
||||||
"search": "Voltar à pesquisa"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"preferences": {
|
|
||||||
"settings": "Configurações",
|
|
||||||
"colorScheme": {
|
|
||||||
"switch": {
|
|
||||||
"light": "Mudar para modo claro",
|
|
||||||
"dark": "Mudar para modo escuro",
|
|
||||||
"auto": "Usar esquema de cores do sistema"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"locale": {
|
|
||||||
"languages": {
|
|
||||||
"en": "English",
|
|
||||||
"de": "Deutsch",
|
|
||||||
"fr": "Français",
|
|
||||||
"es": "Español",
|
|
||||||
"it": "Italiano",
|
|
||||||
"pt": "Português"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"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}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
-63
@@ -1,63 +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 { getAssetsUrl } from './config/env';
|
|
||||||
import { createApp } from 'vue'
|
|
||||||
import { createPinia } from 'pinia';
|
|
||||||
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
|
|
||||||
import App from './App.vue'
|
|
||||||
import { i18n, loadLanguage, fallbackLocale } from './i18n';
|
|
||||||
import getCurrentLanguage from './utils/currentLanguage';
|
|
||||||
import router from './router'
|
|
||||||
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());
|
|
||||||
|
|
||||||
const pinia = createPinia();
|
|
||||||
pinia.use(piniaPluginPersistedstate);
|
|
||||||
|
|
||||||
createApp(App)
|
|
||||||
.use(router)
|
|
||||||
.use(i18n)
|
|
||||||
.use(pinia)
|
|
||||||
.mount('#app');
|
|
||||||
})();
|
|
||||||
@@ -1,87 +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 { createRouter, createWebHistory } from 'vue-router';
|
|
||||||
import { i18n } from '@/i18n';
|
|
||||||
|
|
||||||
import SearchView from '../views/SearchView.vue';
|
|
||||||
import SearchResultsView from '@/features/search/views/SearchResultsView.vue';
|
|
||||||
import SettingsView from '@/features/settings/views/SettingsView.vue';
|
|
||||||
import NotFound from '../views/NotFound.vue';
|
|
||||||
|
|
||||||
const routes = [
|
|
||||||
{
|
|
||||||
path: '/',
|
|
||||||
name: 'startPage',
|
|
||||||
component: SearchView
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/search',
|
|
||||||
name: 'searchResults',
|
|
||||||
component: SearchResultsView,
|
|
||||||
props: route => ({
|
|
||||||
searchQuery: route.query.q
|
|
||||||
}),
|
|
||||||
meta: {
|
|
||||||
title: (route) => route.query.q
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/settings/:rest(.*)*',
|
|
||||||
name: 'settings',
|
|
||||||
component: SettingsView,
|
|
||||||
meta: {
|
|
||||||
title: () => i18n.global.t('preferences.settings')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/:pathMatch(.*)*',
|
|
||||||
name: 'notFound',
|
|
||||||
component: NotFound
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const router = createRouter({
|
|
||||||
history: createWebHistory(),
|
|
||||||
routes
|
|
||||||
});
|
|
||||||
|
|
||||||
export const updatePageTitle = function updatePageTitle (route) {
|
|
||||||
const title =
|
|
||||||
typeof route.meta.title === 'function'
|
|
||||||
? route.meta.title(route)
|
|
||||||
: route.meta.title;
|
|
||||||
|
|
||||||
if (title) {
|
|
||||||
document.title = `${title} - Seekra`;
|
|
||||||
} else {
|
|
||||||
document.title = 'Seekra';
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
// 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
|
|
||||||
};
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
export default router;
|
|
||||||
@@ -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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
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) {
|
|
||||||
outline: none;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-link {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-link:hover {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-link:visited {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
color: var(--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
padding: var(--input-padding);
|
|
||||||
display: block;
|
|
||||||
border-radius: calc(var(--input-padding) + 0.5 * var(--input-height) + 1px);
|
|
||||||
height: var(--input-height);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
background: none;
|
|
||||||
transition: border-color 0.2s ease;
|
|
||||||
color: inherit;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input:focus-visible {
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-content-padding {
|
|
||||||
padding: var(--main-content-padding);
|
|
||||||
width: calc(100% - var(--main-content-padding-x) * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
background-color: var(--light-bg);
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:focus-visible {
|
|
||||||
background-color: var(--light-hover);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@@ -1,155 +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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
--primary-color-l-8: oklch(0.897 0.202 260);
|
|
||||||
--primary-color-l-7: oklch(0.847 0.202 260);
|
|
||||||
--primary-color-l-6: oklch(0.797 0.202 260);
|
|
||||||
--primary-color-l-6: oklch(0.747 0.202 260);
|
|
||||||
--primary-color-l-4: oklch(0.697 0.202 260);
|
|
||||||
--primary-color-l-3: oklch(0.647 0.202 260);
|
|
||||||
--primary-color-l-2: oklch(0.597 0.202 260);
|
|
||||||
--primary-color-l-1: oklch(0.547 0.202 260);
|
|
||||||
--primary-color: oklch(0.497 0.202 260);
|
|
||||||
--primary-color-d-1: oklch(0.447 0.202 260);
|
|
||||||
--primary-color-d-2: oklch(0.397 0.202 260);
|
|
||||||
--primary-color-d-3: oklch(0.347 0.202 260);
|
|
||||||
--primary-color-d-4: oklch(0.297 0.202 260);
|
|
||||||
--primary-color-d-5: oklch(0.247 0.202 260);
|
|
||||||
--primary-color-d-6: oklch(0.197 0.202 260);
|
|
||||||
--primary-color-d-7: oklch(0.147 0.202 260);
|
|
||||||
--primary-color-d-8: oklch(0.097 0.202 260);
|
|
||||||
|
|
||||||
--black-l-8: oklch(0.4 0 0);
|
|
||||||
--black-l-7: oklch(0.35 0 0);
|
|
||||||
--black-l-6: oklch(0.3 0 0);
|
|
||||||
--black-l-5: oklch(0.25 0 0);
|
|
||||||
--black-l-4: oklch(0.2 0 0);
|
|
||||||
--black-l-3: oklch(0.15 0 0);
|
|
||||||
--black-l-2: oklch(0.1 0 0);
|
|
||||||
--black-l-1: oklch(0.05 0 0);
|
|
||||||
--black: oklch(0 0 0);
|
|
||||||
|
|
||||||
--white: oklch(1 0 0);
|
|
||||||
--white-d-1: oklch(0.95 0 0);
|
|
||||||
--white-d-2: oklch(0.9 0 0);
|
|
||||||
--white-d-3: oklch(0.85 0 0);
|
|
||||||
--white-d-4: oklch(0.8 0 0);
|
|
||||||
--white-d-5: oklch(0.75 0 0);
|
|
||||||
--white-d-6: oklch(0.7 0 0);
|
|
||||||
--white-d-7: oklch(0.65 0 0);
|
|
||||||
--white-d-8: oklch(0.6 0 0);
|
|
||||||
|
|
||||||
--dark-l-8: var(--black-l-8);
|
|
||||||
--dark-l-7: var(--black-l-7);
|
|
||||||
--dark-l-6: var(--black-l-6);
|
|
||||||
--dark-l-5: var(--black-l-5);
|
|
||||||
--dark-l-4: var(--black-l-4);
|
|
||||||
--dark-l-3: var(--black-l-3);
|
|
||||||
--dark-l-2: var(--black-l-2);
|
|
||||||
--dark-l-1: var(--black-l-1);
|
|
||||||
--dark: var(--black);
|
|
||||||
|
|
||||||
--light: var(--white);
|
|
||||||
--light-d-1: var(--white-d-1);
|
|
||||||
--light-d-2: var(--white-d-2);
|
|
||||||
--light-d-3: var(--white-d-3);
|
|
||||||
--light-d-4: var(--white-d-4);
|
|
||||||
--light-d-5: var(--white-d-5);
|
|
||||||
--light-d-6: var(--white-d-6);
|
|
||||||
--light-d-7: var(--white-d-7);
|
|
||||||
--light-d-8: var(--white-d-8);
|
|
||||||
|
|
||||||
--dark-bg: var(--black-l-2);
|
|
||||||
--light-bg: var(--white);
|
|
||||||
|
|
||||||
--border: var(--white-d-3);
|
|
||||||
|
|
||||||
--gray-box-shadow: oklch(0.8 0.0001 271 / 0.7);
|
|
||||||
--blue-box-shadow: oklch(0.52 0.15 268 / 0.25);
|
|
||||||
|
|
||||||
--light-hover: var(--light-d-2);
|
|
||||||
|
|
||||||
--invert: invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
body.color-scheme-auto {
|
|
||||||
--dark-l-8: var(--white-d-8);
|
|
||||||
--dark-l-7: var(--white-d-7);
|
|
||||||
--dark-l-6: var(--white-d-6);
|
|
||||||
--dark-l-5: var(--white-d-5);
|
|
||||||
--dark-l-4: var(--white-d-4);
|
|
||||||
--dark-l-3: var(--white-d-3);
|
|
||||||
--dark-l-2: var(--white-d-2);
|
|
||||||
--dark-l-1: var(--white-d-1);
|
|
||||||
--dark: var(--white);
|
|
||||||
|
|
||||||
--light: var(--black);
|
|
||||||
--light-d-1: oklch(0.10 0 0);
|
|
||||||
--light-d-2: var(--black-l-2);
|
|
||||||
--light-d-3: var(--black-l-3);
|
|
||||||
--light-d-4: var(--black-l-4);
|
|
||||||
--light-d-5: var(--black-l-5);
|
|
||||||
--light-d-6: var(--black-l-6);
|
|
||||||
--light-d-7: var(--black-l-7);
|
|
||||||
--light-d-8: var(--black-l-8);
|
|
||||||
|
|
||||||
--dark-bg: var(--white);
|
|
||||||
--light-bg: oklch(0.18 0 0);
|
|
||||||
|
|
||||||
--border: var(--black-l-6);
|
|
||||||
|
|
||||||
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
|
||||||
|
|
||||||
--light-hover: var(--light-d-5);
|
|
||||||
|
|
||||||
--invert: invert(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.dark {
|
|
||||||
--dark-l-8: var(--white-d-8);
|
|
||||||
--dark-l-7: var(--white-d-7);
|
|
||||||
--dark-l-6: var(--white-d-6);
|
|
||||||
--dark-l-5: var(--white-d-5);
|
|
||||||
--dark-l-4: var(--white-d-4);
|
|
||||||
--dark-l-3: var(--white-d-3);
|
|
||||||
--dark-l-2: var(--white-d-2);
|
|
||||||
--dark-l-1: var(--white-d-1);
|
|
||||||
--dark: var(--white);
|
|
||||||
|
|
||||||
--light: var(--black);
|
|
||||||
--light-d-1: oklch(0.10 0 0);
|
|
||||||
--light-d-2: var(--black-l-2);
|
|
||||||
--light-d-3: var(--black-l-3);
|
|
||||||
--light-d-4: var(--black-l-4);
|
|
||||||
--light-d-5: var(--black-l-5);
|
|
||||||
--light-d-6: var(--black-l-6);
|
|
||||||
--light-d-7: var(--black-l-7);
|
|
||||||
--light-d-8: var(--black-l-8);
|
|
||||||
|
|
||||||
--dark-bg: var(--white);
|
|
||||||
--light-bg: oklch(0.18 0 0);
|
|
||||||
|
|
||||||
--border: var(--black-l-6);
|
|
||||||
|
|
||||||
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
|
|
||||||
|
|
||||||
--light-hover: var(--light-d-5);
|
|
||||||
|
|
||||||
--invert: invert(1);
|
|
||||||
}
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
:root {
|
|
||||||
--input-padding: 0.7em;
|
|
||||||
--input-height: 1em;
|
|
||||||
}
|
|
||||||
@@ -1,62 +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 { createTestingPinia } from '@pinia/testing';
|
|
||||||
import { vi } from 'vitest';
|
|
||||||
import { mount } from '@vue/test-utils';
|
|
||||||
import { createI18n } from 'vue-i18n';
|
|
||||||
import { createMemoryHistory, createRouter } from 'vue-router';
|
|
||||||
|
|
||||||
export const mountComponent = function mountComponent (component, options = {}, i18nMessages = {}, routes = [], piniaOptions = {}) {
|
|
||||||
const {
|
|
||||||
setupStores,
|
|
||||||
...testingPiniaOptions
|
|
||||||
} = piniaOptions;
|
|
||||||
|
|
||||||
const i18n = createI18n({
|
|
||||||
legacy: false,
|
|
||||||
locale: 'en',
|
|
||||||
messages: {
|
|
||||||
en: i18nMessages
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const router = createRouter({
|
|
||||||
history: createMemoryHistory(),
|
|
||||||
routes
|
|
||||||
});
|
|
||||||
|
|
||||||
const testingPinia = createTestingPinia({
|
|
||||||
...testingPiniaOptions,
|
|
||||||
stubActions: false,
|
|
||||||
createSpy: vi.fn
|
|
||||||
});
|
|
||||||
|
|
||||||
if (setupStores) {
|
|
||||||
setupStores();
|
|
||||||
}
|
|
||||||
|
|
||||||
return mount(component, {
|
|
||||||
global: {
|
|
||||||
plugins: [
|
|
||||||
i18n,
|
|
||||||
router,
|
|
||||||
testingPinia
|
|
||||||
],
|
|
||||||
},
|
|
||||||
...options
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,124 +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, expect, test } from 'vitest';
|
|
||||||
import { ensureUnit } from '../cssDimensions';
|
|
||||||
|
|
||||||
describe('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 { describe, expect, test } from 'vitest';
|
|
||||||
import getCurrentLanguage from '../currentLanguage';
|
|
||||||
|
|
||||||
describe('currentLanguage', () => {
|
|
||||||
test.for([
|
|
||||||
{ 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'}
|
|
||||||
])('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;
|
|
||||||
};
|
|
||||||
@@ -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 default function getCurrentLanguage () {
|
|
||||||
const saved = localStorage.getItem('locale');
|
|
||||||
if (saved) return saved;
|
|
||||||
const locale = new Intl.Locale(navigator.language);
|
|
||||||
return locale.language;
|
|
||||||
};
|
|
||||||
@@ -1,56 +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 { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="not-found main-content-padding">
|
|
||||||
<span class="error-message">
|
|
||||||
{{ t('error.pageNotFound') }}
|
|
||||||
</span>
|
|
||||||
<RouterLink to="/" id="link">
|
|
||||||
{{ t('links.back.search') }}
|
|
||||||
</RouterLink>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.not-found {
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 80px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
.error-message{
|
|
||||||
margin: 0;
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 1.75rem;
|
|
||||||
}
|
|
||||||
#link {
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 20px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,86 +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 { ref } from 'vue';
|
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import logo from '@/assets/images/logo.svg';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const searchQuery = ref('');
|
|
||||||
|
|
||||||
const submitSearch = function () {
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="search-content main-content-padding">
|
|
||||||
<header class="global-header">
|
|
||||||
<img :src="logo" alt="Seekra" class="header-logo" />
|
|
||||||
<span class="slogan">
|
|
||||||
{{ t('slogan') }}
|
|
||||||
</span>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="search-container">
|
|
||||||
<Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.search-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-header {
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-logo {
|
|
||||||
width: 320px;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slogan {
|
|
||||||
margin-top: 1rem;
|
|
||||||
font-size: small;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-container {
|
|
||||||
width: 70%;
|
|
||||||
max-width: 624px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 67.5rem) {
|
|
||||||
.search-container {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
body{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
header{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchbar{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#searchbar input[type="search"]{
|
||||||
|
width: 60%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
footer{
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 100px;
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
border-top: 1px solid;
|
||||||
|
}
|
||||||
@@ -1,42 +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 { defineConfig } from 'vite'
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
import path from 'path';
|
|
||||||
import { createHtmlPlugin } from 'vite-plugin-html';
|
|
||||||
|
|
||||||
// https://vite.dev/config/
|
|
||||||
export default defineConfig({
|
|
||||||
build: {
|
|
||||||
target: 'es2020'
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
vue(),
|
|
||||||
createHtmlPlugin({
|
|
||||||
minify: true
|
|
||||||
})
|
|
||||||
],
|
|
||||||
resolve: {
|
|
||||||
alias: {
|
|
||||||
'@': path.resolve(__dirname, './src')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
test: {
|
|
||||||
globals: false,
|
|
||||||
environment: 'jsdom'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
Reference in New Issue
Block a user