@solidjs/start 0.4.0-alpha.0

package/shared/HttpStatusCode.tsx

@@ -0,0 +1,13 @@
+import { onCleanup } from "solid-js";
+import { getRequestEvent, isServer } from "solid-js/web";
+
+export function HttpStatusCode(props: { code: number, text?: string }) {
+  if (isServer) {
+    const context = getRequestEvent();
+    context!.setResponseStatus(props.code, props.text);
+    onCleanup(() => {
+      context!.setResponseStatus(200);
+    });
+  }
+  return null;
+}

package/shared/clientOnly.tsx

@@ -0,0 +1,28 @@
+import type { Component, ComponentProps, JSX } from "solid-js";
+import { createMemo, createSignal, onMount, sharedConfig, splitProps, untrack } from "solid-js";
+import { isServer } from "solid-js/web";
+
+// not using Suspense
+export default function clientOnly<T extends Component<any>>(
+  fn: () => Promise<{
+    default: T;
+  }>
+) {
+  if (isServer) return (props: ComponentProps<T> & { fallback?: JSX.Element }) => props.fallback;
+
+  const [comp, setComp] = createSignal<T>();
+  fn().then(m => setComp(() => m.default));
+  return (props: ComponentProps<T>) => {
+    let Comp: T | undefined;
+    let m: boolean;
+    const [, rest] = splitProps(props, ["fallback"]);
+    if ((Comp = comp()) && !sharedConfig.context) return Comp(rest);
+    const [mounted, setMounted] = createSignal(!sharedConfig.context);
+    onMount(() => setMounted(true));
+    return createMemo(
+      () => (
+        (Comp = comp()), (m = mounted()), untrack(() => (Comp && m ? Comp(rest) : props.fallback))
+      )
+    );
+  };
+}

package/shared/index.tsx

@@ -0,0 +1,6 @@
+export { default as clientOnly } from "./clientOnly";
+export { ErrorBoundary as DefaultErrorBoundary } from "./ErrorBoundary";
+export { FileRoutes } from "./FileRoutes";
+export { HttpHeader } from "./HttpHeader";
+export { HttpStatusCode } from "./HttpStatusCode";
+

package/shared/lazyRoute.tsx

@@ -0,0 +1,59 @@
+/// <reference types="vinxi/types/client" />
+import { createComponent, lazy, onCleanup } from "solid-js";
+import { appendStyles, cleanupStyles, updateStyles } from "vinxi/css";
+
+import { renderAsset } from "../server/renderAsset";
+
+export default function lazyRoute(
+	component,
+	clientManifest,
+	serverManifest,
+	exported = "default",
+) {
+	return lazy(async () => {
+		if (import.meta.env.DEV) {
+			let manifest = import.meta.env.SSR ? serverManifest : clientManifest;
+
+			const mod = await manifest.inputs[component.src].import();
+			if (!mod[exported]) console.error(`Module ${component.src} does not export ${exported}`)
+			const Component = mod[exported];
+			let assets = await clientManifest.inputs?.[component.src].assets();
+			const styles = assets.filter((asset) => asset.tag === "style");
+
+			if (typeof window !== "undefined" && import.meta.hot) {
+				import.meta.hot.on("css-update", (data) => {
+					updateStyles(styles, data);
+				});
+			}
+
+			const Comp = (props) => {
+				if (typeof window !== "undefined") {
+					appendStyles(styles);
+				}
+
+				onCleanup(() => {
+					if (typeof window !== "undefined") {
+						// remove style tags added by vite when a CSS file is imported
+						cleanupStyles(styles);
+					}
+				});
+				return [
+					...assets.map((asset) => renderAsset(asset)),
+					createComponent(Component, props),
+				];
+			};
+			return { default: Comp };
+		} else {
+			const mod = await component.import();
+			const Component = mod[exported];
+			let assets = await clientManifest.inputs?.[component.src].assets();
+			const Comp = (props) => {
+				return [
+					...assets.map((asset) => renderAsset(asset)),
+					createComponent(Component, props),
+				];
+			};
+			return { default: Comp };
+		}
+	});
+}

package/shared/routes.ts

@@ -0,0 +1,44 @@
+import fileRoutes, { Route } from "vinxi/routes";
+
+declare module "vinxi/routes" {
+  export interface Register {
+    route: {
+      path: string;
+      type: "api" | "page";
+      children?: Route[];
+    };
+  }
+}
+
+const defineRoutes = (fileRoutes: Route[]) => {
+  function processRoute(routes: Route[], route: Route, id: string, full: string) {
+    const parentRoute = Object.values(routes).find(o => {
+      // if (o.id.endsWith("/index")) {
+      // 	return false;
+      // }
+      return id.startsWith(o.path + "/");
+    });
+
+    if (!parentRoute) {
+      routes.push({ ...route, path: id });
+      return routes;
+    }
+    processRoute(
+      parentRoute.children || (parentRoute.children = []),
+      route,
+      id.slice(parentRoute.path.length),
+      full
+    );
+
+    return routes;
+  }
+
+  return fileRoutes
+    .sort((a, b) => a.path.length - b.path.length)
+    .reduce((prevRoutes, route) => {
+      return processRoute(prevRoutes, route, route.path, route.path);
+    }, []);
+};
+
+export const pageRoutes = defineRoutes(fileRoutes.filter(o => o.type === "page"));
+export const apiRoutes = fileRoutes.filter(o => o.type === "api");