vader/Refood-One
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alterar para ser pwa

Browse Source
This commit is contained in:
Duarte
2026-06-04 19:12:04 +01:00
parent 521987f824
commit 1d88b4cb1a
7 changed files with 4706 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+4663
View File
File diff suppressed because it is too large Load Diff
package.json
+1
View File
@@ -23,6 +23,7 @@
"@types/bcrypt": "^6.0.0", "@types/bcrypt": "^6.0.0",
"@types/better-sqlite3": "^7.6.13", "@types/better-sqlite3": "^7.6.13",
"@types/node": "^24", "@types/node": "^24",
"@vite-pwa/sveltekit": "^1.1.0",
"drizzle-kit": "^0.31.10", "drizzle-kit": "^0.31.10",
"drizzle-orm": "^0.45.2", "drizzle-orm": "^0.45.2",
"svelte": "^5.55.2", "svelte": "^5.55.2",
src/app.html
+5
View File
@@ -4,6 +4,11 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="text-scale" content="scale" /> <meta name="text-scale" content="scale" />
<meta name="theme-color" content="#FCB515" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="apple-touch-icon" href="%sveltekit.assets%/pwa-192x192.png" />
<link rel="manifest" href="%sveltekit.assets%/manifest.webmanifest" />
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">
src/routes/+layout.svelte
+9
View File
@@ -2,6 +2,7 @@
import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/css/bootstrap.min.css';
import favicon from '$lib/assets/favicon.svg'; import favicon from '$lib/assets/favicon.svg';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
import { onMount } from 'svelte';
let { data, children } = $props(); let { data, children } = $props();
@@ -9,6 +10,14 @@
// @ts-ignore // @ts-ignore
import('bootstrap/dist/js/bootstrap.bundle.min.js'); import('bootstrap/dist/js/bootstrap.bundle.min.js');
} }
onMount(async () => {
if (browser && 'serviceWorker' in navigator) {
// @ts-ignore
const { registerSW } = await import('virtual:pwa-register');
registerSW({ immediate: true });
}
});
</script> </script>
<svelte:head> <svelte:head>
static/pwa-192x192.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

static/pwa-512x512.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

vite.config.ts
+28 -1
View File
@@ -1,6 +1,33 @@
import { sveltekit } from '@sveltejs/kit/vite'; import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import { SvelteKitPWA } from '@vite-pwa/sveltekit';
export default defineConfig({ export default defineConfig({
plugins: [sveltekit()] plugins: [
sveltekit(),
SvelteKitPWA({
registerType: 'autoUpdate',
manifest: {
name: 'Refood One',
short_name: 'RefoodOne',
description: 'Gestão de Beneficiários e Entregas Refood',
theme_color: '#FCB515',
background_color: '#ffffff',
display: 'standalone',
start_url: '/',
icons: [
{
src: 'pwa-192x192.png',
sizes: '192x192',
type: 'image/png'
},
{
src: 'pwa-512x512.png',
sizes: '512x512',
type: 'image/png'
}
]
}
})
]
}); });