@solidjs/start 0.6.0 → 0.6.1

package/client/StartClient.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 // @ts-ignore
 import App from "#start/app";
 import type { JSX } from "solid-js";

package/client/index.tsx

@@ -1,3 +1,6 @@
+// @refresh skip
+// TODO rename to index.tsx?
 import "vinxi/client";
 export { StartClient } from "./StartClient";
 export { mount } from "./mount";
+

package/client/islands.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import "vinxi/client";
 export function StartClient() {
   return null;

package/client/spa/index.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import type { JSX } from "solid-js";
 import { render, type MountableElement } from "solid-js/web";
 import "vinxi/client";

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@solidjs/start",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "author": "Ryan Carniato",
+  "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
@@ -43,7 +44,7 @@
   },
   "devDependencies": {
     "solid-js": "^1.8.15",
-    "vinxi": "^0.3.4"
+    "vinxi": "^0.3.9"
   },
   "dependencies": {
     "@vinxi/plugin-directives": "^0.3.0",

package/server/StartServer.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 // @ts-ignore
 import App from "#start/app";
 import type { Component, JSX } from "solid-js";

package/server/index.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to index.ts?
 export { StartServer } from "./StartServer";
 export { createHandler } from "./handler";
 export * from "./types";

package/server/islands/index.tsx

@@ -1,5 +1,6 @@
-import { type Component, type ComponentProps, lazy, sharedConfig } from "solid-js";
-import { getRequestEvent, Hydration, NoHydration } from "solid-js/web";
+// @refresh skip
+import { lazy, sharedConfig, type Component, type ComponentProps } from "solid-js";
+import { Hydration, NoHydration, getRequestEvent } from "solid-js/web";
 // import { IslandManifest } from "./types";
 import { splitProps } from "./utils";
 

package/server/islands/utils.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to utils.ts?
 // @ts-nocheck
 import { $PROXY } from "solid-js";
 

package/server/pageEvent.ts

@@ -9,13 +9,14 @@ function initFromFlash(ctx: FetchEvent) {
   const flash = getCookie(ctx, "flash");
   if (!flash) return;
   let param = JSON.parse(flash);
-  if (!param || !param.result) return [];
+  if (!param || !param.result) return;
   const input = [...param.input.slice(0, -1), new Map(param.input[param.input.length - 1])];
   setCookie(ctx, "flash", "", { maxAge: 0 });
   return {
+    input,
     url: param.url,
+    pending: false,
     result: param.error ? new Error(param.result) : param.result,
-    input
   };
 }
 
@@ -36,7 +37,7 @@ export async function createPageEvent(ctx: FetchEvent) {
         : [])
     ],
     router: {
-      submission: initFromFlash(ctx)
+      submission: initFromFlash(ctx) as any
     },
     routes: createRoutes(),
     // prevUrl: prevPath || "",

package/server/renderAsset.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to renderAsset.ts?
 import type { JSX } from "solid-js";
 import type { Asset } from "./types";
 

package/server/spa/StartServer.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 // @ts-ignore
 import type { Component } from "solid-js";
 import { NoHydration, getRequestEvent, ssr } from "solid-js/web";

package/server/spa/index.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to index.ts?
 export * from "../types";
 export { StartServer } from "./StartServer";
 export { createHandler } from "./handler";

package/shared/ErrorBoundary.tsx

@@ -1,23 +1,23 @@
+// @refresh skip
 import { ErrorBoundary as DefaultErrorBoundary, type ParentProps } from "solid-js";
 import { isServer } from "solid-js/web";
 import { HttpStatusCode } from "./HttpStatusCode";
 import { DevOverlay } from "./dev-overlay";
 
-export function ErrorBoundary(props: ParentProps) {
-  if (import.meta.env.DEV && import.meta.env.START_DEV_OVERLAY) {
-    return <DevOverlay>{props.children}</DevOverlay>;
-  }
-  const message = isServer ? "500 | Internal Server Error" : "Error | Uncaught Client Exception";
-  return (
-    <DefaultErrorBoundary
-      fallback={
-        <>
-          <span style="font-size:1.5em;text-align:center;position:fixed;left:0px;bottom:55%;width:100%;">{message}</span>
-          <HttpStatusCode code={500} />
-        </>
-      }
-    >
-      {props.children}
-    </DefaultErrorBoundary>
-  );
-}
+export const ErrorBoundary = import.meta.env.DEV && import.meta.env.START_DEV_OVERLAY
+  ? (props: ParentProps) => <DevOverlay>{props.children}</DevOverlay>
+  : (props: ParentProps) => {
+    const message = isServer ? "500 | Internal Server Error" : "Error | Uncaught Client Exception";
+    return (
+      <DefaultErrorBoundary
+        fallback={
+          <>
+            <span style="font-size:1.5em;text-align:center;position:fixed;left:0px;bottom:55%;width:100%;">{message}</span>
+            <HttpStatusCode code={500} />
+          </>
+        }
+      >
+        {props.children}
+      </DefaultErrorBoundary>
+    )
+  };

package/shared/FileRoutes.tsx

@@ -30,6 +30,6 @@ export function createRoutes() {
 }
 
 let routes: any[];
-export const FileRoutes = () => {
-  return isServer ? (getRequestEvent() as PageEvent).routes : routes || (routes = createRoutes());
-};
+export const FileRoutes = isServer 
+  ? () => (getRequestEvent() as PageEvent).routes
+  : () => routes || (routes = createRoutes());

package/shared/HttpHeader.tsx

@@ -1,9 +1,16 @@
+// @refresh skip
 import { onCleanup } from "solid-js";
 import { getRequestEvent, isServer } from "solid-js/web";
 import type { PageEvent } from "../server/types";
 
-export function HttpHeader(props: { name: string; value: string; append?: boolean }) {
-  if (isServer) {
+export interface HttpHeaderProps {
+  name: string;
+  value: string;
+  append?: boolean;
+}
+
+export const HttpHeader = isServer
+  ? (props: HttpHeaderProps) => {
     const event = getRequestEvent() as PageEvent;
 
     if (props.append) event.response.headers.append(props.name, props.value);
@@ -23,7 +30,6 @@ export function HttpHeader(props: { name: string; value: string; append?: boolea
       if (values.length) event.response.headers.set(props.name, values.join(","));
       else event.response.headers.delete(props.name);
     });
+    return null;
   }
-
-  return null;
-}
+  : (_props: HttpHeaderProps) => null;

package/shared/HttpStatusCode.tsx

@@ -1,13 +1,19 @@
+// @refresh skip
 import { onCleanup } from "solid-js";
 import { getRequestEvent, isServer } from "solid-js/web";
 import type { PageEvent } from "../server/types";
 
-export function HttpStatusCode(props: { code: number, text?: string }) {
-  if (isServer) {
+export interface HttpStatusCodeProps {
+  code: number;
+  text?: string;
+}
+
+export const HttpStatusCode = isServer
+  ? (props: HttpStatusCodeProps) => {
     const event = getRequestEvent() as PageEvent;
     event.response.status = props.code;
     event.response.statusText = props.text;
     onCleanup(() => !event.nativeEvent.handled && (event.response.status = 200));
+    return null;
   }
-  return null;
-}
+  : (_props: HttpStatusCodeProps) => null;

package/shared/clientOnly.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import type { Component, ComponentProps, JSX } from "solid-js";
 import { createMemo, createSignal, onMount, sharedConfig, splitProps, untrack } from "solid-js";
 import { isServer } from "solid-js/web";

package/shared/dev-overlay/CodeView.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import type { BuiltinLanguage, Highlighter } from 'shikiji';
 import { getHighlighterCore, loadWasm } from 'shikiji/core';
 import { createEffect, createResource, type JSX } from 'solid-js';

package/shared/dev-overlay/DevOverlayDialog.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import ErrorStackParser from 'error-stack-parser';
 import * as htmlToImage from 'html-to-image';
 import type { JSX } from 'solid-js';

package/shared/dev-overlay/icons.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import type { JSX } from 'solid-js';
 
 export function ArrowRightIcon(

package/shared/dev-overlay/index.tsx

@@ -1,3 +1,4 @@
+// @refresh skip
 import {
   ErrorBoundary,
   Show,

package/shared/index.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to index.ts?
 export { FileRoutes } from "./FileRoutes";
 export { GET } from "./GET";
 export { HttpHeader } from "./HttpHeader";

package/shared/lazyRoute.tsx

@@ -1,3 +1,5 @@
+// @refresh skip
+// TODO rename to lazyRoute.ts?
 /// <reference types="vinxi/types/client" />
 import { createComponent, lazy, onCleanup, type Component, type JSX } from "solid-js";
 import { appendStyles, cleanupStyles, preloadStyles, updateStyles } from "vinxi/css";