import * as preact from 'preact';import { cx } from '../dep/frugal/styled.ts';import { AppProps, Head } from '../dep/frugal/frugal_preact.server.ts';import type { Generated } from '../dep/frugal/loader_script.ts';
import { Spinner } from '../svg/Spinner.tsx';
import { loadingSpinner } from './App.style.ts';import './session.script.ts';
export function App({ entrypoint, loaderContext, children }: AppProps) { const scriptGenerated = loaderContext.get<Generated>('script'); const bodyBundleUrl = scriptGenerated?.[entrypoint]?.['body']; const styleUrl = loaderContext.get<string>('style'); return ( <> <Head> <meta charSet='utf-8' /> <meta name='viewport' content='width=device-width, initial-scale=1' /> <meta name='description' content='Frugal web developpment with a framework that does not waste resources. Do the same, but send less' /> <title>Frugal</title> <link rel='stylesheet' media='screen' href='https://fontlibrary.org//face/cooper-hewitt' type='text/css' /> <html lang='en' /> {styleUrl && <link rel='stylesheet' href={styleUrl} />} {bodyBundleUrl && ( <script type='module' src={bodyBundleUrl}></script> )} </Head> {children} <Spinner class={cx(loadingSpinner)} /> </> );}