houdini-react 1.2.22 → 1.2.23

package/build/plugin/vite.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
         houdiniConfig: import("houdini").Config;
     }) => void) | undefined;
     buildEnd?: ((this: import("rollup").PluginContext, error?: Error | undefined, houdiniConfig?: import("houdini").Config | undefined) => void | Promise<void>) | undefined;
-    closeBundle?: ((this: import("rollup").PluginContext) => void | Promise<void>) | undefined;
+    closeBundle?: ((this: import("rollup").PluginContext, config: import("houdini").Config) => void | Promise<void>) | undefined;
     configResolved?: import("rollup").ObjectHook<(this: void, config: Readonly<Omit<import("vite").UserConfig, "plugins" | "assetsInclude" | "optimizeDeps" | "worker"> & {
         configFile: string | undefined;
         configFileDependencies: string[];

package/build/plugin-cjs/index.js

@@ -75587,10 +75587,10 @@ var validateHeaderValue = typeof import_node_http.default.validateHeaderValue ==
     throw error;
   }
 };
-var Headers = class extends URLSearchParams {
+var Headers2 = class extends URLSearchParams {
   constructor(init) {
     let result = [];
-    if (init instanceof Headers) {
+    if (init instanceof Headers2) {
       const raw = init.raw();
       for (const [name, values] of Object.entries(raw)) {
         result.push(...values.map((value) => [name, value]));
@@ -75714,7 +75714,7 @@ var Headers = class extends URLSearchParams {
   }
 };
 Object.defineProperties(
-  Headers.prototype,
+  Headers2.prototype,
   ["get", "entries", "forEach", "values"].reduce((result, property) => {
     result[property] = { enumerable: true };
     return result;
@@ -75729,7 +75729,7 @@ var Response2 = class extends Body {
   constructor(body = null, options = {}) {
     super(body, options);
     const status = options.status != null ? options.status : 200;
-    const headers = new Headers(options.headers);
+    const headers = new Headers2(options.headers);
     if (body !== null && !headers.has("Content-Type")) {
       const contentType = extractContentType(body, this);
       if (contentType) {
@@ -75804,7 +75804,7 @@ var Response2 = class extends Body {
     if (body === void 0) {
       throw new TypeError("data is not JSON serializable");
     }
-    const headers = new Headers(init && init.headers);
+    const headers = new Headers2(init && init.headers);
     if (!headers.has("content-type")) {
       headers.set("content-type", "application/json");
     }
@@ -75880,7 +75880,7 @@ var Request2 = class extends Body {
     super(inputBody, {
       size: init.size || input.size || 0
     });
-    const headers = new Headers(init.headers || input.headers || {});
+    const headers = new Headers2(init.headers || input.headers || {});
     if (inputBody !== null && !headers.has("Content-Type")) {
       const contentType = extractContentType(inputBody, this);
       if (contentType) {
@@ -78416,7 +78416,7 @@ function exec(match, params) {
   const result = {};
   const values = match.slice(1);
   let buffered = "";
-  for (let i2 = 0; i2 < params.length; i2 += 1) {
+  for (let i2 = 0; i2 < (params || []).length; i2 += 1) {
     const param = params[i2];
     let value = values[i2];
     if (param.chained && param.rest && buffered) {
@@ -78630,7 +78630,8 @@ __export2(conventions_exports, {
   router_index_path: () => router_index_path,
   router_path: () => router_path,
   serialized_manifest_path: () => serialized_manifest_path,
-  server_adapter_path: () => server_adapter_path
+  server_adapter_path: () => server_adapter_path,
+  vite_render_path: () => vite_render_path
 });
 function router_path(config2) {
   return path_exports.join(base_dir(config2), "Router.jsx");
@@ -78644,6 +78645,9 @@ function server_adapter_path(config2, base) {
 function adapter_config_path(config2, base) {
   return path_exports.join(units_dir(config2, base), "render", "config.js");
 }
+function vite_render_path(config2, base) {
+  return path_exports.join(units_dir(config2, base), "render", "vite.js");
+}
 function app_component_path(config2, base) {
   return path_exports.join(units_dir(config2, base), "render", "App.jsx");
 }
@@ -78952,12 +78956,19 @@ async function extractQueries(source) {
   return props.filter((p) => p !== "children");
 }
 function isSecondaryBuild() {
-  return process.env.HOUDINI_SCHEMA_BUILD === "true";
+  return process.env.HOUDINI_SECONDARY_BUILD && process.env.HOUDINI_SECONDARY_BUILD !== "false";
+}
+function internalRoutes(config2) {
+  const routes = [localApiEndpoint(config2)];
+  if (config2.router?.auth && "redirect" in config2.router.auth) {
+    routes.push(config2.router.auth.redirect);
+  }
+  return routes;
 }
 async function buildLocalSchema(config2) {
-  const { build } = await import("vite");
-  process.env.HOUDINI_SCHEMA_BUILD = "true";
-  await build({
+  const { build: build2 } = await import("vite");
+  process.env.HOUDINI_SECONDARY_BUILD = "true";
+  await build2({
     logLevel: "silent",
     build: {
       outDir: import_node_path2.default.join(config2.rootDir, "temp"),
@@ -78978,7 +78989,7 @@ async function buildLocalSchema(config2) {
       }
     }
   });
-  process.env.HOUDINI_SCHEMA_BUILD = "false";
+  process.env.HOUDINI_SECONDARY_BUILD = "false";
 }
 async function loadLocalSchema(config2) {
   await buildLocalSchema(config2);
@@ -78988,7 +78999,7 @@ async function loadLocalSchema(config2) {
 
 // src/plugin/index.ts
 var import_node_path3 = __toESM(require("node:path"));
-var import_vite = require("vite");
+var import_vite2 = require("vite");
 
 // src/plugin/codegen/entries.ts
 async function generate_entries({
@@ -79217,16 +79228,103 @@ async function generate_renders({
   config,
   manifest: manifest3
 }) {
+  const adapter_path = conventions_exports.server_adapter_path(config);
   await fs_exports.mkdirp(path_exports.dirname(conventions_exports.server_adapter_path(config)));
   const app_index = `
+import { Router } from '$houdini/plugins/houdini-react/runtime'
 import React from 'react'
+
 import Shell from '../../../../../src/+index'
-import { Router } from '$houdini'
 
-export default (props) => <Shell><Router {...props} /></Shell>
+export default (props) => (
+	<Shell>
+		<Router {...props} />
+	</Shell>
+)
+`;
+  let renderer = `
+	import { Cache } from '$houdini/runtime/cache/cache'
+import { serverAdapterFactory, _serverHandler } from '$houdini/runtime/router/server'
+import { HoudiniClient } from '$houdini/runtime/client'
+import { renderToStream } from 'react-streaming/server'
+import React from 'react'
+
+import { router_cache } from '../../runtime/routing'
+// @ts-expect-error
+import client from '../../../../../src/+client'
+// @ts-expect-error
+import App from "./App"
+import router_manifest from '$houdini/plugins/houdini-react/runtime/manifest'
+
+export const on_render =
+	({ assetPrefix, pipe, production, documentPremable }) =>
+	async ({
+		url,
+		match,
+		session,
+		manifest,
+	}) => {
+		// instanitate a cache we can use for this request
+		const cache = new Cache({ disabled: false })
+
+		if (!match) {
+			return new Response('not found', { status: 404 })
+		}
+
+		const {
+			readable,
+			injectToStream,
+			pipe: pipeTo,
+		} = await renderToStream(
+			React.createElement(App, {
+				initialURL: url,
+				cache: cache,
+				session: session,
+				assetPrefix: assetPrefix,
+				manifest: manifest,
+				...router_cache()
+			}),
+			{
+				userAgent: 'Vite',
+			}
+		)
+
+		// add the initial scripts to the page
+		injectToStream(\`
+		<script>
+			window.__houdini__initial__cache__ = \${cache.serialize()};
+			window.__houdini__initial__session__ = \${JSON.stringify(session)};
+		<\/script>
+
+		\${documentPremable ?? ''}
+
+		<!--
+			add a virtual module that hydrates the client and sets up the initial pending cache.
+			the dynamic extension is to support dev which sees the raw jsx, and production which sees the bundled asset
+		-->
+		<script type="module" src="\${assetPrefix}/pages/\${match.id}.\${production ? 'js' : 'jsx'}" async=""><\/script>
+	\`)
+
+		if (pipeTo && pipe) {
+			pipeTo(pipe)
+			return true
+		} else {
+			return new Response(readable)
+		}
+	}
+
+export function createServerAdapter(options) {
+	return serverAdapterFactory({
+		client,
+		production: true,
+		manifest: router_manifest,
+		on_render: on_render(options),
+		...options,
+	})
+}
 `;
   let adapter_config = `
-		import createAdapter from './server'
+		import { createServerAdapter as createAdapter } from './server'
 
 		export const endpoint = ${JSON.stringify(localApiEndpoint(config.configFile))}
 
@@ -79243,72 +79341,9 @@ export default (props) => <Shell><Router {...props} /></Shell>
 			})
 		}
 	`;
-  const server_adapter = `
-import React from 'react'
-import { renderToStream } from 'react-streaming/server'
-import { Cache } from '$houdini/runtime/cache/cache'
-import { serverAdapterFactory } from '$houdini/runtime/router/server'
-
-import { Router, router_cache } from '../../runtime'
-import manifest from '../../runtime/manifest'
-import App from './App'
-
-import Shell from '../../../../../src/+index'
-
-export default (options) => {
-	return serverAdapterFactory({
-		manifest,
-		...options,
-		on_render: async ({url, match, session, pipe , manifest }) => {
-			// instanitate a cache we can use for this request
-			const cache = new Cache({ disabled: false })
-
-			if (!match) {
-				return new Response('not found', { status: 404 })
-			}
-
-			const { readable, injectToStream, pipe: pipeTo } = await renderToStream(
-				React.createElement(App, {
-					initialURL: url,
-					cache: cache,
-					session: session,
-					assetPrefix: options.assetPrefix,
-					manifest: manifest,
-					...router_cache()
-				}),
-				{
-					userAgent: 'Vite',
-				}
-			)
-
-			// add the initial scripts to the page
-			injectToStream(\`
-				<script>
-					window.__houdini__initial__cache__ = \${cache.serialize()};
-					window.__houdini__initial__session__ = \${JSON.stringify(session)};
-				<\/script>
-
-				<!--
-					add a virtual module that hydrates the client and sets up the initial pending cache.
-					the dynamic extension is to support dev which sees the raw jsx, and production which sees the bundled asset
-				-->
-				<script type="module" src="\${options.assetPrefix}/pages/\${match.id}.\${options.production ? 'js' : 'jsx'}" async=""><\/script>
-			\`)
-
-			if (pipe && pipeTo) {
-				// pipe the response to the client
-				pipeTo(pipe)
-			} else {
-				// and deliver our Response while that's running.
-				return new Response(readable)
-			}
-		},
-	})
-}
-	`;
   await Promise.all([
-    fs_exports.writeFile(conventions_exports.server_adapter_path(config), server_adapter),
     fs_exports.writeFile(conventions_exports.adapter_config_path(config), adapter_config),
+    fs_exports.writeFile(adapter_path, renderer),
     fs_exports.writeFile(conventions_exports.app_component_path(config), app_index)
   ]);
 }
@@ -79578,28 +79613,44 @@ async function transformFile(page) {
 }
 
 // src/plugin/vite.tsx
+var import_vite = require("vite");
 var manifest;
+var devServer = false;
 var vite_default = {
   async config(config, env) {
     manifest = await load_manifest({ config, includeArtifacts: env.mode === "production" });
     setManifest(manifest);
-    let rollupConfig;
-    if (!isSecondaryBuild()) {
-      rollupConfig = {
+    let conf = {
+      build: {
+        rollupOptions: {}
+      }
+    };
+    if (!isSecondaryBuild() || process.env.HOUDINI_SECONDARY_BUILD === "ssr") {
+      if (!devServer) {
+        conf.base = "/assets";
+      }
+      conf.build = {
         rollupOptions: {
           output: {
-            entryFileNames: "assets/[name].js"
-          }
+            assetFileNames: "assets/[name].js",
+            entryFileNames: "[name].js"
+          },
+          external: ["react-streaming/server"]
         }
       };
       await fs_exports.mkdirp(config.compiledAssetsDir);
-      rollupConfig.outDir = config.compiledAssetsDir;
-      rollupConfig.rollupOptions.input = {};
+      conf.build.rollupOptions.input = {
+        "entries/app": conventions_exports.app_component_path(config),
+        "entries/adapter": conventions_exports.adapter_config_path(config)
+      };
       for (const [id, page] of Object.entries(manifest.pages)) {
-        rollupConfig.rollupOptions.input[`pages/${id}`] = `virtual:houdini/pages/${page.id}@${page.queries}.jsx`;
+        conf.build.rollupOptions.input[`pages/${id}`] = `virtual:houdini/pages/${page.id}@${page.queries}.jsx`;
       }
       for (const artifact of manifest.artifacts) {
-        rollupConfig.rollupOptions.input[`artifacts/${artifact}`] = `virtual:houdini/artifacts/${artifact}.js`;
+        conf.build.rollupOptions.input[`artifacts/${artifact}`] = `virtual:houdini/artifacts/${artifact}.js`;
+      }
+      if (process.env.HOUDINI_SECONDARY_BUILD !== "ssr") {
+        conf.build.outDir = config.compiledAssetsDir;
       }
     }
     return {
@@ -79611,7 +79662,7 @@ var vite_default = {
           "~/*": path_exports.join(config.projectRoot, "src", "*")
         }
       },
-      build: rollupConfig
+      ...conf
     };
   },
   resolveId(id) {
@@ -79623,6 +79674,20 @@ var vite_default = {
   async buildStart({ houdiniConfig }) {
     await writeTsconfig(houdiniConfig);
   },
+  async closeBundle(config) {
+    if (isSecondaryBuild() || devServer) {
+      return;
+    }
+    console.log("\u{1F3A9} Generating Server Assets...");
+    process.env.HOUDINI_SECONDARY_BUILD = "ssr";
+    await (0, import_vite.build)({
+      build: {
+        ssr: true,
+        outDir: path_exports.join(config.rootDir, "build", "ssr")
+      }
+    });
+    process.env.HOUDINI_SECONDARY_BUILD = "false";
+  },
   async load(id, { config }) {
     if (!id.startsWith("virtual:houdini")) {
       return;
@@ -79645,7 +79710,6 @@ var vite_default = {
 				// if there is pending data (or artifacts) then we should prime the caches
 				let initialData = {}
 				let initialArtifacts = {}
-
 				if (!window.__houdini__cache__) {
 					window.__houdini__cache__ = new Cache()
 					window.__houdini__hydration__layer__ = window.__houdini__cache__._internal_unstable.storage.createLayer(true)
@@ -79680,16 +79744,24 @@ var vite_default = {
 					})
 				}
 
-
-
 				// hydrate the cache with the information from the initial payload
 				window.__houdini__cache__?.hydrate(
 					window.__houdini__initial__cache__,
 					window.__houdini__hydration__layer__
 				)
 
+				// get the initial url from the window
+				const url = window.location.pathname
+
+				const app = <App
+					initialURL={url}
+					cache={window.__houdini__cache__}
+					session={window.__houdini__initial__session__}
+					{...window.__houdini__nav_caches__}
+				/>
+
 				// hydrate the application for interactivity
-				hydrateRoot(document, <App cache={window.__houdini__cache__} session={window.__houdini__initial__session__} {...window.__houdini__nav_caches__} />)
+				hydrateRoot(document, app)
 			`;
     }
     if (which === "artifacts") {
@@ -79704,51 +79776,92 @@ if (window.__houdini__nav_caches__ && window.__houdini__nav_caches__.artifact_ca
     }
   },
   async configureServer(server) {
+    devServer = true;
     await writeTsconfig(server.houdiniConfig);
     server.middlewares.use(async (req, res, next) => {
+      if (!req.url) {
+        next();
+        return;
+      }
       const { default: router_manifest } = await server.ssrLoadModule(
         path_exports.join(
           server.houdiniConfig.pluginRuntimeDirectory("houdini-react"),
           "manifest.js"
         )
       );
-      try {
-        const [match] = find_match(router_manifest, req.url ?? "/");
-        if (!match) {
-          throw new Error();
-        }
-      } catch {
-        if (req.url !== localApiEndpoint(server.houdiniConfig.configFile)) {
-          return next();
-        }
+      const [match] = find_match(router_manifest, req.url);
+      if (!match && !internalRoutes(server.houdiniConfig.configFile).find(
+        (route) => req.url?.startsWith(route)
+      )) {
+        next();
+        return;
       }
       const project_manifest = await load_manifest({ config: server.houdiniConfig });
       let schema = null;
       if (project_manifest.local_schema) {
         schema = await loadLocalSchema(server.houdiniConfig);
       }
-      const serverAdapter = (await server.ssrLoadModule(
-        conventions_exports.server_adapter_path(server.houdiniConfig) + "?t=" + new Date().getTime()
-      )).default;
       let yoga = null;
       if (project_manifest.local_yoga) {
-        const yogaPath = path_exports.join(
-          server.houdiniConfig.localApiDir,
-          "+yoga?t=" + new Date().getTime()
-        );
+        const yogaPath = path_exports.join(server.houdiniConfig.localApiDir, "+yoga");
         yoga = await server.ssrLoadModule(yogaPath);
       }
-      await serverAdapter({
+      const { createServerAdapter } = await server.ssrLoadModule(
+        conventions_exports.server_adapter_path(server.houdiniConfig)
+      );
+      const requestHeaders = new Headers();
+      for (const header of Object.entries(req.headers ?? {})) {
+        requestHeaders.set(header[0], header[1]);
+      }
+      const request = new Request(
+        "https://localhost:5173" + req.url,
+        req.method === "POST" ? {
+          method: req.method,
+          headers: requestHeaders,
+          body: await getBody(req)
+        } : void 0
+      );
+      for (const [key, value] of Object.entries(req.headers)) {
+        request.headers.set(key, value);
+      }
+      const result = await createServerAdapter({
         schema,
         yoga,
-        assetPrefix: "/virtual:houdini",
         production: false,
         manifest: router_manifest,
-        pipe: res
-      })(req, res);
+        graphqlEndpoint: localApiEndpoint(server.houdiniConfig.configFile),
+        assetPrefix: "/virtual:houdini",
+        pipe: res,
+        documentPremable: `<script type="module" src="/@vite/client" async=""><\/script>`
+      })(request);
+      if (result && result.status === 404) {
+        next();
+      }
+      if (result && typeof result !== "boolean") {
+        if (res.closed) {
+          return;
+        }
+        for (const header of Object.entries(result.headers ?? {})) {
+          res.setHeader(header[0], header[1]);
+        }
+        res.write(await result.text());
+        res.end();
+      }
     });
   }
 };
+function getBody(request) {
+  return new Promise((resolve2) => {
+    const bodyParts = [];
+    let body;
+    request.on("data", (chunk) => {
+      bodyParts.push(chunk);
+    }).on("end", () => {
+      body = Buffer.concat(bodyParts).toString();
+      resolve2(body);
+    });
+  });
+}
 
 // src/plugin/index.ts
 var manifest2;
@@ -79897,7 +80010,7 @@ export function useFragmentHandle(reference: { readonly "${fragmentKey}": { ${do
     if (_env) {
       return _env;
     }
-    _env = (0, import_vite.loadEnv)("dev", config.projectRoot || ".", "");
+    _env = (0, import_vite2.loadEnv)("dev", config.projectRoot || ".", "");
     return _env;
   }
 });