mirror of
https://github.com/Lissy93/personal-security-checklist.git
synced 2024-06-18 10:50:14 +00:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { component$, useContextProvider, Slot } from "@builder.io/qwik";
|
|
import { routeLoader$, type RequestHandler } from "@builder.io/qwik-city";
|
|
import jsyaml from "js-yaml";
|
|
|
|
import Navbar from "~/components/furniture/nav";
|
|
import Footer from "~/components/furniture/footer";
|
|
import { ChecklistContext } from "~/store/checklist-context";
|
|
import type { Sections } from "~/types/PSC";
|
|
|
|
export const useChecklists = routeLoader$(async () => {
|
|
const remoteUrl = 'https://raw.githubusercontent.com/Lissy93/personal-security-checklist/HEAD/personal-security-checklist.yml';
|
|
return fetch(remoteUrl)
|
|
.then((res) => res.text())
|
|
.then((res) => jsyaml.load(res) as Sections)
|
|
.catch(() => []);
|
|
});
|
|
|
|
export const onGet: RequestHandler = async ({ cacheControl }) => {
|
|
cacheControl({
|
|
staleWhileRevalidate: 60 * 60 * 24 * 7,
|
|
maxAge: 5,
|
|
});
|
|
};
|
|
|
|
export default component$(() => {
|
|
const checklists = useChecklists();
|
|
useContextProvider(ChecklistContext, checklists);
|
|
|
|
return (
|
|
<>
|
|
<Navbar />
|
|
<main class="bg-base-100 min-h-full">
|
|
<Slot />
|
|
</main>
|
|
<Footer />
|
|
</>
|
|
);
|
|
});
|