qwik: add entry.server

untested because nitro fails to fallback to our server

Co-authored-by: Giorgio Boa <[email protected]>

Author: wmertens

examples/qwik/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "qwik build",
     "build.client": "vite build",
-    "build.preview": "vite build --ssr src/entry.preview.tsx",
+    "build.preview": "vite build --ssr",
     "build.types": "tsc --incremental --noEmit",
     "dev": "vite --open --mode ssr",
     "preview": "qwik build preview && cp -r ./dist/* ./.output/public/ && vite preview --open",

examples/qwik/routes/test.ts

@@ -0,0 +1,17 @@
+import { createQwikRouter } from "./qwik-fetch-adapter";
+import render from "./entry.ssr";
+
+const { router, notFound } = createQwikRouter({ render });
+
+export default {
+  fetch: async (req: Request) => {
+    console.log(`[${req.method}] ${req.url}`);
+    const qwikRouterResponse = await router(req);
+    if (qwikRouterResponse) {
+      return qwikRouterResponse;
+    }
+
+    // Path not found
+    return notFound(req);
+  },
+};

examples/qwik/server.ts

@@ -0,0 +1,126 @@
+import { setServerPlatform } from "@qwik.dev/core/server";
+import type {
+  ClientConn,
+  ServerRenderOptions,
+  ServerRequestEvent,
+} from "@qwik.dev/router/middleware/request-handler";
+import {
+  getNotFound,
+  isStaticPath,
+  mergeHeadersCookies,
+  requestHandler,
+} from "@qwik.dev/router/middleware/request-handler";
+
+/** @public */
+export interface NetAddr {
+  transport: "tcp" | "udp";
+  hostname: string;
+  port: number;
+}
+
+/** @public */
+export function createQwikRouter(opts: QwikRouterFetchOptions) {
+  if (opts.manifest) {
+    setServerPlatform(opts.manifest);
+  }
+  async function router(request: Request) {
+    try {
+      const url = new URL(request.url);
+
+      const serverRequestEv: ServerRequestEvent<Response> = {
+        mode: "server",
+        locale: undefined,
+        url,
+        env: { get: (p: string) => process.env[p] },
+        request,
+        getWritableStream: (status, headers, cookies, resolve) => {
+          const { readable, writable } = new TransformStream<Uint8Array>();
+          const response = new Response(readable, {
+            status,
+            headers: mergeHeadersCookies(headers, cookies),
+          });
+          resolve(response);
+          return writable;
+        },
+        platform: {
+          ssr: true,
+        },
+        getClientConn: () => {
+          return opts.getClientConn ? opts.getClientConn(request) : {};
+        },
+      };
+
+      // send request to qwik router request handler
+      const handledResponse = await requestHandler(serverRequestEv, opts);
+      if (handledResponse) {
+        handledResponse.completion.then((v) => {
+          if (v) {
+            console.error(v);
+          }
+        });
+        const response = await handledResponse.response;
+        if (response) {
+          return response;
+        }
+      }
+
+      // qwik router did not have a route for this request
+      return null;
+    } catch (e: any) {
+      console.error(e);
+      return new Response(String(e || "Error"), {
+        status: 500,
+        headers: {
+          "Content-Type": "text/plain; charset=utf-8",
+        },
+      });
+    }
+  }
+
+  const notFound = async (request: Request) => {
+    try {
+      const url = new URL(request.url);
+
+      // In the development server, we replace the getNotFound function
+      // For static paths, we assign a static "Not Found" message.
+      // This ensures consistency between development and production environments for specific URLs.
+      const notFoundHtml =
+        !request.headers.get("accept")?.includes("text/html") ||
+        isStaticPath(request.method || "GET", url)
+          ? "Not Found"
+          : getNotFound(url.pathname);
+      return new Response(notFoundHtml, {
+        status: 404,
+        headers: {
+          "Content-Type": "text/html; charset=utf-8",
+          "X-Not-Found": url.pathname,
+        },
+      });
+    } catch (e) {
+      console.error(e);
+      return new Response(String(e || "Error"), {
+        status: 500,
+        headers: {
+          "Content-Type": "text/plain; charset=utf-8",
+        },
+      });
+    }
+  };
+
+  return {
+    router,
+    notFound,
+  };
+}
+
+/**
+ * @deprecated Use `createQwikRouter` instead. Will be removed in V3
+ * @public
+ */
+export const createQwikCity = createQwikRouter;
+
+/** @public */
+export interface QwikRouterFetchOptions
+  extends Omit<ServerRenderOptions, "qwikCityPlan"> {
+  getClientConn?: (request: Request) => ClientConn;
+}

examples/qwik/src/entry.server.ts

@@ -6,7 +6,12 @@ import { nitro } from "nitro/vite";
 
 export default defineConfig(() => {
   return {
-    plugins: [qwikRouter(), qwikVite(), tsconfigPaths({ root: "." }), nitro()],
+    plugins: [
+      qwikRouter({ devSsrServer: false }),
+      qwikVite({ ssr: { input: "src/entry.server" } }),
+      tsconfigPaths({ root: "." }),
+      nitro(),
+    ],
     build: { rollupOptions: { external: [/^node/] } },
   };
 });

examples/qwik/src/qwik-fetch-adapter.ts

@@ -1,2 +1,5 @@
 packages:
-  - "./examples/**"
+  - ./examples/**
+
+overrides:
+  vite: ^7.1.0