Merge c8f9ae3441 into a250e9845a

Translations update from Hosted Weblate

src/App.vue

@@ -9,6 +9,7 @@
             </router-view>
         </div>
 
+        <ReloadPrompt />
         <FooterComponent />
     </div>
 </template>
@@ -16,6 +17,7 @@
 <script>
 import NavBar from "./components/NavBar.vue";
 import FooterComponent from "./components/FooterComponent.vue";
+import ReloadPrompt from "./components/ReloadPrompt.vue";
 
 const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
 
@@ -23,6 +25,7 @@ export default {
     components: {
         NavBar,
         FooterComponent,
+        ReloadPrompt,
     },
     data() {
         return {

src/components/ReloadPrompt.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { useRegisterSW } from "virtual:pwa-register/vue";
+
+const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW();
+
+const close = async () => {
+    offlineReady.value = false;
+    needRefresh.value = false;
+};
+</script>
+
+<template>
+    <div v-if="offlineReady || needRefresh" class="pwa-toast" role="alert">
+        <div class="message">
+            <span v-if="offlineReady"> App ready to work offline </span>
+            <span v-else> New content available, click on reload button to update. </span>
+        </div>
+        <button v-if="needRefresh" @click="updateServiceWorker()">Reload</button>
+        <button @click="close">Close</button>
+    </div>
+</template>
+
+<style>
+.pwa-toast {
+    @apply fixed right-0 bottom-0 m-4 p-3 border border-gray-500 rounded shadow bg-white text-gray-700;
+}
+.pwa-toast .message {
+    @apply margin-bottom-2;
+}
+.pwa-toast button {
+    @apply border border-solid border-gray-500 rounded px-2 py-1;
+}
+</style>

src/locales/hu.json

@@ -152,7 +152,11 @@
         "customize": "Testreszab",
         "invalid_url": "Érvénytelen URL!",
         "add": "Hozzáadás",
-        "delete_group_confirm": "Törli ezt a csoportot?"
+        "delete_group_confirm": "Törli ezt a csoportot?",
+        "creator_replied": "A készítő válaszolt",
+        "creator_liked": "A készítő kedvelte",
+        "playback_speed": "Visszajátszási sebesség",
+        "invalid_input": "Érvénytelen bevitel"
     },
     "video": {
         "ratings_disabled": "Értékelések Letiltva",

src/locales/pl.json

@@ -158,7 +158,9 @@
         "add": "Dodaj",
         "delete_group_confirm": "Usunąć tę grupę?",
         "creator_replied": "Twórca odpowiedział",
-        "creator_liked": "Twórca polubił"
+        "creator_liked": "Twórca polubił",
+        "invalid_input": "Nieprawidłowe dane wejściowe",
+        "playback_speed": "Szybkość odtwarzania"
     },
     "comment": {
         "pinned_by": "Przypięty przez {author}",

src/locales/ru.json

@@ -155,7 +155,12 @@
         "concurrent_prefetch_limit": "Предел одновременной предзагрузки трансляций",
         "customize": "Персонализация",
         "invalid_url": "Неправильная ссылка!",
-        "add": "Добавить"
+        "add": "Добавить",
+        "creator_replied": "Ответ автора",
+        "creator_liked": "Автор оценил",
+        "playback_speed": "Скорость воспроизведения",
+        "invalid_input": "Некорректный ввод",
+        "delete_group_confirm": "Удалить группу?"
     },
     "comment": {
         "pinned_by": "Закреплено пользователем {author}",

src/locales/sr.json

@@ -148,7 +148,11 @@
         "invalid_url": "Неважећа URL адреса!",
         "add": "Додај",
         "customize": "Прилагоди",
-        "delete_group_confirm": "Избрисати ову групу?"
+        "delete_group_confirm": "Избрисати ову групу?",
+        "creator_replied": "Креатор је одговорио",
+        "creator_liked": "Креатор је лајковао",
+        "invalid_input": "Неважећи унос",
+        "playback_speed": "Брзина репродукције"
     },
     "preferences": {
         "instance_locations": "Локације инстанце",

src/locales/tr.json

@@ -132,7 +132,11 @@
         "invalid_url": "Geçersiz URL!",
         "customize": "Özelleştir",
         "add": "Ekle",
-        "delete_group_confirm": "Bu grup silinsin mi?"
+        "delete_group_confirm": "Bu grup silinsin mi?",
+        "creator_replied": "Oluşturan yanıtladı",
+        "creator_liked": "Oluşturan beğendi",
+        "playback_speed": "Oynatma hızı",
+        "invalid_input": "Geçersiz giriş"
     },
     "player": {
         "watch_on": "{0} üzerinde görüntüle",

src/locales/uk.json

@@ -142,7 +142,11 @@
         "customize": "Налаштувати",
         "invalid_url": "Неправильна URL-адреса!",
         "add": "Додати",
-        "delete_group_confirm": "Видалити цю групу?"
+        "delete_group_confirm": "Видалити цю групу?",
+        "creator_replied": "Відповідь творця",
+        "creator_liked": "Творець уподобав(-ла)",
+        "invalid_input": "Неналежний ввід",
+        "playback_speed": "Швидкість відтворення"
     },
     "titles": {
         "register": "Реєстрація",

src/main.js

@@ -15,8 +15,6 @@ import "uno.css";
 
 const timeAgo = new TimeAgo("en-US");
 
-import("./registerServiceWorker");
-
 const mixin = {
     methods: {
         timeFormat: function (duration) {

src/registerServiceWorker.js

@@ -1,7 +0,0 @@
-/* eslint-disable no-console */
-
-import { registerSW } from "virtual:pwa-register";
-
-if (process.env.NODE_ENV === "production") {
-    registerSW();
-}

vite.config.js

@@ -19,7 +19,7 @@ export default defineConfig({
             targets: ["defaults", "not IE 11"],
         }),
         VitePWA({
-            registerType: "autoUpdate",
+            registerType: "prompt",
             workbox: {
                 globPatterns: [
                     "**/*.{css,html}",