Greatly simplify client-side loading of map page

packages/sift/src/js/components/Link.ts

@@ -7,8 +7,6 @@ export const siftImages = import.meta.glob("../../img/*.{png,jpg,jpeg}", {
   eager: true,
 });
 
-console.log(siftImages);
-
 export function SiftLink(props): ReactNode {
   const { to, ...rest } = props;
   return h(Link, { to, ...rest });

src/pages/map/+config.h.ts

@@ -0,0 +1,18 @@
+import MapInterface from "./map-interface";
+
+export default {
+  Page: MapInterface,
+  route: "/map/*",
+  meta: {
+    Page: {
+      /* Sift must be rendered as a single-page app, because that is its design.
+      It must only use server-side links to other pages, 
+      because of its reliance on global styles that could leak to other pages with client routing
+      */
+      env: {
+        client: true,
+        server: false,
+      },
+    },
+  },
+};

src/renderer/+onRenderClient.ts

@@ -16,6 +16,8 @@ async function render(pageContext: PageContextClient) {
       "Client-side render() hook expects pageContext.Page to be defined"
     );
 
+  console.log("Rendering on client side");
+
   FocusStyleManager.onlyShowFocusOnTabs();
 
   const page = h(PageShell, { pageContext }, h(Page, pageProps));

src/renderer/+onRenderHtml.ts

@@ -17,6 +17,11 @@ async function render(pageContext: PageContextServer) {
     );
   }
 
+  // await import("~/styles/blueprint-core");
+  // await import("~/styles/_theme.styl");
+  // await import("../styles/core.sass");
+  // await import("../styles/padding.css");
+
   // See https://vike.dev/head
   const { documentProps } = pageContext.exports;
   const title = (documentProps && documentProps.title) || "Macrostrat";