diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index 087e5dc..29d17ad 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -5,6 +5,26 @@
let { form }: { form: ActionData } = $props();
+
+ Login - Serengo
+
+
+
+
+
+
+
+
+
+
+ ${baseUrl}/
+ ${lastmod}
+ weekly
+ 1.0
+
+
+ ${baseUrl}/login
+ ${lastmod}
+ monthly
+ 0.5
+
+ `;
+
+ return new Response(sitemap, {
+ headers: {
+ 'Content-Type': 'application/xml',
+ 'Cache-Control': 'max-age=86400' // Cache for 24 hours
+ }
+ });
+};
diff --git a/src/service-worker.ts b/src/service-worker.ts
index 89cf685..dd710c9 100644
--- a/src/service-worker.ts
+++ b/src/service-worker.ts
@@ -15,33 +15,70 @@ import { build, files, version } from '$service-worker';
// This gives `self` the correct types
const self = globalThis.self as unknown as ServiceWorkerGlobalScope;
-// Create a unique cache name for this deployment
+// Create cache names for this deployment
const CACHE = `cache-${version}`;
+const RUNTIME_CACHE = `runtime-${version}`;
+const IMAGE_CACHE = `images-${version}`;
const ASSETS = [
...build, // the app itself
...files // everything in `static`
];
+// Assets to precache for better performance
+const CRITICAL_ASSETS = [
+ '/cafe-bg-compressed.jpg',
+ '/fonts/Washington.ttf',
+ '/logo.svg'
+];
+
self.addEventListener('install', (event) => {
// Create a new cache and add all files to it
async function addFilesToCache() {
const cache = await caches.open(CACHE);
+ const imageCache = await caches.open(IMAGE_CACHE);
+
+ // Cache core assets
await cache.addAll(ASSETS);
+
+ // Precache critical assets with error handling
+ await Promise.allSettled(
+ CRITICAL_ASSETS.map(async (asset) => {
+ try {
+ const response = await fetch(asset);
+ if (response.ok) {
+ if (asset.includes('jpg') || asset.includes('jpeg') || asset.includes('png') || asset.includes('webp')) {
+ await imageCache.put(asset, response);
+ } else {
+ await cache.put(asset, response);
+ }
+ }
+ } catch (error) {
+ console.warn(`Failed to cache ${asset}:`, error);
+ }
+ })
+ );
}
event.waitUntil(addFilesToCache());
+ // Skip waiting to activate immediately
+ self.skipWaiting();
});
self.addEventListener('activate', (event) => {
// Remove previous cached data from disk
async function deleteOldCaches() {
+ const currentCaches = [CACHE, RUNTIME_CACHE, IMAGE_CACHE];
for (const key of await caches.keys()) {
- if (key !== CACHE) await caches.delete(key);
+ if (!currentCaches.includes(key)) {
+ await caches.delete(key);
+ }
}
}
event.waitUntil(deleteOldCaches());
+ // Claim clients immediately
+ self.clients.claim();
});
self.addEventListener('fetch', (event) => {
@@ -51,6 +88,8 @@ self.addEventListener('fetch', (event) => {
async function respond() {
const url = new URL(event.request.url);
const cache = await caches.open(CACHE);
+ const runtimeCache = await caches.open(RUNTIME_CACHE);
+ const imageCache = await caches.open(IMAGE_CACHE);
// `build`/`files` can always be served from the cache
if (ASSETS.includes(url.pathname)) {
@@ -61,6 +100,50 @@ self.addEventListener('fetch', (event) => {
}
}
+ // Handle images with cache-first strategy
+ if (url.pathname.match(/\.(jpg|jpeg|png|gif|webp|svg)$/i)) {
+ const cachedResponse = await imageCache.match(event.request);
+ if (cachedResponse) {
+ return cachedResponse;
+ }
+
+ try {
+ const response = await fetch(event.request);
+ if (response.ok) {
+ imageCache.put(event.request, response.clone());
+ }
+ return response;
+ } catch {
+ // Return a fallback image or the cached version
+ return cachedResponse || new Response('Image not available', { status: 404 });
+ }
+ }
+
+ // Handle fonts with cache-first strategy
+ if (url.pathname.match(/\.(woff|woff2|ttf|otf)$/i)) {
+ const cachedResponse = await cache.match(event.request);
+ if (cachedResponse) {
+ return cachedResponse;
+ }
+ }
+
+ // Handle API and dynamic content with network-first strategy
+ if (url.pathname.startsWith('/api/') || url.searchParams.has('_data')) {
+ try {
+ const response = await fetch(event.request);
+ if (response.ok) {
+ runtimeCache.put(event.request, response.clone());
+ }
+ return response;
+ } catch (err) {
+ const cachedResponse = await runtimeCache.match(event.request);
+ if (cachedResponse) {
+ return cachedResponse;
+ }
+ throw err;
+ }
+ }
+
// for everything else, try the network first, but
// fall back to the cache if we're offline
try {
@@ -73,15 +156,19 @@ self.addEventListener('fetch', (event) => {
}
if (response.status === 200) {
- cache.put(event.request, response.clone());
+ runtimeCache.put(event.request, response.clone());
}
return response;
} catch (err) {
- const response = await cache.match(event.request);
+ // Try all caches for fallback
+ const cachedResponse =
+ await cache.match(event.request) ||
+ await runtimeCache.match(event.request) ||
+ await imageCache.match(event.request);
- if (response) {
- return response;
+ if (cachedResponse) {
+ return cachedResponse;
}
// if there's no cache, then just error out
diff --git a/static/cafe-bg-compressed.jpg b/static/cafe-bg-compressed.jpg
new file mode 100644
index 0000000..4d55ebd
Binary files /dev/null and b/static/cafe-bg-compressed.jpg differ
diff --git a/static/manifest.json b/static/manifest.json
index 7a2c7cf..3989508 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -1,7 +1,7 @@
{
"short_name": "Serengo",
- "name": "Serengo",
- "description": "meet the unexpected.",
+ "name": "Serengo - meet the unexpected.",
+ "description": "Discover unexpected places and experiences with Serengo's interactive map. Find hidden gems and explore your surroundings like never before.",
"icons": [
{
"src": "/logo.svg",
@@ -10,8 +10,11 @@
"purpose": "any maskable"
}
],
- "start_url": ".",
+ "start_url": "/",
"display": "standalone",
- "theme_color": "white",
- "background_color": "white"
+ "orientation": "portrait-primary",
+ "theme_color": "#333333",
+ "background_color": "#f8f8f8",
+ "scope": "/",
+ "categories": ["travel", "maps", "discovery"]
}
diff --git a/static/robots.txt b/static/robots.txt
index b6dd667..a972930 100644
--- a/static/robots.txt
+++ b/static/robots.txt
@@ -1,3 +1,13 @@
-# allow crawling everything by default
+# Serengo - meet the unexpected.
User-agent: *
-Disallow:
+Allow: /
+Disallow: /api/
+Disallow: /logout
+Disallow: /_app/
+Disallow: /.svelte-kit/
+
+# Sitemap location
+Sitemap: https://serengo.ziasvannes.tech/sitemap.xml
+
+# Crawl delay for polite crawling
+Crawl-delay: 1
diff --git a/vite.config.ts b/vite.config.ts
index 3d7e472..bdef694 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,5 +4,19 @@ import { defineConfig } from 'vite';
export default defineConfig({
plugins: [tailwindcss(), sveltekit()],
- preview: { allowedHosts: ['ziasvannes.tech'] }
+ preview: { allowedHosts: ['ziasvannes.tech'] },
+ build: {
+ target: 'es2020',
+ cssCodeSplit: true,
+ rollupOptions: {
+ output: {
+ manualChunks: {
+ maplibre: ['maplibre-gl', 'svelte-maplibre']
+ }
+ }
+ }
+ },
+ optimizeDeps: {
+ include: ['maplibre-gl', 'svelte-maplibre']
+ }
});