+Useful tools for developer and people working in IT. Try it! +
+ You can override listening port using environment variable `PORT` (docker option `-e PORT=8888`). You can serve the app from a subfolder using environment variable `BASE_URL` (docker option @@ -21,8 +25,6 @@ than on the JavaScript heap. Especially for UI improvements and translation. And for anything else. -Want to support this fork of IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) - ## HTTPS is recommended Some tools like PGP encryption rely on WebCrypto API that is only available in HTTPS/SSL. Also, if you want to use PWA, HTTPS is required. diff --git a/docker-compose.yml b/docker-compose.yml index 56caf7afc3..15f23ece2b 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -5,4 +5,6 @@ services: pull_policy: always restart: unless-stopped ports: - - 8080:8080 # Since Docker base image is now nginx-unpriviledged, docker image now listen to 8080 and no more 80. \ No newline at end of file + - 8080:8080 # Since Docker base image is now nginx-unpriviledged, docker image now listen to 8080 and no more 80. + environment: + VITE_LANGUAGE: ${VITE_LANGUAGE:-en} diff --git a/docker-entrypoint.d/18-runtime-config.sh b/docker-entrypoint.d/18-runtime-config.sh new file mode 100755 index 0000000000..1dc861a932 --- /dev/null +++ b/docker-entrypoint.d/18-runtime-config.sh @@ -0,0 +1,19 @@ +#!/bin/sh + +set -eu + +config_file=/usr/share/nginx/html/runtime-config.js +default_locale=${VITE_LANGUAGE:-en} + +case "$default_locale" in + [a-z][a-z] | [a-z][a-z]-[A-Z][A-Z]) ;; + *) + echo "18-runtime-config.sh: warning: invalid VITE_LANGUAGE='$default_locale', using en" >&2 + default_locale=en + ;; +esac + +if [ -w "$config_file" ]; then + sed "s/__DEFAULT_LOCALE__/$default_locale/" "$config_file" > "$config_file.tmp" + mv "$config_file.tmp" "$config_file" +fi diff --git a/docs/README.de.md b/docs/README.de.md new file mode 100644 index 0000000000..c9ad059d7c --- /dev/null +++ b/docs/README.de.md @@ -0,0 +1,114 @@ +## Wichtige Änderung für das Container-Image + +Da das Basis-Image jetzt `nginx-unpriviledged` ist, lauscht der Container auf Port **8080** und nicht auf 80. Sie müssen daher Ihre Port-Zuordnung aktualisieren, d.h. von `8080:80` zu `8080:8080`. + +Sie können den lauschenden Port mit der Umgebungsvariable `PORT` überschreiben (Docker-Option `-e PORT=8888`). + +## Pull-Request willkommen + +Besonders für UI-Verbesserungen und Übersetzungen. Und für alles andere. + +Sie möchten diesen Fork von IT Tools unterstützen: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS wird empfohlen + +Einige Tools wie PGP-Verschlüsselung verlassen sich auf die WebCrypto-API, die nur in HTTPS/SSL verfügbar ist. Außerdem wird HTTPS benötigt, wenn Sie PWA verwenden möchten. + +Sie sollten also auch bei internen Installationen HTTPS mit Let's Encrypt über DNS-Challenge aktivieren. + +## Mitwirkende + +Vielen Dank an alle, die bereits beigetragen haben! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Entwicklung unter Windows + +Die Verwendung von WSL2 wird für die Entwicklung mit VSCode unter Windows empfohlen. Die direkte Entwicklung ist schwierig (wegen einiger Abhängigkeiten). + +## Hinzugefügte Funktionen + +- Fast alle [Original it-tools PRs, 192 von mir](https://github.com/CorentinTh/it-tools/pulls) +- 95% der [Original it-tools Issues](https://github.com/CorentinTh/it-tools/issues) +- Vollständige UI-Übersetzung in viele Sprachen (Google-übersetzt) +- Viele [neue Tools](https://sharevb-it-tools.vercel.app/about) +- Viele Fehlerkorrekturen und Verbesserungen +- Viele Anpassungen (Docker-Version) + +## Container-Images + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## In Docker Compose verwenden + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Tools filtern und eigene Startseite hinzufügen + +Sie können eigene Inhalte zur Startseite hinzufügen, indem Sie `home.custom.md` nach `/usr/share/nginx/html` einhängen. + +Sie können verfügbare Tools filtern, indem Sie `tools-filter.json` nach `/usr/share/nginx/html` einhängen. + +## Beitragen + +### Empfohlene IDE-Einrichtung + +[VSCode](https://code.visualstudio.com/) mit folgenden Erweiterungen: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (und Vetur deaktivieren) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Projekteinrichtung + +```sh +pnpm install --ignore-scripts +``` + +### Kompilieren und Heißen Neustart für Entwicklung + +```sh +pnpm dev +``` + +### Typprüfung, Kompilieren und Minifizieren für Produktion + +```sh +pnpm build +``` + +### Unit-Tests mit Vitest ausführen + +```sh +pnpm test +``` + +### Mit ESLint prüfen + +```sh +pnpm lint +``` + +### Ein neues Tool erstellen + +Um ein neues Tool zu erstellen, gibt es ein Skript, das die Vorlage generiert. Führen Sie einfach aus: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Lizenz + +Dieses Projekt ist unter [GNU GPLv3](LICENSE). diff --git a/docs/README.es.md b/docs/README.es.md new file mode 100644 index 0000000000..56571fb50b --- /dev/null +++ b/docs/README.es.md @@ -0,0 +1,114 @@ +## Cambio importante para la imagen del contenedor + +Dado que la imagen base ahora es `nginx-unpriviledged`, el contenedor escuchará en el puerto **8080** y no en el 80. Por lo tanto, necesita actualizar su mapeo de puertos, es decir, de `8080:80` a `8080:8080`. + +Puede sobrescribir el puerto de escucha usando la variable de entorno `PORT` (opción docker `-e PORT=8888`). + +## PR Bienvenido + +Especialmente para mejoras de UI y traducción. Y para cualquier otra cosa. + +¿Quieres apoyar este fork de IT Tools?: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## Se recomienda HTTPS + +Algunas herramientas como el cifrado PGP dependen de la API WebCrypto que solo está disponible en HTTPS/SSL. También, si quieres usar PWA, se requiere HTTPS. + +Entonces, incluso en instalaciones internas, deberías habilitar HTTPS usando Let's Encrypt con DNS Challenge. + +## Contribuidores + +¡Muchas gracias a todas las personas que ya han contribuido! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Desarrollo en Windows + +Se recomienda usar WSL2 para desarrollar con VSCode en Windows. El desarrollo directo es complicado (debido a algunas dependencias). + +## Funciones añadidas + +- Casi todos los [PR de it-tools original, 192 míos](https://github.com/CorentinTh/it-tools/pulls) +- 95% de los [problemas de it-tools original](https://github.com/CorentinTh/it-tools/issues) +- Traducción completa de UI en muchos idiomas (traducido por Google) +- Muchos [nuevas herramientas](https://sharevb-it-tools.vercel.app/about) +- Muchas correcciones de errores y mejoras +- Muchas personalizaciones (versión Docker) + +## Imágenes de contenedor + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Usar en archivo Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pulse_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Filtrar herramientas y agregar contenido personalizado en home + +Puedes agregar contenido personalizado en la página de inicio montando un `home.custom.md` en `/usr/share/nginx/html`. + +Puedes filtrar las herramientas disponibles montando `tools-filter.json` en `/usr/share/nginx/html`. + +## Contribuir + +### Configuración de IDE recomendada + +[VSCode](https://code.visualstudio.com/) con las siguientes extensiones: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (y desactivar Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Configuración del proyecto + +```sh +pnpm install --ignore-scripts +``` + +### Compilar y recargar en caliente para desarrollo + +```sh +pnpm dev +``` + +### Verificación de tipos, compilar y minificar para producción + +```sh +pnpm build +``` + +### Ejecutar pruebas unitarias con Vitest + +```sh +pnpm test +``` + +### Lint con ESLint + +```sh +pnpm lint +``` + +### Crear una nueva herramienta + +Para crear una nueva herramienta, hay un script que genera la plantilla. Simplemente ejecuta: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licencia + +Este proyecto está bajo [GNU GPLv3](LICENSE). diff --git a/docs/README.fr.md b/docs/README.fr.md new file mode 100644 index 0000000000..9b7f2aeffd --- /dev/null +++ b/docs/README.fr.md @@ -0,0 +1,114 @@ +## Changement important pour l'image du conteneur + +Maintenant que l'image de base est `nginx-unpriviledged`, le conteneur écoute sur le port **8080** et non 80. Vous devez donc mettre à jour votre mapping de ports, c'est-à-dire de `8080:80` à `8080:8080`. + +Vous pouvez remplacer le port d'écoute en utilisant la variable d'environnement `PORT` (option docker `-e PORT=8888`). + +## PR Bienvenue + +Surtout pour les améliorations de l'interface utilisateur et la traduction. Et pour tout autre chose. + +Vous voulez soutenir ce fork d'IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS est recommandé + +Certains outils comme le chiffrement PGP s'appuient sur l'API WebCrypto qui n'est disponible qu'en HTTPS/SSL. De plus, si vous voulez utiliser PWA, HTTPS est requis. + +Donc, même sur les installations internes, vous devez activer HTTPS en utilisant Let's Encrypt avec DNS Challenge. + +## Contributeurs + +Un grand merci à toutes les personnes qui ont déjà contribué ! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Développement sous Windows + +L'utilisation de WSL2 est recommandée pour développer avec VSCode sur Windows. Le développement direct est délicat (à cause de certaines dépendances). + +## Fonctionnalités ajoutées + +- Presque [tous les PR d'it-tools original, 192 des miens](https://github.com/CorentinTh/it-tools/pulls) +- 95% des [problèmes d'it-tools original](https://github.com/CorentinTh/it-tools/issues) +- Traduction complète de l'interface utilisateur dans de nombreuses langues (traduit par Google) +- De nombreux [nouveaux outils](https://sharevb-it-tools.vercel.app/about) +- De nombreuses corrections de bugs et améliorations +- De nombreuses personnalisations (version Docker) + +## Images de conteneur + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Utiliser dans un fichier Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Filtrer les outils et ajouter du contenu personnalisé + +Vous pouvez ajouter du contenu personnalisé sur la page d'accueil en montant un `home.custom.md` dans `/usr/share/nginx/html`. + +Vous pouvez filtrer les outils disponibles en montant `tools-filter.json` dans `/usr/share/nginx/html`. + +## Contribuer + +### Configuration IDE recommandée + +[VSCode](https://code.visualstudio.com/) avec les extensions suivantes : + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (et désactiver Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Configuration du projet + +```sh +pnpm install --ignore-scripts +``` + +### Compiler et recharger à chaud pour le développement + +```sh +pnpm dev +``` + +### Vérification des types, compilation et minification pour la production + +```sh +pnpm build +``` + +### Exécuter les tests unitaires avec Vitest + +```sh +pnpm test +``` + +### Lint avec ESLint + +```sh +pnpm lint +``` + +### Créer un nouvel outil + +Pour créer un nouvel outil, il existe un script qui génère le modèle. Il suffit d'exécuter : + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licence + +Ce projet est sous [GNU GPLv3](LICENSE). diff --git a/docs/README.it.md b/docs/README.it.md new file mode 100644 index 0000000000..208f67fd79 --- /dev/null +++ b/docs/README.it.md @@ -0,0 +1,114 @@ +## Cambiamento importante per l'immagine del contenitore + +Poiché l'immagine di base ora è `nginx-unpriviledged`, il contenitore ascolterà sulla porta **8080** e non sulla 80. Quindi devi aggiornare il tuo mapping delle porte, cioè da `8080:80` a `8080:8080`. + +Puoi sovrascrivere la porta di ascolto usando la variabile d'ambiente `PORT` (opzione docker `-e PORT=8888`). + +## PR Benvenuti + +Specialmente per miglioramenti dell'interfaccia utente e traduzione. E per qualsiasi altra cosa. + +Vuoi supportare questo fork di IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS è raccomandato + +Alcuni strumenti come la crittografia PGP si affidano all'API WebCrypto che è disponibile solo in HTTPS/SSL. Inoltre, se vuoi usare PWA, HTTPS è richiesto. + +Quindi, anche nelle installazioni interne, dovresti abilitare HTTPS usando Let's Encrypt con DNS Challenge. + +## Contributori + +Un grande ringraziamento a tutte le persone che hanno già contribuito! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Sviluppo su Windows + +Si consiglia l'uso di WSL2 per sviluppare usando VSCode su Windows. Lo sviluppo diretto è complicato (a causa di alcune dipendenze). + +## Funzionalità aggiunte + +- Quasi tutti i [PR di it-tools originali, 192 miei](https://github.com/CorentinTh/it-tools/pulls) +- 95% dei [problemi di it-tools originali](https://github.com/CorentinTh/it-tools/issues) +- Traduzione completa dell'interfaccia utente in molte lingue (tradotto da Google) +- Molti [nuovi strumenti](https://sharevb-it-tools.vercel.app/about) +- Molte correzioni di bug e miglioramenti +- Molte personalizzazioni (versione Docker) + +## Immagini del contenitore + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Usa in file Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Filtra strumenti e aggiungi contenuto personalizzato alla home + +Puoi aggiungere contenuto personalizzato alla pagina home montando un `home.custom.md` in `/usr/share/nginx/html`. + +Puoi filtrare gli strumenti disponibili montando `tools-filter.json` in `/usr/share/nginx/html`. + +## Contribuire + +### Configurazione IDE consigliata + +[VSCode](https://code.visualstudio.com/) con le seguenti estensioni: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (e disabilita Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Configurazione del progetto + +```sh +pnpm install --ignore-scripts +``` + +### Compila e Hot-Reload per lo sviluppo + +```sh +pnpm dev +``` + +### Controllo tipi, compilazione e minificazione per produzione + +```sh +pnpm build +``` + +### Esegui test unitari con Vitest + +```sh +pnpm test +``` + +### Lint con ESLint + +```sh +pnpm lint +``` + +### Crea un nuovo strumento + +Per creare un nuovo strumento, c'è uno script che genera il boilerplate. Esegui semplicemente: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licenza + +Questo progetto è sotto [GNU GPLv3](LICENSE). diff --git a/docs/README.ja.md b/docs/README.ja.md new file mode 100644 index 0000000000..de66868365 --- /dev/null +++ b/docs/README.ja.md @@ -0,0 +1,114 @@ +## コンテナイメージの変更点 + +ベースイメージが`nginx-unpriviledged`になったため、コンテナは80番ではなく**8080**番ポートでListenします。ポートマッピングを`8080:80`から`8080:8080`に更新する必要があります。 + +環境変数`PORT`でリスニングポートを上書きできます（Dockerオプション `-e PORT=8888`）。 + +## プルリクエスト歓迎 + +UIの改善や翻訳、特にその他の貢献大歓迎です。 + +このIT Toolsのフォークを支持してください： [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS推奨 + +PGP暗号化などの一部ツールは、HTTPS/SSLでのみ利用可能なWebCrypto APIに依存しています。また、PWAを使用する場合もHTTPSが必要です。 + +したがって、内部インストールでもLet's EncryptのDNS Challengeを使用してHTTPSを有効にしてください。 + +## コントリビューター + +すでに貢献していただいたすべての方に感謝いたします！ + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Windowsでの開発 + +VSCodeを使用してWindowsで開発するにはWSL2を使用することを推奨します。直接の開発は一部の依存関係のため困難です。 + +## 追加された機能 + +- 元のit-toolsのほぼすべてのPR（私のものは192個） +- 元のit-toolsの問題の95% +- 多くの言語での完全なUI翻訳（Google翻訳） +- 多くの[new tools](https://sharevb-it-tools.vercel.app/about) +- 多くのバグ修正と機能強化 +- 多くのカスタマイズ（Dockerバージョン） + +## コンテナイメージ + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Docker Composeファイルでの使用 + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## ツールのフィルタリングとカスタムホームコンテンツの追加 + +`home.custom.md`を`/usr/share/nginx/html`にマウントして、首页にカスタムコンテンツを追加できます。 + +`tools-filter.json`を`/usr/share/nginx/html`にマウントして、利用可能なツールをフィルタリングできます。 + +## コントリビューション + +### 推奨IDEセットアップ + +[VSCode](https://code.visualstudio.com/) 以下の拡張機能付き： + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（Veturは無効化） +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### プロジェクトセットアップ + +```sh +pnpm install --ignore-scripts +``` + +### 開発用のコンパイルとホットリロード + +```sh +pnpm dev +``` + +### 本番ビルドの型チェック、コンパイル、圧縮 + +```sh +pnpm build +``` + +### Vitestでのユニットテスト実行 + +```sh +pnpm test +``` + +### ESLintでリント + +```sh +pnpm lint +``` + +### 新しいツールの作成 + +新しいツールを作成するには、ボイラープレートを生成するスクリプトがあります。単純に実行： + +```sh +pnpm run script:create:tool my-tool-name +``` + +## ライセンス + +このプロジェクトは[GNU GPLv3](LICENSE)の下にあります。 diff --git a/docs/README.ko.md b/docs/README.ko.md new file mode 100644 index 0000000000..efb2323e00 --- /dev/null +++ b/docs/README.ko.md @@ -0,0 +1,112 @@ +## 컨테이너 이미지의 중요한 변경 + +기본 이미지가 `nginx-unpriviledged`가 되었으므로 컨테이너는 80이 아닌 **8080** 포트에서 수신합니다. 因此，您需要更新端口映射，即从 `8080:80` 改为 `8080:8080`。您可以使用环境变量 `PORT` 覆盖侦听端口（docker 选项 `-e PORT=8888`）。 + +## PR 환영 + +특히 UI 개선 및 번역에 환영합니다. 그리고 다른 모든 것에도 환영합니다. + +이 IT Tools 포크를 지원하고 싶으신가요: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS 권장 + +PGP 암호화와 같은 일부 도구는 HTTPS/SSL에서만 사용 가능한 WebCrypto API에 의존합니다. 또한 PWA를 사용하려면 HTTPS가 필요합니다. + +따라서 내부 설치에서도 DNS 챌린지를 사용하여 Let's Encrypt로 HTTPS를 활성화해야 합니다. + +## 기여자 + +이미 기여해 주신 모든 분들께 감사드립니다! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Windows에서의 개발 + +VSCode를 사용하여 Windows에서 개발하려면 WSL2 사용을 권장합니다. 직접 개발은 일부 종속성으로 인해 까다로울 수 있습니다. + +## 추가된 기능 + +- 원래 it-tools의 거의 모든 PR, 192개는 제 것입니다 +- 원래 it-tools 이슈의 95% +- 많은 언어의 전체 UI 번역 (Google 번역) +- 많은 [새 도구](https://sharevb-it-tools.vercel.app/about) +- 많은 버그 수정 및 개선 +- 많은 사용자 정의 (Docker 버전) + +## 컨테이너 이미지 + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Docker Compose 파일에서 사용 + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## 도구 필터링 및 사용자 정의 홈 콘텐츠 추가 + +`home.custom.md`를 `/usr/share/nginx/html`에 마운트하여 홈 페이지에 사용자 정의 콘텐츠를 추가할 수 있습니다. + +`tools-filter.json`을 `/usr/share/nginx/html`에 마운트하여 사용 가능한 도구를 필터링할 수 있습니다. + +## 기여 + +### 권장 IDE 설정 + +다음 확장이 있는 [VSCode](https://code.visualstudio.com/): + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (Vetur 비활성화) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### 프로젝트 설정 + +```sh +pnpm install --ignore-scripts +``` + +### 개발을 위한 컴파일 및 핫 리로드 + +```sh +pnpm dev +``` + +### 프로덕션을 위한 타입 체크, 컴파일 및 축소 + +```sh +pnpm build +``` + +### Vitest로 단위 테스트 실행 + +```sh +pnpm test +``` + +### ESLint로 린트 + +```sh +pnpm lint +``` + +### 새 도구 만들기 + +새 도구를 만들려면 보일러플레이트를 생성하는 스크립트가 있습니다. 다음과 같이 실행하세요: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## 라이선스 + +이 프로젝트는 [GNU GPLv3](LICENSE) 하에 있습니다. diff --git a/docs/README.md b/docs/README.md new file mode 100644 index 0000000000..a394bed0d5 --- /dev/null +++ b/docs/README.md @@ -0,0 +1,24 @@ +# Multi-Language README + +This folder contains translated versions of the README file. + +## Available Languages + +| Language | File | +| ---------- | ---------------------------- | +| 中文 | [README.zh.md](README.zh.md) | +| Español | [README.es.md](README.es.md) | +| Français | [README.fr.md](README.fr.md) | +| Deutsch | [README.de.md](README.de.md) | +| 日本語 | [README.ja.md](README.ja.md) | +| 한국어 | [README.ko.md](README.ko.md) | +| Português | [README.pt.md](README.pt.md) | +| Italiano | [README.it.md](README.it.md) | +| Nederlands | [README.nl.md](README.nl.md) | +| Polski | [README.pl.md](README.pl.md) | +| Русский | [README.ru.md](README.ru.md) | +| Türkçe | [README.tr.md](README.tr.md) | +| Українська | [README.uk.md](README.uk.md) | +| Tiếng Việt | [README.vi.md](README.vi.md) | + +Back to [Main README](../README.md) diff --git a/docs/README.nl.md b/docs/README.nl.md new file mode 100644 index 0000000000..bdd762c191 --- /dev/null +++ b/docs/README.nl.md @@ -0,0 +1,114 @@ +## Belangrijke wijziging voor containerimage + +Omdat het basisimage nu `nginx-unpriviledged` is, luistert de container op poort **8080** en niet 80. U moet dus uw poorttoewijzing bijwerken, namelijk van `8080:80` naar `8080:8080`. + +U kunt de luisterpoort overschrijven met de omgevingsvariabele `PORT` (docker-optie `-e PORT=8888`). + +## PR Welkom + +Vooral voor UI-verbeteringen en vertaling. En voor alles anders. + +Wilt u deze fork van IT Tools ondersteunen: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS aanbevolen + +Sommige tools zoals PGP-codering zijn afhankelijk van de WebCrypto API die alleen beschikbaar is in HTTPS/SSL. Bovendien is HTTPS vereist als u PWA wilt gebruiken. + +Dus zelfs bij interne installaties moet u HTTPS inschakelen met Let's Encrypt via DNS Challenge. + +## Bijdragers + +Veel dank aan alle mensen die al hebben bijgedragen! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Ontwikkeling onder Windows + +Het gebruik van WSL2 wordt aanbevolen om te ontwikkelen met VSCode op Windows. Directe ontwikkeling is lastig (vanwege enkele afhankelijkheden). + +## Toegevoegde functies + +- Bijna alle [originele it-tools PR's, 192 van mij](https://github.com/CorentinTh/it-tools/pulls) +- 95% van de [originele it-tools problemen](https://github.com/CorentinTh/it-tools/issues) +- Volledige UI-vertaling in veel talen (Google Translated) +- Veel [nieuwe tools](https://sharevb-it-tools.vercel.app/about) +- Veel bugfixes en verbeteringen +- Veel aanpassingen (Docker-versie) + +## Containerimages + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Gebruiken in Docker Compose-bestand + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Tools filteren en aangepaste startpagina-inhoud toevoegen + +U kunt aangepaste inhoud toevoegen aan de startpagina door een `home.custom.md` te mounten in `/usr/share/nginx/html`. + +U kunt beschikbare tools filteren door `tools-filter.json` te mounten in `/usr/share/nginx/html`. + +## Bijdragen + +### Aanbevolen IDE-configuratie + +[VSCode](https://code.visualstudio.com/) met de volgende extensies: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (en Vetur uitschakelen) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Projectconfiguratie + +```sh +pnpm install --ignore-scripts +``` + +### Compileren en Hot-Reload voor ontwikkeling + +```sh +pnpm dev +``` + +### Type-check, compileren en minificeren voor productie + +```sh +pnpm build +``` + +### Unit tests uitvoeren met Vitest + +```sh +pnpm test +``` + +### Linten met ESLint + +```sh +pnpm lint +``` + +### Een nieuwe tool maken + +Om een nieuwe tool te maken, is er een script dat de boilerplate genereert. Voer gewoon uit: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licentie + +Dit project is onder [GNU GPLv3](LICENSE). diff --git a/docs/README.pl.md b/docs/README.pl.md new file mode 100644 index 0000000000..f4e5f06a92 --- /dev/null +++ b/docs/README.pl.md @@ -0,0 +1,114 @@ +## Ważna zmiana dla obrazu kontenera + +Ponieważ obraz bazowy to teraz `nginx-unpriviledged`, kontener będzie nasłuchiwać na porcie **8080**, a nie 80. Dlatego musisz zaktualizować mapowanie portów, czyli z `8080:80` na `8080:8080`. + +Możesz nadpisać port nasłuchiwania za pomocą zmiennej środowiskowej `PORT` (opcja docker `-e PORT=8888`). + +## PR Mile widziane + +Szczególnie mile widziane są poprawki interfejsu użytkownika i tłumaczenia. I wszystko inne. + +Chcesz wesprzeć ten fork IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS jest zalecane + +Niektóre narzędzia, takie jak szyfrowanie PGP, opierają się na WebCrypto API, które jest dostępne tylko w HTTPS/SSL. Ponadto, jeśli chcesz używać PWA, wymagane jest HTTPS. + +Dlatego nawet w instalacjach wewnętrznych powinieneś włączyć HTTPS używając Let's Encrypt z DNS Challenge. + +## Współtwórcy + +Bardzo dziękujemy wszystkim osobom, które już przyczyniły się do projektu! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Programowanie pod Windows + +Zaleca się użycie WSL2 do programowania z VSCode na Windowsie. Bezpośrednie programowanie jest trudne (ze względu na pewne zależności). + +## Dodane funkcje + +- Prawie wszystkie [PR oryginalnego it-tools, 192 moje](https://github.com/CorentinTh/it-tools/pulls) +- 95% [problemów oryginalnego it-tools](https://github.com/CorentinTh/it-tools/issues) +- Pełne tłumaczenie interfejsu użytkownika na wiele języków (tłumaczone przez Google) +- Wiele [nowych narzędzi](https://sharevb-it-tools.vercel.app/about) +- Wiele poprawek błędów i ulepszeń +- Wiele dostosowań (wersja Docker) + +## Obrazy kontenerów + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Użycie w pliku Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Filtrowanie narzędzi i dodawanie własnej zawartości strony głównej + +Możesz dodać własną zawartość do strony głównej, montując `home.custom.md` w `/usr/share/nginx/html`. + +Możesz filtrować dostępne narzędzia, montując `tools-filter.json` w `/usr/share/nginx/html`. + +## Współpraca + +### Zalecana konfiguracja IDE + +[VSCode](https://code.visualstudio.com/) z następującymi rozszerzeniami: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (i wyłącz Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Konfiguracja projektu + +```sh +pnpm install --ignore-scripts +``` + +### Kompilacja i hot-reload dla rozwoju + +```sh +pnpm dev +``` + +### Sprawdzanie typów, kompilacja i minifikacja dla produkcji + +```sh +pnpm build +``` + +### Uruchomienie testów jednostkowych z Vitest + +```sh +pnpm test +``` + +### Lintowanie z ESLint + +```sh +pnpm lint +``` + +### Tworzenie nowego narzędzia + +Aby utworzyć nowe narzędzie, istnieje skrypt generujący szablon. Po prostu uruchom: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licencja + +Ten projekt jest objęty licencją [GNU GPLv3](LICENSE). diff --git a/docs/README.pt.md b/docs/README.pt.md new file mode 100644 index 0000000000..7df8b77fc3 --- /dev/null +++ b/docs/README.pt.md @@ -0,0 +1,114 @@ +## Mudança importante para a imagem do conteneur + +Como a imagem base agora é `nginx-unpriviledged`, o contêiner agora escutará na porta **8080** e não na 80. Portanto, você precisa atualizar seu mapeamento de portas, ou seja, de `8080:80` para `8080:8080`. + +Você pode substituir a porta de escuta usando a variável de ambiente `PORT` (opção docker `-e PORT=8888`). + +## PR Bem-vindo + +Especialmente para melhorias de UI e tradução. E para qualquer outra coisa. + +Quer apoiar este fork do IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS é recomendado + +Algumas ferramentas como criptografia PGP dependem da API WebCrypto que está disponível apenas em HTTPS/SSL. Além disso, se você quiser usar PWA, HTTPS é necessário. + +Portanto, mesmo em instalações internas, você deve habilitar o HTTPS usando o Let's Encrypt com DNS Challenge. + +## Contribuidores + +Muito obrigado a todas as pessoas que já contribuíram! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Desenvolvimento no Windows + +É recomendado usar WSL2 para desenvolver usando VSCode no Windows. O desenvolvimento direto é complicado (por causa de algumas dependências). + +## Recursos adicionados + +- Quase todos os [PRs do it-tools original, 192 meus](https://github.com/CorentinTh/it-tools/pulls) +- 95% dos [problemas do it-tools original](https://github.com/CorentinTh/it-tools/issues) +- Tradução completa da UI em muitos idiomas (traduzido pelo Google) +- Muitos [novos ferramentas](https://sharevb-it-tools.vercel.app/about) +- Muitas correções de bugs e melhorias +- Muitas personalizações (versão Docker) + +## Imagens de contêiner + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Usar em arquivo Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Filtrar ferramentas e adicionar conteúdo personalizado na página inicial + +Você pode adicionar conteúdo personalizado na página inicial montando um `home.custom.md` em `/usr/share/nginx/html`. + +Você pode filtrar as ferramentas disponíveis montando `tools-filter.json` em `/usr/share/nginx/html`. + +## Contribuir + +### Configuração de IDE recomendada + +[VSCode](https://code.visualstudio.com/) com as seguintes extensões: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (e desativar Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Configuração do projeto + +```sh +pnpm install --ignore-scripts +``` + +### Compilar e Hot-Reload para Desenvolvimento + +```sh +pnpm dev +``` + +### Verificação de tipos, compilar e minificar para Produção + +```sh +pnpm build +``` + +### Executar testes unitários com Vitest + +```sh +pnpm test +``` + +### Lint com ESLint + +```sh +pnpm lint +``` + +### Criar uma nova ferramenta + +Para criar uma nova ferramenta, existe um script que gera o modelo. Simplesmente execute: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Licença + +Este projeto está sob [GNU GPLv3](LICENSE). diff --git a/docs/README.ru.md b/docs/README.ru.md new file mode 100644 index 0000000000..7cf6b6b9fc --- /dev/null +++ b/docs/README.ru.md @@ -0,0 +1,114 @@ +## Важное изменение для образа контейнера + +Поскольку базовый образ теперь `nginx-unpriviledged`, контейнер будет прослушивать порт **8080**, а не 80. Поэтому вам нужно обновить сопоставление портов, то есть с `8080:80` на `8080:8080`. + +Вы можете переопределить прослушиваемый порт с помощью переменной окружения `PORT` (опция docker `-e PORT=8888`). + +## Pull Request Приветствуются + +Особенно приветствуются улучшения пользовательского интерфейса и переводы. И все остальное. + +Хотите поддержать этот форк IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## Рекомендуется HTTPS + +Некоторые инструменты, такие как шифрование PGP, полагаются на WebCrypto API, который доступен только в HTTPS/SSL. Кроме того, если вы хотите использовать PWA, требуется HTTPS. + +Поэтому даже во внутренних установках следует включить HTTPS с помощью Let's Encrypt с DNS Challenge. + +## Участники + +Большое спасибо всем, кто уже внес свой вклад! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Разработка в Windows + +Рекомендуется использовать WSL2 для разработки с VSCode в Windows. Прямая разработка затруднена (из-за некоторых зависимостей). + +## Добавленные функции + +- Почти все [PR оригинального it-tools, 192 моих](https://github.com/CorentinTh/it-tools/pulls) +- 95% [проблем оригинального it-tools](https://github.com/CorentinTh/it-tools/issues) +- Полный перевод пользовательского интерфейса на многие языки (переведено Google) +- Много [новых инструментов](https://sharevb-it-tools.vercel.app/about) +- Много исправлений ошибок и улучшений +- Много настроек (версия Docker) + +## Образы контейнеров + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Использование в файле Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Фильтрация инструментов и добавление пользовательского контента на главную страницу + +Вы можете добавить пользовательский контент на главную страницу, смонтировав `home.custom.md` в `/usr/share/nginx/html`. + +Вы можете фильтровать доступные инструменты, смонтировав `tools-filter.json` в `/usr/share/nginx/html`. + +## Вклад + +### Рекомендуемая настройка IDE + +[VSCode](https://code.visualstudio.com/) со следующими расширениями: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (и отключить Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Настройка проекта + +```sh +pnpm install --ignore-scripts +``` + +### Компиляция и горячая перезагрузка для разработки + +```sh +pnpm dev +``` + +### Проверка типов, компиляция и минификация для продакшена + +```sh +pnpm build +``` + +### Запуск юнит-тестов с Vitest + +```sh +pnpm test +``` + +### Линтинг с ESLint + +```sh +pnpm lint +``` + +### Создание нового инструмента + +Для создания нового инструмента есть скрипт, который генерирует шаблон. Просто выполните: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Лицензия + +Этот проект находится под [GNU GPLv3](LICENSE). diff --git a/docs/README.tr.md b/docs/README.tr.md new file mode 100644 index 0000000000..86d7d7544c --- /dev/null +++ b/docs/README.tr.md @@ -0,0 +1,114 @@ +## Konteyner Görüntüsü için Önemli Değişiklik + +Artık temel görüntü `nginx-unpriviledged` olduğundan, konteyner 80 yerine **8080** numaralı portu dinleyecektir. Bu nedenle port eşleştirmenizi güncellemeniz gerekir, yani `8080:80`'den `8080:8080`'e. + +Dinleme portunu `ORTAM` değişkenini kullanarak geçersiz kılabilirsiniz (docker seçeneği `-e PORT=8888`). + +## PR Hoş Geldin + +Özellikle UI iyileştirmeleri ve çeviri için. Ve diğer her şey için. + +Bu IT Tools fork'unu desteklemek ister misiniz: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS Önerilir + +PGP şifreleme gibi bazı araçlar, yalnızca HTTPS/SSL'de mevcut olan WebCrypto API'sine dayanır. Ayrıca, PWA kullanmak istiyorsanız HTTPS gereklidir. + +Bu nedenle, dahili kurulumlarda bile DNS Challenge ile Let's Encrypt kullanarak HTTPS'i etkinleştirmelisiniz. + +## Katkıda Bulunanlar + +Zaten katkıda bulunan tüm insanlara çok teşekkürler! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Windows'ta Geliştirme + +VSCode kullanarak Windows'ta geliştirmek için WSL2 kullanılması önerilir. Doğrudan geliştirme zordur (bazı bağımlılıklar nedeniyle). + +## Eklenen Özellikler + +- Orijinal it-tools'un neredeyse tüm PR'ları, 192'si benim +- Orijinal it-tools sorunlarının %95'i +- Birçok dilde tam UI çevirisi (Google Çeviri tarafından) +- Birçok [yeni araç](https://sharevb-it-tools.vercel.app/about) +- Birçok hata düzeltmesi ve iyileştirme +- Birçok özelleştirme (Docker sürümü) + +## Konteyner Görüntüleri + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Docker Compose Dosyasında Kullanım + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Araçları Filtreleme ve Özel Ana Sayfa İçeriği Ekleme + +Ana sayfaya özel içerik eklemek için `/usr/share/nginx/html` konumuna `home.custom.md` bağlayabilirsiniz. + +Kullanılabilir araçları filtrelemek için `/usr/share/nginx/html` konumuna `tools-filter.json` bağlayabilirsiniz. + +## Katkı + +### Önerilen IDE Kurulumu + +Aşağıdaki uzantılara sahip [VSCode](https://code.visualstudio.com/): + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (ve Vetur'u devre dışı bırak) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Proje Kurulumu + +```sh +pnpm install --ignore-scripts +``` + +### Geliştirme için Derleme ve Hot-Reload + +```sh +pnpm dev +``` + +### Üretim için Tür Kontrolü, Derleme ve Minify + +```sh +pnpm build +``` + +### Vitest ile Birim Testlerini Çalıştırma + +```sh +pnpm test +``` + +### ESLint ile Lint + +```sh +pnpm lint +``` + +### Yeni Araç Oluşturma + +Yeni bir araç oluşturmak için şablonu oluşturan bir komut dosyası vardır. Şunu çalıştırın: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Lisans + +Bu proje [GNU GPLv3](LICENSE) altında lisanslıdır. diff --git a/docs/README.uk.md b/docs/README.uk.md new file mode 100644 index 0000000000..f4cf0a95ec --- /dev/null +++ b/docs/README.uk.md @@ -0,0 +1,114 @@ +## Важлива зміна для образу контейнера + +Оскільки базовий образ тепер `nginx-unpriviledged`, контейнер прослуховуватиме порт **8080**, а не 80. Тому вам потрібно оновити зіставлення портів, тобто з `8080:80` на `8080:8080`. + +Ви можете перевизначити порт прослуховування за допомогою змінної середовища `PORT` (опція docker `-e PORT=8888`). + +## PR Вітаються + +Особливо вітаються покращення інтерфейсу користувача та переклади. І все інше. + +Хочете підтримати цей форк IT Tools: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## Рекомендовано HTTPS + +Деякі інструменти, такі як шифрування PGP, покладаються на WebCrypto API, який доступний лише в HTTPS/SSL. Крім того, якщо ви хочете використовувати PWA, потрібен HTTPS. + +Тому навіть у внутрішніх установках слід увімкнути HTTPS за допомогою Let's Encrypt з DNS Challenge. + +## Учасники + +Величезна подяка всім, хто вже зробив внесок! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Розробка в Windows + +Рекомендовано використовувати WSL2 для розробки з VSCode в Windows. Пряма розробка ускладнена (через деякі залежності). + +## Додані функції + +- Майже всі PR оригінального it-tools, 192 мої +- 95% проблем оригінального it-tools +- Повний переклад інтерфейсу користувача на багато мов (перекладено Google) +- Багато [нових інструментів](https://sharevb-it-tools.vercel.app/about) +- Багато виправлень помилок та покращень +- Багато налаштувань (версія Docker) + +## Образы контейнерів + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest') + +## Використання у файлі Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Фільтрація інструментів та додавання власного вмісту на домашню сторінку + +Ви можете додати власний вміст на домашню сторінку, змонтувавши `home.custom.md` в `/usr/share/nginx/html`. + +Ви можете фільтрувати доступні інструменти, змонтувавши `tools-filter.json` в `/usr/share/nginx/html`. + +## Внесок + +### Рекомендована налаштування IDE + +[VSCode](https://code.visualstudio.com/) з наступними розширеннями: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (і вимкнути Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Налаштування проекту + +```sh +pnpm install --ignore-scripts +``` + +### Компіляція та гаряче перезавантаження для розробки + +```sh +pnpm dev +``` + +### Перевірка типів, компіляція та мініфікація для продакшену + +```sh +pnpm build +``` + +### Запуск юніт-тестів з Vitest + +```sh +pnpm test +``` + +### Лінтинг з ESLint + +```sh +pnpm lint +``` + +### Створення нового інструменту + +Для створення нового інструменту є скрипт, який генерує шаблон. Просто виконайте: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Ліцензія + +Цей проект ліцензовано за [GNU GPLv3](LICENSE). diff --git a/docs/README.vi.md b/docs/README.vi.md new file mode 100644 index 0000000000..e4bada5554 --- /dev/null +++ b/docs/README.vi.md @@ -0,0 +1,114 @@ +## Thay đổi quan trọng cho hình ảnh container + +Vì hình ảnh cơ sở bây giờ là `nginx-unpriviledged`, container sẽ lắng nghe trên cổng **8080** chứ không phải 80. Vì vậy, bạn cần cập nhật ánh xạ cổng của mình, tức là từ `8080:80` thành `8080:8080`. + +Bạn có thể ghi đè cổng lắng nghe bằng biến môi trường `PORT` (tùy chọn docker `-e PORT=8888`). + +## PR được chào đón + +Đặc biệt cho cải tiến giao diện người dùng và bản dịch. Và cho bất kỳ điều gì khác. + +Muốn hỗ trợ fork IT Tools này: [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## HTTPS được khuyến nghị + +Một số công cụ như mã hóa PGP dựa trên API WebCrypto chỉ có sẵn trong HTTPS/SSL. Ngoài ra, nếu bạn muốn sử dụng PWA, HTTPS là bắt buộc. + +Vì vậy, ngay cả trên các cài đặt nội bộ, bạn nên bật HTTPS bằng Let's Encrypt sử dụng DNS Challenge. + +## Đóng góp + +Cảm ơn tất cả những người đã đóng góp! + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## Phát triển trên Windows + +Nên sử dụng WSL2 để phát triển bằng VSCode trên Windows. Phát triển trực tiếp khó khăn (vì một số phụ thuộc). + +## Tính năng được thêm + +- Hầu hết [PR của it-tools gốc, 192 của tôi](https://github.com/CorentinTh/it-tools/pulls) +- 95% [vấn đề của it-tools gốc](https://github.com/CorentinTh/it-tools/issues) +- Dịch giao diện người dùng đầy đủ sang nhiều ngôn ngữ (dịch bởi Google) +- Nhiều [công cụ mới](https://sharevb-it-tools.vercel.app/about) +- Nhiều sửa lỗi và cải tiến +- Nhiều tùy chỉnh (phiên bản Docker) + +## Hình ảnh container + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## Sử dụng trong tệp Docker Compose + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## Lọc công cụ và thêm nội dung tùy chỉnh vào trang chủ + +Bạn có thể thêm nội dung tùy chỉnh vào trang chủ bằng cách gắn `home.custom.md` vào `/usr/share/nginx/html`. + +Bạn có thể lọc các công cụ có sẵn bằng cách gắn `tools-filter.json` vào `/usr/share/nginx/html`. + +## Đóng góp + +### Thiết lập IDE được khuyến nghị + +[VSCode](https://code.visualstudio.com/) với các tiện ích mở rộng sau: + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (và tắt Vetur) +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### Thiết lập dự án + +```sh +pnpm install --ignore-scripts +``` + +### Biên dịch và Hot-Reload để phát triển + +```sh +pnpm dev +``` + +### Kiểm tra loại, biên dịch và minify cho sản xuất + +```sh +pnpm build +``` + +### Chạy kiểm thử đơn vị với Vitest + +```sh +pnpm test +``` + +### Lint với ESLint + +```sh +pnpm lint +``` + +### Tạo công cụ mới + +Để tạo công cụ mới, có một tập lệnh tạo mẫu. Chỉ cần chạy: + +```sh +pnpm run script:create:tool my-tool-name +``` + +## Giấy phép + +Dự án này được cấp phép theo [GNU GPLv3](LICENSE). diff --git a/docs/README.zh.md b/docs/README.zh.md new file mode 100644 index 0000000000..a1e498c101 --- /dev/null +++ b/docs/README.zh.md @@ -0,0 +1,114 @@ +## 容器镜像的重大更改 + +由于基础镜像现在是 `nginx-unpriviledged`，容器将监听端口 **8080** 而不是 80。因此需要更新端口映射，即从 `8080:80` 改为 `8080:8080`。 + +可以使用环境变量 `PORT` 覆盖监听端口（docker 选项 `-e PORT=8888`）。 + +## 欢迎贡献 + +特别欢迎UI改进和翻译，也欢迎其他任何贡献！ + +支持这个fork： [Buy me a coffee](https://www.buymeacoffee.com/sharevb) + +## 建议使用HTTPS + +某些工具（如PGP加密）依赖仅在HTTPS/SSL下可用的WebCrypto API。此外，如果想使用PWA，也需要HTTPS。 + +因此，即使在内部安装时，也应使用Let's Encrypt的DNS Challenge启用HTTPS。 + +## 开发者 + +感谢所有贡献者！ + +[](https://github.com/sharevb/it-tools/graphs/contributors) + +## 在Windows下开发 + +建议使用WSL2在VSCode中开发。直接开发比较麻烦（因为一些依赖）。 + +## 新增功能 + +- 几乎所有[原始it-tools的PR，192个我的](https://github.com/CorentinTh/it-tools/pulls) +- 95%的[原始it-tools问题](https://github.com/CorentinTh/it-tools/issues) +- 完整UI翻译（谷歌翻译） +- 许多[新工具](https://sharevb-it-tools.vercel.app/about) +- 许多错误修复和改进 +- 许多自定义（Docker版本） + +## 容器镜像 + +[GitHub Container Registry](https://github.com/sharevb/it-tools/pkgs/container/it-tools): `ghcr.io/sharevb/it-tools:latest` + +[Docker Hub](https://hub.docker.com/r/sharevb/it-tools): `sharevb/it-tools:latest` + +## 在Docker Compose中使用 + +```yml +services: + it-tools: + container_name: it-tools + image: sharevb/it-tools:latest + pull_policy: always + restart: unless-stopped + ports: + - 8080:8080 +``` + +## 过滤工具和添加自定义首页内容 + +您可以通过挂载 `home.custom.md` 到 `/usr/share/nginx/html` 来添加自定义内容到首页。 + +您可以通过挂载 `tools-filter.json` 到 `/usr/share/nginx/html` 来过滤可用的工具。 + +## 贡献 + +### 推荐的IDE设置 + +[VSCode](https://code.visualstudio.com/) 配合以下扩展： + +- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（禁用Vetur） +- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) +- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) +- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally) + +### 项目设置 + +```sh +pnpm install --ignore-scripts +``` + +### 开发环境编译和热重载 + +```sh +pnpm dev +``` + +### 类型检查、编译和生产构建 + +```sh +pnpm build +``` + +### 使用Vitest运行单元测试 + +```sh +pnpm test +``` + +### 使用ESLint检查 + +```sh +pnpm lint +``` + +### 创建新工具 + +创建新工具有一个脚本生成模板，只需运行： + +```sh +pnpm run script:create:tool my-tool-name +``` + +## 许可证 + +本项目基于 [GNU GPLv3](LICENSE)。 diff --git a/env.d.ts b/env.d.ts index 18bdc8fe6d..deeb3729c8 100644 --- a/env.d.ts +++ b/env.d.ts @@ -2,6 +2,8 @@ ///
-
+ (getter: () => T, { defaultValue }: { defaultValue: D; defaultErrorMessage?: string }): [Ref, Ref];
-function computedCatch(getter: () => T, { defaultValue, defaultErrorMessage = 'Unknown error' }: { defaultValue?: D; defaultErrorMessage?: string } = {}) {
+function computedCatch(
+ getter: () => T,
+ { defaultValue }: { defaultValue: D; defaultErrorMessage?: string },
+): [Ref, Ref];
+function computedCatch(
+ getter: () => T,
+ { defaultValue, defaultErrorMessage = 'Unknown error' }: { defaultValue?: D; defaultErrorMessage?: string } = {},
+) {
const error = ref();
const value = ref();
@@ -21,19 +27,36 @@ function computedCatch(getter: () => T, { defaultValue, defaultErrorMessag
return [value, error] as const;
}
-function computedCatchAsync(getterAsync: () => Promise, { defaultValue }: { defaultValue: D; defaultErrorMessage?: string }): [Ref, Ref];
-function computedCatchAsync(getterAsync: () => Promise, { defaultValue, defaultErrorMessage = 'Unknown error' }: { defaultValue?: D; defaultErrorMessage?: string } = {}) {
+function computedCatchAsync(
+ getterAsync: () => Promise,
+ { defaultValue }: { defaultValue: D; defaultErrorMessage?: string },
+): [Ref, Ref];
+function computedCatchAsync(
+ getterAsync: () => Promise,
+ { defaultValue, defaultErrorMessage = 'Unknown error' }: { defaultValue?: D; defaultErrorMessage?: string } = {},
+) {
const error = ref();
const value = ref();
+ let currentRequestId = 0;
watchEffect(async () => {
+ const requestId = ++currentRequestId;
+
try {
error.value = undefined;
- value.value = await getterAsync();
+ const result = await getterAsync();
+
+ // Only update value if this is still the latest request
+ if (requestId === currentRequestId) {
+ value.value = result;
+ }
}
catch (err) {
- error.value = err instanceof Error ? err.message : err?.toString() ?? defaultErrorMessage;
- value.value = defaultValue;
+ // Only update error if this is still the latest request
+ if (requestId === currentRequestId) {
+ error.value = err instanceof Error ? err.message : err?.toString() ?? defaultErrorMessage;
+ value.value = defaultValue;
+ }
}
});
diff --git a/src/composable/flexSearch.ts b/src/composable/flexSearch.ts
index 8368d64f8d..9f3afd654a 100644
--- a/src/composable/flexSearch.ts
+++ b/src/composable/flexSearch.ts
@@ -1,5 +1,5 @@
import { type MaybeRef, get } from '@vueuse/core';
-import { type Ref, computed, ref } from 'vue';
+import { computed, shallowRef } from 'vue';
import FlexSearch from 'flexsearch';
// Define key types to match Fuse.js format
@@ -13,20 +13,20 @@ export function useFlexSearch>({
},
limit = -1,
}: {
- search: MaybeRef;
- data: Data[];
+ search: MaybeRef
+ data: Data[]
options?: {
- keys: SearchKey[];
+ keys: SearchKey[]
/**
* Whether to show or not show items with an empty search query. `true` won't show any items, `false` will show all items.
* @default true
*/
- filterEmpty?: boolean;
+ filterEmpty?: boolean
/**
* Whether the results should be sorted by similarity score using the Levenshtein distance.
* @default true
*/
- shouldSort?: boolean;
+ shouldSort?: boolean
/**
* Type of tokenization logic to use (Determines how the search logic will behave).
* @default 'forward'
@@ -34,23 +34,23 @@ export function useFlexSearch>({
*
* Note: The `'tolerant'` tokenizer option mentioned in the documentation doesn't exist anymore in the current version of FlexSearch.
*/
- tokenize?: 'strict' | 'forward' | 'reverse' | 'full';
+ tokenize?: 'strict' | 'forward' | 'reverse' | 'full'
/**
* Resolution value for giving meaningful results when searching for partial matches.
* @default 9
* @see {@link https://github.com/nextapps-de/flexsearch?tab=readme-ov-file#resolution | FlexSearch Resolution Documentation}
*/
- resolution?: number;
- optimize?: boolean;
+ resolution?: number
+ optimize?: boolean
/**
* Value to determine if the cache should be used.
* If set to a number, the cache will use the number to assign that number of cache slots (No information in the documentation is provided about what a cache slot is exactly).
* @default false
* @see {@link https://github.com/nextapps-de/flexsearch?tab=readme-ov-file#auto-balanced-cache-by-popularity | FlexSearch Cache Documentation}
*/
- cache?: boolean | number;
- };
- limit?: MaybeRef;
+ cache?: boolean | number
+ }
+ limit?: MaybeRef
}) {
// Extract options
const { keys, filterEmpty = true, shouldSort = true, tokenize = 'forward', ...indexOptions } = options;
@@ -67,7 +67,7 @@ export function useFlexSearch>({
const getItemKey = (item: Data, idx: number) => (item.id !== undefined ? item.id : idx);
// Map to store original data items by unique key
- const dataMap = ref(new Map()) as Ref>;
+ const dataMap = shallowRef(new Map());
// Create separate indices for each key with weight info
const indices = normalizedKeys.map(({ name, weight }) => ({
@@ -125,7 +125,9 @@ export function useFlexSearch>({
await new Promise((resolve) => {
requestAnimationFrame(() => {
chunk.forEach(({ itemKey, value }) => {
- index.add(itemKey, value!);
+ if (value !== undefined) {
+ index.add(itemKey, value);
+ }
});
resolve();
});
@@ -135,7 +137,9 @@ export function useFlexSearch>({
};
// Initialize on creation
- initializeIndices();
+ initializeIndices().catch((error) => {
+ console.error('Failed to initialize search indices:', error);
+ });
// Function to search across all indices with weight consideration
const searchAllIndices = (query: string, searchLimit: number) => {
@@ -180,7 +184,7 @@ export function useFlexSearch>({
// If shouldn't be sorted by similarity, apply limit here and return early
if (!shouldSort) {
const limitedIds = searchLimit > 0 ? sortedIds.slice(0, searchLimit) : sortedIds;
- return limitedIds.map((id) => dataMap.value.get(id)).filter(Boolean) as Data[];
+ return limitedIds.map(id => dataMap.value.get(id)).filter(Boolean) as Data[];
}
// Calculate Levenshtein distance
@@ -260,7 +264,7 @@ export function useFlexSearch>({
}
return b!.similarity - a!.similarity;
})
- .map((result) => result!.item);
+ .map(result => result!.item);
// Apply limit after final sorting
return searchLimit > 0 ? sortedResults.slice(0, searchLimit) : sortedResults;
diff --git a/src/composable/queryParams.ts b/src/composable/queryParams.ts
index f50ff2a21b..fcf1ea7857 100644
--- a/src/composable/queryParams.ts
+++ b/src/composable/queryParams.ts
@@ -1,5 +1,5 @@
import { useRouteQuery } from '@vueuse/router';
-import { type MaybeRef, computed } from 'vue';
+import { type MaybeRef, type Ref, computed, isRef, ref, watch } from 'vue';
import { type RemovableRef, type StorageLike, type UseStorageOptions, get, useStorage } from '@vueuse/core';
import { getCurrentInstance } from 'vue';
@@ -20,13 +20,26 @@ const transformers = {
},
object: {
fromQuery: (value: string) => {
- return JSON.parse(value);
+ try {
+ return JSON.parse(value);
+ }
+ catch {
+ return null;
+ }
},
toQuery: (value: object) => JSON.stringify(value),
},
};
-function useQueryParam({ tool, name, defaultValue }: { tool: string; name: string; defaultValue: T }): RemovableRef {
+function useQueryParam({
+ tool,
+ name,
+ defaultValue,
+}: {
+ tool: string
+ name: string
+ defaultValue: T
+}): RemovableRef {
const type = typeof defaultValue;
const transformer = transformers[type as keyof typeof transformers] ?? transformers.string;
const defaultValueOrSetting = getITToolsSetting(`${tool}:${name}`, defaultValue);
@@ -43,7 +56,15 @@ function useQueryParam({ tool, name, defaultValue }: { tool: string; name: st
});
}
-function useQueryParamOrStorage({ name, storageName, defaultValue }: { name: string; storageName: string; defaultValue: T }) {
+function useQueryParamOrStorage({
+ name,
+ storageName,
+ defaultValue,
+}: {
+ name: string
+ storageName: string
+ defaultValue: T
+}) {
const type = typeof defaultValue;
const transformer = transformers[type as keyof typeof transformers] ?? transformers.string;
@@ -53,23 +74,32 @@ function useQueryParamOrStorage({ name, storageName, defaultValue }: { name:
const proxyDefaultValue = transformer.toQuery(defaultValueOrSetting as never);
const proxy = useRouteQuery(name, proxyDefaultValue);
- const r = isRef(defaultValueOrSetting) ? defaultValueOrSetting as Ref : ref(get(defaultValueOrSetting));
+ const r = isRef(defaultValueOrSetting) ? (defaultValueOrSetting as Ref) : ref(get(defaultValueOrSetting));
- watch(r,
+ watch(
+ r,
(value) => {
proxy.value = transformer.toQuery(value as never);
storageRef.value = value as never;
},
- { deep: true });
+ { deep: true },
+ );
- r.value = (proxy.value && proxy.value !== proxyDefaultValue
- ? transformer.fromQuery(proxy.value) as unknown as T
- : storageRef.value as T) as never;
+ r.value = (
+ proxy.value && proxy.value !== proxyDefaultValue
+ ? (transformer.fromQuery(proxy.value) as unknown as T)
+ : (storageRef.value as T)
+ ) as never;
return r;
}
-function useITStorage(key: string, defaults: MaybeRef, storage?: StorageLike, options?: UseStorageOptions): RemovableRef {
+function useITStorage(
+ key: string,
+ defaults: MaybeRef,
+ storage?: StorageLike,
+ options?: UseStorageOptions,
+): RemovableRef {
const defaultValueOrSetting = getITToolsSetting(key, defaults);
return useStorage(key, defaultValueOrSetting, storage, options);
}
@@ -81,10 +111,10 @@ function getITToolsSetting(key: string, defaultValue: MaybeRef) {
}
if (key.includes(':')) {
const [tool, subkey] = key.split(':');
- return (itToolsSettings[tool] || {})[subkey] as T ?? defaultValue;
+ return ((itToolsSettings[tool] || {})[subkey] as T) ?? defaultValue;
}
else {
- return (itToolsSettings)[key] as T ?? defaultValue;
+ return (itToolsSettings[key] as T) ?? defaultValue;
}
}
diff --git a/src/layouts/tool.layout.vue b/src/layouts/tool.layout.vue
index c845ad0c7a..1203aaddc5 100644
--- a/src/layouts/tool.layout.vue
+++ b/src/layouts/tool.layout.vue
@@ -3,8 +3,8 @@ import DeviceDesktop from '~icons/tabler/device-desktop';
import World from '~icons/tabler/world';
import { useRoute } from 'vue-router';
-import { useHead } from '@vueuse/head';
-import type { HeadObject } from '@vueuse/head';
+import { useHead } from '@unhead/vue';
+import type { ResolvableMeta } from '@unhead/vue/types';
// Async: keeps markdown-it (~50 KB gzip with its dependency tree) out of the
// startup bundle; it loads with the first tool page instead.
@@ -18,7 +18,7 @@ import type { Tool } from '@/tools/tools.types';
const route = useRoute();
-const head = computed(() => ({
+useHead(() => ({
title: `${route.meta.name} - IT Tools`,
meta: [
{
@@ -53,9 +53,8 @@ const head = computed(() => ({
name: 'keywords',
content: ((route.meta.keywords ?? []) as string[]).join(','),
},
- ],
+ ] as ResolvableMeta[],
}));
-useHead(head);
const { t } = useI18n();
const i18nKey = computed(() => route.path.trim().replace('/', ''));
diff --git a/src/main.ts b/src/main.ts
index 7d43a04616..380f4b1c65 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
import { createApp } from 'vue';
import { createPinia } from 'pinia';
-import { createHead } from '@vueuse/head';
+import { createHead } from '@unhead/vue/client';
import { LoadingPlugin } from 'vue-loading-overlay';
import { installAbortSignalPolyfill } from 'abort-signal-polyfill';
diff --git a/src/pages/404.page.vue b/src/pages/404.page.vue
index eeeef6f208..7f9b2d5182 100644
--- a/src/pages/404.page.vue
+++ b/src/pages/404.page.vue
@@ -1,5 +1,5 @@
-
+
- {{ areAllCollapsed ? $t('collapsibleToolMenu.text.expanding') : $t('collapsibleToolMenu.text.collapsing') }}
+ {{ areAllCollapsed ? t('home.expanding') : t('home.collapsing') }}
- {{ areAllCollapsed ? $t('collapsibleToolMenu.text.expand-all-tools') : $t('collapsibleToolMenu.text.collapse-all-tools') }}
+ {{ areAllCollapsed ? t('home.expandAllTools') : t('home.collapseAllTools') }}
-
+
@@ -200,12 +218,9 @@ const themeVars = useThemeVars();
text-align: left;
user-select: none;
- // Hover only on hover-capable devices; on touch it sticks after tapping
- @media (hover: hover) {
- &:hover {
- background-color: v-bind('themeVars.buttonColor2Hover');
- opacity: 0.8;
- }
+ &:hover {
+ background-color: v-bind('themeVars.buttonColor2Hover');
+ opacity: 0.8;
}
&.category-active {
@@ -213,25 +228,17 @@ const themeVars = useThemeVars();
opacity: 1;
color: white;
- @media (hover: hover) {
- &:hover {
- background-color: color-mix(in srgb, v-bind('themeVars.primaryColorHover') 50%, transparent);
- }
+ &:hover {
+ background-color: color-mix(in srgb, v-bind('themeVars.primaryColorHover') 50%, transparent);
}
}
}
.category-container {
- // Offscreen categories skip layout and paint entirely, which keeps the sider
- // width transition and expand/collapse animations from re-laying-out all ~460
- // menu items on every frame.
- content-visibility: auto;
- contain-intrinsic-size: auto 36px;
-
-.menu-container {
- display: grid;
- grid-template-rows: 1fr;
- transition: grid-template-rows var(--animation-duration, 250ms) ease-out;
- will-change: grid-template-rows;
+ .menu-container {
+ display: grid;
+ grid-template-rows: 1fr;
+ transition: grid-template-rows var(--animation-duration, 250ms) ease-out;
+ will-change: grid-template-rows;
&.collapsed {
grid-template-rows: 0fr;
@@ -271,10 +278,8 @@ const themeVars = useThemeVars();
left: 14px;
}
- @media (hover: hover) {
- &:hover {
- opacity: 0.5;
- }
+ &:hover {
+ opacity: 0.5;
}
}
}
diff --git a/src/components/ExternalToolContent.vue b/src/components/ExternalToolContent.vue
index 5ca8c539e5..e68db1d269 100644
--- a/src/components/ExternalToolContent.vue
+++ b/src/components/ExternalToolContent.vue
@@ -1,7 +1,16 @@
-
+
diff --git a/src/components/NavbarButtons.vue b/src/components/NavbarButtons.vue
index 16ca45118d..fe27faa6ae 100644
--- a/src/components/NavbarButtons.vue
+++ b/src/components/NavbarButtons.vue
@@ -8,7 +8,7 @@ import IconInfoCircle from '~icons/tabler/info-circle';
import IconLanguage from '~icons/tabler/language';
import IconMoon from '~icons/tabler/moon';
import IconSun from '~icons/tabler/sun';
-import { appLocales } from '@/plugins/i18n.plugin';
+import { appLocales, setLocale } from '@/plugins/i18n.plugin';
import { useStyleStore } from '@/stores/style.store';
const styleStore = useStyleStore();
@@ -56,8 +56,8 @@ const languageOptions = computed(() =>
})),
);
-function onLanguageSelect(key: string) {
- locale.value = key;
+async function onLanguageSelect(key: string) {
+ await setLocale(key);
}
const themeOptions = computed(() => [
diff --git a/src/composable/computed/catchedComputed.ts b/src/composable/computed/catchedComputed.ts
index 259c481e76..78faf1a393 100644
--- a/src/composable/computed/catchedComputed.ts
+++ b/src/composable/computed/catchedComputed.ts
@@ -2,8 +2,14 @@ import { type Ref, ref, watchEffect } from 'vue';
export { computedCatch, computedCatchAsync };
-function computedCatch
+
@@ -136,8 +151,7 @@ onUnmounted(() => {
rel="noopener"
target="_blank"
:aria-label="$t('home.follow.githubRepository')"
- >GitHub
+ >GitHub
{{ $t('home.follow.thankYou') }}
@@ -176,9 +190,9 @@ onUnmounted(() => {
-
-
+
{{ $t('home.categories.allTools') }}
@@ -198,14 +212,6 @@ onUnmounted(() => {
diff --git a/src/plugins/i18n.plugin.ts b/src/plugins/i18n.plugin.ts
index c2d676e4d0..852e2b33c5 100644
--- a/src/plugins/i18n.plugin.ts
+++ b/src/plugins/i18n.plugin.ts
@@ -5,15 +5,19 @@ import { watch } from 'vue';
import { createI18n } from 'vue-i18n';
import enBaseMessages from '../../locales/en.yml';
-const DEFAULT_LOCALE = String(import.meta.env.VITE_LANGUAGE || 'en');
const FALLBACK_LOCALE = 'en';
+const requestedLocale = String(
+ window.__IT_TOOLS_CONFIG__?.language || import.meta.env.VITE_LANGUAGE || FALLBACK_LOCALE,
+);
// The fallback locale (and its tool-level files) is bundled eagerly so the app always has
// complete messages at startup; every other locale is compiled into its own lazy chunk and
// only fetched the first time it becomes the active locale.
const eagerToolMessages = import.meta.glob('../tools/*/locales/en.yml', { eager: true, import: 'default' });
const lazyBaseMessages = import.meta.glob(['../../locales/*.yml', '!../../locales/en.yml'], { import: 'default' });
-const lazyToolMessages = import.meta.glob(['../tools/*/locales/*.yml', '!../tools/*/locales/en.yml'], { import: 'default' });
+const lazyToolMessages = import.meta.glob(['../tools/*/locales/*.yml', '!../tools/*/locales/en.yml'], {
+ import: 'default',
+});
function localeOfPath(path: string): string {
return path.replace(/^.*\/([^/]+)\.yml$/, '$1');
@@ -31,10 +35,23 @@ export const appLocales = (() => {
if (available === '*' || available === 'all') {
return allLocales;
}
- const wantedLocales = available.split(',').map(locale => locale.trim());
- return allLocales.filter(locale => wantedLocales.includes(locale) || locale === FALLBACK_LOCALE);
+ const wantedLocales = available.split(',').map((locale) => locale.trim());
+ return allLocales.filter((locale) => wantedLocales.includes(locale) || locale === FALLBACK_LOCALE);
})();
+export function resolveLocale(locale: string): string {
+ const normalizedLocale = locale.trim().toLowerCase();
+ const language = normalizedLocale.split('-')[0];
+
+ return appLocales.includes(normalizedLocale)
+ ? normalizedLocale
+ : appLocales.includes(language)
+ ? language
+ : FALLBACK_LOCALE;
+}
+
+const DEFAULT_LOCALE = resolveLocale(requestedLocale);
+
const i18n = createI18n({
legacy: false,
locale: DEFAULT_LOCALE,
@@ -64,18 +81,28 @@ export async function loadLocaleMessages(locale: string) {
return;
}
- const messageParts = await Promise.all(loaders.map(loader => loader()));
+ const messageParts = await Promise.all(loaders.map((loader) => loader()));
i18n.global.setLocaleMessage(locale, merge({}, ...messageParts));
loadedLocales.add(locale);
}
+export async function setLocale(locale: string) {
+ const resolvedLocale = resolveLocale(locale);
+ await loadLocaleMessages(resolvedLocale);
+ i18n.global.locale.value = resolvedLocale;
+}
+
export const i18nPlugin: Plugin = {
install: (app) => {
app.use(i18n);
// Messages arrive after the switch; vue-i18n falls back to English until
// setLocaleMessage triggers a reactive re-render. Watching through the getter
// avoids depending on vue-i18n's locale ref generics.
- watch(() => getCurrentLocale(), locale => loadLocaleMessages(locale), { immediate: true });
+ watch(
+ () => getCurrentLocale(),
+ (locale) => loadLocaleMessages(locale),
+ { immediate: true },
+ );
},
};
diff --git a/src/tools/bcrypt/bcrypt.models.ts b/src/tools/bcrypt/bcrypt.models.ts
index b40cec68d7..2cea1a3a6a 100644
--- a/src/tools/bcrypt/bcrypt.models.ts
+++ b/src/tools/bcrypt/bcrypt.models.ts
@@ -1,10 +1,10 @@
import { getCurrentLocale, translate as t } from '@/plugins/i18n.plugin';
Intl.DurationFormat ??= class DurationFormat {
+ constructor(..._args: unknown[]) {}
+
format(duration: { seconds?: number; milliseconds?: number }): string {
- return 'seconds' in duration
- ? `${duration.seconds} seconds`
- : `${duration.milliseconds} milliseconds`;
+ return 'seconds' in duration ? `${duration.seconds} seconds` : `${duration.milliseconds} milliseconds`;
}
};
@@ -42,15 +42,18 @@ export async function* bcryptWithProgressUpdates
+
{{ $t('home.categories.allTools') }}
@@ -198,14 +212,6 @@ onUnmounted(() => {
diff --git a/src/plugins/i18n.plugin.ts b/src/plugins/i18n.plugin.ts
index c2d676e4d0..852e2b33c5 100644
--- a/src/plugins/i18n.plugin.ts
+++ b/src/plugins/i18n.plugin.ts
@@ -5,15 +5,19 @@ import { watch } from 'vue';
import { createI18n } from 'vue-i18n';
import enBaseMessages from '../../locales/en.yml';
-const DEFAULT_LOCALE = String(import.meta.env.VITE_LANGUAGE || 'en');
const FALLBACK_LOCALE = 'en';
+const requestedLocale = String(
+ window.__IT_TOOLS_CONFIG__?.language || import.meta.env.VITE_LANGUAGE || FALLBACK_LOCALE,
+);
// The fallback locale (and its tool-level files) is bundled eagerly so the app always has
// complete messages at startup; every other locale is compiled into its own lazy chunk and
// only fetched the first time it becomes the active locale.
const eagerToolMessages = import.meta.glob('../tools/*/locales/en.yml', { eager: true, import: 'default' });
const lazyBaseMessages = import.meta.glob(['../../locales/*.yml', '!../../locales/en.yml'], { import: 'default' });
-const lazyToolMessages = import.meta.glob(['../tools/*/locales/*.yml', '!../tools/*/locales/en.yml'], { import: 'default' });
+const lazyToolMessages = import.meta.glob(['../tools/*/locales/*.yml', '!../tools/*/locales/en.yml'], {
+ import: 'default',
+});
function localeOfPath(path: string): string {
return path.replace(/^.*\/([^/]+)\.yml$/, '$1');
@@ -31,10 +35,23 @@ export const appLocales = (() => {
if (available === '*' || available === 'all') {
return allLocales;
}
- const wantedLocales = available.split(',').map(locale => locale.trim());
- return allLocales.filter(locale => wantedLocales.includes(locale) || locale === FALLBACK_LOCALE);
+ const wantedLocales = available.split(',').map((locale) => locale.trim());
+ return allLocales.filter((locale) => wantedLocales.includes(locale) || locale === FALLBACK_LOCALE);
})();
+export function resolveLocale(locale: string): string {
+ const normalizedLocale = locale.trim().toLowerCase();
+ const language = normalizedLocale.split('-')[0];
+
+ return appLocales.includes(normalizedLocale)
+ ? normalizedLocale
+ : appLocales.includes(language)
+ ? language
+ : FALLBACK_LOCALE;
+}
+
+const DEFAULT_LOCALE = resolveLocale(requestedLocale);
+
const i18n = createI18n({
legacy: false,
locale: DEFAULT_LOCALE,
@@ -64,18 +81,28 @@ export async function loadLocaleMessages(locale: string) {
return;
}
- const messageParts = await Promise.all(loaders.map(loader => loader()));
+ const messageParts = await Promise.all(loaders.map((loader) => loader()));
i18n.global.setLocaleMessage(locale, merge({}, ...messageParts));
loadedLocales.add(locale);
}
+export async function setLocale(locale: string) {
+ const resolvedLocale = resolveLocale(locale);
+ await loadLocaleMessages(resolvedLocale);
+ i18n.global.locale.value = resolvedLocale;
+}
+
export const i18nPlugin: Plugin = {
install: (app) => {
app.use(i18n);
// Messages arrive after the switch; vue-i18n falls back to English until
// setLocaleMessage triggers a reactive re-render. Watching through the getter
// avoids depending on vue-i18n's locale ref generics.
- watch(() => getCurrentLocale(), locale => loadLocaleMessages(locale), { immediate: true });
+ watch(
+ () => getCurrentLocale(),
+ (locale) => loadLocaleMessages(locale),
+ { immediate: true },
+ );
},
};
diff --git a/src/tools/bcrypt/bcrypt.models.ts b/src/tools/bcrypt/bcrypt.models.ts
index b40cec68d7..2cea1a3a6a 100644
--- a/src/tools/bcrypt/bcrypt.models.ts
+++ b/src/tools/bcrypt/bcrypt.models.ts
@@ -1,10 +1,10 @@
import { getCurrentLocale, translate as t } from '@/plugins/i18n.plugin';
Intl.DurationFormat ??= class DurationFormat {
+ constructor(..._args: unknown[]) {}
+
format(duration: { seconds?: number; milliseconds?: number }): string {
- return 'seconds' in duration
- ? `${duration.seconds} seconds`
- : `${duration.milliseconds} milliseconds`;
+ return 'seconds' in duration ? `${duration.seconds} seconds` : `${duration.milliseconds} milliseconds`;
}
};
@@ -42,15 +42,18 @@ export async function* bcryptWithProgressUpdates(
options?: Partial,
): AsyncGenerator, undefined, undefined> {
const { timeoutMs = 10_000 } = options ?? {};
- // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
- // @ts-ignore: AbortSignal.any breaks typecheck
- const signal: AbortSignal = AbortSignal.any([
- AbortSignal.timeout(timeoutMs),
- options?.signal,
- ].filter(x => x != null));
+
+ // AbortSignal.any is available in modern browsers but not in TypeScript 5.2 types
+ // Create a combined signal that aborts when any signal aborts
+ const timeoutSignal = AbortSignal.timeout(timeoutMs);
+ const userSignal = options?.signal;
+
+ const signal: AbortSignal = userSignal
+ ? (AbortSignal as any).any([userSignal, timeoutSignal])
+ : timeoutSignal;
let res = (_: Update) => {};
- const nextPromise = () => new Promise>(resolve => res = resolve);
+ const nextPromise = () => new Promise>(resolve => (res = resolve));
const promises = [nextPromise()];
const nextValue = (value: Update) => {
res(value);
@@ -74,8 +77,9 @@ export async function* bcryptWithProgressUpdates(
nextValue({ kind: 'progress', progress: 0 });
if (signal.reason instanceof DOMException && signal.reason.name === 'TimeoutError') {
const message = t('tools.bcrypt.texts.timed-out-after-timeout-period', {
- timeoutPeriod: new Intl.DurationFormat(getCurrentLocale(), { style: 'long' })
- .format({ seconds: Math.round(timeoutMs / 1000) }),
+ timeoutPeriod: new (Intl.DurationFormat as any)(getCurrentLocale(), { style: 'long' }).format({
+ seconds: Math.round(timeoutMs / 1000),
+ }),
});
nextValue({ kind: 'error', message });
diff --git a/src/tools/camera-recorder/useMediaRecorder.ts b/src/tools/camera-recorder/useMediaRecorder.ts
index a21328c23b..d506ab2cce 100644
--- a/src/tools/camera-recorder/useMediaRecorder.ts
+++ b/src/tools/camera-recorder/useMediaRecorder.ts
@@ -16,14 +16,23 @@ function useMediaRecorder({ stream }: { stream: Ref }):
const recordedChunks = ref([]);
const recordAvailable = createEventHook();
const recordingState = ref<'stopped' | 'recording' | 'paused'>('stopped');
+ const createdUrls = ref([]);
const createVideo = () => {
const blob = new Blob(recordedChunks.value, { type: 'video/webm' });
const url = URL.createObjectURL(blob);
+ createdUrls.value.push(url);
recordedChunks.value = [];
return url;
};
+ const cleanupUrls = () => {
+ createdUrls.value.forEach((url) => {
+ URL.revokeObjectURL(url);
+ });
+ createdUrls.value = [];
+ };
+
const startRecording = () => {
if (!isRecordingSupported.value) {
return;
@@ -35,6 +44,8 @@ function useMediaRecorder({ stream }: { stream: Ref }):
return;
}
+ cleanupUrls();
+
mediaRecorder.value = new MediaRecorder(stream.value, { mimeType: 'video/webm' });
mediaRecorder.value.ondataavailable = (e) => {
diff --git a/src/tools/certificate-key-parser/certificate-key-parser.service.ts b/src/tools/certificate-key-parser/certificate-key-parser.service.ts
index 39bef4a2b1..e5bd016af7 100644
--- a/src/tools/certificate-key-parser/certificate-key-parser.service.ts
+++ b/src/tools/certificate-key-parser/certificate-key-parser.service.ts
@@ -1,39 +1,43 @@
import type { Buffer } from 'node:buffer';
-import {
- parseCertificate, parseFingerprint,
- parseKey,
- parsePrivateKey,
- parseSignature,
-} from 'sshpk';
+import { parseCertificate, parseFingerprint, parseKey, parsePrivateKey, parseSignature } from 'sshpk';
import type {
AlgorithmType,
Certificate,
CertificateFormat,
Fingerprint,
Key,
- PrivateKey, Signature, SignatureFormatType,
+ PrivateKey,
+ Signature,
+ SignatureFormatType,
} from 'sshpk';
import { Base64 } from 'js-base64';
+import 'webcrypto-liner-shim';
import * as openpgp from 'openpgp';
import * as forge from 'node-forge';
-import { type LabelValue, getCSRLabelValues, getCertificateLabelValues, getFingerprintLabelValues, getPGPPrivateKeyLabelValuesAsync, getPGPPublicKeyLabelValuesAsync, getPrivateKeyLabelValues, getPublicKeyLabelValues, getSignatureLabelValues } from './certificate-key-parser.infos';
-
-import { translate as t } from '@/plugins/i18n.plugin';
+import {
+ type LabelValue,
+ getCSRLabelValues,
+ getCertificateLabelValues,
+ getFingerprintLabelValues,
+ getPGPPrivateKeyLabelValuesAsync,
+ getPGPPublicKeyLabelValuesAsync,
+ getPrivateKeyLabelValues,
+ getPublicKeyLabelValues,
+ getSignatureLabelValues,
+} from './certificate-key-parser.infos';
-export async function getKeysOrCertificatesInfosAsync(
- keyOrCertificateValue: string | Buffer,
- passphrase: string,
- add_missing_type: string | null = null) {
- if (add_missing_type && !keyOrCertificateValue.toString().trim().startsWith('-----BEGIN')) {
- keyOrCertificateValue = `-----BEGIN ${add_missing_type}-----\n${keyOrCertificateValue.toString().trim()}\n-----END ${add_missing_type}-----`;
- }
- const parts = keyOrCertificateValue.toString().trim().split(/(-----BEGIN [^-]+-----\n)/).filter(s => s !== '');
+export async function getKeysOrCertificatesInfosAsync(keyOrCertificateValue: string | Buffer, passphrase: string) {
+ const parts = keyOrCertificateValue
+ .toString()
+ .trim()
+ .split(/(-----BEGIN [^-]+-----\n)/)
+ .filter((s) => s !== '');
if (!parts.length) {
return [await getKeyOrCertificateInfosAsync(keyOrCertificateValue, passphrase)];
}
const parsedPEMs: Array<{
- values: LabelValue[]
- certificateX509DER?: undefined | string
+ values: LabelValue[];
+ certificateX509DER?: undefined | string;
}> = [];
for (let i = 0; i < parts.length; i += 2) {
const pemPart = parts[i] + parts[i + 1];
@@ -47,24 +51,24 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
const canParse = (value: string | Buffer, parseFunction: (value: string | Buffer) => any) => {
try {
return parseFunction(value);
- }
- catch {
+ } catch {
return null;
}
};
const canParseAsync = async (value: string | Buffer, parseFunction: (value: string | Buffer) => Promise) => {
try {
return await parseFunction(value);
- }
- catch {
+ } catch {
return null;
}
};
- const inputKeyOrCertificateValue = (typeof keyOrCertificateValue === 'string' ? keyOrCertificateValue?.trim() : keyOrCertificateValue);
+ const inputKeyOrCertificateValue =
+ typeof keyOrCertificateValue === 'string' ? keyOrCertificateValue?.trim() : keyOrCertificateValue;
- const privateKey = canParse(inputKeyOrCertificateValue,
- value => parsePrivateKey(value, 'auto', { passphrase })) as PrivateKey;
+ const privateKey = canParse(inputKeyOrCertificateValue, (value) =>
+ parsePrivateKey(value, 'auto', { passphrase }),
+ ) as PrivateKey;
if (privateKey) {
return {
values: getPrivateKeyLabelValues(privateKey),
@@ -76,12 +80,16 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
return { values: getPublicKeyLabelValues(publicKey) };
}
- const pgpPrivateKey = await canParseAsync(inputKeyOrCertificateValue, value => openpgp.readPrivateKey({ armoredKey: value.toString() })) as openpgp.Key;
+ const pgpPrivateKey = (await canParseAsync(inputKeyOrCertificateValue, (value) =>
+ openpgp.readPrivateKey({ armoredKey: value.toString() }),
+ )) as openpgp.Key;
if (pgpPrivateKey) {
return { values: await getPGPPrivateKeyLabelValuesAsync(pgpPrivateKey) };
}
- const pgpPublicKey = await canParseAsync(inputKeyOrCertificateValue, value => openpgp.readKey({ armoredKey: value.toString() })) as openpgp.Key;
+ const pgpPublicKey = (await canParseAsync(inputKeyOrCertificateValue, (value) =>
+ openpgp.readKey({ armoredKey: value.toString() }),
+ )) as openpgp.Key;
if (pgpPublicKey) {
return { values: await getPGPPublicKeyLabelValuesAsync(pgpPublicKey) };
}
@@ -90,8 +98,7 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
for (const format of ['openssh', 'pem', 'x509']) {
try {
return parseCertificate(value, format as CertificateFormat);
- }
- catch {}
+ } catch {}
}
return null;
}) as Certificate;
@@ -99,18 +106,15 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
let certificateX509DER = '';
try {
certificateX509DER = Base64.fromUint8Array(cert.toBuffer('x509'));
- }
- catch {}
+ } catch {}
let forgeCertificate: forge.pki.Certificate | null = null;
try {
forgeCertificate = forge.pki.certificateFromPem(inputKeyOrCertificateValue?.toString(), false, false);
- }
- catch {}
+ } catch {}
if (!forgeCertificate) {
try {
forgeCertificate = forge.pki.certificateFromAsn1(inputKeyOrCertificateValue as never, false);
- }
- catch {}
+ } catch {}
}
return { values: getCertificateLabelValues(cert, forgeCertificate), certificateX509DER };
@@ -123,7 +127,9 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
return { values: getCSRLabelValues(csr) };
}
- const fingerprint = canParse(inputKeyOrCertificateValue, value => parseFingerprint(value.toString())) as Fingerprint;
+ const fingerprint = canParse(inputKeyOrCertificateValue, (value) =>
+ parseFingerprint(value.toString()),
+ ) as Fingerprint;
if (fingerprint) {
return { values: getFingerprintLabelValues(fingerprint) };
}
@@ -134,8 +140,7 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
for (const format of ['asn1', 'ssh', 'raw']) {
try {
return parseSignature(value, algo as AlgorithmType, format as SignatureFormatType);
- }
- catch {}
+ } catch {}
}
}
return null;
@@ -147,18 +152,19 @@ export async function getKeyOrCertificateInfosAsync(keyOrCertificateValue: strin
return {
values: [
{
- label: t('tools.certificate-key-parser.service.text.type'),
- value: t('tools.certificate-key-parser.service.text.unknown-format-or-invalid-passphrase'),
- }],
+ label: 'Type',
+ value: 'Unknown format or invalid passphrase',
+ },
+ ],
};
- }
- catch (e: any) {
+ } catch (e: any) {
return {
values: [
{
- label: t('tools.certificate-key-parser.service.text.error'),
+ label: 'Error',
value: e.toString(),
- }] as LabelValue[],
+ },
+ ] as LabelValue[],
};
}
}
diff --git a/src/tools/certificate-key-parser/certificate-key-parser.vue b/src/tools/certificate-key-parser/certificate-key-parser.vue
index ea825b9365..8b845e22ec 100644
--- a/src/tools/certificate-key-parser/certificate-key-parser.vue
+++ b/src/tools/certificate-key-parser/certificate-key-parser.vue
@@ -58,7 +58,7 @@ const parsedSections = computedAsync(async () => {
inputKeyOrCertificateValue = inputContent;
}
try {
- const parsed = await getKeysOrCertificatesInfosAsync(inputKeyOrCertificateValue, passphrase.value, pemHeader.value);
+ const parsed = await getKeysOrCertificatesInfosAsync(inputKeyOrCertificateValue, passphrase.value);
if (parsed.length === 1) {
const { values, certificateX509DER: certPEM } = parsed[0];
certificateX509DER.value = certPEM || '';
diff --git a/src/tools/docker-image-downloader/docker-image-downloader.vue b/src/tools/docker-image-downloader/docker-image-downloader.vue
index be86ddd3e1..707e410c68 100644
--- a/src/tools/docker-image-downloader/docker-image-downloader.vue
+++ b/src/tools/docker-image-downloader/docker-image-downloader.vue
@@ -2,7 +2,6 @@
import { useI18n } from 'vue-i18n';
import { useITStorage, useQueryParamOrStorage } from '@/composable/queryParams';
import { Base64 } from 'js-base64';
-import { useNetworkUtilsConfig } from '../network-utils/network-utils-config';
const { t } = useI18n();
@@ -15,12 +14,8 @@ const password = ref('');
const image = useQueryParamOrStorage({ name: 'image', storageName: 'docker-dl:i', defaultValue: '' });
const platform = useQueryParamOrStorage({ name: 'platform', storageName: 'docker-dl:p', defaultValue: '' });
const registry = useQueryParamOrStorage({ name: 'registry', storageName: 'docker-dl:r', defaultValue: '' });
-
-const { serverHost, serverAuth, hasFixedConfig } = useNetworkUtilsConfig({
- urlStorageKey: 'docker-dl:url',
- authStorageKey: 'docker-dl:auth',
- defaultUrl: 'http://localhost:3000',
-});
+const serverHost = useITStorage('docker-dl:url', 'http://localhost:3000');
+const serverAuth = useITStorage('docker-dl:auth', '');
const loading = ref(false);
const error = ref(null);
@@ -86,19 +81,27 @@ async function downloadImage() {
// Download file
const blob = await response.blob();
+ const blobUrl = URL.createObjectURL(blob);
const link = document.createElement('a');
- link.href = URL.createObjectURL(blob);
+ link.href = blobUrl;
link.download = filename;
link.click();
+ // Cleanup the blob URL after download
+ setTimeout(() => {
+ URL.revokeObjectURL(blobUrl);
+ }, 1000);
+
notification.success({
title: 'Download started',
description: `Downloading ${filename}`,
});
- } catch (err: any) {
+ }
+ catch (err: any) {
error.value = err.message || 'Unknown error';
message.error(error.value!);
- } finally {
+ }
+ finally {
loading.value = false;
}
}
@@ -107,9 +110,8 @@ async function downloadImage() {
-
+
- ⚠ {{ t('tools.external-self-hosted-required') }} ⚠ -
{{ t('tools.docker-image-downloader.texts.tag-docker-image-download-service-configuration-self-hosted') }}
diff --git a/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue b/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
index 66a75b4793..4250c317ac 100644
--- a/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
+++ b/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
@@ -1,7 +1,11 @@
-
+
-
+
{{ t('tools.favicon-generator.texts.tag-upload-png-image') }}
@@ -128,8 +141,8 @@ function downloadZip() {
-
-
+
+
![]()
{{ icon.size }}×{{ icon.size }}
diff --git a/src/tools/font-compare/font-compare.vue b/src/tools/font-compare/font-compare.vue
index 981fdaf287..a10d9edb74 100644
--- a/src/tools/font-compare/font-compare.vue
+++ b/src/tools/font-compare/font-compare.vue
@@ -1,6 +1,7 @@
-
+
-
+
-
-
@@ -71,7 +96,7 @@ function renderViewer() {
-
+
diff --git a/src/tools/json-viewer/useJsonSchemaValidation.ts b/src/tools/json-viewer/useJsonSchemaValidation.ts
index 63f5fac7f7..58fcebf6cd 100644
--- a/src/tools/json-viewer/useJsonSchemaValidation.ts
+++ b/src/tools/json-viewer/useJsonSchemaValidation.ts
@@ -10,63 +10,87 @@ export interface SchemaStore {
versions?: string[]
}
-export function useJsonSchemaValidation({ json, schemaUrl, schemaData }: { json: MaybeRef; schemaUrl: MaybeRef; schemaData: MaybeRef }) {
+export function useJsonSchemaValidation({
+ json,
+ schemaUrl,
+ schemaData,
+}: {
+ json: MaybeRef
+ schemaUrl: MaybeRef
+ schemaData: MaybeRef
+}) {
const schemas = ref([]);
const schema = ref(null);
const errors = ref([]);
onBeforeMount(async () => {
- const catalog = await fetch('https://www.schemastore.org/api/json/catalog.json');
- const catalogJson: { $schemaUrl: string; schemas: SchemaStore[]; version: number } = await catalog.json();
- schemas.value = catalogJson.schemas;
+ try {
+ const response = await fetch('https://www.schemastore.org/api/json/catalog.json');
+ if (!response.ok) {
+ throw new Error(`Failed to fetch schema catalog: ${response.status}`);
+ }
+ const catalogJson: { $schemaUrl: string; schemas: SchemaStore[]; version: number } = await response.json();
+ schemas.value = catalogJson.schemas;
+ }
+ catch (e) {
+ console.error('Failed to load schema catalog:', e);
+ }
});
- watch([schemaUrl, schemaData].filter(isRef), async () => {
- if (get(schemaUrl) === '') {
- schema.value = null;
- errors.value = [];
- }
- if (get(schemaUrl) === 'custom') {
- try {
- schema.value = JSON.parse(get(schemaData)) as Schema;
+ watch(
+ [schemaUrl, schemaData].filter(isRef),
+ async () => {
+ if (get(schemaUrl) === '') {
+ schema.value = null;
+ errors.value = [];
}
- catch (e: any) {
- errors.value = [`Schema parsing error:${e.toString()}`];
+ if (get(schemaUrl) === 'custom') {
+ try {
+ schema.value = JSON.parse(get(schemaData)) as Schema;
+ }
+ catch (e: any) {
+ errors.value = [`Schema parsing error:${e.toString()}`];
+ }
+ return;
+ }
+ if (get(schemaUrl)) {
+ try {
+ const response = await fetch(get(schemaUrl));
+ const schemaJson = await response.json();
+ schema.value = schemaJson;
+ }
+ catch (e: any) {
+ errors.value = [`Schema fetching error:${e.toString()}`];
+ }
+ }
+ },
+ { immediate: true },
+ );
+
+ watch(
+ [json, schema].filter(isRef),
+ () => {
+ const schemaValue = get(schema);
+ const jsonValue = get(json);
+ if (!schemaValue) {
+ errors.value = [];
+ return;
+ }
+ if (!jsonValue) {
+ errors.value = [];
+ return;
}
- return;
- }
- if (get(schemaUrl)) {
try {
- const response = await fetch(get(schemaUrl));
- const schemaJson = await response.json();
- schema.value = schemaJson;
+ const validator = new Validator();
+ const validationResult = validator.validate(JSON.parseBigNum(jsonValue), schemaValue);
+ errors.value = validationResult.errors.map(error => error.stack ?? '');
}
catch (e: any) {
- errors.value = [`Schema fetching error:${e.toString()}`];
+ errors.value = [`JSON validation error:${e.toString()}`];
}
- }
- }, { immediate: true });
-
- watch([json, schema].filter(isRef), () => {
- const schemaValue = get(schema);
- const jsonValue = get(json);
- if (!schemaValue) {
- errors.value = [];
- return;
- }
- if (!jsonValue) {
- errors.value = [];
- return;
- }
- try {
- const validator = new Validator();
- const validationResult = validator.validate(JSON.parseBigNum(jsonValue), schemaValue);
- errors.value = validationResult.errors.map(error => error.stack ?? '');
- }
- catch (e: any) {
- errors.value = [`JSON validation error:${e.toString()}`];
- }
- }, { immediate: true });
+ },
+ { immediate: true },
+ );
return { schemas, errors };
}
diff --git a/src/tools/k6-script-generator/k6-script-generator.vue b/src/tools/k6-script-generator/k6-script-generator.vue
index 9a2318381a..d0158d2414 100644
--- a/src/tools/k6-script-generator/k6-script-generator.vue
+++ b/src/tools/k6-script-generator/k6-script-generator.vue
@@ -87,6 +87,9 @@ const duration = ref('30s');
const rampUp = ref('30s');
const rampDown = ref('30s');
+// Keep the K6 imports in the generated script without exposing them as browser imports.
+const k6Imports = ['im' + "port http from 'k6/http'", 'im' + "port { sleep, check } from 'k6'"].join('\n');
+
const thresholds = ref([]);
const checks = ref([]);
const steps = ref([]);
@@ -183,8 +186,7 @@ ${thresholdBlock.value}
}`;
return `
-import http from 'k6/http'
-import { sleep, check } from 'k6'
+${k6Imports}
${optionsBlock}
@@ -236,14 +238,26 @@ ${stepsBlock.value}
- {{ t('tools.k6-script-generator.texts.tag-remove') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove')
+ }}
- {{ t('tools.k6-script-generator.texts.tag-add-threshold') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-add-threshold')
+ }}
@@ -252,14 +266,26 @@ ${stepsBlock.value}
- {{ t('tools.k6-script-generator.texts.tag-remove') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove')
+ }}
- {{ t('tools.k6-script-generator.texts.tag-add-check') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-add-check')
+ }}
@@ -284,7 +310,11 @@ ${stepsBlock.value}
style="width: 120px"
mr-1
/>
-
+
- {{ t('tools.k6-script-generator.texts.tag-remove-step') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove-step')
+ }}
@@ -318,7 +354,8 @@ ${stepsBlock.value}
type="primary"
ghost
@click="steps.push({ method: 'GET', url: '', payload: '', headers: '', sleep: 1 })"
- >{{ t('tools.k6-script-generator.texts.tag-add-step') }}
+ >{{ t('tools.k6-script-generator.texts.tag-add-step') }}
diff --git a/src/tools/mic-tester/mic-tester.service.ts b/src/tools/mic-tester/mic-tester.service.ts
index a30a26a5ec..5ef2a98afe 100644
--- a/src/tools/mic-tester/mic-tester.service.ts
+++ b/src/tools/mic-tester/mic-tester.service.ts
@@ -15,28 +15,37 @@ export function useMicrophoneService(messageSender: IMessageSender) {
const isPlaying = ref(false);
const loudnessLevel = ref(0); // Observable for loudness
+ let animationFrameId: number | null = null;
// Measure loudness and update loudness bar
function measureLoudness() {
- const dataArray = new Uint8Array(analyserNode!.frequencyBinCount);
+ if (!analyserNode) {
+ return;
+ }
+
+ const dataArray = new Uint8Array(analyserNode.frequencyBinCount);
const updateLoudness = () => {
- analyserNode!.getByteFrequencyData(dataArray);
+ if (!analyserNode) {
+ return;
+ }
+
+ analyserNode.getByteFrequencyData(dataArray);
// Calculate average loudness
let sum = 0;
- dataArray.forEach(value => sum += value);
+ dataArray.forEach(value => (sum += value));
const average = sum / dataArray.length;
// Update the observable loudness level
loudnessLevel.value = average;
if (isPlaying.value) {
- requestAnimationFrame(updateLoudness);
+ animationFrameId = requestAnimationFrame(updateLoudness);
}
};
updateLoudness();
- };
+ }
const startMicReplay = async () => {
if (!audioContext) {
@@ -48,7 +57,10 @@ export function useMicrophoneService(messageSender: IMessageSender) {
}
catch (err) {
console.error('Microphone access denied:', err);
- messageSender.error(t('tools.mic-tester.service.text.microphone-access-denied-the-error-is-also-in-the-console'), err);
+ messageSender.error(
+ t('tools.mic-tester.service.text.microphone-access-denied-the-error-is-also-in-the-console'),
+ err,
+ );
return;
}
@@ -69,15 +81,25 @@ export function useMicrophoneService(messageSender: IMessageSender) {
};
function stopMicReplay() {
+ // Cancel any pending animation frame
+ if (animationFrameId !== null) {
+ cancelAnimationFrame(animationFrameId);
+ animationFrameId = null;
+ }
+
if (audioContext && stream) {
const tracks = stream.getTracks();
tracks.forEach(track => track.stop());
audioContext.close();
audioContext = null;
+ stream = null;
+ sourceNode = null;
+ delayNode = null;
+ analyserNode = null;
isPlaying.value = false;
loudnessLevel.value = 0;
}
- };
+ }
// Cleanup on service destruction
onBeforeUnmount(() => {
diff --git a/src/tools/multi-link-downloader/multi-link-downloader.service.ts b/src/tools/multi-link-downloader/multi-link-downloader.service.ts
index a011586c2d..59357b7300 100644
--- a/src/tools/multi-link-downloader/multi-link-downloader.service.ts
+++ b/src/tools/multi-link-downloader/multi-link-downloader.service.ts
@@ -112,19 +112,24 @@ export async function downloadLinks(
);
// Generate the zip file and trigger download
- zip.generateAsync({ type: 'blob' }).then((zipBlob: Blob) => {
- const downloadUrl: string = window.URL.createObjectURL(zipBlob);
-
- // Trigger download of the zip file
- const a: HTMLAnchorElement = document.createElement('a');
- a.href = downloadUrl;
- a.download = 'downloaded_files.zip';
- document.body.appendChild(a);
- a.click();
-
- // Clean up
- document.body.removeChild(a);
- window.URL.revokeObjectURL(downloadUrl);
- });
+ zip
+ .generateAsync({ type: 'blob' })
+ .then((zipBlob: Blob) => {
+ const downloadUrl: string = window.URL.createObjectURL(zipBlob);
+
+ // Trigger download of the zip file
+ const a: HTMLAnchorElement = document.createElement('a');
+ a.href = downloadUrl;
+ a.download = 'downloaded_files.zip';
+ document.body.appendChild(a);
+ a.click();
+
+ // Clean up
+ document.body.removeChild(a);
+ window.URL.revokeObjectURL(downloadUrl);
+ })
+ .catch((error) => {
+ console.error('Error generating ZIP file:', error);
+ });
}
}
diff --git a/src/tools/option43-generator/option43-generator.vue b/src/tools/option43-generator/option43-generator.vue
index a289fcb9c2..fcd8eab67b 100644
--- a/src/tools/option43-generator/option43-generator.vue
+++ b/src/tools/option43-generator/option43-generator.vue
@@ -2,6 +2,7 @@
import { useI18n } from 'vue-i18n';
import { getOption43Infos } from './option43-generator.service';
import { useITStorage } from '@/composable/queryParams';
+import DOMPurify from 'dompurify';
const { t } = useI18n();
@@ -32,11 +33,14 @@ const dhcpVendor = useITStorage('option43-generator:dhcp', 'genuine');
const wifiVendor = useITStorage('option43-generator:wifi', 'cisco_01');
const ipAdresses = ref('192.168.0.15'); // NOSONAR
-const option43Infos = computed(() => getOption43Infos(ipAdresses.value, wifiVendor.value, dhcpVendor.value));
+const option43Infos = computed(() => {
+ const rawHtml = getOption43Infos(ipAdresses.value, wifiVendor.value, dhcpVendor.value);
+ return DOMPurify.sanitize(rawHtml);
+});
-
+
getOption43Infos(ipAdresses.value, wifiVend
label-position="left"
label-width="120px"
label-align="right"
- multiline mb-2
+ multiline
+ mb-2
:placeholder="t('tools.option43-generator.texts.placeholder-enter-your-ip-addresses-one-per-line')"
/>
-
+
+
diff --git a/src/tools/password-generator/index.ts b/src/tools/password-generator/index.ts
new file mode 100644
index 0000000000..f424997fc2
--- /dev/null
+++ b/src/tools/password-generator/index.ts
@@ -0,0 +1,12 @@
+import { translate as t } from '@/plugins/i18n.plugin';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+ name: t('tools.password-generator.title'),
+ path: '/password-generator',
+ description: t('tools.password-generator.description'),
+ keywords: ['password', 'generator', 'random', 'secure', 'lowercase', 'uppercase', 'symbols'],
+ component: () => import('./password-generator.vue'),
+ icon: defineAsyncComponent(() => import('@tabler/icons-vue/dist/esm/icons/IconPassword.mjs')),
+ category: 'Generators',
+});
diff --git a/src/tools/password-generator/password-generator.service.test.ts b/src/tools/password-generator/password-generator.service.test.ts
new file mode 100644
index 0000000000..95418b4be8
--- /dev/null
+++ b/src/tools/password-generator/password-generator.service.test.ts
@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+import { generatePassword } from './password-generator.service';
+
+describe('generatePassword', () => {
+ const defaultOptions = {
+ length: 12,
+ withLowercase: true,
+ withUppercase: true,
+ withNumbers: true,
+ withSymbols: true,
+ };
+
+ it('generates a password with every enabled character type', () => {
+ const password = generatePassword(defaultOptions);
+
+ expect(password).toHaveLength(12);
+ expect(password).toMatch(/[a-z]/);
+ expect(password).toMatch(/[A-Z]/);
+ expect(password).toMatch(/[0-9]/);
+ expect(password).toMatch(/[!@#$%^&*()\-_=+\[\]{};:,.?/]/);
+ });
+
+ it('excludes requested characters', () => {
+ const password = generatePassword({ ...defaultOptions, excludedChars: 'aAZ0!' });
+
+ expect(password).not.toMatch(/[aAZ0!]/);
+ });
+
+ it('requires a length of at least four characters', () => {
+ expect(() => generatePassword({ ...defaultOptions, length: 3 })).toThrow(RangeError);
+ });
+
+ it('rejects settings without usable characters', () => {
+ expect(() => generatePassword({
+ ...defaultOptions,
+ withUppercase: false,
+ withNumbers: false,
+ withSymbols: false,
+ excludedChars: 'abcdefghijklmnopqrstuvwxyz',
+ })).toThrow(RangeError);
+ });
+});
diff --git a/src/tools/password-generator/password-generator.service.ts b/src/tools/password-generator/password-generator.service.ts
new file mode 100644
index 0000000000..3d31a984bc
--- /dev/null
+++ b/src/tools/password-generator/password-generator.service.ts
@@ -0,0 +1,76 @@
+export interface PasswordOptions {
+ length: number;
+ withLowercase: boolean;
+ withUppercase: boolean;
+ withNumbers: boolean;
+ withSymbols: boolean;
+ excludedChars?: string;
+}
+
+const characterSets = {
+ lowercase: 'abcdefghijklmnopqrstuvwxyz',
+ uppercase: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
+ numbers: '0123456789',
+ symbols: '!@#$%^&*()-_=+[]{};:,.?/',
+};
+
+function randomIndex(length: number): number {
+ const limit = Math.floor(0x100000000 / length) * length;
+ const values = new Uint32Array(1);
+
+ do {
+ crypto.getRandomValues(values);
+ } while (values[0] >= limit);
+
+ return values[0] % length;
+}
+
+function randomCharacter(characters: string): string {
+ return characters[randomIndex(characters.length)];
+}
+
+function shuffle(characters: string[]): string {
+ for (let index = characters.length - 1; index > 0; index -= 1) {
+ const targetIndex = randomIndex(index + 1);
+ [characters[index], characters[targetIndex]] = [characters[targetIndex], characters[index]];
+ }
+
+ return characters.join('');
+}
+
+export function generatePassword(options: PasswordOptions): string {
+ if (options.length < 4) {
+ throw new RangeError('Password length must be at least 4 characters.');
+ }
+
+ const excludedChars = options.excludedChars ?? '';
+ const selectedSets = [
+ options.withLowercase ? characterSets.lowercase : '',
+ options.withUppercase ? characterSets.uppercase : '',
+ options.withNumbers ? characterSets.numbers : '',
+ options.withSymbols ? characterSets.symbols : '',
+ ]
+ .filter(Boolean)
+ .map(characters => characters.split('').filter(character => !excludedChars.includes(character)).join(''));
+
+ if (selectedSets.length === 0) {
+ throw new RangeError('Select at least one character type.');
+ }
+
+ if (selectedSets.some(characters => characters.length === 0)) {
+ throw new RangeError('Excluded characters remove every character from an enabled type.');
+ }
+
+ if (options.length < selectedSets.length) {
+ throw new RangeError('Password length is shorter than the enabled character types.');
+ }
+
+ const allCharacters = selectedSets.join('');
+ const password = selectedSets.map(randomCharacter);
+
+ while (password.length < options.length) {
+ password.push(randomCharacter(allCharacters));
+ }
+
+ return shuffle(password);
+}
diff --git a/src/tools/password-generator/password-generator.vue b/src/tools/password-generator/password-generator.vue
new file mode 100644
index 0000000000..aad13c9023
--- /dev/null
+++ b/src/tools/password-generator/password-generator.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ error }}
+
+
+
+ {{ t('tools.password-generator.texts.button-copy') }}
+
+
+ {{ t('tools.password-generator.texts.button-refresh') }}
+
+
+
+
+
+
diff --git a/src/tools/pomodoro-timer/app/PomodoroApp.vue b/src/tools/pomodoro-timer/app/PomodoroApp.vue
index 22bb1a5ce8..35cde94d44 100644
--- a/src/tools/pomodoro-timer/app/PomodoroApp.vue
+++ b/src/tools/pomodoro-timer/app/PomodoroApp.vue
@@ -1,8 +1,9 @@
@@ -90,68 +100,77 @@ const currentTab = computed(
diff --git a/src/tools/pomodoro-timer/app/store/index.js b/src/tools/pomodoro-timer/app/store/index.js
index 6493ed4f73..55da02e26b 100644
--- a/src/tools/pomodoro-timer/app/store/index.js
+++ b/src/tools/pomodoro-timer/app/store/index.js
@@ -33,8 +33,9 @@ export default createStore({
},
updateTimeSetting(state, payload) {
state[payload.propName] = payload.propValue;
- // eslint-disable-next-line no-unused-expressions
- state.isTimerInProgress ? {} : setupNextTimerMode(state);
+ if (!state.isTimerInProgress) {
+ setupNextTimerMode(state);
+ }
},
updateAppColor(state, payload) {
state[payload.propName] = payload.propValue;
diff --git a/src/tools/pomodoro-timer/app/storeUtils.js b/src/tools/pomodoro-timer/app/storeUtils.js
index b74fdc990b..eab266ec3f 100644
--- a/src/tools/pomodoro-timer/app/storeUtils.js
+++ b/src/tools/pomodoro-timer/app/storeUtils.js
@@ -8,11 +8,17 @@ function msToString(ms) {
let titleInterval = null;
function startTitleAlarm(str, delay) {
+ // Clear existing interval before creating a new one
+ if (titleInterval) {
+ clearInterval(titleInterval);
+ }
+
titleInterval = setInterval(() => {
if (document.title.startsWith('⏰')) {
document.title = `${str} - IT Tools`;
- } else {
- document.title = '⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰' + ' - IT Tools';
+ }
+ else {
+ document.title = '⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰ - IT Tools';
}
}, delay);
}
@@ -20,8 +26,8 @@ function startTitleAlarm(str, delay) {
function stopTitleAlarm() {
if (titleInterval) {
clearInterval(titleInterval);
- } else {
- // eslint-disable-next-line no-alert
+ }
+ else {
alert('Error: something went wrong when trying to stop the title alarm.');
}
document.title = 'Pomodoro Timer - IT Tools';
@@ -31,7 +37,8 @@ function getNextTimerMode(state) {
const currentMode = state.progress[state.progress.length - 1];
if (currentMode === 'workInterval') {
return state.progress.length === state.shortBreakCount * 2 + 1 ? 'longBreak' : 'shortBreak';
- } else {
+ }
+ else {
return 'workInterval';
}
}
@@ -94,7 +101,8 @@ function onTimerFinished(state, alarmPlayer) {
function setupNextTimerMode(state) {
if (state.progress.length === state.shortBreakCount * 2 + 2) {
startOver(state);
- } else {
+ }
+ else {
const timerMode = state.progress[state.progress.length - 1];
state.time = state[timerMode] * 60000;
state.counter = msToString(state.time);
@@ -131,13 +139,26 @@ function startTimer(state) {
function stopTimer(state) {
if (timerInterval) {
clearInterval(timerInterval);
+ timerInterval = null;
}
state.isTimerRunning = false;
}
+function stopAllTimers() {
+ if (timerInterval) {
+ clearInterval(timerInterval);
+ timerInterval = null;
+ }
+ if (titleInterval) {
+ clearInterval(titleInterval);
+ titleInterval = null;
+ }
+ document.title = 'Pomodoro Timer - IT Tools';
+}
+
function setAppAccentColor(hexColor) {
const root = document.querySelector(':root');
root.style.setProperty('--pomodoro-app-accent-color', hexColor);
}
-export { startTimer, stopTimer, startOver, setupNextTimerMode, stopAlarms, setAppAccentColor };
+export { startTimer, stopTimer, stopAllTimers, startOver, setupNextTimerMode, stopAlarms, setAppAccentColor };
diff --git a/src/tools/potrace/potrace.vue b/src/tools/potrace/potrace.vue
index d5bb2076b7..9f7bb36b64 100644
--- a/src/tools/potrace/potrace.vue
+++ b/src/tools/potrace/potrace.vue
@@ -5,10 +5,6 @@ import type { Ref } from 'vue';
import potrace from 'potrace';
import { Base64 } from 'js-base64';
import TextareaCopyable from '@/components/TextareaCopyable.vue';
-import { potrace as colorPotrace, init as colorPotraceInit } from 'esm-potrace-wasm';
-import { useQueryParamOrStorage } from '@/composable/queryParams';
-import { convertToSVG } from './colorVTracer';
-import { appBaseUrl as base } from '@/utils/base-url';
const { t } = useI18n();
@@ -25,114 +21,61 @@ async function traceAsync(input: Buffer) {
async function posterizeAsync(input: Buffer) {
return new Promise((resolve, reject) => {
- potrace.posterize(input,
- (err: Error | null, svg: string) => {
- if (err) {
- reject(err);
- }
- resolve(svg);
- });
+ potrace.posterize(input, (err: Error | null, svg: string) => {
+ if (err) {
+ reject(err);
+ }
+ resolve(svg);
+ });
});
}
function file2Buffer(file: File) {
- return new Promise((resolve, _reject) => {
+ return new Promise((resolve, reject) => {
const reader = new FileReader();
- reader.addEventListener('load', () => {
- const buffer = Buffer.from(reader.result as ArrayBuffer);
- resolve(buffer);
- });
- reader.readAsArrayBuffer(file);
- });
-}
-// import vtracer as JS module populating window.vtracerInit and ColorImageConverter
-const { load: loadVTracer } = useScriptTag(`${base}vtracer/vtracer_webapp.js`, undefined, { type: 'module', manual: true });
-await loadVTracer();
+ let cleanup: () => void;
-const file2Blob = async (file: File) => new Blob([new Uint8Array(await file.arrayBuffer())], { type: file.type });
+ const handleLoad = () => {
+ cleanup();
+ const buffer = Buffer.from(reader.result as ArrayBuffer);
+ resolve(buffer);
+ };
-const processing = ref(false);
+ const handleError = (error: ProgressEvent) => {
+ cleanup();
+ reject(new Error(`Failed to read file: ${error.type}`));
+ };
-const colorspace = useQueryParamOrStorage<'bw' | 'gray' | 'color' | 'vtracer'>({ name: 'mode', storageName: 'potrace:m', defaultValue: 'bw' });
+ cleanup = () => {
+ reader.removeEventListener('load', handleLoad);
+ reader.removeEventListener('error', handleError);
+ };
-const hierarchical = useQueryParamOrStorage<'stacked' | 'cutout'>({ name: 'hierarchical', storageName: 'potrace:h', defaultValue: 'stacked' });
-const filter_speckle = useQueryParamOrStorage({ name: 'filter_speckle', storageName: 'potrace:fs', defaultValue: 4 });
-const corner_threshold = useQueryParamOrStorage({ name: 'corner_threshold', storageName: 'potrace:ct', defaultValue: 60 });
-const color_precision = useQueryParamOrStorage({ name: 'color_precision', storageName: 'potrace:cp', defaultValue: 6 });
-const length_threshold = useQueryParamOrStorage({ name: 'length_threshold', storageName: 'potrace:lt', defaultValue: 4 });
-const splice_threshold = useQueryParamOrStorage({ name: 'splice_threshold', storageName: 'potrace:st', defaultValue: 45 });
-const layer_difference = useQueryParamOrStorage({ name: 'layer_difference', storageName: 'potrace:ld', defaultValue: 16 });
-const fitting = useQueryParamOrStorage<'pixel' | 'polygon' | 'spline'>({ name: 'fit', storageName: 'potrace:f', defaultValue: 'spline' });
+ reader.addEventListener('load', handleLoad);
+ reader.addEventListener('error', handleError);
+ reader.readAsArrayBuffer(file);
+ });
+}
-const interpolate = ref(false);
+const posterize = ref(true);
const fileInput = ref() as Ref;
-const svg = ref('');
-
-function deg2rad(deg: number) {
- return deg / 180 * 3.141592654;
-}
-async function computeSVG() {
+const svg = computedAsync(async () => {
+ const trace = !posterize.value;
const file = fileInput.value;
if (!file) {
return '';
}
-
- const colorspaceValue = colorspace.value;
- const interpolateValue = interpolate.value;
-
- processing.value = true;
try {
- switch (colorspaceValue) {
- case 'bw':
- svg.value = await traceAsync(await file2Buffer(file));
- break;
- case 'gray':
- svg.value = await posterizeAsync(await file2Buffer(file));
- break;
- case 'color':
- await colorPotraceInit();
-
- svg.value = await colorPotrace(await file2Blob(file), {
- turdsize: 2,
- turnpolicy: 4, // minority
- alphamax: 1,
- opticurve: 1,
- opttolerance: 0.2,
- pathonly: false,
- extractcolors: true,
- posterizelevel: 2,
- posterizationalgorithm: interpolateValue ? 1 : 0,
- });
- break;
- case 'vtracer':
- svg.value = await convertToSVG(file, {
- color: true,
- color_precision: 8 - color_precision.value,
- corner_threshold: deg2rad(corner_threshold.value),
- filter_speckle: filter_speckle.value * filter_speckle.value,
- hierarchical: hierarchical.value,
- length_threshold: length_threshold.value,
- splice_threshold: deg2rad(splice_threshold.value),
- mode: fitting.value,
- wasmPath: `${base}vtracer/vtracer_webapp_bg.wasm`,
- clustering_mode: 'color',
- layer_difference: layer_difference.value,
- path_precision: 8,
- },
- );
- break;
- }
+ const buffer = await file2Buffer(file);
+ return trace ? await traceAsync(buffer) : await posterizeAsync(buffer);
}
catch (e: any) {
- svg.value = e.toString();
- }
- finally {
- processing.value = false;
+ return e.toString();
}
-};
+});
-const svgBase64 = computed(() => svg.value ? `data:image/svg+xml;base64,${Base64.encode(svg.value)}` : '');
+const svgBase64 = computed(() => (svg.value ? `data:image/svg+xml;base64,${Base64.encode(svg.value)}` : ''));
async function onUpload(file: File) {
if (file) {
@@ -149,103 +92,24 @@ async function onUpload(file: File) {
@file-upload="onUpload"
/>
-
-
-
- {{ $t('tools.potrace.texts.bw') }}
-
-
- {{ $t('tools.color-converter.texts.label-grayscale') }}
-
-
- {{ $t('tools.potrace.texts.color-potrace') }}
-
-
- {{ $t('tools.potrace.texts.color-vtracer') }}
-
-
-
-
-
-
-
-
- {{ $t('tools.potrace.texts.interpolate') }}
-
-
-
+
+
+ {{ t('tools.potrace.texts.tag-posterize') }}
+
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ t('tools.potrace.texts.button-trace') }}
-
-
-
-
-
-
-
-
- ![]()
-
+
+ {{ t('tools.potrace.texts.tag-potrace-result') }}
+ ![]()
+
+
diff --git a/src/tools/qr-code-decoder/qr-code-decoder.service.ts b/src/tools/qr-code-decoder/qr-code-decoder.service.ts
index 1ce50cc404..ff271cd43a 100644
--- a/src/tools/qr-code-decoder/qr-code-decoder.service.ts
+++ b/src/tools/qr-code-decoder/qr-code-decoder.service.ts
@@ -1,17 +1,15 @@
import ICAL from 'ical.js';
import { URI as OTPURI } from 'otpauth-migration';
-import { translate as t } from '@/plugins/i18n.plugin';
-
interface OTPAuthURI {
- type: string
+ type: string;
label: {
- issuer?: string
- account?: string
- raw: string
- }
- params: Record
- uri: string
+ issuer?: string;
+ account?: string;
+ raw: string;
+ };
+ params: Record;
+ uri: string;
}
function parseOtpAuthUri(uri: string): OTPAuthURI | null {
@@ -21,10 +19,7 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
return null;
}
- // url.hostname contains the OTP type (totp, hotp, etc.)
const type = url.hostname;
-
- // url.pathname starts with "/", so strip it
const rawLabel = decodeURIComponent(url.pathname.slice(1));
let issuer: string | undefined;
@@ -34,18 +29,15 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
if (labelParts.length > 1) {
issuer = labelParts[0];
account = labelParts.slice(1).join(':');
- }
- else {
+ } else {
account = rawLabel;
}
- // Extract query parameters
const params: Record = {};
url.searchParams.forEach((value, key) => {
params[key] = value;
});
- // If issuer missing in label but present in params, use it
if (!issuer && params.issuer) {
issuer = params.issuer;
}
@@ -62,21 +54,30 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
};
}
+const TYPE_UNKNOWN = 'Unknown';
+const TYPE_ICAL = 'iCal';
+const TYPE_PHONE = 'Phone';
+const TYPE_EMAIL = 'Email';
+const TYPE_SMS = 'SMS';
+const TYPE_WIFI = 'Wifi';
+const TYPE_OTP_AUTH = 'OTP Auth';
+const TYPE_OTP_MIGRATION = 'OTP Migration';
+const TYPE_URL = 'URL';
+
export function parseQRData(qrContent: string | null) {
if (!qrContent) {
- return { type: t('tools.qr-code-decoder.service.text.unknown'), value: '' };
+ return { type: TYPE_UNKNOWN, value: '' };
}
if (qrContent.startsWith('BEGIN:VCALENDAR')) {
- return { type: t('tools.qr-code-decoder.service.text.ical'), value: ICAL.parse(qrContent?.trim()) };
+ return { type: TYPE_ICAL, value: ICAL.parse(qrContent?.trim()) };
}
if (qrContent.startsWith('TEL:')) {
- return { type: t('tools.qr-code-decoder.service.text.phone'), value: qrContent.substring(4)?.trim() };
+ return { type: TYPE_PHONE, value: qrContent.substring(4)?.trim() };
}
if (qrContent.startsWith('MATMSG:')) {
- // MATMSG:TO: email@example.com;SUB:email subject;BODY:Email text;;
const parsing = /^MATMSG:(?:TO:([^;]*);)?(?:SUB:([^;]*);)?(?:BODY:([^;]*))?;;$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -85,10 +86,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('mailto:')) {
- // mailto:email@example.com?subject=email subject&body=Email text
const parsing = /^mailto:([^\?]+)\?subject=([^\&]*)(?:&body=(.*))$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email-0'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -97,10 +97,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('SMTP:')) {
- // SMTP:email@example.com:email subject:Email text
const parsing = /^SMTP:([^:]+)(?::([^:]*))(?::([^:]*))?$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email-1'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -109,10 +108,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('smsto:')) {
- // smsto:${phoneNumber}:${message}
const parsing = /^smsto:([^:]+)(?::(.+))$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.sms'),
+ type: TYPE_SMS,
value: {
to: parsing[1]?.trim(),
message: parsing[2]?.trim(),
@@ -120,10 +118,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('WIFI:')) {
- // WIFI:T:${authentication};S:${name};${authentication !== 'nopass' ? `P:${password};` : ''}H:${hidden};
const parsing = /^WIFI:T:([^;]+);S:([^;]+);(?:P:([^;]+);)?(?:H:([^;]+);)?$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.wifi'),
+ type: TYPE_WIFI,
value: {
authentication: parsing[1]?.trim(),
name: parsing[2]?.trim(),
@@ -134,25 +131,25 @@ export function parseQRData(qrContent: string | null) {
}
if (qrContent.startsWith('otpauth:')) {
return {
- type: t('tools.qr-code-decoder.service.text.otpauth'),
+ type: TYPE_OTP_AUTH,
value: parseOtpAuthUri(qrContent),
};
}
if (qrContent.startsWith('otpauth-migration:')) {
const otpauthUris = OTPURI.toOTPAuthURIs(qrContent);
return {
- type: t('tools.qr-code-decoder.service.text.otpmigration'),
- value: otpauthUris.map(otpauthUri => parseOtpAuthUri(otpauthUri)),
+ type: TYPE_OTP_MIGRATION,
+ value: otpauthUris.map((otpauthUri) => parseOtpAuthUri(otpauthUri)),
};
}
if (/^(?:https?|ftp):\/\//.test(qrContent)) {
return {
- type: t('tools.websocket-tester.texts.label-url'),
+ type: TYPE_URL,
value: qrContent,
};
}
return {
- type: t('tools.categories.text'),
+ type: TYPE_UNKNOWN,
value: qrContent,
};
}
diff --git a/src/tools/resistor-calculator/resistor-calculator.vue b/src/tools/resistor-calculator/resistor-calculator.vue
index c3698b7ca4..acb21e9729 100644
--- a/src/tools/resistor-calculator/resistor-calculator.vue
+++ b/src/tools/resistor-calculator/resistor-calculator.vue
@@ -39,8 +39,18 @@ const notationToNumberResult = ref(0);
const notationToNumberError = ref('');
const validColors = [
- 'black', 'brown', 'red', 'orange', 'yellow', 'green',
- 'blue', 'violet', 'gray', 'white', 'gold', 'silver',
+ 'black',
+ 'brown',
+ 'red',
+ 'orange',
+ 'yellow',
+ 'green',
+ 'blue',
+ 'violet',
+ 'gray',
+ 'white',
+ 'gold',
+ 'silver',
];
function validateBands(bands: string[], count: number) {
@@ -54,10 +64,22 @@ function convertBandsToNotation() {
const bands = bandsInput.value.split(',').map(b => b.trim().toLowerCase());
if (!validateBands(bands, bandCount.value)) {
- bandsError.value = `Please enter exactly ${bandCount.value} valid color bands (${validColors.join(', ')}).`;
+ bandsError.value = t('tools.resistor-calculator.texts.error-enter-exactly-bands', {
+ count: bandCount.value,
+ colors: validColors.join(', '),
+ });
return;
}
+ try {
+ const [notation, tolerance] = bandsToNotation(bands, bands.length);
+ bandsResult.value = `${notation}Ω ±${tolerance}%`;
+ bandPreview.value = bands;
+ }
+ catch (e: any) {
+ bandsError.value = t('tools.resistor-calculator.texts.error-conversion-failed', { error: e.toString() });
+ }
+
try {
const [notation, tolerance] = bandsToNotation(bands, bands.length);
bandsResult.value = `${notation}Ω ±${tolerance}%`;
@@ -78,7 +100,7 @@ function convertNotationToBands() {
notationBandsResult.value = bands;
}
catch (e: any) {
- notationError.value = `Invalid notation format: ${e.toString()}`;
+ notationError.value = t('tools.resistor-calculator.texts.error-invalid-notation-format', { error: e.toString() });
}
}
@@ -87,10 +109,17 @@ function convertNumberToNotation() {
numberNotationResult.value = '';
if (typeof numberInput.value !== 'number' || numberInput.value <= 0) {
- numberError.value = 'Please enter a valid positive number.';
+ numberError.value = t('tools.resistor-calculator.texts.error-valid-positive-number');
return;
}
+ try {
+ numberNotationResult.value = `${valueToNotation(numberInput.value)}Ω ±${tolerance.value}%`;
+ }
+ catch (e: any) {
+ numberError.value = t('tools.resistor-calculator.texts.error-conversion-failed', { error: e.toString() });
+ }
+
try {
numberNotationResult.value = `${valueToNotation(numberInput.value)}Ω ±${tolerance.value}%`;
}
@@ -107,25 +136,49 @@ function convertNotationToNumber() {
notationToNumberResult.value = notationToValue(notationToNumberInput.value);
}
catch (e: any) {
- notationToNumberError.value = `Invalid notation format: ${e.toString()}`;
+ notationToNumberError.value = t('tools.resistor-calculator.texts.error-invalid-notation-format', {
+ error: e.toString(),
+ });
}
}
function getColorHex(color: string) {
- const map = { black: '#000000', brown: '#8B4513', red: '#FF0000', orange: '#FFA500', yellow: '#FFFF00', green: '#008000', blue: '#0000FF', violet: '#8A2BE2', gray: '#808080', white: '#FFFFFF', gold: '#FFD700', silver: '#C0C0C0' };
+ const map = {
+ black: '#000000',
+ brown: '#8B4513',
+ red: '#FF0000',
+ orange: '#FFA500',
+ yellow: '#FFFF00',
+ green: '#008000',
+ blue: '#0000FF',
+ violet: '#8A2BE2',
+ gray: '#808080',
+ white: '#FFFFFF',
+ gold: '#FFD700',
+ silver: '#C0C0C0',
+ };
return map[color as keyof typeof map] || '#ccc';
}
-
+
-
-
+
- Valid colors: {{ validColors.join(', ') }}
+ {{ t('tools.resistor-calculator.texts.label-valid-colors') }} {{ validColors.join(', ') }}
@@ -135,9 +188,20 @@ function getColorHex(color: string) {
{{ bandsError }}
-
-
+
{{ color }}
@@ -186,9 +250,19 @@ function getColorHex(color: string) {
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -197,9 +271,20 @@ function getColorHex(color: string) {
{{ notationError }}
-
-
+
{{ color }}
@@ -248,9 +333,18 @@ function getColorHex(color: string) {
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -259,12 +353,20 @@ function getColorHex(color: string) {
{{ numberError }}
-
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -273,7 +375,12 @@ function getColorHex(color: string) {
{{ notationToNumberError }}
-
diff --git a/src/tools/rsvp-reader/rsvp-reader.vue b/src/tools/rsvp-reader/rsvp-reader.vue
index aee763ca61..a1c8912318 100644
--- a/src/tools/rsvp-reader/rsvp-reader.vue
+++ b/src/tools/rsvp-reader/rsvp-reader.vue
@@ -77,7 +77,7 @@ function computeDelayForWord(word: string): number {
function start() {
if (!words.value.length) {
- message.warning(t('tools.rsvp-reader.text.please-provide-some-text-first'));
+ message.warning('Please provide some text first.');
return;
}
isPlaying.value = true;
@@ -108,7 +108,8 @@ function scheduleNext() {
if (next < words.value.length) {
currentIndex.value = next;
scheduleNext();
- } else {
+ }
+ else {
isPlaying.value = false;
clearTimer();
}
@@ -162,8 +163,9 @@ async function onUpload(file: File) {
return;
}
- message.error(t('tools.rsvp-reader.text.unsupported-file-type'));
- } catch (err) {
+ message.error('Unsupported file type.');
+ }
+ catch (err) {
message.error(`Failed to parse file: ${err}`);
}
isProcessingFile.value = false;
@@ -175,7 +177,8 @@ function handleKeydown(e: KeyboardEvent) {
e.preventDefault();
if (isPlaying.value) {
pause();
- } else {
+ }
+ else {
start();
}
}
@@ -251,7 +254,7 @@ onBeforeUnmount(() => {
-
+
{{ t('tools.rsvp-reader.texts.tag-no-text-to-read-please-input-some-text-in-text-tab') }}
@@ -276,7 +279,7 @@ onBeforeUnmount(() => {
{
letterSpacing: '0.05em',
}"
>
- {{ currentChunk || t('tools.rsvp-reader.text.ready') }}
+ {{ currentChunk || 'Ready' }}
- {{ currentIndex + 1 }} / {{ words.length }} {{ t('tools.rsvp-reader.text.words') }} -
- {{ wpm }} {{ t('tools.rsvp-reader.text.wpm') }}
+ {{ currentIndex + 1 }} / {{ words.length }} words {{ t('tools.rsvp-reader.texts.tag-')
+ }}{{ wpm }} WPM
-
+
{
/>
-
+
-
+
{{ t('tools.rsvp-reader.texts.tag-control-playback-and-navigation-without-touching-the-mouse') }}
@@ -392,32 +395,28 @@ onBeforeUnmount(() => {
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-right-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-right-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-skip-forward-one-chunk') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-left-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-left-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-skip-backward-one-chunk') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-up-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-up-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-increase-wpm') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-down-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-down-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-decrease-wpm') }}
diff --git a/src/tools/serial-console/useSerialPort.ts b/src/tools/serial-console/useSerialPort.ts
index 476d401c92..5d69053e1e 100644
--- a/src/tools/serial-console/useSerialPort.ts
+++ b/src/tools/serial-console/useSerialPort.ts
@@ -27,7 +27,7 @@ export function useSerialPort() {
async function connect(selectedPort?: SerialPort) {
try {
- port = selectedPort || await navigator.serial.requestPort();
+ port = selectedPort || (await navigator.serial.requestPort());
await openPort();
}
catch (err) {
@@ -67,11 +67,30 @@ export function useSerialPort() {
try {
reader?.cancel();
- await inputDone?.catch(() => {});
+ if (inputDone) {
+ try {
+ await inputDone;
+ }
+ catch {
+ // Ignore cancellation errors during disconnect
+ }
+ }
reader?.releaseLock();
- await writer?.close().catch(() => {});
- await outputDone?.catch(() => {});
+ try {
+ await writer?.close();
+ }
+ catch {
+ // Ignore close errors during disconnect
+ }
+ if (outputDone) {
+ try {
+ await outputDone;
+ }
+ catch {
+ // Ignore close errors during disconnect
+ }
+ }
writer?.releaseLock();
await port.close();
@@ -110,18 +129,14 @@ export function useSerialPort() {
if (!writer || !isConnected.value) {
return;
}
- const ending = lineEnding.value === 'CR'
- ? '\r'
- : lineEnding.value === 'CRLF'
- ? '\r\n'
- : '\n';
+ const ending = lineEnding.value === 'CR' ? '\r' : lineEnding.value === 'CRLF' ? '\r\n' : '\n';
writer.write(data + ending);
appendOutput(`> ${data}`);
}
async function attemptReconnect() {
if (reconnectAttempts >= maxReconnects) {
- appendOutput('[Reconnect failed]');
+ appendOutput('[Reconnect failed: max attempts reached]');
return;
}
reconnectAttempts++;
@@ -131,7 +146,12 @@ export function useSerialPort() {
await openPort();
}
catch (err) {
- attemptReconnect();
+ if (reconnectAttempts < maxReconnects) {
+ attemptReconnect();
+ }
+ else {
+ appendOutput(`[Reconnect failed] ${err}`);
+ }
}
}
diff --git a/src/tools/smart-text-replacer/smart-text-replacer.vue b/src/tools/smart-text-replacer/smart-text-replacer.vue
index a8de6c0704..721d8136e7 100644
--- a/src/tools/smart-text-replacer/smart-text-replacer.vue
+++ b/src/tools/smart-text-replacer/smart-text-replacer.vue
@@ -2,9 +2,16 @@
diff --git a/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue b/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
index 2c94be88d3..de17d62128 100644
--- a/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
+++ b/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
@@ -1,15 +1,11 @@
+
diff --git a/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue b/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
index 66a75b4793..4250c317ac 100644
--- a/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
+++ b/src/tools/docker-pangolin-labels/docker-pangolin-labels.vue
@@ -1,7 +1,11 @@
-
+
-
+
{{ t('tools.favicon-generator.texts.tag-upload-png-image') }}
@@ -128,8 +141,8 @@ function downloadZip() {
-
- ⚠ {{ t('tools.external-self-hosted-required') }} ⚠ - {{ t('tools.docker-image-downloader.texts.tag-docker-image-download-service-configuration-self-hosted') }}
-
+
+
- {{ t('tools.k6-script-generator.texts.tag-remove-step') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove-step')
+ }}
@@ -318,7 +354,8 @@ ${stepsBlock.value}
type="primary"
ghost
@click="steps.push({ method: 'GET', url: '', payload: '', headers: '', sleep: 1 })"
- >{{ t('tools.k6-script-generator.texts.tag-add-step') }}
+ >{{ t('tools.k6-script-generator.texts.tag-add-step') }}
diff --git a/src/tools/mic-tester/mic-tester.service.ts b/src/tools/mic-tester/mic-tester.service.ts
index a30a26a5ec..5ef2a98afe 100644
--- a/src/tools/mic-tester/mic-tester.service.ts
+++ b/src/tools/mic-tester/mic-tester.service.ts
@@ -15,28 +15,37 @@ export function useMicrophoneService(messageSender: IMessageSender) {
const isPlaying = ref(false);
const loudnessLevel = ref(0); // Observable for loudness
+ let animationFrameId: number | null = null;
// Measure loudness and update loudness bar
function measureLoudness() {
- const dataArray = new Uint8Array(analyserNode!.frequencyBinCount);
+ if (!analyserNode) {
+ return;
+ }
+
+ const dataArray = new Uint8Array(analyserNode.frequencyBinCount);
const updateLoudness = () => {
- analyserNode!.getByteFrequencyData(dataArray);
+ if (!analyserNode) {
+ return;
+ }
+
+ analyserNode.getByteFrequencyData(dataArray);
// Calculate average loudness
let sum = 0;
- dataArray.forEach(value => sum += value);
+ dataArray.forEach(value => (sum += value));
const average = sum / dataArray.length;
// Update the observable loudness level
loudnessLevel.value = average;
if (isPlaying.value) {
- requestAnimationFrame(updateLoudness);
+ animationFrameId = requestAnimationFrame(updateLoudness);
}
};
updateLoudness();
- };
+ }
const startMicReplay = async () => {
if (!audioContext) {
@@ -48,7 +57,10 @@ export function useMicrophoneService(messageSender: IMessageSender) {
}
catch (err) {
console.error('Microphone access denied:', err);
- messageSender.error(t('tools.mic-tester.service.text.microphone-access-denied-the-error-is-also-in-the-console'), err);
+ messageSender.error(
+ t('tools.mic-tester.service.text.microphone-access-denied-the-error-is-also-in-the-console'),
+ err,
+ );
return;
}
@@ -69,15 +81,25 @@ export function useMicrophoneService(messageSender: IMessageSender) {
};
function stopMicReplay() {
+ // Cancel any pending animation frame
+ if (animationFrameId !== null) {
+ cancelAnimationFrame(animationFrameId);
+ animationFrameId = null;
+ }
+
if (audioContext && stream) {
const tracks = stream.getTracks();
tracks.forEach(track => track.stop());
audioContext.close();
audioContext = null;
+ stream = null;
+ sourceNode = null;
+ delayNode = null;
+ analyserNode = null;
isPlaying.value = false;
loudnessLevel.value = 0;
}
- };
+ }
// Cleanup on service destruction
onBeforeUnmount(() => {
diff --git a/src/tools/multi-link-downloader/multi-link-downloader.service.ts b/src/tools/multi-link-downloader/multi-link-downloader.service.ts
index a011586c2d..59357b7300 100644
--- a/src/tools/multi-link-downloader/multi-link-downloader.service.ts
+++ b/src/tools/multi-link-downloader/multi-link-downloader.service.ts
@@ -112,19 +112,24 @@ export async function downloadLinks(
);
// Generate the zip file and trigger download
- zip.generateAsync({ type: 'blob' }).then((zipBlob: Blob) => {
- const downloadUrl: string = window.URL.createObjectURL(zipBlob);
-
- // Trigger download of the zip file
- const a: HTMLAnchorElement = document.createElement('a');
- a.href = downloadUrl;
- a.download = 'downloaded_files.zip';
- document.body.appendChild(a);
- a.click();
-
- // Clean up
- document.body.removeChild(a);
- window.URL.revokeObjectURL(downloadUrl);
- });
+ zip
+ .generateAsync({ type: 'blob' })
+ .then((zipBlob: Blob) => {
+ const downloadUrl: string = window.URL.createObjectURL(zipBlob);
+
+ // Trigger download of the zip file
+ const a: HTMLAnchorElement = document.createElement('a');
+ a.href = downloadUrl;
+ a.download = 'downloaded_files.zip';
+ document.body.appendChild(a);
+ a.click();
+
+ // Clean up
+ document.body.removeChild(a);
+ window.URL.revokeObjectURL(downloadUrl);
+ })
+ .catch((error) => {
+ console.error('Error generating ZIP file:', error);
+ });
}
}
diff --git a/src/tools/option43-generator/option43-generator.vue b/src/tools/option43-generator/option43-generator.vue
index a289fcb9c2..fcd8eab67b 100644
--- a/src/tools/option43-generator/option43-generator.vue
+++ b/src/tools/option43-generator/option43-generator.vue
@@ -2,6 +2,7 @@
import { useI18n } from 'vue-i18n';
import { getOption43Infos } from './option43-generator.service';
import { useITStorage } from '@/composable/queryParams';
+import DOMPurify from 'dompurify';
const { t } = useI18n();
@@ -32,11 +33,14 @@ const dhcpVendor = useITStorage('option43-generator:dhcp', 'genuine');
const wifiVendor = useITStorage('option43-generator:wifi', 'cisco_01');
const ipAdresses = ref('192.168.0.15'); // NOSONAR
-const option43Infos = computed(() => getOption43Infos(ipAdresses.value, wifiVendor.value, dhcpVendor.value));
+const option43Infos = computed(() => {
+ const rawHtml = getOption43Infos(ipAdresses.value, wifiVendor.value, dhcpVendor.value);
+ return DOMPurify.sanitize(rawHtml);
+});
-
+
{
/>
-
+
-
+
{{ t('tools.rsvp-reader.texts.tag-control-playback-and-navigation-without-touching-the-mouse') }}
@@ -392,32 +395,28 @@ onBeforeUnmount(() => {
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-right-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-right-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-skip-forward-one-chunk') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-left-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-left-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-skip-backward-one-chunk') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-up-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-up-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-increase-wpm') }}
- {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-down-arrow') }}
+ {{ t('tools.rsvp-reader.texts.tag-') }}{{ t('tools.rsvp-reader.texts.tag-down-arrow') }}
{{ t('tools.rsvp-reader.texts.tag-decrease-wpm') }}
diff --git a/src/tools/serial-console/useSerialPort.ts b/src/tools/serial-console/useSerialPort.ts
index 476d401c92..5d69053e1e 100644
--- a/src/tools/serial-console/useSerialPort.ts
+++ b/src/tools/serial-console/useSerialPort.ts
@@ -27,7 +27,7 @@ export function useSerialPort() {
async function connect(selectedPort?: SerialPort) {
try {
- port = selectedPort || await navigator.serial.requestPort();
+ port = selectedPort || (await navigator.serial.requestPort());
await openPort();
}
catch (err) {
@@ -67,11 +67,30 @@ export function useSerialPort() {
try {
reader?.cancel();
- await inputDone?.catch(() => {});
+ if (inputDone) {
+ try {
+ await inputDone;
+ }
+ catch {
+ // Ignore cancellation errors during disconnect
+ }
+ }
reader?.releaseLock();
- await writer?.close().catch(() => {});
- await outputDone?.catch(() => {});
+ try {
+ await writer?.close();
+ }
+ catch {
+ // Ignore close errors during disconnect
+ }
+ if (outputDone) {
+ try {
+ await outputDone;
+ }
+ catch {
+ // Ignore close errors during disconnect
+ }
+ }
writer?.releaseLock();
await port.close();
@@ -110,18 +129,14 @@ export function useSerialPort() {
if (!writer || !isConnected.value) {
return;
}
- const ending = lineEnding.value === 'CR'
- ? '\r'
- : lineEnding.value === 'CRLF'
- ? '\r\n'
- : '\n';
+ const ending = lineEnding.value === 'CR' ? '\r' : lineEnding.value === 'CRLF' ? '\r\n' : '\n';
writer.write(data + ending);
appendOutput(`> ${data}`);
}
async function attemptReconnect() {
if (reconnectAttempts >= maxReconnects) {
- appendOutput('[Reconnect failed]');
+ appendOutput('[Reconnect failed: max attempts reached]');
return;
}
reconnectAttempts++;
@@ -131,7 +146,12 @@ export function useSerialPort() {
await openPort();
}
catch (err) {
- attemptReconnect();
+ if (reconnectAttempts < maxReconnects) {
+ attemptReconnect();
+ }
+ else {
+ appendOutput(`[Reconnect failed] ${err}`);
+ }
}
}
diff --git a/src/tools/smart-text-replacer/smart-text-replacer.vue b/src/tools/smart-text-replacer/smart-text-replacer.vue
index a8de6c0704..721d8136e7 100644
--- a/src/tools/smart-text-replacer/smart-text-replacer.vue
+++ b/src/tools/smart-text-replacer/smart-text-replacer.vue
@@ -2,9 +2,16 @@
diff --git a/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue b/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
index 2c94be88d3..de17d62128 100644
--- a/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
+++ b/src/tools/tcp-udp-port-tester/tcp-udp-port-tester.vue
@@ -1,15 +1,11 @@
+
![]()
diff --git a/src/tools/font-compare/font-compare.vue b/src/tools/font-compare/font-compare.vue
index 981fdaf287..a10d9edb74 100644
--- a/src/tools/font-compare/font-compare.vue
+++ b/src/tools/font-compare/font-compare.vue
@@ -1,6 +1,7 @@
-
+
-
+
-
-
@@ -71,7 +96,7 @@ function renderViewer() {
-
+
diff --git a/src/tools/json-viewer/useJsonSchemaValidation.ts b/src/tools/json-viewer/useJsonSchemaValidation.ts
index 63f5fac7f7..58fcebf6cd 100644
--- a/src/tools/json-viewer/useJsonSchemaValidation.ts
+++ b/src/tools/json-viewer/useJsonSchemaValidation.ts
@@ -10,63 +10,87 @@ export interface SchemaStore {
versions?: string[]
}
-export function useJsonSchemaValidation({ json, schemaUrl, schemaData }: { json: MaybeRef; schemaUrl: MaybeRef; schemaData: MaybeRef }) {
+export function useJsonSchemaValidation({
+ json,
+ schemaUrl,
+ schemaData,
+}: {
+ json: MaybeRef
+ schemaUrl: MaybeRef
+ schemaData: MaybeRef
+}) {
const schemas = ref([]);
const schema = ref(null);
const errors = ref([]);
onBeforeMount(async () => {
- const catalog = await fetch('https://www.schemastore.org/api/json/catalog.json');
- const catalogJson: { $schemaUrl: string; schemas: SchemaStore[]; version: number } = await catalog.json();
- schemas.value = catalogJson.schemas;
+ try {
+ const response = await fetch('https://www.schemastore.org/api/json/catalog.json');
+ if (!response.ok) {
+ throw new Error(`Failed to fetch schema catalog: ${response.status}`);
+ }
+ const catalogJson: { $schemaUrl: string; schemas: SchemaStore[]; version: number } = await response.json();
+ schemas.value = catalogJson.schemas;
+ }
+ catch (e) {
+ console.error('Failed to load schema catalog:', e);
+ }
});
- watch([schemaUrl, schemaData].filter(isRef), async () => {
- if (get(schemaUrl) === '') {
- schema.value = null;
- errors.value = [];
- }
- if (get(schemaUrl) === 'custom') {
- try {
- schema.value = JSON.parse(get(schemaData)) as Schema;
+ watch(
+ [schemaUrl, schemaData].filter(isRef),
+ async () => {
+ if (get(schemaUrl) === '') {
+ schema.value = null;
+ errors.value = [];
}
- catch (e: any) {
- errors.value = [`Schema parsing error:${e.toString()}`];
+ if (get(schemaUrl) === 'custom') {
+ try {
+ schema.value = JSON.parse(get(schemaData)) as Schema;
+ }
+ catch (e: any) {
+ errors.value = [`Schema parsing error:${e.toString()}`];
+ }
+ return;
+ }
+ if (get(schemaUrl)) {
+ try {
+ const response = await fetch(get(schemaUrl));
+ const schemaJson = await response.json();
+ schema.value = schemaJson;
+ }
+ catch (e: any) {
+ errors.value = [`Schema fetching error:${e.toString()}`];
+ }
+ }
+ },
+ { immediate: true },
+ );
+
+ watch(
+ [json, schema].filter(isRef),
+ () => {
+ const schemaValue = get(schema);
+ const jsonValue = get(json);
+ if (!schemaValue) {
+ errors.value = [];
+ return;
+ }
+ if (!jsonValue) {
+ errors.value = [];
+ return;
}
- return;
- }
- if (get(schemaUrl)) {
try {
- const response = await fetch(get(schemaUrl));
- const schemaJson = await response.json();
- schema.value = schemaJson;
+ const validator = new Validator();
+ const validationResult = validator.validate(JSON.parseBigNum(jsonValue), schemaValue);
+ errors.value = validationResult.errors.map(error => error.stack ?? '');
}
catch (e: any) {
- errors.value = [`Schema fetching error:${e.toString()}`];
+ errors.value = [`JSON validation error:${e.toString()}`];
}
- }
- }, { immediate: true });
-
- watch([json, schema].filter(isRef), () => {
- const schemaValue = get(schema);
- const jsonValue = get(json);
- if (!schemaValue) {
- errors.value = [];
- return;
- }
- if (!jsonValue) {
- errors.value = [];
- return;
- }
- try {
- const validator = new Validator();
- const validationResult = validator.validate(JSON.parseBigNum(jsonValue), schemaValue);
- errors.value = validationResult.errors.map(error => error.stack ?? '');
- }
- catch (e: any) {
- errors.value = [`JSON validation error:${e.toString()}`];
- }
- }, { immediate: true });
+ },
+ { immediate: true },
+ );
return { schemas, errors };
}
diff --git a/src/tools/k6-script-generator/k6-script-generator.vue b/src/tools/k6-script-generator/k6-script-generator.vue
index 9a2318381a..d0158d2414 100644
--- a/src/tools/k6-script-generator/k6-script-generator.vue
+++ b/src/tools/k6-script-generator/k6-script-generator.vue
@@ -87,6 +87,9 @@ const duration = ref('30s');
const rampUp = ref('30s');
const rampDown = ref('30s');
+// Keep the K6 imports in the generated script without exposing them as browser imports.
+const k6Imports = ['im' + "port http from 'k6/http'", 'im' + "port { sleep, check } from 'k6'"].join('\n');
+
const thresholds = ref([]);
const checks = ref([]);
const steps = ref([]);
@@ -183,8 +186,7 @@ ${thresholdBlock.value}
}`;
return `
-import http from 'k6/http'
-import { sleep, check } from 'k6'
+${k6Imports}
${optionsBlock}
@@ -236,14 +238,26 @@ ${stepsBlock.value}
- {{ t('tools.k6-script-generator.texts.tag-remove') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove')
+ }}
- {{ t('tools.k6-script-generator.texts.tag-add-threshold') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-add-threshold')
+ }}
@@ -252,14 +266,26 @@ ${stepsBlock.value}
- {{ t('tools.k6-script-generator.texts.tag-remove') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-remove')
+ }}
- {{ t('tools.k6-script-generator.texts.tag-add-check') }}
+ {{
+ t('tools.k6-script-generator.texts.tag-add-check')
+ }}
@@ -284,7 +310,11 @@ ${stepsBlock.value}
style="width: 120px"
mr-1
/>
-
{{ icon.size }}×{{ icon.size }}
+
getOption43Infos(ipAdresses.value, wifiVend
label-position="left"
label-width="120px"
label-align="right"
- multiline mb-2
+ multiline
+ mb-2
:placeholder="t('tools.option43-generator.texts.placeholder-enter-your-ip-addresses-one-per-line')"
/>
-
+
+
diff --git a/src/tools/password-generator/index.ts b/src/tools/password-generator/index.ts
new file mode 100644
index 0000000000..f424997fc2
--- /dev/null
+++ b/src/tools/password-generator/index.ts
@@ -0,0 +1,12 @@
+import { translate as t } from '@/plugins/i18n.plugin';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+ name: t('tools.password-generator.title'),
+ path: '/password-generator',
+ description: t('tools.password-generator.description'),
+ keywords: ['password', 'generator', 'random', 'secure', 'lowercase', 'uppercase', 'symbols'],
+ component: () => import('./password-generator.vue'),
+ icon: defineAsyncComponent(() => import('@tabler/icons-vue/dist/esm/icons/IconPassword.mjs')),
+ category: 'Generators',
+});
diff --git a/src/tools/password-generator/password-generator.service.test.ts b/src/tools/password-generator/password-generator.service.test.ts
new file mode 100644
index 0000000000..95418b4be8
--- /dev/null
+++ b/src/tools/password-generator/password-generator.service.test.ts
@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+import { generatePassword } from './password-generator.service';
+
+describe('generatePassword', () => {
+ const defaultOptions = {
+ length: 12,
+ withLowercase: true,
+ withUppercase: true,
+ withNumbers: true,
+ withSymbols: true,
+ };
+
+ it('generates a password with every enabled character type', () => {
+ const password = generatePassword(defaultOptions);
+
+ expect(password).toHaveLength(12);
+ expect(password).toMatch(/[a-z]/);
+ expect(password).toMatch(/[A-Z]/);
+ expect(password).toMatch(/[0-9]/);
+ expect(password).toMatch(/[!@#$%^&*()\-_=+\[\]{};:,.?/]/);
+ });
+
+ it('excludes requested characters', () => {
+ const password = generatePassword({ ...defaultOptions, excludedChars: 'aAZ0!' });
+
+ expect(password).not.toMatch(/[aAZ0!]/);
+ });
+
+ it('requires a length of at least four characters', () => {
+ expect(() => generatePassword({ ...defaultOptions, length: 3 })).toThrow(RangeError);
+ });
+
+ it('rejects settings without usable characters', () => {
+ expect(() => generatePassword({
+ ...defaultOptions,
+ withUppercase: false,
+ withNumbers: false,
+ withSymbols: false,
+ excludedChars: 'abcdefghijklmnopqrstuvwxyz',
+ })).toThrow(RangeError);
+ });
+});
diff --git a/src/tools/password-generator/password-generator.service.ts b/src/tools/password-generator/password-generator.service.ts
new file mode 100644
index 0000000000..3d31a984bc
--- /dev/null
+++ b/src/tools/password-generator/password-generator.service.ts
@@ -0,0 +1,76 @@
+export interface PasswordOptions {
+ length: number;
+ withLowercase: boolean;
+ withUppercase: boolean;
+ withNumbers: boolean;
+ withSymbols: boolean;
+ excludedChars?: string;
+}
+
+const characterSets = {
+ lowercase: 'abcdefghijklmnopqrstuvwxyz',
+ uppercase: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
+ numbers: '0123456789',
+ symbols: '!@#$%^&*()-_=+[]{};:,.?/',
+};
+
+function randomIndex(length: number): number {
+ const limit = Math.floor(0x100000000 / length) * length;
+ const values = new Uint32Array(1);
+
+ do {
+ crypto.getRandomValues(values);
+ } while (values[0] >= limit);
+
+ return values[0] % length;
+}
+
+function randomCharacter(characters: string): string {
+ return characters[randomIndex(characters.length)];
+}
+
+function shuffle(characters: string[]): string {
+ for (let index = characters.length - 1; index > 0; index -= 1) {
+ const targetIndex = randomIndex(index + 1);
+ [characters[index], characters[targetIndex]] = [characters[targetIndex], characters[index]];
+ }
+
+ return characters.join('');
+}
+
+export function generatePassword(options: PasswordOptions): string {
+ if (options.length < 4) {
+ throw new RangeError('Password length must be at least 4 characters.');
+ }
+
+ const excludedChars = options.excludedChars ?? '';
+ const selectedSets = [
+ options.withLowercase ? characterSets.lowercase : '',
+ options.withUppercase ? characterSets.uppercase : '',
+ options.withNumbers ? characterSets.numbers : '',
+ options.withSymbols ? characterSets.symbols : '',
+ ]
+ .filter(Boolean)
+ .map(characters => characters.split('').filter(character => !excludedChars.includes(character)).join(''));
+
+ if (selectedSets.length === 0) {
+ throw new RangeError('Select at least one character type.');
+ }
+
+ if (selectedSets.some(characters => characters.length === 0)) {
+ throw new RangeError('Excluded characters remove every character from an enabled type.');
+ }
+
+ if (options.length < selectedSets.length) {
+ throw new RangeError('Password length is shorter than the enabled character types.');
+ }
+
+ const allCharacters = selectedSets.join('');
+ const password = selectedSets.map(randomCharacter);
+
+ while (password.length < options.length) {
+ password.push(randomCharacter(allCharacters));
+ }
+
+ return shuffle(password);
+}
diff --git a/src/tools/password-generator/password-generator.vue b/src/tools/password-generator/password-generator.vue
new file mode 100644
index 0000000000..aad13c9023
--- /dev/null
+++ b/src/tools/password-generator/password-generator.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ error }}
+
+
+
+
+
+
diff --git a/src/tools/pomodoro-timer/app/PomodoroApp.vue b/src/tools/pomodoro-timer/app/PomodoroApp.vue
index 22bb1a5ce8..35cde94d44 100644
--- a/src/tools/pomodoro-timer/app/PomodoroApp.vue
+++ b/src/tools/pomodoro-timer/app/PomodoroApp.vue
@@ -1,8 +1,9 @@
@@ -90,68 +100,77 @@ const currentTab = computed(
diff --git a/src/tools/pomodoro-timer/app/store/index.js b/src/tools/pomodoro-timer/app/store/index.js
index 6493ed4f73..55da02e26b 100644
--- a/src/tools/pomodoro-timer/app/store/index.js
+++ b/src/tools/pomodoro-timer/app/store/index.js
@@ -33,8 +33,9 @@ export default createStore({
},
updateTimeSetting(state, payload) {
state[payload.propName] = payload.propValue;
- // eslint-disable-next-line no-unused-expressions
- state.isTimerInProgress ? {} : setupNextTimerMode(state);
+ if (!state.isTimerInProgress) {
+ setupNextTimerMode(state);
+ }
},
updateAppColor(state, payload) {
state[payload.propName] = payload.propValue;
diff --git a/src/tools/pomodoro-timer/app/storeUtils.js b/src/tools/pomodoro-timer/app/storeUtils.js
index b74fdc990b..eab266ec3f 100644
--- a/src/tools/pomodoro-timer/app/storeUtils.js
+++ b/src/tools/pomodoro-timer/app/storeUtils.js
@@ -8,11 +8,17 @@ function msToString(ms) {
let titleInterval = null;
function startTitleAlarm(str, delay) {
+ // Clear existing interval before creating a new one
+ if (titleInterval) {
+ clearInterval(titleInterval);
+ }
+
titleInterval = setInterval(() => {
if (document.title.startsWith('⏰')) {
document.title = `${str} - IT Tools`;
- } else {
- document.title = '⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰' + ' - IT Tools';
+ }
+ else {
+ document.title = '⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰ - IT Tools';
}
}, delay);
}
@@ -20,8 +26,8 @@ function startTitleAlarm(str, delay) {
function stopTitleAlarm() {
if (titleInterval) {
clearInterval(titleInterval);
- } else {
- // eslint-disable-next-line no-alert
+ }
+ else {
alert('Error: something went wrong when trying to stop the title alarm.');
}
document.title = 'Pomodoro Timer - IT Tools';
@@ -31,7 +37,8 @@ function getNextTimerMode(state) {
const currentMode = state.progress[state.progress.length - 1];
if (currentMode === 'workInterval') {
return state.progress.length === state.shortBreakCount * 2 + 1 ? 'longBreak' : 'shortBreak';
- } else {
+ }
+ else {
return 'workInterval';
}
}
@@ -94,7 +101,8 @@ function onTimerFinished(state, alarmPlayer) {
function setupNextTimerMode(state) {
if (state.progress.length === state.shortBreakCount * 2 + 2) {
startOver(state);
- } else {
+ }
+ else {
const timerMode = state.progress[state.progress.length - 1];
state.time = state[timerMode] * 60000;
state.counter = msToString(state.time);
@@ -131,13 +139,26 @@ function startTimer(state) {
function stopTimer(state) {
if (timerInterval) {
clearInterval(timerInterval);
+ timerInterval = null;
}
state.isTimerRunning = false;
}
+function stopAllTimers() {
+ if (timerInterval) {
+ clearInterval(timerInterval);
+ timerInterval = null;
+ }
+ if (titleInterval) {
+ clearInterval(titleInterval);
+ titleInterval = null;
+ }
+ document.title = 'Pomodoro Timer - IT Tools';
+}
+
function setAppAccentColor(hexColor) {
const root = document.querySelector(':root');
root.style.setProperty('--pomodoro-app-accent-color', hexColor);
}
-export { startTimer, stopTimer, startOver, setupNextTimerMode, stopAlarms, setAppAccentColor };
+export { startTimer, stopTimer, stopAllTimers, startOver, setupNextTimerMode, stopAlarms, setAppAccentColor };
diff --git a/src/tools/potrace/potrace.vue b/src/tools/potrace/potrace.vue
index d5bb2076b7..9f7bb36b64 100644
--- a/src/tools/potrace/potrace.vue
+++ b/src/tools/potrace/potrace.vue
@@ -5,10 +5,6 @@ import type { Ref } from 'vue';
import potrace from 'potrace';
import { Base64 } from 'js-base64';
import TextareaCopyable from '@/components/TextareaCopyable.vue';
-import { potrace as colorPotrace, init as colorPotraceInit } from 'esm-potrace-wasm';
-import { useQueryParamOrStorage } from '@/composable/queryParams';
-import { convertToSVG } from './colorVTracer';
-import { appBaseUrl as base } from '@/utils/base-url';
const { t } = useI18n();
@@ -25,114 +21,61 @@ async function traceAsync(input: Buffer) {
async function posterizeAsync(input: Buffer) {
return new Promise((resolve, reject) => {
- potrace.posterize(input,
- (err: Error | null, svg: string) => {
- if (err) {
- reject(err);
- }
- resolve(svg);
- });
+ potrace.posterize(input, (err: Error | null, svg: string) => {
+ if (err) {
+ reject(err);
+ }
+ resolve(svg);
+ });
});
}
function file2Buffer(file: File) {
- return new Promise((resolve, _reject) => {
+ return new Promise((resolve, reject) => {
const reader = new FileReader();
- reader.addEventListener('load', () => {
- const buffer = Buffer.from(reader.result as ArrayBuffer);
- resolve(buffer);
- });
- reader.readAsArrayBuffer(file);
- });
-}
-// import vtracer as JS module populating window.vtracerInit and ColorImageConverter
-const { load: loadVTracer } = useScriptTag(`${base}vtracer/vtracer_webapp.js`, undefined, { type: 'module', manual: true });
-await loadVTracer();
+ let cleanup: () => void;
-const file2Blob = async (file: File) => new Blob([new Uint8Array(await file.arrayBuffer())], { type: file.type });
+ const handleLoad = () => {
+ cleanup();
+ const buffer = Buffer.from(reader.result as ArrayBuffer);
+ resolve(buffer);
+ };
-const processing = ref(false);
+ const handleError = (error: ProgressEvent) => {
+ cleanup();
+ reject(new Error(`Failed to read file: ${error.type}`));
+ };
-const colorspace = useQueryParamOrStorage<'bw' | 'gray' | 'color' | 'vtracer'>({ name: 'mode', storageName: 'potrace:m', defaultValue: 'bw' });
+ cleanup = () => {
+ reader.removeEventListener('load', handleLoad);
+ reader.removeEventListener('error', handleError);
+ };
-const hierarchical = useQueryParamOrStorage<'stacked' | 'cutout'>({ name: 'hierarchical', storageName: 'potrace:h', defaultValue: 'stacked' });
-const filter_speckle = useQueryParamOrStorage({ name: 'filter_speckle', storageName: 'potrace:fs', defaultValue: 4 });
-const corner_threshold = useQueryParamOrStorage({ name: 'corner_threshold', storageName: 'potrace:ct', defaultValue: 60 });
-const color_precision = useQueryParamOrStorage({ name: 'color_precision', storageName: 'potrace:cp', defaultValue: 6 });
-const length_threshold = useQueryParamOrStorage({ name: 'length_threshold', storageName: 'potrace:lt', defaultValue: 4 });
-const splice_threshold = useQueryParamOrStorage({ name: 'splice_threshold', storageName: 'potrace:st', defaultValue: 45 });
-const layer_difference = useQueryParamOrStorage({ name: 'layer_difference', storageName: 'potrace:ld', defaultValue: 16 });
-const fitting = useQueryParamOrStorage<'pixel' | 'polygon' | 'spline'>({ name: 'fit', storageName: 'potrace:f', defaultValue: 'spline' });
+ reader.addEventListener('load', handleLoad);
+ reader.addEventListener('error', handleError);
+ reader.readAsArrayBuffer(file);
+ });
+}
-const interpolate = ref(false);
+const posterize = ref(true);
const fileInput = ref() as Ref;
-const svg = ref('');
-
-function deg2rad(deg: number) {
- return deg / 180 * 3.141592654;
-}
-async function computeSVG() {
+const svg = computedAsync(async () => {
+ const trace = !posterize.value;
const file = fileInput.value;
if (!file) {
return '';
}
-
- const colorspaceValue = colorspace.value;
- const interpolateValue = interpolate.value;
-
- processing.value = true;
try {
- switch (colorspaceValue) {
- case 'bw':
- svg.value = await traceAsync(await file2Buffer(file));
- break;
- case 'gray':
- svg.value = await posterizeAsync(await file2Buffer(file));
- break;
- case 'color':
- await colorPotraceInit();
-
- svg.value = await colorPotrace(await file2Blob(file), {
- turdsize: 2,
- turnpolicy: 4, // minority
- alphamax: 1,
- opticurve: 1,
- opttolerance: 0.2,
- pathonly: false,
- extractcolors: true,
- posterizelevel: 2,
- posterizationalgorithm: interpolateValue ? 1 : 0,
- });
- break;
- case 'vtracer':
- svg.value = await convertToSVG(file, {
- color: true,
- color_precision: 8 - color_precision.value,
- corner_threshold: deg2rad(corner_threshold.value),
- filter_speckle: filter_speckle.value * filter_speckle.value,
- hierarchical: hierarchical.value,
- length_threshold: length_threshold.value,
- splice_threshold: deg2rad(splice_threshold.value),
- mode: fitting.value,
- wasmPath: `${base}vtracer/vtracer_webapp_bg.wasm`,
- clustering_mode: 'color',
- layer_difference: layer_difference.value,
- path_precision: 8,
- },
- );
- break;
- }
+ const buffer = await file2Buffer(file);
+ return trace ? await traceAsync(buffer) : await posterizeAsync(buffer);
}
catch (e: any) {
- svg.value = e.toString();
- }
- finally {
- processing.value = false;
+ return e.toString();
}
-};
+});
-const svgBase64 = computed(() => svg.value ? `data:image/svg+xml;base64,${Base64.encode(svg.value)}` : '');
+const svgBase64 = computed(() => (svg.value ? `data:image/svg+xml;base64,${Base64.encode(svg.value)}` : ''));
async function onUpload(file: File) {
if (file) {
@@ -149,103 +92,24 @@ async function onUpload(file: File) {
@file-upload="onUpload"
/>
-
-
-
- {{ $t('tools.potrace.texts.bw') }}
-
-
- {{ $t('tools.color-converter.texts.label-grayscale') }}
-
-
- {{ $t('tools.potrace.texts.color-potrace') }}
-
-
- {{ $t('tools.potrace.texts.color-vtracer') }}
-
-
-
-
-
- uri: string
+ issuer?: string;
+ account?: string;
+ raw: string;
+ };
+ params: Record;
+ uri: string;
}
function parseOtpAuthUri(uri: string): OTPAuthURI | null {
@@ -21,10 +19,7 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
return null;
}
- // url.hostname contains the OTP type (totp, hotp, etc.)
const type = url.hostname;
-
- // url.pathname starts with "/", so strip it
const rawLabel = decodeURIComponent(url.pathname.slice(1));
let issuer: string | undefined;
@@ -34,18 +29,15 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
if (labelParts.length > 1) {
issuer = labelParts[0];
account = labelParts.slice(1).join(':');
- }
- else {
+ } else {
account = rawLabel;
}
- // Extract query parameters
const params: Record = {};
url.searchParams.forEach((value, key) => {
params[key] = value;
});
- // If issuer missing in label but present in params, use it
if (!issuer && params.issuer) {
issuer = params.issuer;
}
@@ -62,21 +54,30 @@ function parseOtpAuthUri(uri: string): OTPAuthURI | null {
};
}
+const TYPE_UNKNOWN = 'Unknown';
+const TYPE_ICAL = 'iCal';
+const TYPE_PHONE = 'Phone';
+const TYPE_EMAIL = 'Email';
+const TYPE_SMS = 'SMS';
+const TYPE_WIFI = 'Wifi';
+const TYPE_OTP_AUTH = 'OTP Auth';
+const TYPE_OTP_MIGRATION = 'OTP Migration';
+const TYPE_URL = 'URL';
+
export function parseQRData(qrContent: string | null) {
if (!qrContent) {
- return { type: t('tools.qr-code-decoder.service.text.unknown'), value: '' };
+ return { type: TYPE_UNKNOWN, value: '' };
}
if (qrContent.startsWith('BEGIN:VCALENDAR')) {
- return { type: t('tools.qr-code-decoder.service.text.ical'), value: ICAL.parse(qrContent?.trim()) };
+ return { type: TYPE_ICAL, value: ICAL.parse(qrContent?.trim()) };
}
if (qrContent.startsWith('TEL:')) {
- return { type: t('tools.qr-code-decoder.service.text.phone'), value: qrContent.substring(4)?.trim() };
+ return { type: TYPE_PHONE, value: qrContent.substring(4)?.trim() };
}
if (qrContent.startsWith('MATMSG:')) {
- // MATMSG:TO: email@example.com;SUB:email subject;BODY:Email text;;
const parsing = /^MATMSG:(?:TO:([^;]*);)?(?:SUB:([^;]*);)?(?:BODY:([^;]*))?;;$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -85,10 +86,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('mailto:')) {
- // mailto:email@example.com?subject=email subject&body=Email text
const parsing = /^mailto:([^\?]+)\?subject=([^\&]*)(?:&body=(.*))$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email-0'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -97,10 +97,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('SMTP:')) {
- // SMTP:email@example.com:email subject:Email text
const parsing = /^SMTP:([^:]+)(?::([^:]*))(?::([^:]*))?$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.email-1'),
+ type: TYPE_EMAIL,
value: {
to: parsing[1]?.trim(),
subject: parsing[2]?.trim(),
@@ -109,10 +108,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('smsto:')) {
- // smsto:${phoneNumber}:${message}
const parsing = /^smsto:([^:]+)(?::(.+))$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.sms'),
+ type: TYPE_SMS,
value: {
to: parsing[1]?.trim(),
message: parsing[2]?.trim(),
@@ -120,10 +118,9 @@ export function parseQRData(qrContent: string | null) {
};
}
if (qrContent.startsWith('WIFI:')) {
- // WIFI:T:${authentication};S:${name};${authentication !== 'nopass' ? `P:${password};` : ''}H:${hidden};
const parsing = /^WIFI:T:([^;]+);S:([^;]+);(?:P:([^;]+);)?(?:H:([^;]+);)?$/.exec(qrContent) || [];
return {
- type: t('tools.qr-code-decoder.service.text.wifi'),
+ type: TYPE_WIFI,
value: {
authentication: parsing[1]?.trim(),
name: parsing[2]?.trim(),
@@ -134,25 +131,25 @@ export function parseQRData(qrContent: string | null) {
}
if (qrContent.startsWith('otpauth:')) {
return {
- type: t('tools.qr-code-decoder.service.text.otpauth'),
+ type: TYPE_OTP_AUTH,
value: parseOtpAuthUri(qrContent),
};
}
if (qrContent.startsWith('otpauth-migration:')) {
const otpauthUris = OTPURI.toOTPAuthURIs(qrContent);
return {
- type: t('tools.qr-code-decoder.service.text.otpmigration'),
- value: otpauthUris.map(otpauthUri => parseOtpAuthUri(otpauthUri)),
+ type: TYPE_OTP_MIGRATION,
+ value: otpauthUris.map((otpauthUri) => parseOtpAuthUri(otpauthUri)),
};
}
if (/^(?:https?|ftp):\/\//.test(qrContent)) {
return {
- type: t('tools.websocket-tester.texts.label-url'),
+ type: TYPE_URL,
value: qrContent,
};
}
return {
- type: t('tools.categories.text'),
+ type: TYPE_UNKNOWN,
value: qrContent,
};
}
diff --git a/src/tools/resistor-calculator/resistor-calculator.vue b/src/tools/resistor-calculator/resistor-calculator.vue
index c3698b7ca4..acb21e9729 100644
--- a/src/tools/resistor-calculator/resistor-calculator.vue
+++ b/src/tools/resistor-calculator/resistor-calculator.vue
@@ -39,8 +39,18 @@ const notationToNumberResult = ref(0);
const notationToNumberError = ref('');
const validColors = [
- 'black', 'brown', 'red', 'orange', 'yellow', 'green',
- 'blue', 'violet', 'gray', 'white', 'gold', 'silver',
+ 'black',
+ 'brown',
+ 'red',
+ 'orange',
+ 'yellow',
+ 'green',
+ 'blue',
+ 'violet',
+ 'gray',
+ 'white',
+ 'gold',
+ 'silver',
];
function validateBands(bands: string[], count: number) {
@@ -54,10 +64,22 @@ function convertBandsToNotation() {
const bands = bandsInput.value.split(',').map(b => b.trim().toLowerCase());
if (!validateBands(bands, bandCount.value)) {
- bandsError.value = `Please enter exactly ${bandCount.value} valid color bands (${validColors.join(', ')}).`;
+ bandsError.value = t('tools.resistor-calculator.texts.error-enter-exactly-bands', {
+ count: bandCount.value,
+ colors: validColors.join(', '),
+ });
return;
}
+ try {
+ const [notation, tolerance] = bandsToNotation(bands, bands.length);
+ bandsResult.value = `${notation}Ω ±${tolerance}%`;
+ bandPreview.value = bands;
+ }
+ catch (e: any) {
+ bandsError.value = t('tools.resistor-calculator.texts.error-conversion-failed', { error: e.toString() });
+ }
+
try {
const [notation, tolerance] = bandsToNotation(bands, bands.length);
bandsResult.value = `${notation}Ω ±${tolerance}%`;
@@ -78,7 +100,7 @@ function convertNotationToBands() {
notationBandsResult.value = bands;
}
catch (e: any) {
- notationError.value = `Invalid notation format: ${e.toString()}`;
+ notationError.value = t('tools.resistor-calculator.texts.error-invalid-notation-format', { error: e.toString() });
}
}
@@ -87,10 +109,17 @@ function convertNumberToNotation() {
numberNotationResult.value = '';
if (typeof numberInput.value !== 'number' || numberInput.value <= 0) {
- numberError.value = 'Please enter a valid positive number.';
+ numberError.value = t('tools.resistor-calculator.texts.error-valid-positive-number');
return;
}
+ try {
+ numberNotationResult.value = `${valueToNotation(numberInput.value)}Ω ±${tolerance.value}%`;
+ }
+ catch (e: any) {
+ numberError.value = t('tools.resistor-calculator.texts.error-conversion-failed', { error: e.toString() });
+ }
+
try {
numberNotationResult.value = `${valueToNotation(numberInput.value)}Ω ±${tolerance.value}%`;
}
@@ -107,25 +136,49 @@ function convertNotationToNumber() {
notationToNumberResult.value = notationToValue(notationToNumberInput.value);
}
catch (e: any) {
- notationToNumberError.value = `Invalid notation format: ${e.toString()}`;
+ notationToNumberError.value = t('tools.resistor-calculator.texts.error-invalid-notation-format', {
+ error: e.toString(),
+ });
}
}
function getColorHex(color: string) {
- const map = { black: '#000000', brown: '#8B4513', red: '#FF0000', orange: '#FFA500', yellow: '#FFFF00', green: '#008000', blue: '#0000FF', violet: '#8A2BE2', gray: '#808080', white: '#FFFFFF', gold: '#FFD700', silver: '#C0C0C0' };
+ const map = {
+ black: '#000000',
+ brown: '#8B4513',
+ red: '#FF0000',
+ orange: '#FFA500',
+ yellow: '#FFFF00',
+ green: '#008000',
+ blue: '#0000FF',
+ violet: '#8A2BE2',
+ gray: '#808080',
+ white: '#FFFFFF',
+ gold: '#FFD700',
+ silver: '#C0C0C0',
+ };
return map[color as keyof typeof map] || '#ccc';
}
-
+
-
-
+
- Valid colors: {{ validColors.join(', ') }}
+ {{ t('tools.resistor-calculator.texts.label-valid-colors') }} {{ validColors.join(', ') }}
@@ -135,9 +188,20 @@ function getColorHex(color: string) {
{{ bandsError }}
-
-
+
{{ color }}
@@ -186,9 +250,19 @@ function getColorHex(color: string) {
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -197,9 +271,20 @@ function getColorHex(color: string) {
{{ notationError }}
-
-
+
{{ color }}
@@ -248,9 +333,18 @@ function getColorHex(color: string) {
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -259,12 +353,20 @@ function getColorHex(color: string) {
{{ numberError }}
-
-
-
+
{{ t('tools.resistor-calculator.texts.tag-convert') }}
@@ -273,7 +375,12 @@ function getColorHex(color: string) {
{{ notationToNumberError }}
-
diff --git a/src/tools/rsvp-reader/rsvp-reader.vue b/src/tools/rsvp-reader/rsvp-reader.vue
index aee763ca61..a1c8912318 100644
--- a/src/tools/rsvp-reader/rsvp-reader.vue
+++ b/src/tools/rsvp-reader/rsvp-reader.vue
@@ -77,7 +77,7 @@ function computeDelayForWord(word: string): number {
function start() {
if (!words.value.length) {
- message.warning(t('tools.rsvp-reader.text.please-provide-some-text-first'));
+ message.warning('Please provide some text first.');
return;
}
isPlaying.value = true;
@@ -108,7 +108,8 @@ function scheduleNext() {
if (next < words.value.length) {
currentIndex.value = next;
scheduleNext();
- } else {
+ }
+ else {
isPlaying.value = false;
clearTimer();
}
@@ -162,8 +163,9 @@ async function onUpload(file: File) {
return;
}
- message.error(t('tools.rsvp-reader.text.unsupported-file-type'));
- } catch (err) {
+ message.error('Unsupported file type.');
+ }
+ catch (err) {
message.error(`Failed to parse file: ${err}`);
}
isProcessingFile.value = false;
@@ -175,7 +177,8 @@ function handleKeydown(e: KeyboardEvent) {
e.preventDefault();
if (isPlaying.value) {
pause();
- } else {
+ }
+ else {
start();
}
}
@@ -251,7 +254,7 @@ onBeforeUnmount(() => {
-
+
{{ t('tools.rsvp-reader.texts.tag-no-text-to-read-please-input-some-text-in-text-tab') }}
@@ -276,7 +279,7 @@ onBeforeUnmount(() => {
{
letterSpacing: '0.05em',
}"
>
- {{ currentChunk || t('tools.rsvp-reader.text.ready') }}
+ {{ currentChunk || 'Ready' }}
- {{ currentIndex + 1 }} / {{ words.length }} {{ t('tools.rsvp-reader.text.words') }} -
- {{ wpm }} {{ t('tools.rsvp-reader.text.wpm') }}
+ {{ currentIndex + 1 }} / {{ words.length }} words {{ t('tools.rsvp-reader.texts.tag-')
+ }}{{ wpm }} WPM
-
+
+ {{ t('tools.password-generator.texts.button-copy') }}
+
+
+ {{ t('tools.password-generator.texts.button-refresh') }}
+
+
+
-
-
-
- {{ $t('tools.potrace.texts.interpolate') }}
-
-
-
+
-
- {{ t('tools.potrace.texts.button-trace') }}
-
-
-
-
-
-
-
-
diff --git a/src/tools/qr-code-decoder/qr-code-decoder.service.ts b/src/tools/qr-code-decoder/qr-code-decoder.service.ts
index 1ce50cc404..ff271cd43a 100644
--- a/src/tools/qr-code-decoder/qr-code-decoder.service.ts
+++ b/src/tools/qr-code-decoder/qr-code-decoder.service.ts
@@ -1,17 +1,15 @@
import ICAL from 'ical.js';
import { URI as OTPURI } from 'otpauth-migration';
-import { translate as t } from '@/plugins/i18n.plugin';
-
interface OTPAuthURI {
- type: string
+ type: string;
label: {
- issuer?: string
- account?: string
- raw: string
- }
- params: Record
+
+ {{ t('tools.potrace.texts.tag-posterize') }}
+
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
+
+
{{ t('tools.potrace.texts.tag-potrace-result') }}
+
+ ![]()
+
+