feat: добавлена поддержка PWA (v3.8.0)
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 47s

- Установлен vite-plugin-pwa для поддержки Progressive Web App
- Созданы иконки приложения для всех платформ (iOS, Android, Desktop)
- Настроен Service Worker с кэшированием статики и API данных
- Добавлен компонент PWAUpdatePrompt для уведомлений об обновлениях
- Обновлены конфигурации nginx для корректной работы Service Worker
- Добавлены PWA meta-теги в index.html
- Создан скрипт generate-icons.cjs для генерации иконок
This commit is contained in:
poignatov
2026-01-10 21:46:54 +03:00
parent dde8858d7d
commit 11e0d0074c
16 changed files with 5449 additions and 8 deletions

View File

@@ -1,5 +1,6 @@
import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import { VitePWA } from 'vite-plugin-pwa'
import { resolve } from 'path'
export default defineConfig(({ mode }) => {
@@ -12,7 +13,94 @@ export default defineConfig(({ mode }) => {
const env = { ...rootEnv, ...localEnv, ...process.env }
return {
plugins: [react()],
plugins: [
react(),
VitePWA({
registerType: 'autoUpdate',
includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'favicon.svg'],
manifest: {
name: 'PlayLife - Статистика и задачи',
short_name: 'PlayLife',
description: 'Трекер продуктивности и изучения слов',
theme_color: '#4f46e5',
background_color: '#f3f4f6',
display: 'standalone',
orientation: 'portrait',
start_url: '/',
scope: '/',
icons: [
{
src: 'pwa-192x192.png',
sizes: '192x192',
type: 'image/png'
},
{
src: 'pwa-512x512.png',
sizes: '512x512',
type: 'image/png'
},
{
src: 'pwa-maskable-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable'
}
]
},
workbox: {
// Кэширование статики
globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}'],
// Стратегии для API
runtimeCaching: [
{
// Кэширование данных текущей недели
urlPattern: /\/playlife-feed$/,
handler: 'NetworkFirst',
options: {
cacheName: 'api-current-week',
expiration: {
maxEntries: 1,
maxAgeSeconds: 60 * 60 // 1 час
},
networkTimeoutSeconds: 10
}
},
{
// Кэширование полной статистики
urlPattern: /\/d2dc349a-0d13-49b2-a8f0-1ab094bfba9b$/,
handler: 'NetworkFirst',
options: {
cacheName: 'api-full-statistics',
expiration: {
maxEntries: 1,
maxAgeSeconds: 60 * 60 // 1 час
},
networkTimeoutSeconds: 10
}
},
{
// Кэширование списка задач
urlPattern: /\/api\/tasks$/,
handler: 'NetworkFirst',
options: {
cacheName: 'api-tasks',
expiration: {
maxEntries: 1,
maxAgeSeconds: 60 * 60 // 1 час
},
networkTimeoutSeconds: 10
}
},
{
// Остальные API запросы - только сеть (не кэшировать)
urlPattern: /\/api\/.*/,
handler: 'NetworkOnly'
}
]
}
})
],
server: {
host: '0.0.0.0',
port: parseInt(env.VITE_PORT || '3000', 10),