feat(pwa): implement dynamic manifest.webmanifest and service worker for multi-tenant support

This commit is contained in:
Scott Idem
2026-01-16 19:09:03 -05:00
parent ecb6ba5250
commit 0b2ed6ce08
3 changed files with 153 additions and 1 deletions

View File

@@ -0,0 +1,75 @@
import { json } from '@sveltejs/kit';
import { lookup_site_domain } from '$lib/ae_core/ae_core__site';
import {
PUBLIC_AE_API_PROTOCOL,
PUBLIC_AE_API_SERVER,
PUBLIC_AE_API_BAK_SERVER,
PUBLIC_AE_API_PORT,
PUBLIC_AE_API_PATH,
PUBLIC_AE_API_SECRET_KEY,
PUBLIC_AE_API_CRUD_SUPER_KEY,
PUBLIC_AE_NO_ACCOUNT_ID
} from '$env/static/public';
const api_base_url = `${PUBLIC_AE_API_PROTOCOL}://${PUBLIC_AE_API_SERVER}:${PUBLIC_AE_API_PORT}${PUBLIC_AE_API_PATH}`;
const api_base_url_bak = `${PUBLIC_AE_API_PROTOCOL}://${PUBLIC_AE_API_BAK_SERVER}:${PUBLIC_AE_API_PORT}${PUBLIC_AE_API_PATH}`;
const api_init = {
base_url: api_base_url,
base_url_bak: api_base_url_bak,
api_secret_key: PUBLIC_AE_API_SECRET_KEY,
api_crud_super_key: PUBLIC_AE_API_CRUD_SUPER_KEY,
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
'x-aether-api-key': PUBLIC_AE_API_SECRET_KEY,
'x-no-account-id': PUBLIC_AE_NO_ACCOUNT_ID
}
};
/** @type {import('./$types').RequestHandler} */
export async function GET({ url, fetch }) {
const fqdn = url.host;
// Inject SvelteKit fetch for the lookup
const api_cfg = { ...api_init, fetch };
const site_domain = await lookup_site_domain({
api_cfg,
fqdn,
log_lvl: 0
});
if (!site_domain) {
return json({ error: 'Site not found' }, { status: 404 });
}
const site_name = site_domain.site_name || site_domain.account_name || 'Aether PWA';
const short_name = site_domain.site_code || 'Aether';
// Use the site's header image or logo if available, otherwise fallback to default
const icon_src = site_domain.header_image_path || '/favicon.png';
const manifest = {
name: `One Sky IT - ${site_name}`,
short_name: short_name,
description: `The Aether Progressive Web App for ${site_name}`,
start_url: '/',
display: 'fullscreen',
background_color: 'hsl(220, 65%, 31%)',
theme_color: 'hsl(220, 65%, 31%)',
icons: [
{
src: icon_src,
sizes: 'any',
type: 'image/png'
}
]
};
return json(manifest, {
headers: {
'Content-Type': 'application/manifest+json'
}
});
}