@quilted/quilt 0.8.6 → 0.8.8

package/build/typescript/server/request-router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-router.d.ts","sourceRoot":"","sources":["../../../source/server/request-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,KAAK,EAAW,MAAM,QAAQ,CAAC;AAM5D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,eAAe,EAKhB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAe,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAIvE,MAAM,WAAW,kBAAkB;IACjC,CACE,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,OAAO,EAAE;QACP,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;KACpC,GACA,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;CACzE;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,kBAAkB,CAAC;IAC7E,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CACzC;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,EACnB,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAC7B,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"request-router.d.ts","sourceRoot":"","sources":["../../../source/server/request-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,KAAK,EAAC,MAAM,QAAQ,CAAC;AAMlD,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAKL,eAAe,EAMhB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAe,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAIvE,MAAM,WAAW,kBAAkB;IACjC,CACE,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC,EAC/B,OAAO,EAAE;QACP,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC;KACpC,GACA,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;CACzE;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACpC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,kBAAkB,CAAC;IAC7E,SAAS,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CACzC;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,EACnB,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAC7B,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CAAC"}

package/build/typescript/server.browser.d.ts

@@ -5,8 +5,4 @@ export * from '@quilted/assets';
 export { parseAcceptLanguageHeader } from '@quilted/preact-localize';
 declare function noopCreateRequestRouterLocalization(): void;
 export { noopCreateRequestRouterLocalization as createRequestRouterLocalization };
-declare function noopRenderToResponse(): void;
-export { noopRenderToResponse as renderToResponse };
-declare function NoopServerContext(): null;
-export { NoopServerContext as ServerContext };
 //# sourceMappingURL=server.browser.d.ts.map

package/build/typescript/server.browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.browser.d.ts","sourceRoot":"","sources":["../../source/server.browser.ts"],"names":[],"mappings":"AAAA,iBAAS,kBAAkB,SAAK;AAEhC,OAAO,EACL,kBAAkB,IAAI,cAAc,EACpC,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,oBAAoB,GAC3C,CAAC;AACF,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAEnE,iBAAS,mCAAmC,SAAK;AACjD,OAAO,EAAC,mCAAmC,IAAI,+BAA+B,EAAC,CAAC;AAEhF,iBAAS,oBAAoB,SAAK;AAClC,OAAO,EAAC,oBAAoB,IAAI,gBAAgB,EAAC,CAAC;AAElD,iBAAS,iBAAiB,SAEzB;AACD,OAAO,EAAC,iBAAiB,IAAI,aAAa,EAAC,CAAC"}
+{"version":3,"file":"server.browser.d.ts","sourceRoot":"","sources":["../../source/server.browser.ts"],"names":[],"mappings":"AAAA,iBAAS,kBAAkB,SAAK;AAEhC,OAAO,EACL,kBAAkB,IAAI,cAAc,EACpC,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,oBAAoB,GAC3C,CAAC;AACF,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAEnE,iBAAS,mCAAmC,SAAK;AACjD,OAAO,EAAC,mCAAmC,IAAI,+BAA+B,EAAC,CAAC"}

package/build/typescript/server.d.ts

@@ -3,6 +3,4 @@ export * from '@quilted/preact-browser/server';
 export * from '@quilted/assets';
 export { parseAcceptLanguageHeader } from '@quilted/preact-localize';
 export { createRequestRouterLocalization } from '@quilted/preact-localize/request-router';
-export { renderToResponse, type RenderToResponseOptions, type RenderHTMLFunction, } from './server/request-router.tsx';
-export { ServerContext } from './server/ServerContext.tsx';
 //# sourceMappingURL=server.d.ts.map

package/build/typescript/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../source/server.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,+BAA+B,EAAC,MAAM,yCAAyC,CAAC;AAExF,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../source/server.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,+BAA+B,EAAC,MAAM,yCAAyC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quilted/quilt",
   "type": "module",
-  "version": "0.8.6",
+  "version": "0.8.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/lemonmade/quilt.git",
@@ -241,26 +241,26 @@
     "./build/esm/signals.mjs"
   ],
   "dependencies": {
-    "@quilted/assets": "^0.1.5",
+    "@quilted/assets": "^0.1.6",
     "@quilted/async": "^0.4.22",
     "@quilted/events": "^2.1.1",
     "@quilted/graphql": "^3.3.8",
     "@quilted/preact-async": "^0.1.2",
-    "@quilted/preact-browser": "^0.1.10",
+    "@quilted/preact-browser": "^0.1.12",
     "@quilted/preact-context": "^0.1.2",
     "@quilted/preact-graphql": "^0.1.0",
-    "@quilted/preact-localize": "^0.3.0",
+    "@quilted/preact-localize": "^0.3.4",
     "@quilted/preact-performance": "^0.1.0",
     "@quilted/preact-router": "^0.2.10",
     "@quilted/preact-signals": "^0.1.0",
     "@quilted/preact-workers": "^0.2.0",
     "@quilted/preact-testing": "^0.1.6",
     "@quilted/react": "^18.2.0",
-    "@quilted/react-dom": "^18.2.11",
-    "@quilted/request-router": "^0.3.0",
+    "@quilted/react-dom": "^18.2.15",
+    "@quilted/request-router": "^0.3.1",
     "@quilted/signals": "^0.2.0",
     "@quilted/threads": "^3.0.0",
-    "preact-render-to-string": "^6.4.0",
+    "preact-render-to-string": "^6.5.0",
     "jest-matcher-utils": "^29.0.0"
   },
   "peerDependencies": {

package/source/server.browser.ts

@@ -12,11 +12,3 @@ export {parseAcceptLanguageHeader} from '@quilted/preact-localize';
 
 function noopCreateRequestRouterLocalization() {}
 export {noopCreateRequestRouterLocalization as createRequestRouterLocalization};
-
-function noopRenderToResponse() {}
-export {noopRenderToResponse as renderToResponse};
-
-function NoopServerContext() {
-  return null;
-}
-export {NoopServerContext as ServerContext};

package/source/server.ts

@@ -8,10 +8,3 @@ export * from '@quilted/assets';
 
 export {parseAcceptLanguageHeader} from '@quilted/preact-localize';
 export {createRequestRouterLocalization} from '@quilted/preact-localize/request-router';
-
-export {
-  renderToResponse,
-  type RenderToResponseOptions,
-  type RenderHTMLFunction,
-} from './server/request-router.tsx';
-export {ServerContext} from './server/ServerContext.tsx';

package/build/esm/server/ServerContext.mjs

@@ -1,20 +0,0 @@
-import { BrowserDetailsContext, BrowserAssetsManifestContext } from '@quilted/preact-browser/server';
-import { jsx } from 'preact/jsx-runtime';
-
-function ServerContext({
-  browser,
-  assets,
-  children
-}) {
-  const withBrowser = browser ? jsx(BrowserDetailsContext.Provider, {
-    value: browser,
-    children: children
-  }) : children;
-  const withAssets = assets ? jsx(BrowserAssetsManifestContext.Provider, {
-    value: assets,
-    children: withBrowser
-  }) : withBrowser;
-  return withAssets;
-}
-
-export { ServerContext };

package/build/esm/server/request-router.mjs

@@ -1,251 +0,0 @@
-import { isValidElement } from 'preact';
-import { renderToStringAsync, renderToStaticMarkup } from 'preact-render-to-string';
-import { styleAssetPreloadAttributes, scriptAssetPreloadAttributes } from '@quilted/assets';
-import { BrowserResponse, ScriptAsset, StyleAsset, StyleAssetPreload, ScriptAssetPreload } from '@quilted/preact-browser/server';
-import { EnhancedResponse, HTMLResponse } from '@quilted/request-router';
-import { ServerContext } from './ServerContext.mjs';
-import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-
-async function renderToResponse(optionsOrElement, definitelyOptions) {
-  let element;
-  let options;
-  if (isValidElement(optionsOrElement)) {
-    element = optionsOrElement;
-    options = definitelyOptions;
-  } else {
-    options = optionsOrElement;
-  }
-  const {
-    request,
-    assets,
-    status: explicitStatus,
-    headers: explicitHeaders,
-    serializations: explicitSerializations,
-    waitUntil = noop,
-    stream: shouldStream = false,
-    renderHTML = true
-  } = options;
-  const baseURL = request.URL ?? new URL(request.url);
-  const browserResponse = new BrowserResponse({
-    request,
-    status: explicitStatus,
-    headers: new Headers(explicitHeaders),
-    serializations: explicitSerializations
-  });
-  let appStream;
-  if (shouldStream === false && element != null) {
-    let rendered;
-    try {
-      rendered = await renderToStringAsync(jsx(ServerContext, {
-        assets: assets,
-        browser: browserResponse,
-        children: element
-      }));
-    } catch (error) {
-      if (error instanceof Response) {
-        const mergedHeaders = new Headers(browserResponse.headers);
-
-        // Copy headers from error response, potentially overwriting existing ones
-        for (const [key, value] of error.headers) {
-          if (key.toLowerCase() === 'set-cookie') continue;
-          mergedHeaders.set(key, value);
-        }
-        for (const setCookie of error.headers.getSetCookie()) {
-          mergedHeaders.append('Set-Cookie', setCookie);
-        }
-        const mergedResponse = new EnhancedResponse(error.body, {
-          status: Math.max(browserResponse.status.value, error.status),
-          headers: mergedHeaders
-        });
-        return mergedResponse;
-      }
-      throw error;
-    }
-    const appTransformStream = new TransformStream();
-    const appWriter = appTransformStream.writable.getWriter();
-    appStream = appTransformStream.readable;
-    appWriter.write(rendered);
-    appWriter.close();
-  }
-  if (appStream == null) {
-    const appTransformStream = new TransformStream();
-    appStream = appTransformStream.readable;
-    const renderAppStream = async function renderAppStream() {
-      const appWriter = appTransformStream.writable.getWriter();
-      if (element != null) {
-        // TODO: how could we handle redirects automatically? For now, if people want
-        // this, they will explicitly turn on streaming and will have to use some in-app
-        // to manually handle redirects (e.g., by rendering a script tag that uses JavaScript
-        // to redirect)
-        const rendered = await renderToStringAsync(jsx(ServerContext, {
-          assets: assets,
-          browser: browserResponse,
-          children: element
-        }));
-        appWriter.write(rendered);
-      }
-      appWriter.close();
-    };
-    waitUntil(renderAppStream());
-  }
-  const body = await renderToHTMLBody(appStream);
-  return new HTMLResponse(body, {
-    status: browserResponse.status.value,
-    headers: browserResponse.headers
-  });
-  async function renderToHTMLBody(content) {
-    if (typeof renderHTML === 'function') {
-      const body = await renderHTML(content, {
-        response: browserResponse
-      });
-      return body;
-    } else if (renderHTML === false || renderHTML === 'fragment') {
-      return content;
-    }
-    const responseStream = new TextEncoderStream();
-    const body = responseStream.readable;
-    const renderFullHTML = async function renderFullHTML() {
-      const writer = responseStream.writable.getWriter();
-      writer.write(`<!DOCTYPE html>`);
-      const synchronousAssets = assets?.entry({
-        request,
-        modules: browserResponse.assets.get({
-          timing: 'load'
-        })
-      });
-      const preloadAssets = assets?.modules(browserResponse.assets.get({
-        timing: 'preload'
-      }), {
-        request
-      });
-      if (synchronousAssets) {
-        for (const style of synchronousAssets.styles) {
-          browserResponse.headers.append('Link', preloadHeader(styleAssetPreloadAttributes(style)));
-        }
-        for (const script of synchronousAssets.scripts) {
-          browserResponse.headers.append('Link', preloadHeader(scriptAssetPreloadAttributes(script)));
-        }
-      }
-      const htmlContent = renderToStaticMarkup(jsxs("html", {
-        ...browserResponse.htmlAttributes.value,
-        children: [jsxs("head", {
-          children: [browserResponse.title.value && jsx("title", {
-            children: browserResponse.title.value
-          }), browserResponse.links.value.map(link => jsx("link", {
-            ...link
-          })), browserResponse.metas.value.map(meta => jsx("meta", {
-            ...meta
-          })), browserResponse.serializations.value.map(({
-            name,
-            content
-          }) =>
-          // @ts-expect-error a custom element that I don’t want to define,
-          // since it’s an optional part of the browser library.
-          jsx("browser-serialization", {
-            name: name,
-            content: JSON.stringify(content)
-          })), synchronousAssets?.scripts.map(script => jsx(ScriptAsset, {
-            asset: script,
-            baseURL: baseURL
-          }, script.source)), synchronousAssets?.styles.map(style => jsx(StyleAsset, {
-            asset: style,
-            baseURL: baseURL
-          }, style.source)), preloadAssets?.styles.map(style => jsx(StyleAssetPreload, {
-            asset: style,
-            baseURL: baseURL
-          }, style.source)), preloadAssets?.scripts.map(script => jsx(ScriptAssetPreload, {
-            asset: script,
-            baseURL: baseURL
-          }, script.source))]
-        }), jsx("body", {
-          ...browserResponse.bodyAttributes.value,
-          dangerouslySetInnerHTML: {
-            __html: '%%CONTENT%%'
-          }
-        })]
-      }));
-      const [firstChunk, secondChunk] = htmlContent.split('%%CONTENT%%');
-      writer.write(firstChunk);
-      if (element != null) writer.write(`<div id="app">`);
-      const reader = content.getReader();
-      while (true) {
-        const {
-          done,
-          value
-        } = await reader.read();
-        if (done) {
-          break;
-        }
-        writer.write(value);
-      }
-      if (element != null) writer.write(`</div>`);
-      const newSynchronousAssets = assets?.entry({
-        request,
-        modules: browserResponse.assets.get({
-          timing: 'load'
-        })
-      });
-      const newPreloadAssets = assets?.modules(browserResponse.assets.get({
-        timing: 'preload'
-      }), {
-        request
-      });
-      if (newSynchronousAssets) {
-        const diffedSynchronousAssets = diffBrowserAssetsEntries(newSynchronousAssets, synchronousAssets);
-        const diffedPreloadAssets = diffBrowserAssetsEntries(newPreloadAssets, preloadAssets);
-        const additionalAssetsContent = renderToStaticMarkup(jsxs(Fragment, {
-          children: [diffedSynchronousAssets.scripts.map(script => jsx(ScriptAsset, {
-            asset: script,
-            baseURL: baseURL
-          }, script.source)), diffedSynchronousAssets.styles.map(style => jsx(StyleAsset, {
-            asset: style,
-            baseURL: baseURL
-          }, style.source)), diffedPreloadAssets.styles.map(style => jsx(StyleAssetPreload, {
-            asset: style,
-            baseURL: baseURL
-          }, style.source)), diffedPreloadAssets.scripts.map(script => jsx(ScriptAssetPreload, {
-            asset: script,
-            baseURL: baseURL
-          }, script.source))]
-        }));
-        writer.write(additionalAssetsContent);
-      }
-      writer.write(secondChunk);
-      writer.close();
-    };
-    waitUntil(renderFullHTML());
-    return body;
-  }
-}
-function preloadHeader(attributes) {
-  const {
-    as,
-    rel = 'preload',
-    href,
-    crossOrigin,
-    crossorigin
-  } = attributes;
-
-  // Support both property and attribute versions of the casing
-  const finalCrossOrigin = crossOrigin ?? crossorigin;
-  let header = `<${href}>; rel="${rel}"; as="${as}"`;
-  if (finalCrossOrigin === '' || finalCrossOrigin === true) {
-    header += `; crossorigin`;
-  } else if (typeof finalCrossOrigin === 'string') {
-    header += `; crossorigin="${finalCrossOrigin}"`;
-  }
-  return header;
-}
-function diffBrowserAssetsEntries(newList, oldList) {
-  const oldStyles = new Set(oldList.styles.map(style => style.source));
-  const oldScripts = new Set(oldList.scripts.map(script => script.source));
-  return {
-    styles: newList.styles.filter(style => !oldStyles.has(style.source)),
-    scripts: newList.scripts.filter(script => !oldScripts.has(script.source))
-  };
-}
-function noop(..._args) {
-  // noop
-}
-
-export { renderToResponse };

package/build/esnext/server/ServerContext.esnext

@@ -1,14 +0,0 @@
-import { jsx } from 'preact/jsx-runtime';
-import { BrowserDetailsContext, BrowserAssetsManifestContext } from '@quilted/preact-browser/server';
-
-function ServerContext({
-  browser,
-  assets,
-  children
-}) {
-  const withBrowser = browser ? /* @__PURE__ */ jsx(BrowserDetailsContext.Provider, { value: browser, children }) : children;
-  const withAssets = assets ? /* @__PURE__ */ jsx(BrowserAssetsManifestContext.Provider, { value: assets, children: withBrowser }) : withBrowser;
-  return withAssets;
-}
-
-export { ServerContext };

package/build/esnext/server/request-router.esnext

@@ -1,273 +0,0 @@
-import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { isValidElement } from 'preact';
-import { renderToStringAsync, renderToStaticMarkup } from 'preact-render-to-string';
-import { styleAssetPreloadAttributes, scriptAssetPreloadAttributes } from '@quilted/assets';
-import { BrowserResponse, ScriptAsset, StyleAsset, StyleAssetPreload, ScriptAssetPreload } from '@quilted/preact-browser/server';
-import { EnhancedResponse, HTMLResponse } from '@quilted/request-router';
-import { ServerContext } from './ServerContext.esnext';
-
-async function renderToResponse(optionsOrElement, definitelyOptions) {
-  let element;
-  let options;
-  if (isValidElement(optionsOrElement)) {
-    element = optionsOrElement;
-    options = definitelyOptions;
-  } else {
-    options = optionsOrElement;
-  }
-  const {
-    request,
-    assets,
-    status: explicitStatus,
-    headers: explicitHeaders,
-    serializations: explicitSerializations,
-    waitUntil = noop,
-    stream: shouldStream = false,
-    renderHTML = true
-  } = options;
-  const baseURL = request.URL ?? new URL(request.url);
-  const browserResponse = new BrowserResponse({
-    request,
-    status: explicitStatus,
-    headers: new Headers(explicitHeaders),
-    serializations: explicitSerializations
-  });
-  let appStream;
-  if (shouldStream === false && element != null) {
-    let rendered;
-    try {
-      rendered = await renderToStringAsync(
-        /* @__PURE__ */ jsx(ServerContext, { assets, browser: browserResponse, children: element })
-      );
-    } catch (error) {
-      if (error instanceof Response) {
-        const mergedHeaders = new Headers(browserResponse.headers);
-        for (const [key, value] of error.headers) {
-          if (key.toLowerCase() === "set-cookie") continue;
-          mergedHeaders.set(key, value);
-        }
-        for (const setCookie of error.headers.getSetCookie()) {
-          mergedHeaders.append("Set-Cookie", setCookie);
-        }
-        const mergedResponse = new EnhancedResponse(error.body, {
-          status: Math.max(browserResponse.status.value, error.status),
-          headers: mergedHeaders
-        });
-        return mergedResponse;
-      }
-      throw error;
-    }
-    const appTransformStream = new TransformStream();
-    const appWriter = appTransformStream.writable.getWriter();
-    appStream = appTransformStream.readable;
-    appWriter.write(rendered);
-    appWriter.close();
-  }
-  if (appStream == null) {
-    const appTransformStream = new TransformStream();
-    appStream = appTransformStream.readable;
-    const renderAppStream = async function renderAppStream2() {
-      const appWriter = appTransformStream.writable.getWriter();
-      if (element != null) {
-        const rendered = await renderToStringAsync(
-          /* @__PURE__ */ jsx(ServerContext, { assets, browser: browserResponse, children: element })
-        );
-        appWriter.write(rendered);
-      }
-      appWriter.close();
-    };
-    waitUntil(renderAppStream());
-  }
-  const body = await renderToHTMLBody(appStream);
-  return new HTMLResponse(body, {
-    status: browserResponse.status.value,
-    headers: browserResponse.headers
-  });
-  async function renderToHTMLBody(content) {
-    if (typeof renderHTML === "function") {
-      const body3 = await renderHTML(content, {
-        response: browserResponse
-      });
-      return body3;
-    } else if (renderHTML === false || renderHTML === "fragment") {
-      return content;
-    }
-    const responseStream = new TextEncoderStream();
-    const body2 = responseStream.readable;
-    const renderFullHTML = async function renderFullHTML2() {
-      const writer = responseStream.writable.getWriter();
-      writer.write(`<!DOCTYPE html>`);
-      const synchronousAssets = assets?.entry({
-        request,
-        modules: browserResponse.assets.get({ timing: "load" })
-      });
-      const preloadAssets = assets?.modules(
-        browserResponse.assets.get({ timing: "preload" }),
-        {
-          request
-        }
-      );
-      if (synchronousAssets) {
-        for (const style of synchronousAssets.styles) {
-          browserResponse.headers.append(
-            "Link",
-            preloadHeader(styleAssetPreloadAttributes(style))
-          );
-        }
-        for (const script of synchronousAssets.scripts) {
-          browserResponse.headers.append(
-            "Link",
-            preloadHeader(scriptAssetPreloadAttributes(script))
-          );
-        }
-      }
-      const htmlContent = renderToStaticMarkup(
-        /* @__PURE__ */ jsxs("html", { ...browserResponse.htmlAttributes.value, children: [
-          /* @__PURE__ */ jsxs("head", { children: [
-            browserResponse.title.value && /* @__PURE__ */ jsx("title", { children: browserResponse.title.value }),
-            browserResponse.links.value.map((link) => /* @__PURE__ */ jsx("link", { ...link })),
-            browserResponse.metas.value.map((meta) => /* @__PURE__ */ jsx("meta", { ...meta })),
-            browserResponse.serializations.value.map(({ name, content: content2 }) => (
-              // @ts-expect-error a custom element that I don’t want to define,
-              // since it’s an optional part of the browser library.
-              /* @__PURE__ */ jsx(
-                "browser-serialization",
-                {
-                  name,
-                  content: JSON.stringify(content2)
-                }
-              )
-            )),
-            synchronousAssets?.scripts.map((script) => /* @__PURE__ */ jsx(
-              ScriptAsset,
-              {
-                asset: script,
-                baseURL
-              },
-              script.source
-            )),
-            synchronousAssets?.styles.map((style) => /* @__PURE__ */ jsx(StyleAsset, { asset: style, baseURL }, style.source)),
-            preloadAssets?.styles.map((style) => /* @__PURE__ */ jsx(
-              StyleAssetPreload,
-              {
-                asset: style,
-                baseURL
-              },
-              style.source
-            )),
-            preloadAssets?.scripts.map((script) => /* @__PURE__ */ jsx(
-              ScriptAssetPreload,
-              {
-                asset: script,
-                baseURL
-              },
-              script.source
-            ))
-          ] }),
-          /* @__PURE__ */ jsx(
-            "body",
-            {
-              ...browserResponse.bodyAttributes.value,
-              dangerouslySetInnerHTML: { __html: "%%CONTENT%%" }
-            }
-          )
-        ] })
-      );
-      const [firstChunk, secondChunk] = htmlContent.split("%%CONTENT%%");
-      writer.write(firstChunk);
-      if (element != null) writer.write(`<div id="app">`);
-      const reader = content.getReader();
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) {
-          break;
-        }
-        writer.write(value);
-      }
-      if (element != null) writer.write(`</div>`);
-      const newSynchronousAssets = assets?.entry({
-        request,
-        modules: browserResponse.assets.get({ timing: "load" })
-      });
-      const newPreloadAssets = assets?.modules(
-        browserResponse.assets.get({ timing: "preload" }),
-        {
-          request
-        }
-      );
-      if (newSynchronousAssets) {
-        const diffedSynchronousAssets = diffBrowserAssetsEntries(
-          newSynchronousAssets,
-          synchronousAssets
-        );
-        const diffedPreloadAssets = diffBrowserAssetsEntries(
-          newPreloadAssets,
-          preloadAssets
-        );
-        const additionalAssetsContent = renderToStaticMarkup(
-          /* @__PURE__ */ jsxs(Fragment, { children: [
-            diffedSynchronousAssets.scripts.map((script) => /* @__PURE__ */ jsx(
-              ScriptAsset,
-              {
-                asset: script,
-                baseURL
-              },
-              script.source
-            )),
-            diffedSynchronousAssets.styles.map((style) => /* @__PURE__ */ jsx(StyleAsset, { asset: style, baseURL }, style.source)),
-            diffedPreloadAssets.styles.map((style) => /* @__PURE__ */ jsx(
-              StyleAssetPreload,
-              {
-                asset: style,
-                baseURL
-              },
-              style.source
-            )),
-            diffedPreloadAssets.scripts.map((script) => /* @__PURE__ */ jsx(
-              ScriptAssetPreload,
-              {
-                asset: script,
-                baseURL
-              },
-              script.source
-            ))
-          ] })
-        );
-        writer.write(additionalAssetsContent);
-      }
-      writer.write(secondChunk);
-      writer.close();
-    };
-    waitUntil(renderFullHTML());
-    return body2;
-  }
-}
-function preloadHeader(attributes) {
-  const {
-    as,
-    rel = "preload",
-    href,
-    crossOrigin,
-    crossorigin
-  } = attributes;
-  const finalCrossOrigin = crossOrigin ?? crossorigin;
-  let header = `<${href}>; rel="${rel}"; as="${as}"`;
-  if (finalCrossOrigin === "" || finalCrossOrigin === true) {
-    header += `; crossorigin`;
-  } else if (typeof finalCrossOrigin === "string") {
-    header += `; crossorigin="${finalCrossOrigin}"`;
-  }
-  return header;
-}
-function diffBrowserAssetsEntries(newList, oldList) {
-  const oldStyles = new Set(oldList.styles.map((style) => style.source));
-  const oldScripts = new Set(oldList.scripts.map((script) => script.source));
-  return {
-    styles: newList.styles.filter((style) => !oldStyles.has(style.source)),
-    scripts: newList.scripts.filter((script) => !oldScripts.has(script.source))
-  };
-}
-function noop(..._args) {
-}
-
-export { renderToResponse };