update to use NodeNext moduleResolution (#1959)

Author: brenelz

packages/start/src/client/index.tsx

@@ -1,3 +1,3 @@
-export { mount } from "./mount";
+export { mount } from "./mount.js";
 export { StartClient, StartClientTanstack } from "./StartClient.jsx";
 

packages/start/src/client/spa/index.tsx

@@ -6,4 +6,4 @@ export function mount(fn: () => JSX.Element, el: MountableElement) {
   render(fn, el);
 }
 
-export { StartClient } from "../StartClient";
+export { StartClient } from "../StartClient.jsx";

packages/start/src/middleware/index.tsx

@@ -1,7 +1,7 @@
 // @refresh skip
-import { getFetchEvent } from "../server/fetchEvent";
-import { H3Event as HTTPEvent, defineMiddleware, sendWebResponse } from "../server/h3";
-import type { FetchEvent } from "../server/types";
+import { getFetchEvent } from "../server/fetchEvent.js";
+import { H3Event as HTTPEvent, defineMiddleware, sendWebResponse } from "../server/h3.js";
+import type { FetchEvent } from "../server/types.js";
 
 /** Function responsible for receiving an observable [operation]{@link Operation} and returning a [result]{@link OperationResult}. */
 

packages/start/src/server/collect-styles.ts

@@ -1,7 +1,6 @@
 import path from "node:path";
 import { join, resolve } from "pathe";
 import type { ModuleNode, ViteDevServer } from "vite";
-import { CLIENT_BASE_PATH } from "../constants";
 
 async function getViteModuleNode(vite: ViteDevServer, file: string, ssr = false) {
   let nodePath = file;

packages/start/src/server/index.tsx

@@ -1,8 +1,8 @@
 export { getServerFunctionMeta } from "../shared/serverFunction.js";
 export { StartServer } from "./StartServer.jsx";
-export { createHandler } from "./handler";
+export { createHandler } from "./handler.js";
 
-export * from "./h3";
+export * from "./h3.js";
 
 /**
  * Checks if user has set a redirect status in the response.

packages/start/src/server/manifest/dev-ssr-manifest.ts

@@ -12,7 +12,7 @@ export function getSsrDevManifest(target: "client" | "server") {
       const styles = await findStylesInModuleGraph(vite, id, target === "server");
 
       return Object.entries(styles).map(([key, value]) => ({
-        tag: "style",
+        tag: "style" as const,
         attrs: {
           type: "text/css",
           key,

packages/start/src/server/manifest/prod-ssr-manifest.ts

@@ -1,7 +1,7 @@
 import { clientViteManifest } from "solid-start:client-vite-manifest"
 import { join } from "pathe";
-import type { Asset } from "../renderAsset";
-import { CLIENT_BASE_PATH } from "../../constants";
+import type { Asset } from "../renderAsset.jsx";
+import { CLIENT_BASE_PATH } from "../../constants.js";
 
 // Only reads from client manifest atm, might need server support for islands
 export function getSsrProdManifest() {

packages/start/src/server/server-functions-handler.ts

@@ -1,3 +1,4 @@
+// @ts-ignore - seroval exports issue with NodeNext
 import { crossSerializeStream, fromJSON, getCrossReferenceHeader } from "seroval";
 // @ts-ignore
 import {
@@ -58,15 +59,15 @@ function serializeToStream(id: string, value: any) {
           URLSearchParamsPlugin,
           URLPlugin
         ],
-        onSerialize(data, initial) {
+        onSerialize(data: string, initial: boolean) {
           controller.enqueue(
             createChunk(initial ? `(${getCrossReferenceHeader(id)},${data})` : data)
           );
         },
         onDone() {
           controller.close();
         },
-        onError(error) {
+        onError(error: any) {
           controller.error(error);
         }
       });

packages/start/src/server/server-runtime.ts

@@ -1,3 +1,4 @@
+// @ts-ignore - seroval exports issue with NodeNext
 import { deserialize, toJSONAsync } from "seroval";
 import {
   CustomEventPlugin,

packages/start/src/server/spa/StartServer.tsx

@@ -3,10 +3,10 @@
 import type { Component } from "solid-js";
 import { NoHydration, getRequestEvent, ssr } from "solid-js/web";
 
-import { TopErrorBoundary } from "../../shared/ErrorBoundary";
-import { renderAsset } from "../renderAsset";
-import type { DocumentComponentProps, PageEvent } from "../types";
-import { getSsrManifest } from "../manifest/ssr-manifest";
+import { TopErrorBoundary } from "../../shared/ErrorBoundary.jsx";
+import { renderAsset } from "../renderAsset.jsx";
+import type { DocumentComponentProps, PageEvent } from "../types.js";
+import { getSsrManifest } from "../manifest/ssr-manifest.js";
 
 const docType = ssr("<!DOCTYPE html>");