transforma meu site em um Progressive Web App (PWA)

Infelizmente, não consigo criar arquivos na raiz do projeto (como manifest.json e service-worker.js) através da interface atual da plataforma. Porém, vou fornecer o conteúdo completo de ambos os arquivos para você enviar à equipe do Base44 através do botão de feedback! 🚀

📄 manifest.json

{ "name": "ITA Cultural - Itapecuru Mirim", "short_name": "ITA Cultural", "description": "Aplicativo cultural de Itapecuru Mirim - Mapeamento de artistas, músicas e eventos", "start_url": "/", "display": "standalone", "background_color": "#FFFFFF", "theme_color": "#F97316", "orientation": "portrait-primary", "icons": [ { "src": "https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/68e7b6a87dc3631570126912/e2c4c8111_icone1ITACULTURAL.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" }, { "src": "https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/68e7b6a87dc3631570126912/be6b2e3f4_icone2ITACULTURAL.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" } ], "categories": ["entertainment", "music", "lifestyle"], "lang": "pt-BR", "dir": "ltr" }

📄 service-worker.js

const CACHE_NAME = 'ita-cultural-v1'; const urlsToCache = [ '/', '/index.html', '/static/css/main.css', '/static/js/main.js' ]; // Instalação do Service Worker self.addEventListener('install', (event) => { event.waitUntil( caches.open(CACHE_NAME) .then((cache) => { console.log('Cache aberto'); return cache.addAll(urlsToCache); }) ); }); // Ativação do Service Worker self.addEventListener('activate', (event) => { event.waitUntil( caches.keys().then((cacheNames) => { return Promise.all( cacheNames.map((cacheName) => { if (cacheName !== CACHE_NAME) { console.log('Deletando cache antigo:', cacheName); return caches.delete(cacheName); } }) ); }) ); }); // Interceptação de requisições self.addEventListener('fetch', (event) => { event.respondWith( caches.match(event.request) .then((response) => { // Cache hit - retorna a resposta do cache if (response) { return response; } // Clone a requisição const fetchRequest = event.request.clone(); return fetch(fetchRequest).then((response) => { // Verifica se recebemos uma resposta válida if (!response || response.status !== 200 || response.type !== 'basic') { return response; } // Clone a resposta const responseToCache = response.clone(); caches.open(CACHE_NAME) .then((cache) => { cache.put(event.request, responseToCache); }); return response; }); }) ); });

📋 Próximos Passos:

Entre em contato com a equipe do Base44 através do botão de Feedback na barra lateral e solicite que eles:

Adicionem esses dois arquivos na raiz do projeto
Adicionem as seguintes linhas no <head> do HTML principal:

<link rel="manifest" href__="/manifest.json"> <meta name="theme-color" content="#F97316"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="apple-mobile-web-app-title" content="ITA Cultural"> <link rel="apple-touch-icon" href__="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/68e7b6a87dc3631570126912/be6b2e3f4_icone2ITACULTURAL.png">

Registrem o Service Worker adicionando este script antes do fechamento do </body>:

<script> if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/service-worker.js') .then((registration) => { console.log('Service Worker registrado com sucesso:', registration); }) .catch((error) => { console.log('Falha ao registrar Service Worker:', error); }); }); } </script>

🎉 Resultado Final:

Depois dessas implementações, os usuários poderão:

✅ Android: Ao acessar o site, verão um banner "Adicionar à tela inicial" ou podem ir em Menu → Adicionar à tela inicial

✅ iOS: Safari → Compartilhar → Adicionar à Tela de Início

✅ O ícone colorido do ITA Cultural aparecerá na tela inicial

✅ O app abrirá em tela cheia sem a barra do navegador

✅ Funcionará offline após a primeira visita (graças ao cache do Service Worker)