houdini-react 2.0.0-next.32 → 2.0.0-next.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-react",
-  "version": "2.0.0-next.32",
+  "version": "2.0.0-next.33",
   "description": "The React plugin for houdini",
   "keywords": [
     "typescript",
@@ -81,13 +81,13 @@
     }
   },
   "optionalDependencies": {
-    "houdini-react-darwin-x64": "2.0.0-next.32",
-    "houdini-react-darwin-arm64": "2.0.0-next.32",
-    "houdini-react-linux-x64": "2.0.0-next.32",
-    "houdini-react-linux-arm64": "2.0.0-next.32",
-    "houdini-react-win32-x64": "2.0.0-next.32",
-    "houdini-react-win32-arm64": "2.0.0-next.32",
-    "houdini-react-wasm": "2.0.0-next.32"
+    "houdini-react-darwin-x64": "2.0.0-next.33",
+    "houdini-react-darwin-arm64": "2.0.0-next.33",
+    "houdini-react-linux-x64": "2.0.0-next.33",
+    "houdini-react-linux-arm64": "2.0.0-next.33",
+    "houdini-react-win32-x64": "2.0.0-next.33",
+    "houdini-react-win32-arm64": "2.0.0-next.33",
+    "houdini-react-wasm": "2.0.0-next.33"
   },
   "scripts": {
     "compile": "scripts build-go",

package/postInstall.js

@@ -5,7 +5,7 @@ const https = require('https')
 const child_process = require('child_process')
 
 // Adjust the version you want to install. You can also make this dynamic.
-const BINARY_DISTRIBUTION_VERSION = '2.0.0-next.32'
+const BINARY_DISTRIBUTION_VERSION = '2.0.0-next.33'
 
 // Windows binaries end with .exe so we need to special case them.
 const binaryName = process.platform === 'win32' ? 'houdini-react.exe' : 'houdini-react'

package/runtime/hooks/useFragmentHandle.ts

@@ -5,7 +5,7 @@ import type {
 	GraphQLVariables,
 } from 'houdini/runtime'
 
-import { useDocumentHandle } from './useDocumentHandle.js'
+import { useDocumentHandle, type DocumentHandle } from './useDocumentHandle.js'
 import { useDocumentStore } from './useDocumentStore.js'
 import { fragmentReference, useFragment } from './useFragment.js'
 

package/vite/index.js

@@ -6,6 +6,7 @@ import {
   client_build_directory
 } from "houdini/router/conventions";
 import { load_manifest } from "houdini/router/manifest";
+import { existsSync } from "node:fs";
 import { createRequire } from "node:module";
 import { build } from "vite";
 import { transform_file } from "./transform.js";
@@ -191,11 +192,36 @@ mount_static_app(App, manifest)
     },
     async configureServer(server) {
       devServer = true;
+      const onUnhandledRejection = (err) => {
+        console.error("\n[houdini] dev server error (server still running):\n", err, "\n");
+      };
+      process.on("unhandledRejection", onUnhandledRejection);
+      server.httpServer?.once(
+        "close",
+        () => process.off("unhandledRejection", onUnhandledRejection)
+      );
+      server.httpServer?.once("listening", () => {
+        const addr = server.httpServer?.address();
+        if (addr && typeof addr === "object") {
+          process.env.HOUDINI_PORT = String(addr.port);
+        }
+        const root = ctx.config.root_dir;
+        const entry = ["+index.tsx", "+index.jsx"].map((f) => path.join(root, "src", f)).find((f) => existsSync(f));
+        if (entry) {
+          server.ssrLoadModule(entry).catch(() => {
+          });
+        }
+      });
       server.middlewares.use(async (req, res, next) => {
         if (!req.url) {
           next();
           return;
         }
+        const url = req.url.split("?")[0];
+        if (url.startsWith("/@") || url.startsWith("/virtual:") || url.startsWith("/node_modules/") || /\.[a-z]+$/i.test(url)) {
+          next();
+          return;
+        }
         const { default: router_manifest } = await server.ssrLoadModule(
           path.join(plugin_dir(ctx.config, "houdini-react"), "runtime", "manifest.ts")
         );
@@ -227,13 +253,23 @@ mount_static_app(App, manifest)
           }
         } catch {
         }
+        const cssLinkSet = /* @__PURE__ */ new Set();
+        for (const [url2] of server.moduleGraph.urlToModuleMap) {
+          const cleanUrl = url2.split("?")[0];
+          if (!cleanUrl.includes("node_modules") && cleanUrl.endsWith(".css") && !cleanUrl.endsWith(".module.css")) {
+            cssLinkSet.add(cleanUrl);
+          }
+        }
+        const cssLinks = [...cssLinkSet];
+        res.setHeader("Content-Type", "text/html; charset=utf-8");
         try {
           const result = await createServerAdapter({
             production: false,
             manifest: router_manifest,
             assetPrefix: "/virtual:houdini",
             pipe: res,
-            documentPremable
+            documentPremable,
+            cssLinks
           })(request);
           if (result && result.status === 404) {
             return next();