npm - @solidjs/start - Versions diffs - 2.0.0-alpha.1 → 2.0.0-alpha.3 - Mend

@solidjs/start 2.0.0-alpha.1 → 2.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (119) hide show

package/CHANGELOG.md +33 -0
package/dist/config/constants.d.ts +1 -1
package/dist/config/constants.js +1 -1
package/dist/config/dev-server.js +18 -0
package/dist/config/env.d.ts +19 -0
package/dist/config/env.js +81 -0
package/dist/config/fs-routes/fs-watcher.js +14 -20
package/dist/config/fs-routes/index.js +2 -2
package/dist/config/fs-routes/router.js +7 -8
package/dist/config/index.d.ts +16 -1
package/dist/config/index.js +30 -29
package/dist/config/lazy.js +35 -5
package/dist/config/manifest.js +40 -6
package/dist/config/vite-utils.d.ts +6 -1
package/dist/config/vite-utils.js +7 -3
package/dist/directives/bubble-function-declaration.d.ts +3 -0
package/dist/directives/bubble-function-declaration.js +23 -0
package/dist/directives/compile.d.ts +9 -0
package/dist/directives/compile.js +40 -0
package/dist/directives/generate-unique-name.d.ts +3 -0
package/dist/directives/generate-unique-name.js +16 -0
package/dist/directives/get-descriptive-name.d.ts +2 -0
package/dist/directives/get-descriptive-name.js +37 -0
package/dist/directives/get-import-identifier.d.ts +4 -0
package/dist/directives/get-import-identifier.js +19 -0
package/dist/directives/get-root-statement-path.d.ts +2 -0
package/dist/directives/get-root-statement-path.js +12 -0
package/dist/directives/index.d.ts +14 -0
package/dist/directives/index.js +169 -0
package/dist/directives/is-statement-top-level.d.ts +3 -0
package/dist/directives/is-statement-top-level.js +9 -0
package/dist/directives/paths.d.ts +9 -0
package/dist/directives/paths.js +36 -0
package/dist/directives/plugin.d.ts +21 -0
package/dist/directives/plugin.js +302 -0
package/dist/directives/remove-unused-variables.d.ts +3 -0
package/dist/directives/remove-unused-variables.js +53 -0
package/dist/directives/types.d.ts +10 -0
package/dist/directives/xxhash32.d.ts +6 -0
package/dist/directives/xxhash32.js +193 -0
package/dist/{server/server-runtime.d.ts → fns/client.d.ts} +1 -1
package/dist/fns/client.js +106 -0
package/dist/fns/handler.d.ts +5 -0
package/dist/{server/server-functions-handler.js → fns/handler.js} +55 -96
package/dist/fns/registration.d.ts +2 -0
package/dist/fns/registration.js +12 -0
package/dist/fns/serialization.d.ts +6 -0
package/dist/fns/serialization.js +208 -0
package/dist/fns/server.d.ts +7 -0
package/dist/{server/server-fns-runtime.js → fns/server.js} +7 -1
package/dist/fns/shared.d.ts +17 -0
package/dist/fns/shared.js +105 -0
package/dist/http/index.d.ts +1 -1
package/dist/middleware/index.d.ts +20 -0
package/dist/middleware/index.js +21 -1
package/dist/server/StartServer.jsx +2 -0
package/dist/server/assets/PatchVirtualDevStyles.d.ts +4 -0
package/dist/server/assets/PatchVirtualDevStyles.jsx +28 -0
package/dist/server/collect-styles.js +9 -21
package/dist/server/handler.d.ts +61 -3
package/dist/server/handler.js +18 -15
package/dist/server/spa/StartServer.jsx +2 -0
package/dist/server/spa/handler.d.ts +30 -1
package/dist/server/types.d.ts +1 -1
package/dist/shared/dev-overlay/CodeView.jsx +4 -4
package/dist/shared/dev-overlay/DevOverlayDialog.jsx +34 -34
package/dist/shared/dev-overlay/index.jsx +2 -2
package/dist/shared/dev-overlay/styles.css +40 -40
package/package.json +27 -20
package/src/config/constants.ts +1 -1
package/src/config/dev-server.ts +12 -0
package/src/config/env.ts +105 -0
package/src/config/fs-routes/fs-watcher.ts +17 -24
package/src/config/fs-routes/index.ts +2 -2
package/src/config/fs-routes/router.ts +7 -8
package/src/config/index.ts +44 -40
package/src/config/lazy.ts +36 -5
package/src/config/manifest.ts +40 -9
package/src/config/vite-utils.ts +8 -4
package/src/directives/bubble-function-declaration.ts +33 -0
package/src/directives/compile.ts +54 -0
package/src/directives/generate-unique-name.ts +22 -0
package/src/directives/get-descriptive-name.ts +39 -0
package/src/directives/get-import-identifier.ts +34 -0
package/src/directives/get-root-statement-path.ts +14 -0
package/src/directives/index.ts +232 -0
package/src/directives/is-statement-top-level.ts +13 -0
package/src/directives/paths.ts +63 -0
package/src/directives/plugin.ts +389 -0
package/src/directives/remove-unused-variables.ts +55 -0
package/src/directives/types.ts +12 -0
package/src/directives/xxhash32.ts +214 -0
package/src/env.d.ts +1 -1
package/src/fns/client.ts +141 -0
package/src/fns/handler.spec.ts +85 -0
package/src/{server/server-functions-handler.ts → fns/handler.ts} +65 -117
package/src/fns/registration.ts +19 -0
package/src/fns/serialization.ts +250 -0
package/src/{server/server-fns-runtime.ts → fns/server.ts} +17 -2
package/src/fns/shared.ts +116 -0
package/src/middleware/index.ts +21 -1
package/src/server/StartServer.tsx +2 -0
package/src/server/assets/PatchVirtualDevStyles.tsx +31 -0
package/src/server/collect-styles.ts +9 -26
package/src/server/handler.ts +20 -16
package/src/server/spa/StartServer.tsx +2 -0
package/src/server/types.ts +1 -1
package/src/shared/dev-overlay/CodeView.tsx +5 -7
package/src/shared/dev-overlay/DevOverlayDialog.tsx +34 -34
package/src/shared/dev-overlay/get-source-map.ts +1 -1
package/src/shared/dev-overlay/index.tsx +4 -4
package/src/shared/dev-overlay/styles.css +40 -40
package/tsconfig.json +1 -0
package/dist/server/fetchEvent.spec.js +0 -65
package/dist/server/server-fns-runtime.d.ts +0 -1
package/dist/server/server-functions-handler.d.ts +0 -2
package/dist/server/server-runtime.js +0 -194
package/src/server/server-runtime.ts +0 -240
/package/dist/{server/fetchEvent.spec.d.ts → directives/types.js} +0 -0

package/dist/server/StartServer.jsx CHANGED Viewed

@@ -2,6 +2,7 @@ import { Hydration, HydrationScript, NoHydration, getRequestEvent, ssr } from "s
 import App from "solid-start:app";
 import { ErrorBoundary, TopErrorBoundary } from "../shared/ErrorBoundary.jsx";
 import { useAssets } from "./assets/index.js";
+import PatchVirtualDevStyles from "./assets/PatchVirtualDevStyles.jsx";
 import { getSsrManifest } from "./manifest/ssr-manifest.js";
 const docType = ssr("<!DOCTYPE html>");
 /**
@@ -17,6 +18,7 @@ export function StartServer(props) {
       {docType}
       <TopErrorBoundary>
         <props.document assets={<HydrationScript />} scripts={<>
+              <PatchVirtualDevStyles nonce={nonce}/>
               <script type="module" nonce={nonce} async src={getSsrManifest("client").path(import.meta.env.START_CLIENT_ENTRY)}/>
             </>}>
           {!import.meta.env.START_ISLANDS ? (<Hydration>

package/dist/server/assets/PatchVirtualDevStyles.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+declare const PatchVirtualDevStyles: (props: {
+    nonce?: string;
+}) => import("solid-js").JSX.Element;
+export default PatchVirtualDevStyles;

package/dist/server/assets/PatchVirtualDevStyles.jsx ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * Patches the data-vite-dev-id attribute for style tags of virtual modules
+ *
+ * Per Vite's convention, virtual module ids are prefixed with \0 (null byte):
+ * https://vite.dev/guide/api-plugin#virtual-modules-convention
+ *
+ * However this null byte cannot be server rendered properly.
+ * Vite client runtime then fails to find style's with wrong null bytes,
+ * and instead inserts duplicate style's.
+ *
+ * This patch replaces the serializable /@id/__x00__ with the proper null byte,
+ * and has to run before Vite's client runtime:
+ * https://github.com/vitejs/vite/blob/130e7181a55c524383c63bbfb1749d0ff7185cad/packages/vite/src/client/client.ts#L529
+ *
+ * TODO: This should be solved in Vite directly!
+ */
+const patch = function () {
+    document.querySelectorAll("style[data-vite-dev-id]").forEach(function (el) {
+        el.setAttribute("data-vite-dev-id", el.dataset.viteDevId.replace("/@id/__x00__", "\0"));
+    });
+};
+const serializedPatch = `(${patch.toString()})();`;
+const PatchVirtualDevStyles = (props) => {
+    if (!import.meta.env.PROD) {
+        return <script nonce={props.nonce} innerHTML={serializedPatch}/>;
+    }
+};
+export default PatchVirtualDevStyles;

package/dist/server/collect-styles.js CHANGED Viewed

@@ -1,28 +1,16 @@
 import path from "node:path";
-import { resolve } from "pathe";
-async function getViteModuleNode(vite, file) {
-    let nodePath = file;
-    let node = vite.moduleGraph.getModuleById(file);
-    if (!node) {
-        const resolvedId = await vite.pluginContainer.resolveId(file, undefined);
-        if (!resolvedId)
+async function getViteModuleNode(vite, file, importer) {
+    try {
+        const res = await vite.fetchModule(file, importer);
+        if (!("id" in res))
             return;
-        nodePath = resolvedId.id;
-        node = vite.moduleGraph.getModuleById(file);
-    }
-    if (!node) {
-        nodePath = resolve(nodePath);
-        node = await vite.moduleGraph.getModuleByUrl(file);
-    }
-    if (!node) {
-        await vite.moduleGraph.ensureEntryFromUrl(nodePath, false);
-        node = vite.moduleGraph.getModuleById(nodePath);
+        return vite.moduleGraph.getModuleById(res.id);
     }
-    return node;
+    catch (err) { }
 }
-async function findModuleDependencies(vite, file, deps, crawledFiles = new Set()) {
+async function findModuleDependencies(vite, file, deps, crawledFiles = new Set(), importer) {
     crawledFiles.add(file);
-    const module = await getViteModuleNode(vite, file);
+    const module = await getViteModuleNode(vite, file, importer);
     if (!module?.id || deps.has(module))
         return;
     deps.add(module);
@@ -40,7 +28,7 @@ async function findModuleDependencies(vite, file, deps, crawledFiles = new Set()
         if (crawledFiles.has(dep)) {
             continue;
         }
-        await findModuleDependencies(vite, dep, deps, crawledFiles);
+        await findModuleDependencies(vite, dep, deps, crawledFiles, module.id);
     }
 }
 // Vite doesn't expose these so we just copy the list for now

package/dist/server/handler.d.ts CHANGED Viewed

@@ -1,6 +1,64 @@
-import { H3 } from "h3";
+import { type H3Event } from "h3";
 import type { JSX } from "solid-js";
 import type { FetchEvent, HandlerOptions, PageEvent } from "./types.ts";
-export declare function createBaseHandler(createPageEvent: (e: FetchEvent) => Promise<PageEvent>, fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions | Promise<HandlerOptions>)): H3;
-export declare function createHandler(fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions | Promise<HandlerOptions>)): H3;
+export declare function createBaseHandler(createPageEvent: (e: FetchEvent) => Promise<PageEvent>, fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions | Promise<HandlerOptions>)): {
+    "~rou3": import("h3").RouterContext;
+    request(request: import("srvx").ServerRequest | URL | string, options?: RequestInit, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    use(route: string, handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    use(handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    on(method: import("h3").HTTPMethod | Lowercase<import("h3").HTTPMethod> | "", route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    register(plugin: import("h3").H3Plugin): /*elided*/ any;
+    mount(base: string, input: import("srvx").FetchHandler | {
+        fetch: import("srvx").FetchHandler;
+    } | /*elided*/ any): /*elided*/ any;
+    all(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    get(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    post(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    put(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    delete(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    patch(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    head(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    options(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    connect(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    trace(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    readonly config: import("h3").H3Config;
+    "~middleware": import("h3").Middleware[];
+    "~routes": import("h3").H3Route[];
+    fetch(_request: import("srvx").ServerRequest): Response | Promise<Response>;
+    handler(event: H3Event): unknown | Promise<unknown>;
+    "~request"(request: import("srvx").ServerRequest, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    "~findRoute"(_event: H3Event): import("h3").MatchedRoute<import("h3").H3Route> | void;
+    "~getMiddleware"(event: H3Event, route: import("h3").MatchedRoute<import("h3").H3Route> | undefined): import("h3").Middleware[];
+    "~addRoute"(_route: import("h3").H3Route): void;
+};
+export declare function createHandler(fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions | Promise<HandlerOptions>)): {
+    "~rou3": import("h3").RouterContext;
+    request(request: import("srvx").ServerRequest | URL | string, options?: RequestInit, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    use(route: string, handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    use(handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    on(method: import("h3").HTTPMethod | Lowercase<import("h3").HTTPMethod> | "", route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    register(plugin: import("h3").H3Plugin): /*elided*/ any;
+    mount(base: string, input: import("srvx").FetchHandler | {
+        fetch: import("srvx").FetchHandler;
+    } | /*elided*/ any): /*elided*/ any;
+    all(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    get(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    post(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    put(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    delete(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    patch(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    head(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    options(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    connect(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    trace(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    readonly config: import("h3").H3Config;
+    "~middleware": import("h3").Middleware[];
+    "~routes": import("h3").H3Route[];
+    fetch(_request: import("srvx").ServerRequest): Response | Promise<Response>;
+    handler(event: H3Event): unknown | Promise<unknown>;
+    "~request"(request: import("srvx").ServerRequest, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    "~findRoute"(_event: H3Event): import("h3").MatchedRoute<import("h3").H3Route> | void;
+    "~getMiddleware"(event: H3Event, route: import("h3").MatchedRoute<import("h3").H3Route> | undefined): import("h3").Middleware[];
+    "~addRoute"(_route: import("h3").H3Route): void;
+};
 export declare function createPageEvent(ctx: FetchEvent): Promise<PageEvent>;

package/dist/server/handler.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { createRoutes } from "../router.jsx";
 import { decorateHandler, decorateMiddleware } from "./fetchEvent.js";
 import { getSsrManifest } from "./manifest/ssr-manifest.js";
 import { matchAPIRoute } from "./routes.js";
-import { handleServerFunction } from "./server-functions-handler.js";
+import { handleServerFunction } from "../fns/handler.js";
 import { getExpectedRedirectStatus } from "./util.js";
 const SERVER_FN_BASE = "/_server";
 export function createBaseHandler(createPageEvent, fn, options = {}) {
@@ -28,20 +28,22 @@ export function createBaseHandler(createPageEvent, fn, options = {}) {
             if (match) {
                 const mod = await match.handler.import();
                 const fn = event.request.method === "HEAD" ? mod["HEAD"] || mod["GET"] : mod[event.request.method];
-                event.params = match.params || {};
-                // @ts-expect-error
-                sharedConfig.context = { event };
-                const res = await fn(event);
-                if (res !== undefined) {
-                    if (res instanceof Response)
-                        return produceResponseWithEventHeaders(res);
-                    return res;
+                if (typeof fn === "function") {
+                    event.params = match.params || {};
+                    // @ts-expect-error
+                    sharedConfig.context = { event };
+                    const res = await fn(event);
+                    if (res !== undefined) {
+                        if (res instanceof Response)
+                            return produceResponseWithEventHeaders(res);
+                        return res;
+                    }
+                    if (event.request.method !== "GET") {
+                        throw new Error(`API handler for ${event.request.method} "${event.request.url}" did not return a response.`);
+                    }
+                    if (!match.isPage)
+                        return;
                 }
-                if (event.request.method !== "GET") {
-                    throw new Error(`API handler for ${event.request.method} "${event.request.url}" did not return a response.`);
-                }
-                if (!match.isPage)
-                    return;
             }
             const context = await createPageEvent(event);
             const resolvedOptions = typeof options === "function" ? await options(context) : { ...options };
@@ -58,6 +60,7 @@ export function createBaseHandler(createPageEvent, fn, options = {}) {
                     const status = getExpectedRedirectStatus(context.response);
                     return redirect(context.response.headers.get("Location"), status);
                 }
+                event.response.headers.set("content-type", "text/html");
                 return html;
             }
             if (resolvedOptions.onCompleteAll) {
@@ -177,7 +180,7 @@ function handleStreamCompleteRedirect(context) {
     return ({ write }) => {
         context.complete = true;
         const to = context.response && context.response.headers.get("Location");
-        to && write(`<script>window.location="${to}"</script>`);
+        to && write(`<script>window.location=${JSON.stringify(to).replace(/</g, "\\u003c")}</script>`);
     };
 }
 function produceResponseWithEventHeaders(res) {

package/dist/server/spa/StartServer.jsx CHANGED Viewed

@@ -2,6 +2,7 @@ import { NoHydration, getRequestEvent, ssr } from "solid-js/web";
 import { getSsrManifest } from "../manifest/ssr-manifest.js";
 import { TopErrorBoundary } from "../../shared/ErrorBoundary.jsx";
 import { useAssets } from "../assets/index.js";
+import PatchVirtualDevStyles from "../assets/PatchVirtualDevStyles.jsx";
 const docType = ssr("<!DOCTYPE html>");
 /**
  *
@@ -16,6 +17,7 @@ export function StartServer(props) {
       {docType}
       <TopErrorBoundary>
         <props.document scripts={<>
+              <PatchVirtualDevStyles nonce={nonce}/>
               <script type="module" src={getSsrManifest("client").path(import.meta.env.START_CLIENT_ENTRY)}/>
             </>}/>
       </TopErrorBoundary>

package/dist/server/spa/handler.d.ts CHANGED Viewed

@@ -4,4 +4,33 @@ import type { HandlerOptions, PageEvent } from "../types.ts";
  *
  * Read more: https://docs.solidjs.com/solid-start/reference/server/create-handler
  */
-export declare function createHandler(fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions)): import("h3").H3;
+export declare function createHandler(fn: (context: PageEvent) => JSX.Element, options?: HandlerOptions | ((context: PageEvent) => HandlerOptions)): {
+    "~rou3": import("h3").RouterContext;
+    request(request: import("srvx").ServerRequest | URL | string, options?: RequestInit, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    use(route: string, handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    use(handler: import("h3").Middleware, opts?: import("h3").MiddlewareOptions): /*elided*/ any;
+    on(method: import("h3").HTTPMethod | Lowercase<import("h3").HTTPMethod> | "", route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    register(plugin: import("h3").H3Plugin): /*elided*/ any;
+    mount(base: string, input: import("srvx").FetchHandler | {
+        fetch: import("srvx").FetchHandler;
+    } | /*elided*/ any): /*elided*/ any;
+    all(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    get(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    post(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    put(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    delete(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    patch(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    head(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    options(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    connect(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    trace(route: string, handler: import("h3").HTTPHandler, opts?: import("h3").RouteOptions): /*elided*/ any;
+    readonly config: import("h3").H3Config;
+    "~middleware": import("h3").Middleware[];
+    "~routes": import("h3").H3Route[];
+    fetch(_request: import("srvx").ServerRequest): Response | Promise<Response>;
+    handler(event: import("h3").H3Event): unknown | Promise<unknown>;
+    "~request"(request: import("srvx").ServerRequest, context?: import("h3").H3EventContext): Response | Promise<Response>;
+    "~findRoute"(_event: import("h3").H3Event): import("h3").MatchedRoute<import("h3").H3Route> | void;
+    "~getMiddleware"(event: import("h3").H3Event, route: import("h3").MatchedRoute<import("h3").H3Route> | undefined): import("h3").Middleware[];
+    "~addRoute"(_route: import("h3").H3Route): void;
+};

package/dist/server/types.d.ts CHANGED Viewed

@@ -64,7 +64,7 @@ export interface APIEvent extends FetchEvent {
         [key: string]: string;
     };
 }
-export type APIHandler = (event: APIEvent) => Promise<any>;
+export type APIHandler = (event: APIEvent) => any;
 export interface ServerFunctionMeta {
     id: string;
 }

package/dist/shared/dev-overlay/CodeView.jsx CHANGED Viewed

@@ -1,13 +1,13 @@
 // @refresh skip
 import { getSingletonHighlighter } from "shiki";
 import { loadWasm } from "shiki/engine/oniguruma";
-import { createEffect, createResource } from "solid-js";
-import url from "shiki/onig.wasm?url";
 import langJS from "shiki/langs/javascript.mjs";
 import langJSX from "shiki/langs/jsx.mjs";
 import langTSX from "shiki/langs/tsx.mjs";
 import langTS from "shiki/langs/typescript.mjs";
+import url from "shiki/onig.wasm?url";
 import darkPlus from "shiki/themes/dark-plus.mjs";
+import { createEffect, createResource } from "solid-js";
 let HIGHLIGHTER;
 async function loadHighlighter() {
     if (!HIGHLIGHTER) {
@@ -51,12 +51,12 @@ export function CodeView(props) {
             for (let i = 0, len = lines.length; i < len; i++) {
                 const el = lines[i];
                 if (props.line - minLine() - 1 === i) {
-                    el.classList.add("dev-overlay-error-line");
+                    el.dataset.startDevOverlayErrorLine = '';
                 }
             }
         }
     });
-    return (<div ref={ref} class="dev-overlay-code-view" style={{
+    return (<div ref={ref} data-start-dev-overlay-code-view style={{
             "--dev-overlay-code-view-start": minLine() + 1,
         }}/>);
 }

package/dist/shared/dev-overlay/DevOverlayDialog.jsx CHANGED Viewed

@@ -1,7 +1,7 @@
 // @refresh skip
 import ErrorStackParser from "error-stack-parser";
 import * as htmlToImage from "html-to-image";
-import { ErrorBoundary, For, Show, Suspense, createMemo, createSignal } from "solid-js";
+import { createMemo, createSignal, ErrorBoundary, For, Show, Suspense } from "solid-js";
 import { Portal } from "solid-js/web";
 // @ts-ignore - terracotta module resolution issue with NodeNext
 import { Dialog, DialogOverlay, DialogPanel, Select, SelectOption } from "terracotta";
@@ -25,9 +25,9 @@ function ErrorInfo(props) {
         }
         return { message: e.toString() };
     });
-    return (<span class="dev-overlay-error-info">
-      <span class="dev-overlay-error-info-name">{error().name}</span>
-      <span class="dev-overlay-error-info-message">{error().message}</span>
+    return (<span data-start-dev-overlay-error-info>
+      <span data-start-dev-overlay-error-info-name>{error().name}</span>
+      <span data-start-dev-overlay-error-info-message>{error().message}</span>
     </span>);
 }
 function getFileName(source) {
@@ -46,23 +46,23 @@ function getFilePath(source) {
     return `${getFileName(source.source)}${line}${column}`;
 }
 function CodeFallback() {
-    return (<div class="dev-overlay-stack-frames-code-fallback">
+    return (<div data-start-dev-overlay-stack-frames-code-fallback>
       <span>Source not available.</span>
     </div>);
 }
 function StackFramesContent(props) {
     const stackframes = ErrorStackParser.parse(props.error);
     const [selectedFrame, setSelectedFrame] = createSignal(stackframes[0]);
-    return (<div class="dev-overlay-stack-frames-content">
-      <div class="dev-overlay-stack-frames-code">
+    return (<div data-start-dev-overlay-stack-frames-content>
+      <div data-start-dev-overlay-stack-frames-code>
         <ErrorBoundary fallback={null}>
           {(() => {
             const data = createStackFrame(selectedFrame(), () => props.isCompiled);
             return (<Suspense fallback={<CodeFallback />}>
                 <Show when={data()} keyed fallback={<CodeFallback />}>
                   {source => (<>
-                      <span class="dev-overlay-stack-frames-code-source">{source.source}</span>
-                      <div class="dev-overlay-stack-frames-code-container">
+                      <span data-start-dev-overlay-stack-frames-code-source>{source.source}</span>
+                      <div data-start-dev-overlay-stack-frames-code-container>
                         <CodeView fileName={source.source} line={source.line} content={source.content}/>
                       </div>
                     </>)}
@@ -71,13 +71,13 @@ function StackFramesContent(props) {
         })()}
         </ErrorBoundary>
       </div>
-      <Select class="dev-overlay-stack-frames" value={selectedFrame()} onChange={setSelectedFrame}>
+      <Select data-start-dev-overlay-stack-frames value={selectedFrame()} onChange={setSelectedFrame}>
         <For each={stackframes}>
-          {current => (<ErrorBoundary fallback={<div class="dev-overlay-stack-frame">
-                  <span class="dev-overlay-stack-frame-function">
+          {current => (<ErrorBoundary fallback={<div data-start-dev-overlay-stack-frame>
+                  <span data-start-dev-overlay-stack-frame-function>
                     {current.functionName ?? "<anonymous>"}
                   </span>
-                  <span class="dev-overlay-stack-frame-file">
+                  <span data-start-dev-overlay-stack-frame-file>
                     {getFilePath({
                     source: current.getFileName(),
                     content: "",
@@ -91,11 +91,11 @@ function StackFramesContent(props) {
                 const data = createStackFrame(current, () => props.isCompiled);
                 return (<Suspense>
                     <Show when={data()} keyed>
-                      {source => (<SelectOption class="dev-overlay-stack-frame" value={current}>
-                          <span class="dev-overlay-stack-frame-function">
+                      {source => (<SelectOption data-start-dev-overlay-stack-frame value={current}>
+                          <span data-start-dev-overlay-stack-frame-function>
                             {source.name ?? "<anonymous>"}
                           </span>
-                          <span class="dev-overlay-stack-frame-file">{getFilePath(source)}</span>
+                          <span data-start-dev-overlay-stack-frame-file>{getFilePath(source)}</span>
                         </SelectOption>)}
                     </Show>
                   </Suspense>);
@@ -165,55 +165,55 @@ export default function DevOverlayDialog(props) {
         window.open(DISCORD_INVITE, "_blank").focus();
     }
     return (<Portal>
-      <Dialog class="dev-overlay" isOpen>
+      <Dialog data-start-dev-overlay isOpen>
         <div>
-          <DialogOverlay class="dev-overlay-background"/>
-          <DialogPanel ref={setPanel} class="dev-overlay-panel-container">
-            <div class="dev-overlay-panel">
-              <div class="dev-overlay-navbar">
-                <div class="dev-overlay-navbar-left">
-                  <div class="dev-overlay-version">
+          <DialogOverlay data-start-dev-overlay-background/>
+          <DialogPanel ref={setPanel} data-start-dev-overlay-panel-container>
+            <div data-start-dev-overlay-panel>
+              <div data-start-dev-overlay-navbar>
+                <div data-start-dev-overlay-navbar-left>
+                  <div data-start-dev-overlay-version>
                     <div>
                       <SolidStartIcon title="Solid Start Version"/>
                     </div>
                     <span>{info.version}</span>
                   </div>
                   <Show when={props.errors.length > 1}>
-                    <div class="dev-overlay-pagination">
-                      <button class="dev-overlay-button" onClick={goPrev} type="button">
+                    <div data-start-dev-overlay-pagination>
+                      <button data-start-dev-overlay-button onClick={goPrev} type="button">
                         <ArrowLeftIcon title="Go Previous"/>
                       </button>
-                      <div class="dev-overlay-page-counter">
+                      <div data-start-dev-overlay-page-counter>
                         {`${truncated()} of ${props.errors.length}`}
                       </div>
-                      <button class="dev-overlay-button" onClick={goNext} type="button">
+                      <button data-start-dev-overlay-button onClick={goNext} type="button">
                         <ArrowRightIcon title="Go Next"/>
                       </button>
                     </div>
                   </Show>
                 </div>
-                <div class="dev-overlay-controls">
-                  <button class="dev-overlay-button" onClick={redirectToGithub} type="button">
+                <div data-start-dev-overlay-controls>
+                  <button data-start-dev-overlay-button onClick={redirectToGithub} type="button">
                     <GithubIcon title="Create an issue thread on Github"/>
                   </button>
-                  <button class="dev-overlay-button" onClick={redirectToDiscord} type="button">
+                  <button data-start-dev-overlay-button onClick={redirectToDiscord} type="button">
                     <DiscordIcon title="Join our Discord Channel"/>
                   </button>
-                  <button class="dev-overlay-button" onClick={downloadScreenshot} type="button">
+                  <button data-start-dev-overlay-button onClick={downloadScreenshot} type="button">
                     <CameraIcon title="Capture Error Overlay"/>
                   </button>
-                  <button class="dev-overlay-button" onClick={toggleIsCompiled} type="button">
+                  <button data-start-dev-overlay-button onClick={toggleIsCompiled} type="button">
                     <Show when={isCompiled()} fallback={<ViewOriginalIcon title="View Original Source"/>}>
                       <ViewCompiledIcon title="View Compiled Source"/>
                     </Show>
                   </button>
-                  <button class="dev-overlay-button" onClick={props.resetError} type="button">
+                  <button data-start-dev-overlay-button onClick={props.resetError} type="button">
                     <RefreshIcon title="Reset Error"/>
                   </button>
                 </div>
               </div>
               <Show when={props.errors[truncated() - 1]} keyed>
-                {current => (<div class="dev-overlay-content">
+                {current => (<div data-start-dev-overlay-content>
                     <ErrorInfo error={current}/>
                     <StackFrames error={current} isCompiled={isCompiled()}/>
                   </div>)}

package/dist/shared/dev-overlay/index.jsx CHANGED Viewed

@@ -1,7 +1,7 @@
 // @refresh skip
-import { ErrorBoundary, Show, createEffect, createSignal, onCleanup, resetErrorBoundaries, } from "solid-js";
-import { HttpStatusCode } from "../HttpStatusCode.js";
+import { createEffect, createSignal, ErrorBoundary, onCleanup, resetErrorBoundaries, Show, } from "solid-js";
 import clientOnly from "../clientOnly.js";
+import { HttpStatusCode } from "../HttpStatusCode.js";
 const DevOverlayDialog = import.meta.env.PROD
     ? () => <></>
     : clientOnly(() => import("./DevOverlayDialog"), { lazy: true });