1.2.0

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "vue-nonograms-solid",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-nonograms-solid",
-      "version": "1.0.2",
+      "version": "1.2.0",
       "dependencies": {
         "fireworks-js": "^2.10.8",
         "flag-icons": "^7.5.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-nonograms-solid",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.vue

@@ -9,6 +9,7 @@ import GuidePanel from './components/GuidePanel.vue';
 import WinModal from './components/WinModal.vue';
 import CustomGameModal from './components/CustomGameModal.vue';
 import FixedBar from './components/FixedBar.vue';
+import ReloadPrompt from './components/ReloadPrompt.vue';
 
 // Main App Entry
 const store = usePuzzleStore();
@@ -173,6 +174,7 @@ onUnmounted(() => {
     <Teleport to="body">
       <WinModal v-if="store.isGameWon" />
       <CustomGameModal v-if="showCustomModal" @close="showCustomModal = false" />
+      <ReloadPrompt />
     </Teleport>
   </main>
 </template>

src/components/CustomGameModal.vue

@@ -1,13 +1,15 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { usePuzzleStore } from '@/stores/puzzle';
 import { useI18n } from '@/composables/useI18n';
+import { calculateDifficulty } from '@/utils/puzzleUtils';
 
 const emit = defineEmits(['close']);
 const store = usePuzzleStore();
 const { t } = useI18n();
 
 const customSize = ref(10);
+const fillRate = ref(50);
 const errorMsg = ref('');
 
 const snapToStep = (value, step) => {
@@ -19,6 +21,20 @@ const handleSnap = () => {
   customSize.value = snapToStep(Number(customSize.value), 5);
 };
 
+const difficultyLevel = computed(() => {
+  return calculateDifficulty(fillRate.value / 100);
+});
+
+const difficultyColor = computed(() => {
+  switch(difficultyLevel.value) {
+    case 'extreme': return '#ff3333';
+    case 'hardest': return '#ff9933';
+    case 'harder': return '#ffff33';
+    case 'easy': return '#33ff33';
+    default: return '#33ff33';
+  }
+});
+
 const confirm = () => {
   const size = parseInt(customSize.value);
   if (isNaN(size) || size < 5 || size > 80) {
@@ -26,7 +42,7 @@ const confirm = () => {
     return;
   }
   
-  store.initCustomGame(size);
+  store.initCustomGame(size, fillRate.value / 100);
   emit('close');
 };
 </script>
@@ -52,6 +68,29 @@ const confirm = () => {
           <span>80</span>
         </div>
       </div>
+
+      <p>{{ t('custom.fillRate') }}</p>
+      <div class="input-group">
+        <div class="range-value">{{ fillRate }}%</div>
+        <input 
+          type="range" 
+          v-model="fillRate" 
+          min="10" 
+          max="90"
+          step="5"
+        />
+        <div class="range-scale">
+          <span>10%</span>
+          <span>90%</span>
+        </div>
+      </div>
+
+      <div class="difficulty-indicator">
+        <span class="label">{{ t('custom.difficulty') }}:</span>
+        <span class="value" :style="{ color: difficultyColor }">
+          {{ t(`difficulty.${difficultyLevel}`) }}
+        </span>
+      </div>
       
       <p v-if="errorMsg" class="error">{{ errorMsg }}</p>
 
@@ -87,6 +126,7 @@ const confirm = () => {
   border: 1px solid var(--accent-cyan);
   box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
   animation: slideUp 0.3s ease;
+  transition: all 0.3s ease-in-out;
 }
 
 h2 {
@@ -161,6 +201,31 @@ input[type="range"]::-moz-range-thumb {
     font-size: 0.85rem;
 }
 
+.difficulty-indicator {
+    margin: 20px 0;
+    font-size: 1.2rem;
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+    align-items: center;
+    white-space: nowrap;
+    height: 1.5em; /* Reserve space for one line of text */
+}
+
+.difficulty-indicator .label {
+    color: var(--text-color);
+}
+
+.difficulty-indicator .value {
+    font-weight: bold;
+    text-transform: uppercase;
+    text-shadow: 0 0 10px currentColor;
+    transition: color 0.3s ease;
+    display: inline-block;
+    min-width: 120px; /* Reserve space for longest text */
+    text-align: left;
+}
+
 .error {
     color: #ff4d4d;
     font-size: 0.9rem;

src/components/ReloadPrompt.vue

@@ -0,0 +1,110 @@
+<script setup>
+import { useRegisterSW } from 'virtual:pwa-register/vue'
+import { useI18n } from '@/composables/useI18n'
+
+const { t } = useI18n()
+
+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">
+        {{ t('pwa.offlineReady') }}
+      </span>
+      <span v-else>
+        {{ t('pwa.newContent') }}
+      </span>
+    </div>
+    <div class="buttons">
+      <button v-if="needRefresh" class="btn-neon small" @click="updateServiceWorker()">
+        {{ t('pwa.reload') }}
+      </button>
+      <button class="close-btn" @click="close">
+        {{ t('pwa.close') }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.pwa-toast {
+  position: fixed;
+  right: 0;
+  bottom: 60px; /* Above the footer */
+  margin: 16px;
+  padding: 15px;
+  border: 1px solid var(--banner-border);
+  background: var(--banner-bg);
+  border-radius: 12px;
+  z-index: 2000;
+  text-align: left;
+  box-shadow: var(--banner-shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  backdrop-filter: blur(10px);
+  color: var(--text-color);
+  max-width: 320px;
+  animation: slideIn 0.3s ease-out;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.message {
+  font-size: 0.95rem;
+  line-height: 1.4;
+}
+
+.buttons {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: 5px;
+}
+
+.close-btn {
+    background: transparent;
+    border: 1px solid var(--text-muted);
+    color: var(--text-muted);
+    padding: 6px 12px;
+    border-radius: 20px;
+    cursor: pointer;
+    font-size: 0.85rem;
+    transition: all 0.2s;
+}
+
+.close-btn:hover {
+    border-color: var(--text-color);
+    color: var(--text-color);
+}
+
+.btn-neon.small {
+    padding: 6px 16px;
+    font-size: 0.85rem;
+}
+</style>

src/components/WinModal.vue

@@ -7,6 +7,7 @@ import { useTimer } from '@/composables/useTimer';
 import xIcon from '@/assets/brands/x.svg';
 import facebookIcon from '@/assets/brands/facebook.svg';
 import whatsappIcon from '@/assets/brands/whatsapp.svg';
+import { calculateDifficulty } from '@/utils/puzzleUtils';
 
 const store = usePuzzleStore();
 const { t } = useI18n();
@@ -88,8 +89,9 @@ const buildShareCanvas = () => {
   const padding = 28;
   const headerHeight = 64;
   const footerHeight = 28;
+  const infoHeight = 40; // New space for difficulty/guide info
   const width = boardSize + padding * 2;
-  const height = boardSize + padding * 2 + headerHeight + footerHeight;
+  const height = boardSize + padding * 2 + headerHeight + footerHeight + infoHeight;
   const scale = window.devicePixelRatio || 1;
   const canvas = document.createElement('canvas');
   canvas.width = width * scale;
@@ -109,6 +111,24 @@ const buildShareCanvas = () => {
   ctx.fillText(t('app.title'), padding, padding + 10);
   ctx.font = '600 16px "Segoe UI", sans-serif';
   ctx.fillText(`${t('win.time')} ${formattedTime.value}`, padding, padding + 34);
+  
+  // Difficulty & Density Info
+  const densityPercent = Math.round(store.currentDensity * 100);
+  const difficultyKey = calculateDifficulty(store.currentDensity);
+  let diffColor = '#33ff33';
+  if (difficultyKey === 'extreme') diffColor = '#ff3333';
+  else if (difficultyKey === 'hardest') diffColor = '#ff9933';
+  else if (difficultyKey === 'harder') diffColor = '#ffff33';
+  
+  const difficultyText = t(`difficulty.${difficultyKey}`);
+  ctx.font = '600 14px "Segoe UI", sans-serif';
+  
+  // Right aligned difficulty info
+  const diffLabel = `${t('win.difficulty')} ${difficultyText} (${densityPercent}%)`;
+  const diffWidth = ctx.measureText(diffLabel).width;
+  ctx.fillStyle = diffColor;
+  ctx.fillText(diffLabel, width - padding - diffWidth, padding + 34);
+
   const gridX = padding;
   const gridY = padding + headerHeight;
   ctx.fillStyle = 'rgba(255, 255, 255, 0.06)';
@@ -152,6 +172,15 @@ const buildShareCanvas = () => {
       }
     }
   }
+
+  // Guide Usage Info (Dirty Flag)
+  if (store.guideUsageCount > 0) {
+      ctx.fillStyle = '#ff4d4d';
+      ctx.font = '600 14px "Segoe UI", sans-serif';
+      const guideText = t('win.usedGuide', { count: store.guideUsageCount });
+      ctx.fillText(`⚠️ ${guideText}`, padding, height - padding - footerHeight + 10);
+  }
+
   ctx.fillStyle = 'rgba(255, 255, 255, 0.75)';
   ctx.font = '500 14px "Segoe UI", sans-serif';
   ctx.fillText(appUrl, padding, height - padding + 6);

src/composables/useI18n.js

@@ -29,6 +29,12 @@ const messages = {
     'custom.cancel': 'Anuluj',
     'custom.start': 'Start',
     'custom.sizeError': 'Rozmiar musi być między 5 a 80!',
+    'custom.fillRate': 'Wypełnienie',
+    'custom.difficulty': 'Poziom trudności',
+    'difficulty.easy': 'Łatwy',
+    'difficulty.harder': 'Trudniejszy',
+    'difficulty.hardest': 'Najtrudniejszy',
+    'difficulty.extreme': 'Ekstremalny',
     'win.title': 'GRATULACJE!',
     'win.message': 'Rozwiązałeś zagadkę!',
     'win.time': 'Czas:',
@@ -39,9 +45,15 @@ const messages = {
     'win.shareFacebook': 'Facebook',
     'win.shareWhatsapp': 'WhatsApp',
     'win.shareDownload': 'Pobierz zrzut',
+    'win.difficulty': 'Poziom:',
+    'win.usedGuide': 'Użyto podpowiedzi: {count}',
     'pwa.installTitle': 'Zainstaluj aplikację i graj offline',
     'pwa.installMobile': 'Dodaj do ekranu głównego',
     'pwa.installDesktop': 'Zainstaluj na komputerze',
+    'pwa.offlineReady': 'Aplikacja gotowa do pracy offline',
+    'pwa.newContent': 'Dostępna nowa wersja, odśwież aby zaktualizować',
+    'pwa.reload': 'Odśwież',
+    'pwa.close': 'Zamknij',
     'language.label': 'Wybór języka',
     'language.pl': 'Polski',
     'language.en': 'Angielski',
@@ -124,6 +136,12 @@ const messages = {
     'custom.cancel': 'Cancel',
     'custom.start': 'Start',
     'custom.sizeError': 'Size must be between 5 and 80!',
+    'custom.fillRate': 'Fill Rate',
+    'custom.difficulty': 'Difficulty',
+    'difficulty.easy': 'Easy',
+    'difficulty.harder': 'Harder',
+    'difficulty.hardest': 'Hardest',
+    'difficulty.extreme': 'Extreme',
     'win.title': 'CONGRATULATIONS!',
     'win.message': 'You solved the puzzle!',
     'win.time': 'Time:',
@@ -134,9 +152,15 @@ const messages = {
     'win.shareFacebook': 'Facebook',
     'win.shareWhatsapp': 'WhatsApp',
     'win.shareDownload': 'Download screenshot',
+    'win.difficulty': 'Difficulty:',
+    'win.usedGuide': 'Guide used: {count}',
     'pwa.installTitle': 'Install the app and play offline',
     'pwa.installMobile': 'Add to home screen',
     'pwa.installDesktop': 'Install on desktop',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Language selection',
     'language.pl': 'Polish',
     'language.en': 'English',
@@ -284,6 +308,10 @@ const messages = {
     'pwa.installTitle': '安装应用并离线游玩',
     'pwa.installMobile': '添加到主屏幕',
     'pwa.installDesktop': '安装到桌面',
+    'pwa.offlineReady': '应用已准备好离线工作',
+    'pwa.newContent': '有新内容可用，点击重新加载以更新',
+    'pwa.reload': '重新加载',
+    'pwa.close': '关闭',
     'language.label': '语言选择',
     'language.pl': '波兰语',
     'language.en': '英语',
@@ -347,6 +375,10 @@ const messages = {
     'pwa.installTitle': '安裝應用並離線遊玩',
     'pwa.installMobile': '添加到主屏幕',
     'pwa.installDesktop': '安裝到桌面',
+    'pwa.offlineReady': '應用程式已準備好離線工作',
+    'pwa.newContent': '有新內容可用，點擊重新加載以更新',
+    'pwa.reload': '重新加載',
+    'pwa.close': '關閉',
     'language.label': '語言選擇',
     'language.pl': '波蘭語',
     'language.en': '英語',
@@ -410,6 +442,10 @@ const messages = {
     'pwa.installTitle': 'ऐप इंस्टॉल करें और ऑफलाइन खेलें',
     'pwa.installMobile': 'होम स्क्रीन पर जोड़ें',
     'pwa.installDesktop': 'डेस्कटॉप पर इंस्टॉल करें',
+    'pwa.offlineReady': 'ऐप ऑफ़लाइन काम करने के लिए तैयार है',
+    'pwa.newContent': 'नई सामग्री उपलब्ध है, अपडेट करने के लिए रीलोड बटन पर क्लिक करें',
+    'pwa.reload': 'रीलोड',
+    'pwa.close': 'बंद करें',
     'language.label': 'भाषा चयन',
     'language.pl': 'पोलिश',
     'language.en': 'अंग्रेज़ी',
@@ -472,6 +508,10 @@ const messages = {
     'pwa.installTitle': 'Instala la app y juega sin conexión',
     'pwa.installMobile': 'Agregar a la pantalla de inicio',
     'pwa.installDesktop': 'Instalar en el escritorio',
+    'pwa.offlineReady': 'Aplicación lista para trabajar sin conexión',
+    'pwa.newContent': 'Nuevo contenido disponible, haz clic en recargar para actualizar',
+    'pwa.reload': 'Recargar',
+    'pwa.close': 'Cerrar',
     'language.label': 'Selección de idioma',
     'language.pl': 'Polaco',
     'language.en': 'Inglés',
@@ -534,6 +574,10 @@ const messages = {
     'pwa.installTitle': 'Installez l’app et jouez hors ligne',
     'pwa.installMobile': 'Ajouter à l’écran d’accueil',
     'pwa.installDesktop': 'Installer sur le bureau',
+    'pwa.offlineReady': 'Application prête à fonctionner hors ligne',
+    'pwa.newContent': 'Nouveau contenu disponible, cliquez sur recharger pour mettre à jour',
+    'pwa.reload': 'Recharger',
+    'pwa.close': 'Fermer',
     'language.label': 'Choix de la langue',
     'language.pl': 'Polonais',
     'language.en': 'Anglais',
@@ -596,6 +640,10 @@ const messages = {
     'pwa.installTitle': 'ثبّت التطبيق والعب دون اتصال',
     'pwa.installMobile': 'أضف إلى الشاشة الرئيسية',
     'pwa.installDesktop': 'التثبيت على سطح المكتب',
+    'pwa.offlineReady': 'التطبيق جاهز للعمل دون اتصال',
+    'pwa.newContent': 'محتوى جديد متوفر، انقر على زر إعادة التحميل للتحديث',
+    'pwa.reload': 'إعادة تحميل',
+    'pwa.close': 'إغلاق',
     'language.label': 'اختيار اللغة',
     'language.pl': 'البولندية',
     'language.en': 'الإنجليزية',
@@ -658,6 +706,10 @@ const messages = {
     'pwa.installTitle': 'অ্যাপটি ইনস্টল করে অফলাইনে খেলুন',
     'pwa.installMobile': 'হোম স্ক্রিনে যোগ করুন',
     'pwa.installDesktop': 'ডেস্কটপে ইনস্টল করুন',
+    'pwa.offlineReady': 'অ্যাপটি অফলাইনে কাজ করার জন্য প্রস্তুত',
+    'pwa.newContent': 'নতুন কন্টেন্ট উপলব্ধ, আপডেট করতে রিলোড বাটনে ক্লিক করুন',
+    'pwa.reload': 'রিলোড',
+    'pwa.close': 'বন্ধ করুন',
     'language.label': 'ভাষা নির্বাচন',
     'language.pl': 'পোলিশ',
     'language.en': 'ইংরেজি',
@@ -720,6 +772,10 @@ const messages = {
     'pwa.installTitle': 'Установите приложение и играйте офлайн',
     'pwa.installMobile': 'Добавить на главный экран',
     'pwa.installDesktop': 'Установить на компьютер',
+    'pwa.offlineReady': 'Приложение готово к работе офлайн',
+    'pwa.newContent': 'Доступен новый контент, нажмите перезагрузить для обновления',
+    'pwa.reload': 'Перезагрузить',
+    'pwa.close': 'Закрыть',
     'language.label': 'Выбор языка',
     'language.pl': 'Польский',
     'language.en': 'Английский',
@@ -782,6 +838,10 @@ const messages = {
     'pwa.installTitle': 'Instale o app e jogue offline',
     'pwa.installMobile': 'Adicionar à tela inicial',
     'pwa.installDesktop': 'Instalar no desktop',
+    'pwa.offlineReady': 'App pronto para funcionar offline',
+    'pwa.newContent': 'Novo conteúdo disponível, clique em recarregar para atualizar',
+    'pwa.reload': 'Recarregar',
+    'pwa.close': 'Fechar',
     'language.label': 'Seleção de idioma',
     'language.pl': 'Polonês',
     'language.en': 'Inglês',
@@ -844,6 +904,10 @@ const messages = {
     'pwa.installTitle': 'ایپ انسٹال کریں اور آف لائن کھیلیں',
     'pwa.installMobile': 'ہوم اسکرین پر شامل کریں',
     'pwa.installDesktop': 'ڈیسک ٹاپ پر انسٹال کریں',
+    'pwa.offlineReady': 'ایپ آف لائن کام کرنے کے لیے تیار ہے',
+    'pwa.newContent': 'نیا مواد دستیاب ہے، اپ ڈیٹ کرنے کے لیے ری لوڈ بٹن پر کلک کریں',
+    'pwa.reload': 'ری لوڈ',
+    'pwa.close': 'بند کریں',
     'language.label': 'زبان کا انتخاب',
     'language.pl': 'پولش',
     'language.en': 'انگریزی',
@@ -907,6 +971,10 @@ const messages = {
     'pwa.installTitle': 'App installieren und offline spielen',
     'pwa.installMobile': 'Zum Startbildschirm hinzufügen',
     'pwa.installDesktop': 'Auf dem Desktop installieren',
+    'pwa.offlineReady': 'App ist bereit für den Offline-Betrieb',
+    'pwa.newContent': 'Neuer Inhalt verfügbar, klicken Sie auf Neu laden zum Aktualisieren',
+    'pwa.reload': 'Neu laden',
+    'pwa.close': 'Schließen',
     'language.label': 'Sprachauswahl',
     'language.pl': 'Polnisch',
     'language.en': 'Englisch',
@@ -969,6 +1037,10 @@ const messages = {
     'pwa.installTitle': 'Installa l’app e gioca offline',
     'pwa.installMobile': 'Aggiungi alla schermata Home',
     'pwa.installDesktop': 'Installa sul desktop',
+    'pwa.offlineReady': 'App pronta per lavorare offline',
+    'pwa.newContent': 'Nuovo contenuto disponibile, clicca su ricarica per aggiornare',
+    'pwa.reload': 'Ricarica',
+    'pwa.close': 'Chiudi',
     'language.label': 'Selezione lingua',
     'language.pl': 'Polacco',
     'language.en': 'Inglese',
@@ -1031,6 +1103,10 @@ const messages = {
     'pwa.installTitle': 'Installeer de app en speel offline',
     'pwa.installMobile': 'Toevoegen aan beginscherm',
     'pwa.installDesktop': 'Installeren op desktop',
+    'pwa.offlineReady': 'App klaar voor offline gebruik',
+    'pwa.newContent': 'Nieuwe inhoud beschikbaar, klik op herladen om bij te werken',
+    'pwa.reload': 'Herladen',
+    'pwa.close': 'Sluiten',
     'language.label': 'Taalkeuze',
     'language.pl': 'Pools',
     'language.en': 'Engels',
@@ -1093,6 +1169,10 @@ const messages = {
     'pwa.installTitle': 'Installera appen och spela offline',
     'pwa.installMobile': 'Lägg till på hemskärm',
     'pwa.installDesktop': 'Installera på skrivbordet',
+    'pwa.offlineReady': 'Appen är redo att användas offline',
+    'pwa.newContent': 'Nytt innehåll tillgängligt, klicka på ladda om för att uppdatera',
+    'pwa.reload': 'Ladda om',
+    'pwa.close': 'Stäng',
     'language.label': 'Språkval',
     'theme.label': 'Tema',
     'theme.system': 'System',
@@ -1144,6 +1224,10 @@ const messages = {
     'pwa.installTitle': 'Installer appen og spil offline',
     'pwa.installMobile': 'Føj til hjemmeskærm',
     'pwa.installDesktop': 'Installer på desktop',
+    'pwa.offlineReady': 'Appen er klar til offline brug',
+    'pwa.newContent': 'Nyt indhold tilgængeligt, klik på genindlæs for at opdatere',
+    'pwa.reload': 'Genindlæs',
+    'pwa.close': 'Luk',
     'language.label': 'Sprogvalg',
     'theme.label': 'Tema',
     'theme.system': 'System',
@@ -1195,6 +1279,10 @@ const messages = {
     'pwa.installTitle': 'Asenna sovellus ja pelaa offline-tilassa',
     'pwa.installMobile': 'Lisää aloitusnäyttöön',
     'pwa.installDesktop': 'Asenna työpöydälle',
+    'pwa.offlineReady': 'Sovellus valmis offline-käyttöön',
+    'pwa.newContent': 'Uutta sisältöä saatavilla, päivitä napsauttamalla lataa uudelleen',
+    'pwa.reload': 'Lataa uudelleen',
+    'pwa.close': 'Sulje',
     'language.label': 'Kielen valinta',
     'theme.label': 'Teema',
     'theme.system': 'Järjestelmä',
@@ -1246,6 +1334,10 @@ const messages = {
     'pwa.installTitle': 'Installer appen og spill offline',
     'pwa.installMobile': 'Legg til på hjemskjerm',
     'pwa.installDesktop': 'Installer på desktop',
+    'pwa.offlineReady': 'Appen er klar for offline bruk',
+    'pwa.newContent': 'Nytt innhold tilgjengelig, klikk på last inn på nytt for å oppdatere',
+    'pwa.reload': 'Last inn på nytt',
+    'pwa.close': 'Lukk',
     'language.label': 'Språkvalg',
     'theme.label': 'Tema',
     'theme.system': 'System',
@@ -1297,6 +1389,10 @@ const messages = {
     'pwa.installTitle': 'Nainstalujte aplikaci a hrajte offline',
     'pwa.installMobile': 'Přidat na domovskou obrazovku',
     'pwa.installDesktop': 'Nainstalovat na desktop',
+    'pwa.offlineReady': 'Aplikace připravena k použití offline',
+    'pwa.newContent': 'Nový obsah k dispozici, klikněte na obnovit pro aktualizaci',
+    'pwa.reload': 'Obnovit',
+    'pwa.close': 'Zavřít',
     'language.label': 'Výběr jazyka',
     'theme.label': 'Téma',
     'theme.system': 'Systém',
@@ -1348,6 +1444,10 @@ const messages = {
     'pwa.installTitle': 'Nainštalujte aplikáciu a hrajte offline',
     'pwa.installMobile': 'Pridať na domovskú obrazovku',
     'pwa.installDesktop': 'Nainštalovať na desktop',
+    'pwa.offlineReady': 'Aplikácia pripravená na použitie offline',
+    'pwa.newContent': 'Nový obsah k dispozícii, kliknite na obnoviť pre aktualizáciu',
+    'pwa.reload': 'Obnoviť',
+    'pwa.close': 'Zavrieť',
     'language.label': 'Voľba jazyka',
     'theme.label': 'Téma',
     'theme.system': 'Systém',
@@ -1399,6 +1499,10 @@ const messages = {
     'pwa.installTitle': 'Telepítsd az alkalmazást és játssz offline',
     'pwa.installMobile': 'Hozzáadás a kezdőképernyőhöz',
     'pwa.installDesktop': 'Telepítés az asztalra',
+    'pwa.offlineReady': 'Az alkalmazás offline használatra kész',
+    'pwa.newContent': 'Új tartalom érhető el, kattintson az újratöltés gombra a frissítéshez',
+    'pwa.reload': 'Újratöltés',
+    'pwa.close': 'Bezárás',
     'language.label': 'Nyelvválasztás',
     'theme.label': 'Téma',
     'theme.system': 'Rendszer',
@@ -1450,6 +1554,10 @@ const messages = {
     'pwa.installTitle': 'Instalează aplicația și joacă offline',
     'pwa.installMobile': 'Adaugă pe ecranul principal',
     'pwa.installDesktop': 'Instalează pe desktop',
+    'pwa.offlineReady': 'Aplicația este gata de utilizare offline',
+    'pwa.newContent': 'Conținut nou disponibil, faceți clic pe reîncărcare pentru actualizare',
+    'pwa.reload': 'Reîncărcare',
+    'pwa.close': 'Închide',
     'language.label': 'Selectare limbă',
     'theme.label': 'Temă',
     'theme.system': 'Sistem',
@@ -1501,6 +1609,10 @@ const messages = {
     'pwa.installTitle': 'Инсталирай приложението и играй офлайн',
     'pwa.installMobile': 'Добави към начален екран',
     'pwa.installDesktop': 'Инсталирай на десктоп',
+    'pwa.offlineReady': 'Приложението е готово за работа офлайн',
+    'pwa.newContent': 'Налично е ново съдържание, щракнете върху презареждане за актуализация',
+    'pwa.reload': 'Презареди',
+    'pwa.close': 'Затвори',
     'language.label': 'Избор на език',
     'theme.label': 'Тема',
     'theme.system': 'Система',
@@ -1552,6 +1664,10 @@ const messages = {
     'pwa.installTitle': 'Εγκαταστήστε την εφαρμογή και παίξτε offline',
     'pwa.installMobile': 'Προσθήκη στην αρχική οθόνη',
     'pwa.installDesktop': 'Εγκατάσταση στην επιφάνεια εργασίας',
+    'pwa.offlineReady': 'Η εφαρμογή είναι έτοιμη για χρήση εκτός σύνδεσης',
+    'pwa.newContent': 'Διαθέσιμο νέο περιεχόμενο, κάντε κλικ στην επαναφόρτωση για ενημέρωση',
+    'pwa.reload': 'Επαναφόρτωση',
+    'pwa.close': 'Κλείσιμο',
     'language.label': 'Επιλογή γλώσσας',
     'theme.label': 'Θέμα',
     'theme.system': 'Σύστημα',
@@ -1603,6 +1719,10 @@ const messages = {
     'pwa.installTitle': 'Встановіть додаток і грайте офлайн',
     'pwa.installMobile': 'Додати на головний екран',
     'pwa.installDesktop': 'Встановити на комп’ютер',
+    'pwa.offlineReady': 'Додаток готовий до роботи офлайн',
+    'pwa.newContent': 'Доступний новий вміст, натисніть перезавантажити для оновлення',
+    'pwa.reload': 'Перезавантажити',
+    'pwa.close': 'Закрити',
     'language.label': 'Вибір мови',
     'theme.label': 'Тема',
     'theme.system': 'Система',
@@ -1654,6 +1774,10 @@ const messages = {
     'pwa.installTitle': 'Усталюйце дадатак і гуляйце офлайн',
     'pwa.installMobile': 'Дадаць на галоўны экран',
     'pwa.installDesktop': 'Усталяваць на камп’ютар',
+    'pwa.offlineReady': 'Дадатак гатовы да працы афлайн',
+    'pwa.newContent': 'Даступны новы кантэнт, націсніце перазагрузіць для абнаўлення',
+    'pwa.reload': 'Перазагрузіць',
+    'pwa.close': 'Закрыць',
     'language.label': 'Выбар мовы',
     'theme.label': 'Тэма',
     'theme.system': 'Сістэма',
@@ -1705,6 +1829,10 @@ const messages = {
     'pwa.installTitle': 'Инсталирајте апликацију и играјте офлајн',
     'pwa.installMobile': 'Додај на почетни екран',
     'pwa.installDesktop': 'Инсталирај на десктоп',
+    'pwa.offlineReady': 'Апликација спремна за рад ван мреже',
+    'pwa.newContent': 'Доступан је нови садржај, кликните на поново учитај за ажурирање',
+    'pwa.reload': 'Поново учитај',
+    'pwa.close': 'Затвори',
     'language.label': 'Избор језика',
     'theme.label': 'Тема',
     'theme.system': 'Систем',
@@ -1756,6 +1884,10 @@ const messages = {
     'pwa.installTitle': 'Instalirajte aplikaciju i igrajte offline',
     'pwa.installMobile': 'Dodaj na početni zaslon',
     'pwa.installDesktop': 'Instaliraj na desktop',
+    'pwa.offlineReady': 'Aplikacija spremna za rad izvan mreže',
+    'pwa.newContent': 'Dostupan je novi sadržaj, kliknite na ponovno učitaj za ažuriranje',
+    'pwa.reload': 'Ponovno učitaj',
+    'pwa.close': 'Zatvori',
     'language.label': 'Odabir jezika',
     'theme.label': 'Tema',
     'theme.system': 'Sustav',
@@ -1807,6 +1939,10 @@ const messages = {
     'pwa.installTitle': 'Namestite aplikacijo in igrajte brez povezave',
     'pwa.installMobile': 'Dodaj na začetni zaslon',
     'pwa.installDesktop': 'Namesti na namizje',
+    'pwa.offlineReady': 'Aplikacija pripravljena na delo brez povezave',
+    'pwa.newContent': 'Na voljo je nova vsebina, kliknite ponovno naloži za posodobitev',
+    'pwa.reload': 'Ponovno naloži',
+    'pwa.close': 'Zapri',
     'language.label': 'Izbira jezika',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -1858,6 +1994,10 @@ const messages = {
     'pwa.installTitle': 'Įdiekite programą ir žaiskite neprisijungę',
     'pwa.installMobile': 'Pridėti prie pradžios ekrano',
     'pwa.installDesktop': 'Įdiegti į darbalaukį',
+    'pwa.offlineReady': 'Programa paruošta darbui neprisijungus',
+    'pwa.newContent': 'Yra naujo turinio, spustelėkite įkelti iš naujo, kad atnaujintumėte',
+    'pwa.reload': 'Įkelti iš naujo',
+    'pwa.close': 'Uždaryti',
     'language.label': 'Kalbos pasirinkimas',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -1909,6 +2049,10 @@ const messages = {
     'pwa.installTitle': 'Instalējiet lietotni un spēlējiet bezsaistē',
     'pwa.installMobile': 'Pievienot sākuma ekrānam',
     'pwa.installDesktop': 'Instalēt uz darbvirsmas',
+    'pwa.offlineReady': 'Lietotne gatava darbam bezsaistē',
+    'pwa.newContent': 'Pieejams jauns saturs, noklikšķiniet uz pārlādēt, lai atjauninātu',
+    'pwa.reload': 'Pārlādēt',
+    'pwa.close': 'Aizvērt',
     'language.label': 'Valodas izvēle',
     'theme.label': 'Tēma',
     'theme.system': 'Sistēma',
@@ -1960,6 +2104,10 @@ const messages = {
     'pwa.installTitle': 'Installi rakendus ja mängi võrguühenduseta',
     'pwa.installMobile': 'Lisa avalehele',
     'pwa.installDesktop': 'Installi töölauale',
+    'pwa.offlineReady': 'Rakendus on võrguühenduseta kasutamiseks valmis',
+    'pwa.newContent': 'Uus sisu on saadaval, värskendamiseks klõpsake uuesti laadimist',
+    'pwa.reload': 'Laadi uuesti',
+    'pwa.close': 'Sulge',
     'language.label': 'Keele valik',
     'theme.label': 'Teema',
     'theme.system': 'Süsteem',
@@ -2011,6 +2159,10 @@ const messages = {
     'pwa.installTitle': 'Suiteáil an aip agus imir as líne',
     'pwa.installMobile': 'Cuir leis an scáileán baile',
     'pwa.installDesktop': 'Suiteáil ar an deasc',
+    'pwa.offlineReady': 'Aip réidh le húsáid as líne',
+    'pwa.newContent': 'Ábhar nua ar fáil, cliceáil ar athlódáil chun nuashonrú',
+    'pwa.reload': 'Athlódáil',
+    'pwa.close': 'Dún',
     'language.label': 'Rogha teanga',
     'theme.label': 'Téama',
     'theme.system': 'Córas',
@@ -2062,6 +2214,10 @@ const messages = {
     'pwa.installTitle': 'Settu upp appið og spilaðu án nettengingar',
     'pwa.installMobile': 'Bæta við heimaskjá',
     'pwa.installDesktop': 'Setja upp á skjáborði',
+    'pwa.offlineReady': 'Forrit tilbúið til notkunar án nettengingar',
+    'pwa.newContent': 'Nýtt efni í boði, smelltu á endurhlaða til að uppfæra',
+    'pwa.reload': 'Endurhlaða',
+    'pwa.close': 'Loka',
     'language.label': 'Val á tungumáli',
     'theme.label': 'Þema',
     'theme.system': 'Kerfi',
@@ -2113,6 +2269,10 @@ const messages = {
     'pwa.installTitle': 'Installa l-app u ilgħab offline',
     'pwa.installMobile': 'Żid mal-iskrin tad-dar',
     'pwa.installDesktop': 'Installa fuq id-desktop',
+    'pwa.offlineReady': 'App lesta biex taħdem offline',
+    'pwa.newContent': 'Kontenut ġdid disponibbli, ikklikkja fuq reload biex taġġorna',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Agħlaq',
     'language.label': 'Għażla tal-lingwa',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -2164,6 +2324,10 @@ const messages = {
     'pwa.installTitle': 'Instaloni aplikacionin dhe luani offline',
     'pwa.installMobile': 'Shto në ekranin kryesor',
     'pwa.installDesktop': 'Instalo në desktop',
+    'pwa.offlineReady': 'Aplikacioni gati për punë jashtë linje',
+    'pwa.newContent': 'Përmbajtje e re e disponueshme, klikoni ringarko për të përditësuar',
+    'pwa.reload': 'Ringarko',
+    'pwa.close': 'Mbyll',
     'language.label': 'Zgjedhja e gjuhës',
     'theme.label': 'Temë',
     'theme.system': 'Sistem',
@@ -2215,6 +2379,10 @@ const messages = {
     'pwa.installTitle': 'Инсталирај ја апликацијата и играј офлајн',
     'pwa.installMobile': 'Додај на почетен екран',
     'pwa.installDesktop': 'Инсталирај на десктоп',
+    'pwa.offlineReady': 'Апликацијата е подготвена за работа офлајн',
+    'pwa.newContent': 'Достапна е нова содржина, кликнете на вчитај повторно за ажурирање',
+    'pwa.reload': 'Вчитај повторно',
+    'pwa.close': 'Затвори',
     'language.label': 'Избор на јазик',
     'theme.label': 'Тема',
     'theme.system': 'Систем',
@@ -2266,6 +2434,10 @@ const messages = {
     'pwa.installTitle': 'Instalirajte aplikaciju i igrajte offline',
     'pwa.installMobile': 'Dodaj na početni zaslon',
     'pwa.installDesktop': 'Instaliraj na desktop',
+    'pwa.offlineReady': 'Aplikacija spremna za rad van mreže',
+    'pwa.newContent': 'Dostupan je novi sadržaj, kliknite na ponovo učitaj za ažuriranje',
+    'pwa.reload': 'Ponovo učitaj',
+    'pwa.close': 'Zatvori',
     'language.label': 'Izbor jezika',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -2317,6 +2489,10 @@ const messages = {
     'pwa.installTitle': 'Uygulamayı yükle ve çevrimdışı oyna',
     'pwa.installMobile': 'Ana ekrana ekle',
     'pwa.installDesktop': 'Masaüstüne yükle',
+    'pwa.offlineReady': 'Uygulama çevrimdışı çalışmaya hazır',
+    'pwa.newContent': 'Yeni içerik mevcut, güncellemek için yeniden yükleye tıklayın',
+    'pwa.reload': 'Yeniden yükle',
+    'pwa.close': 'Kapat',
     'language.label': 'Dil seçimi',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -2368,6 +2544,10 @@ const messages = {
     'pwa.installTitle': 'Instal·la l’app i juga sense connexió',
     'pwa.installMobile': 'Afegeix a la pantalla d’inici',
     'pwa.installDesktop': 'Instal·la al desktop',
+    'pwa.offlineReady': 'Aplicació llesta per treballar fora de línia',
+    'pwa.newContent': 'Nou contingut disponible, fes clic a recarregar per actualitzar',
+    'pwa.reload': 'Recarregar',
+    'pwa.close': 'Tancar',
     'language.label': 'Selecció d’idioma',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -2419,6 +2599,10 @@ const messages = {
     'pwa.installTitle': 'Instala a app e xoga sen conexión',
     'pwa.installMobile': 'Engadir á pantalla de inicio',
     'pwa.installDesktop': 'Instalar no escritorio',
+    'pwa.offlineReady': 'Aplicación lista para traballar sen conexión',
+    'pwa.newContent': 'Novo contido dispoñible, fai clic en recargar para actualizar',
+    'pwa.reload': 'Recargar',
+    'pwa.close': 'Pechar',
     'language.label': 'Selección de idioma',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -2470,6 +2654,10 @@ const messages = {
     'pwa.installTitle': 'Gosodwch yr app a chwarae all-lein',
     'pwa.installMobile': 'Ychwanegu at y sgrin gartref',
     'pwa.installDesktop': 'Gosod ar y bwrdd gwaith',
+    'pwa.offlineReady': 'Ap yn barod i weithio all-lein',
+    'pwa.newContent': 'Cynnwys newydd ar gael, cliciwch ail-lwytho i ddiweddaru',
+    'pwa.reload': 'Ail-lwytho',
+    'pwa.close': 'Cau',
     'language.label': 'Dewis iaith',
     'theme.label': 'Thema',
     'theme.system': 'System',
@@ -2521,6 +2709,10 @@ const messages = {
     'pwa.installTitle': 'Stàlaich an aplacaid agus cluich far loidhne',
     'pwa.installMobile': 'Cuir ri sgrìn-dachaigh',
     'pwa.installDesktop': 'Stàlaich air desktop',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Taghadh cànain',
     'theme.label': 'Cuspair',
     'theme.system': 'Siostam',
@@ -2572,6 +2764,10 @@ const messages = {
     'pwa.installTitle': 'Instalatu aplikazioa eta jokatu lineaz kanpo',
     'pwa.installMobile': 'Gehitu hasierako pantailara',
     'pwa.installDesktop': 'Instalatu mahaigainean',
+    'pwa.offlineReady': 'Aplikazioa lineaz kanpo lan egiteko prest',
+    'pwa.newContent': 'Eduki berria eskuragarri, sakatu birkargatu eguneratzeko',
+    'pwa.reload': 'Birkargatu',
+    'pwa.close': 'Itxi',
     'language.label': 'Hizkuntza hautaketa',
     'theme.label': 'Gai',
     'theme.system': 'Sistema',
@@ -2623,6 +2819,10 @@ const messages = {
     'pwa.installTitle': 'アプリをインストールしてオフラインでプレイ',
     'pwa.installMobile': 'ホーム画面に追加',
     'pwa.installDesktop': 'デスクトップにインストール',
+    'pwa.offlineReady': 'アプリはオフラインで使用可能です',
+    'pwa.newContent': '新しいコンテンツが利用可能です。更新するには再読み込みをクリックしてください',
+    'pwa.reload': '再読み込み',
+    'pwa.close': '閉じる',
     'language.label': '言語選択',
     'theme.label': 'テーマ',
     'theme.system': 'システム',
@@ -2674,6 +2874,10 @@ const messages = {
     'pwa.installTitle': '앱 설치하고 오프라인 플레이',
     'pwa.installMobile': '홈 화면에 추가',
     'pwa.installDesktop': '데스크탑에 설치',
+    'pwa.offlineReady': '앱이 오프라인에서 사용할 준비가 되었습니다',
+    'pwa.newContent': '새로운 콘텐츠를 사용할 수 있습니다. 업데이트하려면 새로 고침을 클릭하세요',
+    'pwa.reload': '새로 고침',
+    'pwa.close': '닫기',
     'language.label': '언어 선택',
     'theme.label': '테마',
     'theme.system': '시스템',
@@ -2725,6 +2929,10 @@ const messages = {
     'pwa.installTitle': 'Instal aplikasi dan main offline',
     'pwa.installMobile': 'Tambahkan ke layar utama',
     'pwa.installDesktop': 'Instal di desktop',
+    'pwa.offlineReady': 'Aplikasi siap bekerja offline',
+    'pwa.newContent': 'Konten baru tersedia, klik muat ulang untuk memperbarui',
+    'pwa.reload': 'Muat ulang',
+    'pwa.close': 'Tutup',
     'language.label': 'Pilih Bahasa',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -2776,6 +2984,10 @@ const messages = {
     'pwa.installTitle': 'Cài đặt ứng dụng và chơi ngoại tuyến',
     'pwa.installMobile': 'Thêm vào màn hình chính',
     'pwa.installDesktop': 'Cài đặt trên máy tính',
+    'pwa.offlineReady': 'Ứng dụng sẵn sàng hoạt động ngoại tuyến',
+    'pwa.newContent': 'Nội dung mới có sẵn, nhấp vào tải lại để cập nhật',
+    'pwa.reload': 'Tải lại',
+    'pwa.close': 'Đóng',
     'language.label': 'Chọn ngôn ngữ',
     'theme.label': 'Giao diện',
     'theme.system': 'Hệ thống',
@@ -2827,6 +3039,10 @@ const messages = {
     'pwa.installTitle': 'ติดตั้งแอปและเล่นออฟไลน์',
     'pwa.installMobile': 'เพิ่มลงในหน้าจอหลัก',
     'pwa.installDesktop': 'ติดตั้งบนเดสก์ท็อป',
+    'pwa.offlineReady': 'แอปพร้อมใช้งานแบบออฟไลน์',
+    'pwa.newContent': 'มีเนื้อหาใหม่ คลิกที่ปุ่มโหลดซ้ำเพื่ออัปเดต',
+    'pwa.reload': 'โหลดซ้ำ',
+    'pwa.close': 'ปิด',
     'language.label': 'เลือกภาษา',
     'theme.label': 'ธีม',
     'theme.system': 'ระบบ',
@@ -2878,6 +3094,10 @@ const messages = {
     'pwa.installTitle': 'Pasang aplikasi dan main di luar talian',
     'pwa.installMobile': 'Tambah ke skrin utama',
     'pwa.installDesktop': 'Pasang pada desktop',
+    'pwa.offlineReady': 'Aplikasi sedia untuk berfungsi di luar talian',
+    'pwa.newContent': 'Kandungan baharu tersedia, klik butang muat semula untuk mengemas kini',
+    'pwa.reload': 'Muat semula',
+    'pwa.close': 'Tutup',
     'language.label': 'Pilihan Bahasa',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -2929,6 +3149,10 @@ const messages = {
     'pwa.installTitle': 'نصب برنامه و بازی آفلاین',
     'pwa.installMobile': 'افزودن به صفحه اصلی',
     'pwa.installDesktop': 'نصب روی دسکتاپ',
+    'pwa.offlineReady': 'برنامه آماده کار آفلاین است',
+    'pwa.newContent': 'محتوای جدید موجود است، برای به‌روزرسانی بارگیری مجدد را کلیک کنید',
+    'pwa.reload': 'بارگیری مجدد',
+    'pwa.close': 'بستن',
     'language.label': 'انتخاب زبان',
     'theme.label': 'تم',
     'theme.system': 'سیستم',
@@ -2980,6 +3204,10 @@ const messages = {
     'pwa.installTitle': 'התקן אפליקציה ושחק אופליין',
     'pwa.installMobile': 'הוסף למסך הבית',
     'pwa.installDesktop': 'התקן בשולחן העבודה',
+    'pwa.offlineReady': 'האפליקציה מוכנה לעבודה במצב לא מקוון',
+    'pwa.newContent': 'תוכן חדש זמין, לחץ על כפתור רענן כדי לעדכן',
+    'pwa.reload': 'רענן',
+    'pwa.close': 'סגור',
     'language.label': 'בחירת שפה',
     'theme.label': 'ערכת נושא',
     'theme.system': 'מערכת',
@@ -3031,6 +3259,10 @@ const messages = {
     'pwa.installTitle': 'Tətbiqi quraşdır və oflayn oyna',
     'pwa.installMobile': 'Ana ekrana əlavə et',
     'pwa.installDesktop': 'Masaüstünə quraşdır',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Dil seçimi',
     'theme.label': 'Mövzu',
     'theme.system': 'Sistem',
@@ -3082,6 +3314,10 @@ const messages = {
     'pwa.installTitle': 'Տեղադրեք և խաղացեք օֆլայն',
     'pwa.installMobile': 'Ավելացնել էկրանին',
     'pwa.installDesktop': 'Տեղադրել համակարգչում',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Լեզվի ընտրություն',
     'theme.label': 'Թեմա',
     'theme.system': 'Համակարգ',
@@ -3133,6 +3369,10 @@ const messages = {
     'pwa.installTitle': 'Ilovani o‘rnating va oflayn o‘ynang',
     'pwa.installMobile': 'Bosh ekranga qo‘shish',
     'pwa.installDesktop': 'Ish stoliga o‘rnatish',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Tilni tanlash',
     'theme.label': 'Mavzu',
     'theme.system': 'Tizim',
@@ -3184,6 +3424,10 @@ const messages = {
     'pwa.installTitle': 'Qosymşany ornatyp, oflain oinañyz',
     'pwa.installMobile': 'Basty ekranğa qosu',
     'pwa.installDesktop': 'Jūmys stolyna ornatu',
+    'pwa.offlineReady': 'Қолданба офлайн жұмыс істеуге дайын',
+    'pwa.newContent': 'Жаңа мазмұн қолжетімді, жаңарту үшін қайта жүктеу түймесін басыңыз',
+    'pwa.reload': 'Қайта жүктеу',
+    'pwa.close': 'Жабу',
     'language.label': 'Til tañdau',
     'theme.label': 'Taqyryp',
     'theme.system': 'Jüye',
@@ -3235,6 +3479,10 @@ const messages = {
     'pwa.installTitle': 'એપ્લિકેશન ઇન્સ્ટોલ કરો અને ઑફલાઇન રમો',
     'pwa.installMobile': 'હોમ સ્ક્રીનમાં ઉમેરો',
     'pwa.installDesktop': 'ડેસ્કટોપ પર ઇન્સ્ટોલ કરો',
+    'pwa.offlineReady': 'એપ્લિકેશન ઑફલાઇન કામ કરવા માટે તૈયાર છે',
+    'pwa.newContent': 'નવી સામગ્રી ઉપલબ્ધ છે, અપડેટ કરવા માટે રિકોડ બટન પર ક્લિક કરો',
+    'pwa.reload': 'રીલોડ',
+    'pwa.close': 'બંધ કરો',
     'language.label': 'ભાષા પસંદગી',
     'theme.label': 'થીમ',
     'theme.system': 'સિસ્ટમ',
@@ -3286,6 +3534,10 @@ const messages = {
     'pwa.installTitle': 'ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಾಪಿಸಿ ಮತ್ತು ಆಫ್‌ಲೈನ್ ಪ್ಲೇ ಮಾಡಿ',
     'pwa.installMobile': 'ಹೋಮ್ ಸ್ಕ್ರೀನ್‌ಗೆ ಸೇರಿಸಿ',
     'pwa.installDesktop': 'ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಲ್ಲಿ ಸ್ಥಾಪಿಸಿ',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'ಭಾಷೆ ಆಯ್ಕೆ',
     'theme.label': 'ಥೀಮ್',
     'theme.system': 'ವ್ಯವಸ್ಥೆ',
@@ -3337,6 +3589,10 @@ const messages = {
     'pwa.installTitle': 'अॅप इन्स्टॉल करा आणि ऑफलाइन खेळा',
     'pwa.installMobile': 'होम स्क्रीनवर जोडा',
     'pwa.installDesktop': 'डेस्कटॉपवर इन्स्टॉल करा',
+    'pwa.offlineReady': 'अॅप ऑफलाइन कार्य करण्यासाठी तयार आहे',
+    'pwa.newContent': 'नवीन सामग्री उपलब्ध आहे, अपडेट करण्यासाठी रीलोड बटणावर क्लिक करा',
+    'pwa.reload': 'रीलोड',
+    'pwa.close': 'बंद करा',
     'language.label': 'भाषा निवड',
     'theme.label': 'थीम',
     'theme.system': 'सिस्टम',
@@ -3388,6 +3644,10 @@ const messages = {
     'pwa.installTitle': 'ਐਪ ਇੰਸਟਾਲ ਕਰੋ ਅਤੇ ਆਫਲਾਈਨ ਖੇਡੋ',
     'pwa.installMobile': 'ਹੋਮ ਸਕ੍ਰੀਨ ਤੇ ਜੋੜੋ',
     'pwa.installDesktop': 'ਡੈਸਕਟਾਪ ਤੇ ਇੰਸਟਾਲ ਕਰੋ',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'ਭਾਸ਼ਾ ਚੋਣ',
     'theme.label': 'ਥੀਮ',
     'theme.system': 'ਸਿਸਟਮ',
@@ -3439,6 +3699,10 @@ const messages = {
     'pwa.installTitle': 'செயலியை நிறுவி ஆஃப்லைனில் விளையாடுங்கள்',
     'pwa.installMobile': 'முகப்புத் திரையில் சேர்',
     'pwa.installDesktop': 'டெஸ்க்டாப்பில் நிறுவு',
+    'pwa.offlineReady': 'செயலி ஆஃப்லைனில் வேலை செய்யத் தயாராக உள்ளது',
+    'pwa.newContent': 'புதிய உள்ளடக்கம் கிடைக்கிறது, புதுப்பிக்க ரீலோட் பொத்தானைக் கிளிக் செய்யவும்',
+    'pwa.reload': 'ரீலோட்',
+    'pwa.close': 'மூடு',
     'language.label': 'மொழி தேர்வு',
     'theme.label': 'தீம்',
     'theme.system': 'அமைப்பு',
@@ -3490,6 +3754,10 @@ const messages = {
     'pwa.installTitle': 'యాప్‌ను ఇన్‌స్టాల్ చేయండి మరియు ఆఫ్‌లైన్‌లో ఆడండి',
     'pwa.installMobile': 'హోమ్ స్క్రీన్‌కు జోడించు',
     'pwa.installDesktop': 'డెస్క్‌టాప్‌లో ఇన్‌స్టాల్ చేయండి',
+    'pwa.offlineReady': 'యాప్ ఆఫ్‌లైన్‌లో పని చేయడానికి సిద్ధంగా ఉంది',
+    'pwa.newContent': 'కొత్త కంటెంట్ అందుబాటులో ఉంది, అప్‌డేట్ చేయడానికి రీలోడ్ బటన్‌పై క్లిక్ చేయండి',
+    'pwa.reload': 'రీలోడ్',
+    'pwa.close': 'మూసివేయి',
     'language.label': 'భాష ఎంపిక',
     'theme.label': 'థీమ్',
     'theme.system': 'సిస్టమ్',
@@ -3541,6 +3809,10 @@ const messages = {
     'pwa.installTitle': 'एप इन्स्टल गर्नुहोस् र अफलाइन खेल्नुहोस्',
     'pwa.installMobile': 'होम स्क्रिनमा थप्नुहोस्',
     'pwa.installDesktop': 'डेस्कटपमा इन्स्टल गर्नुहोस्',
+    'pwa.offlineReady': 'एप अफलाइन काम गर्न तयार छ',
+    'pwa.newContent': 'नयाँ सामग्री उपलब्ध छ, अपडेट गर्न रिलोड बटनमा क्लिक गर्नुहोस्',
+    'pwa.reload': 'रिलोड',
+    'pwa.close': 'बन्द गर्नुहोस्',
     'language.label': 'भाषा चयन',
     'theme.label': 'थिम',
     'theme.system': 'सिस्टम',
@@ -3592,6 +3864,10 @@ const messages = {
     'pwa.installTitle': 'အက်ပ်ထည့်သွင်းပြီး အော့ဖ်လိုင်းကစားပါ',
     'pwa.installMobile': 'ပင်မစာမျက်နှာသို့ထည့်ပါ',
     'pwa.installDesktop': 'ကွန်ပျူတာတွင်ထည့်ပါ',
+    'pwa.offlineReady': 'အက်ပ်သည် အော့ဖ်လိုင်းအလုပ်လုပ်ရန် အဆင်သင့်ဖြစ်နေပါပြီ',
+    'pwa.newContent': 'အကြောင်းအရာအသစ် ရရှိနိုင်ပါသည်၊ အပ်ဒိတ်လုပ်ရန် ပြန်လည်စတင်ရန် ခလုတ်ကို နှိပ်ပါ',
+    'pwa.reload': 'ပြန်လည်စတင်သည်',
+    'pwa.close': 'ပိတ်သည်',
     'language.label': 'ဘာသာစကား',
     'theme.label': 'အပြင်အဆင်',
     'theme.system': 'စနစ်',
@@ -3643,6 +3919,10 @@ const messages = {
     'pwa.installTitle': 'ដំឡើងកម្មវិធី ហើយលេងក្រៅបណ្តាញ',
     'pwa.installMobile': 'បន្ថែមទៅអេក្រង់ដើម',
     'pwa.installDesktop': 'ដំឡើងលើកុំព្យូទ័រ',
+    'pwa.offlineReady': 'កម្មវិធីរួចរាល់សម្រាប់ការងារក្រៅបណ្តាញ',
+    'pwa.newContent': 'មានមាតិកាថ្មី សូមចុចប៊ូតុងផ្ទុកឡើងវិញដើម្បីធ្វើបច្ចុប្បន្នភាព',
+    'pwa.reload': 'ផ្ទុកឡើងវិញ',
+    'pwa.close': 'បិទ',
     'language.label': 'ជ្រើសរើសភាសា',
     'theme.label': 'ស្បែក',
     'theme.system': 'ប្រព័ន្ធ',
@@ -3694,6 +3974,10 @@ const messages = {
     'pwa.installTitle': 'ຕິດຕັ້ງແອັບ ແລະຫຼິ້ນແບບອອບໄລນ໌',
     'pwa.installMobile': 'ເພີ່ມໃສ່ໜ້າຈໍຫຼັກ',
     'pwa.installDesktop': 'ຕິດຕັ້ງໃສ່ເດັສທັອບ',
+    'pwa.offlineReady': 'ແອັບພ້ອມທີ່ຈະເຮັດວຽກແບບອອບໄລນ໌',
+    'pwa.newContent': 'ມີເນື້ອຫາໃໝ່, ຄລິກປຸ່ມໂຫຼດຄືນໃໝ່ເພື່ອອັບເດດ',
+    'pwa.reload': 'ໂຫຼດຄືນໃໝ່',
+    'pwa.close': 'ປິດ',
     'language.label': 'ເລືອກພາສາ',
     'theme.label': 'ທີມ',
     'theme.system': 'ລະບົບ',
@@ -3745,6 +4029,10 @@ const messages = {
     'pwa.installTitle': 'Апп суулгаж, офлайн тоглох',
     'pwa.installMobile': 'Нүүр дэлгэцэнд нэмэх',
     'pwa.installDesktop': 'Десктопт суулгах',
+    'pwa.offlineReady': 'Апп офлайн ажиллахад бэлэн байна',
+    'pwa.newContent': 'Шинэ контент бэлэн байна, шинэчлэхийн тулд дахин ачаалах товчийг дарна уу',
+    'pwa.reload': 'Дахин ачаалах',
+    'pwa.close': 'Хаах',
     'language.label': 'Хэл сонгох',
     'theme.label': 'Загвар',
     'theme.system': 'Систем',
@@ -3796,6 +4084,10 @@ const messages = {
     'pwa.installTitle': 'ཨབ་དབོག་འཇུག་བྱས་ནས་དྲ་མེད་རྩེ',
     'pwa.installMobile': 'གཙོ་ངོས་སུ་སྣོན',
     'pwa.installDesktop': 'གློག་ཀླད་དུ་དབོག་འཇུག',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'སྐད་ཡིག་འདེམས་པ',
     'theme.label': 'བརྗོད་གཞི',
     'theme.system': 'མ་ལག',
@@ -3847,6 +4139,10 @@ const messages = {
     'pwa.installTitle': 'Installeer app en speel vanlyn',
     'pwa.installMobile': 'Voeg by tuisskerm',
     'pwa.installDesktop': 'Installeer op rekenaar',
+    'pwa.offlineReady': 'Toepassing gereed om vanlyn te werk',
+    'pwa.newContent': 'Nuwe inhoud beskikbaar, klik herlaai om op te dateer',
+    'pwa.reload': 'Herlaai',
+    'pwa.close': 'Maak toe',
     'language.label': 'Kies Taal',
     'theme.label': 'Tema',
     'theme.system': 'Stelsel',
@@ -3898,6 +4194,10 @@ const messages = {
     'pwa.installTitle': 'Sakinisha programu na cheza nje ya mtandao',
     'pwa.installMobile': 'Ongeza kwenye skrini ya nyumbani',
     'pwa.installDesktop': 'Sakinisha kwenye kompyuta',
+    'pwa.offlineReady': 'Programu tayari kufanya kazi nje ya mtandao',
+    'pwa.newContent': 'Maudhui mapya yanapatikana, bofya pakia upya ili kusasisha',
+    'pwa.reload': 'Pakia upya',
+    'pwa.close': 'Funga',
     'language.label': 'Chagua Lugha',
     'theme.label': 'Mandhari',
     'theme.system': 'Mfumo',
@@ -3949,6 +4249,10 @@ const messages = {
     'pwa.installTitle': 'መተግበሪያውን ይጫኑ እና ከመስመር ውጭ ይጫወቱ',
     'pwa.installMobile': 'ወደ መነሻ ገጽ አክል',
     'pwa.installDesktop': 'በኮምፒውተር ላይ ጫን',
+    'pwa.offlineReady': 'መተግበሪያው ከመስመር ውጭ ለመስራት ዝግጁ ነው',
+    'pwa.newContent': 'አዲስ ይዘት አለ፣ ለማዘመን ድጋሚ ጫን የሚለውን ይጫኑ',
+    'pwa.reload': 'ድጋሚ ጫን',
+    'pwa.close': 'ዝጋ',
     'language.label': 'ቋንቋ ይምረጡ',
     'theme.label': 'ገጽታ',
     'theme.system': 'ስርዓት',
@@ -4000,6 +4304,10 @@ const messages = {
     'pwa.installTitle': 'Fi sori ẹrọ app ati mu ṣiṣẹ offline',
     'pwa.installMobile': 'Fi kun si iboju ile',
     'pwa.installDesktop': 'Fi sori ẹrọ lori kọmputa',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Yan Èdè',
     'theme.label': 'Àwọ̀',
     'theme.system': 'Ètò',
@@ -4051,6 +4359,10 @@ const messages = {
     'pwa.installTitle': 'Wụnye ngwa ma gwuo na-anọghị n\'ịntanetị',
     'pwa.installMobile': 'Tinye na ihuenyo mbụ',
     'pwa.installDesktop': 'Wụnye na kọmputa',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Họrọ Asụsụ',
     'theme.label': 'Isiokwu',
     'theme.system': 'Sistemụ',
@@ -4102,6 +4414,10 @@ const messages = {
     'pwa.installTitle': 'Ku shub abka oo ciyaar offline',
     'pwa.installMobile': 'Ku dar shaashadda guriga',
     'pwa.installDesktop': 'Ku shub kombiyuutarka',
+    'pwa.offlineReady': 'Abka wuxuu diyaar u yahay inuu shaqeeyo offline',
+    'pwa.newContent': 'Waxyaabo cusub ayaa la heli karaa, guji badhanka reload si aad u cusbooneysiiso',
+    'pwa.reload': 'Dib u sooeli',
+    'pwa.close': 'Xir',
     'language.label': 'Dooro Luqad',
     'theme.label': 'Mawduuc',
     'theme.system': 'Nidaamka',
@@ -4153,6 +4469,10 @@ const messages = {
     'pwa.installTitle': 'Shyira porogaramu ukine udafite interineti',
     'pwa.installMobile': 'Ongeraho kuri ecran y\'ibanze',
     'pwa.installDesktop': 'Shyira kuri mudasobwa',
+    'pwa.offlineReady': 'Porogaramu yiteguye gukora idafite interineti',
+    'pwa.newContent': 'Ibirimo bishya birahari, kanda kuri reload kugirango uvugurure',
+    'pwa.reload': 'Ongera utangire',
+    'pwa.close': 'Funga',
     'language.label': 'Hitamo Ururimi',
     'theme.label': 'Insanganyamatsiko',
     'theme.system': 'Sisteme',
@@ -4204,6 +4524,10 @@ const messages = {
     'pwa.installTitle': 'Shira porogaramu ukine udafite interineti',
     'pwa.installMobile': 'Ongerako kuri ecran nkuru',
     'pwa.installDesktop': 'Shirako kuri mudasobwa',
+    'pwa.offlineReady': 'Porogaramu yiteguye gukora idafite interineti',
+    'pwa.newContent': 'Ibirimo bishya birahari, kanda kuri reload kugirango uvugurure',
+    'pwa.reload': 'Subiramwo',
+    'pwa.close': 'Ugara',
     'language.label': 'Hitamo Ururimi',
     'theme.label': 'Insanganyamatsiko',
     'theme.system': 'Sisitemu',
@@ -4255,6 +4579,10 @@ const messages = {
     'pwa.installTitle': 'Sampal aplikasioŋ bi te po offline',
     'pwa.installMobile': 'Yokk ci ekranu kër',
     'pwa.installDesktop': 'Sampal ci ordinatër',
+    'pwa.offlineReady': 'Application bi pare na ngir liggéey offline',
+    'pwa.newContent': 'Am na content bu bees, bës reload ngir yeesal',
+    'pwa.reload': 'Dugal aat',
+    'pwa.close': 'Tëj',
     'language.label': 'Tann Làkk',
     'theme.label': 'Theme',
     'theme.system': 'System',
@@ -4306,6 +4634,10 @@ const messages = {
     'pwa.installTitle': 'Appii fe\'iitii offline taphadhu',
     'pwa.installMobile': 'Iskirinii manaa irratti dabali',
     'pwa.installDesktop': 'Kompyuutara irratti fe\'i',
+    'pwa.offlineReady': 'Appichi offline hojjechuuf qophiidha',
+    'pwa.newContent': 'Qabiyyee haaraan ni jira, update gochuuf reload tuqi',
+    'pwa.reload': 'Deebisii fe\'i',
+    'pwa.close': 'Cufi',
     'language.label': 'Afaan Filadhu',
     'theme.label': 'Bifa',
     'theme.system': 'Sistimii',
@@ -4357,6 +4689,10 @@ const messages = {
     'pwa.installTitle': 'ኣፕ ጽዓን እሞ ብዘይ ኢንተርኔት ተጫወት',
     'pwa.installMobile': 'ናብ ሆም ስክሪን ወስኽ',
     'pwa.installDesktop': 'ኣብ ኮምፒተር ጽዓን',
+    'pwa.offlineReady': 'ኣፕ ብዘይ ኢንተርኔት ንምስራሕ ድሉው እዩ',
+    'pwa.newContent': 'ሓድሽ ትሕዝቶ ኣሎ፡ ንምሕዳስ reload ጠውቕ',
+    'pwa.reload': 'ደጊምካ ጽዓን',
+    'pwa.close': 'ዕጸው',
     'language.label': 'ቋንቋ ምረጽ',
     'theme.label': 'ቴማ',
     'theme.system': 'ሲስተም',
@@ -4408,6 +4744,10 @@ const messages = {
     'pwa.installTitle': 'Enstale aplikasyon an epi jwe offline',
     'pwa.installMobile': 'Ajoute sou ekran akeyi',
     'pwa.installDesktop': 'Enstale sou òdinatè',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Chwazi Lang',
     'theme.label': 'Tèm',
     'theme.system': 'Sistèm',
@@ -4459,6 +4799,10 @@ const messages = {
     'pwa.installTitle': 'I-install ang app ug magdula offline',
     'pwa.installMobile': 'Idugang sa home screen',
     'pwa.installDesktop': 'I-install sa desktop',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Pagpili ug Pinulongan',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -4510,6 +4854,10 @@ const messages = {
     'pwa.installTitle': 'I-install ti app ken agay-ayam offline',
     'pwa.installMobile': 'Inayon iti home screen',
     'pwa.installDesktop': 'I-install iti desktop',
+    'pwa.offlineReady': 'Nakasagana ti app nga agtrabaho offline',
+    'pwa.newContent': 'Adda baro a linaon, i-klik ti reload button tapno ma-update',
+    'pwa.reload': 'I-reload',
+    'pwa.close': 'Ikkata',
     'language.label': 'Piliem ti Pagsasao',
     'theme.label': 'Tema',
     'theme.system': 'Sistema',
@@ -4561,6 +4909,10 @@ const messages = {
     'pwa.installTitle': 'Instal aplikasi lan main offline',
     'pwa.installMobile': 'Tambahake menyang layar utama',
     'pwa.installDesktop': 'Instal ing desktop',
+    'pwa.offlineReady': 'App ready to work offline',
+    'pwa.newContent': 'New content available, click on reload button to update',
+    'pwa.reload': 'Reload',
+    'pwa.close': 'Close',
     'language.label': 'Pilih Basa',
     'theme.label': 'Tema',
     'theme.system': 'Sistem',
@@ -4612,6 +4964,10 @@ const messages = {
     'pwa.installTitle': 'Serlêdanê saz bike û offline bilîze',
     'pwa.installMobile': 'Li ekrana malê zêde bike',
     'pwa.installDesktop': 'Li ser sermaseyê saz bike',
+    'pwa.offlineReady': 'Bername ji bo xebata offline amade ye',
+    'pwa.newContent': 'Naveroka nû heye, ji bo nûvekirinê pêl bişkoja reload bike',
+    'pwa.reload': 'Dîsa bar bike',
+    'pwa.close': 'Bigire',
     'language.label': 'Ziman Hilbijêre',
     'theme.label': 'Mijar',
     'theme.system': 'Pergal',
@@ -4663,6 +5019,10 @@ const messages = {
     'pwa.installTitle': 'ئەپەکە دابەزێنە و بەبێ ئینتەرنێت یاری بکە',
     'pwa.installMobile': 'زیادکردن بۆ شاشەی سەرەکی',
     'pwa.installDesktop': 'دابەزاندن بۆ سەر کۆمپیوتەر',
+    'pwa.offlineReady': 'ئەپەکە ئامادەیە بۆ کارکردن بەبێ ئینتەرنێت',
+    'pwa.newContent': 'ناوەرۆکی نوێ بەردەستە، کلیک لە دوگمەی نوێکردنەوە بکە بۆ نوێکردنەوە',
+    'pwa.reload': 'نوێکردنەوە',
+    'pwa.close': 'داخستن',
     'language.label': 'هەڵبژاردنی زمان',
     'theme.label': 'بابەت',
     'theme.system': 'سیستەم',
@@ -4714,6 +5074,10 @@ const messages = {
     'pwa.installTitle': 'اپلیکیشن نصب کړئ او آفلاین لوبه وکړئ',
     'pwa.installMobile': 'کور سکرین ته اضافه کړئ',
     'pwa.installDesktop': 'په ډیسکټاپ کې نصب کړئ',
+    'pwa.offlineReady': 'ایپ آفلاین کار کولو ته چمتو دی',
+    'pwa.newContent': 'نوي مینځپانګې شتون لري ، د تازه کولو لپاره د ریلوډ تڼۍ باندې کلیک وکړئ',
+    'pwa.reload': 'بیا پورته کول',
+    'pwa.close': 'بندول',
     'language.label': 'ژبه غوره کړئ',
     'theme.label': 'تیم',
     'theme.system': 'سیستم',

src/composables/useSolver.js

@@ -78,6 +78,9 @@ export function useSolver() {
             } else if (type === 'done') {
                 isProcessing.value = false;
                 pause();
+            } else if (type === 'stuck') {
+                isProcessing.value = false;
+                pause();
             } else {
                 isProcessing.value = false;
             }

src/main.js

@@ -31,23 +31,3 @@ app.directive('cell-hover', vCellHover)
 
 app.mount('#app')
 
-if ('serviceWorker' in navigator) {
-  let refreshing = false
-  const triggerReload = () => {
-    if (refreshing) return
-    refreshing = true
-    window.location.reload()
-  }
-  navigator.serviceWorker.addEventListener('controllerchange', triggerReload)
-  const checkForUpdate = () => {
-    navigator.serviceWorker.getRegistration().then((registration) => {
-      if (registration) {
-        registration.update()
-      }
-    })
-  }
-  window.addEventListener('visibilitychange', () => {
-    if (document.visibilityState === 'visible') checkForUpdate()
-  })
-  window.addEventListener('focus', checkForUpdate)
-}

src/stores/puzzle.js

@@ -64,6 +64,9 @@ export const usePuzzleStore = defineStore('puzzle', () => {
   const playerGrid = ref([]); // 0: empty, 1: filled, 2: cross
   const isGameWon = ref(false);
   const hasUsedGuide = ref(false);
+  const guideUsageCount = ref(0);
+  const currentDifficulty = ref(null); // 'easy', 'medium', 'hard', 'custom' or object { density: 0.5 }
+  const currentDensity = ref(0);
   const size = ref(5);
   const startTime = ref(null);
   const elapsedTime = ref(0);
@@ -118,23 +121,29 @@ export const usePuzzleStore = defineStore('puzzle', () => {
     resetGrid();
     isGameWon.value = false;
     hasUsedGuide.value = false;
+    guideUsageCount.value = 0;
+    currentDensity.value = totalCellsToFill.value / (size.value * size.value);
     elapsedTime.value = 0;
     startTimer();
+    saveState();
   }
 
-  function initCustomGame(customSize) {
+  function initCustomGame(customSize, density = 0.5) {
     stopTimer();
     currentLevelId.value = 'custom';
     size.value = customSize;
     
     // Generate random grid
-    solution.value = generateRandomGrid(customSize);
+    solution.value = generateRandomGrid(customSize, density);
     
     resetGrid();
     isGameWon.value = false;
     hasUsedGuide.value = false;
+    guideUsageCount.value = 0;
+    currentDensity.value = density;
     elapsedTime.value = 0;
     startTimer();
+    saveState();
   }
 
   function resetGrid() {
@@ -242,6 +251,8 @@ export const usePuzzleStore = defineStore('puzzle', () => {
         playerGrid: playerGrid.value,
         isGameWon: isGameWon.value,
         hasUsedGuide: hasUsedGuide.value,
+        guideUsageCount: guideUsageCount.value,
+        currentDensity: currentDensity.value,
         elapsedTime: elapsedTime.value,
         moves: moves.value,
         history: history.value
@@ -259,6 +270,9 @@ export const usePuzzleStore = defineStore('puzzle', () => {
             solution.value = parsed.solution;
             playerGrid.value = parsed.playerGrid;
             isGameWon.value = parsed.isGameWon;
+            hasUsedGuide.value = parsed.hasUsedGuide || false;
+            guideUsageCount.value = parsed.guideUsageCount || 0;
+            currentDensity.value = parsed.currentDensity || 0;
             elapsedTime.value = parsed.elapsedTime || 0;
             moves.value = parsed.moves || 0;
             history.value = parsed.history || [];
@@ -275,44 +289,9 @@ export const usePuzzleStore = defineStore('puzzle', () => {
     return false;
   }
   
-  function initGame(levelId = 'easy') {
+  // Duplicate initGame removed
-    // If init called without args and we have save, load it?
-    // User might want to start fresh if clicking buttons.
-    // Let's add explicit 'continue' logic or just auto-load on first run.
-    // For now, let's just stick to explicit init, but maybe load on mount if exists?
-    // The user didn't explicitly ask for "Continue", but "features from HTML".
-    // HTML usually auto-saves and loads.
-    
-    stopTimer();
-    currentLevelId.value = levelId;
-    
-    let puzzle = PUZZLES[levelId];
-    if (!puzzle) {
-        puzzle = PUZZLES['easy'];
-    }
-
-    size.value = puzzle.size;
-    solution.value = puzzle.grid;
-    
-    resetGrid();
-    isGameWon.value = false;
-    elapsedTime.value = 0;
-    startTimer();
-    saveState();
-  }
   
-  // Modify initCustomGame similarly
+  // Duplicate initCustomGame removed
-  function initCustomGame(customSize) {
-    stopTimer();
-    currentLevelId.value = 'custom';
-    size.value = customSize;
-    solution.value = generateRandomGrid(customSize);
-    resetGrid();
-    isGameWon.value = false;
-    elapsedTime.value = 0;
-    startTimer();
-    saveState();
-  }
 
   // Duplicate toggleCell/setCell removed
 
@@ -321,6 +300,7 @@ export const usePuzzleStore = defineStore('puzzle', () => {
         resetGrid();
         isGameWon.value = false;
         hasUsedGuide.value = false;
+        guideUsageCount.value = 0;
         elapsedTime.value = 0;
         startTimer();
         saveState();
@@ -332,6 +312,7 @@ export const usePuzzleStore = defineStore('puzzle', () => {
   function markGuideUsed() {
     if (isGameWon.value) return;
     hasUsedGuide.value = true;
+    guideUsageCount.value++;
     saveState();
   }
 
@@ -360,6 +341,8 @@ export const usePuzzleStore = defineStore('puzzle', () => {
     undo,
     closeWinModal,
     hasUsedGuide,
+    guideUsageCount,
+    currentDensity,
     markGuideUsed
   };
 

src/utils/puzzleUtils.js

@@ -40,15 +40,36 @@ export function calculateHints(grid) {
     return { rowHints, colHints };
 }
 
-export function generateRandomGrid(size) {
+export function generateRandomGrid(size, density = 0.5) {
     const grid = [];
     for (let i = 0; i < size; i++) {
         const row = [];
         for (let j = 0; j < size; j++) {
-            // ~25% empty cells
+            row.push(Math.random() < density ? 1 : 0);
-            row.push(Math.random() > 0.25 ? 1 : 0);
         }
         grid.push(row);
     }
     return grid;
 }
+
+export function calculateDifficulty(density) {
+    // Shannon Entropy: H(x) = -x*log2(x) - (1-x)*log2(1-x)
+    // Normalized to 0-1 range (since max entropy at 0.5 is 1)
+    
+    // Avoid log(0)
+    if (density <= 0 || density >= 1) return 'easy';
+    
+    const entropy = -density * Math.log2(density) - (1 - density) * Math.log2(1 - density);
+    
+    // Thresholds based on entropy
+    // 0.5 density -> entropy 1.0 (Extreme)
+    // 0.4/0.6 density -> entropy ~0.97 (Extreme)
+    // 0.3/0.7 density -> entropy ~0.88 (Hardest)
+    // 0.2/0.8 density -> entropy ~0.72 (Harder)
+    // <0.2/>0.8 density -> entropy <0.72 (Easy)
+
+    if (entropy >= 0.96) return 'extreme'; // approx 38% - 62%
+    if (entropy >= 0.85) return 'hardest'; // approx 28% - 38% & 62% - 72%
+    if (entropy >= 0.65) return 'harder';  // approx 17% - 28% & 72% - 83%
+    return 'easy';
+}

src/workers/solverWorker.js

@@ -5,7 +5,7 @@ const messages = {
     'worker.solved': 'Rozwiązane!',
     'worker.logicRow': 'Logika: Wiersz {row}, Kolumna {col} -> {state}',
     'worker.logicCol': 'Logika: Kolumna {col}, Wiersz {row} -> {state}',
-    'worker.guess': 'Zgadywanie: Wiersz {row}, Kolumna {col}',
+    'worker.stuck': 'Brak logicznego ruchu. Spróbuj zgadnąć lub cofnąć.',
     'worker.done': 'Koniec!',
     'worker.state.filled': 'Pełne',
     'worker.state.empty': 'Puste'
@@ -14,7 +14,7 @@ const messages = {
     'worker.solved': 'Solved!',
     'worker.logicRow': 'Logic: Row {row}, Column {col} -> {state}',
     'worker.logicCol': 'Logic: Column {col}, Row {row} -> {state}',
-    'worker.guess': 'Guessing: Row {row}, Column {col}',
+    'worker.stuck': 'No logical move found. Try guessing or undoing.',
     'worker.done': 'Done!',
     'worker.state.filled': 'Filled',
     'worker.state.empty': 'Empty'
@@ -236,29 +236,9 @@ const handleStep = (playerGrid, solution, locale) => {
     }
   }
 
-  for (let r = 0; r < size; r++) {
+  // Check for guess logic - we want to avoid this unless strictly necessary
-    for (let c = 0; c < size; c++) {
+  // If no logic move found, return 'stuck' instead of cheating
-      const current = playerGrid[r][c];
+  return { type: 'stuck', statusText: t(locale, 'worker.stuck') };
-      const target = solution[r][c];
-      let isCorrect = false;
-      if (target === 1 && current === 1) isCorrect = true;
-      if (target === 0 && current === 2) isCorrect = true;
-      if (target === 0 && current === 0) isCorrect = false;
-      if (target === 1 && current === 0) isCorrect = false;
-      if (!isCorrect) {
-        const newState = target === 1 ? 1 : 2;
-        return {
-          type: 'move',
-          r,
-          c,
-          state: newState,
-          statusText: t(locale, 'worker.guess', { row: r + 1, col: c + 1 })
-        };
-      }
-    }
-  }
-
-  return { type: 'done', statusText: t(locale, 'worker.done') };
 };
 
 self.onmessage = (event) => {

vite.config.js

@@ -10,12 +10,11 @@ export default defineConfig({
   plugins: [
     vue(),
     VitePWA({
-      registerType: 'autoUpdate',
+      registerType: 'prompt',
       injectRegister: 'auto',
       workbox: {
         cleanupOutdatedCaches: true,
-        skipWaiting: true,
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,json,vue,txt,woff2}']
-        clientsClaim: true,
       },
       devOptions: {
         enabled: true