@quilted/quilt 0.5.146 → 0.5.148

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @quilted/quilt
 
+## 0.5.148
+
+### Patch Changes
+
+- [`00d90d10`](https://github.com/lemonmade/quilt/commit/00d90d10f4eb97fe55712adcc8b34aa3d3ec1aa1) Thanks [@lemonmade](https://github.com/lemonmade)! - Update signals dependency and add dedicated package for signal utilities
+
+- [#588](https://github.com/lemonmade/quilt/pull/588) [`837c8677`](https://github.com/lemonmade/quilt/commit/837c8677566b7e6d182496e07e9c998fc6b7802d) Thanks [@lemonmade](https://github.com/lemonmade)! - Clean up threads for a first version
+
+- [#587](https://github.com/lemonmade/quilt/pull/587) [`1180dde2`](https://github.com/lemonmade/quilt/commit/1180dde278793006b8ae153804130cad6dab36c2) Thanks [@lemonmade](https://github.com/lemonmade)! - First major version for `@quilted/events`
+
+- [`e45f766b`](https://github.com/lemonmade/quilt/commit/e45f766bce9e8632fe17d9e9c2e3d446d0783feb) Thanks [@lemonmade](https://github.com/lemonmade)! - Simplify thread creation and add helpers for transferring signals over threads
+
+- Updated dependencies [[`00d90d10`](https://github.com/lemonmade/quilt/commit/00d90d10f4eb97fe55712adcc8b34aa3d3ec1aa1), [`837c8677`](https://github.com/lemonmade/quilt/commit/837c8677566b7e6d182496e07e9c998fc6b7802d), [`1180dde2`](https://github.com/lemonmade/quilt/commit/1180dde278793006b8ae153804130cad6dab36c2), [`e45f766b`](https://github.com/lemonmade/quilt/commit/e45f766bce9e8632fe17d9e9c2e3d446d0783feb)]:
+  - @quilted/threads@1.0.0
+  - @quilted/events@1.0.0
+
+## 0.5.147
+
+### Patch Changes
+
+- [`93facb53`](https://github.com/lemonmade/quilt/commit/93facb530324894667817a6d2f78baea19a3b622) Thanks [@lemonmade](https://github.com/lemonmade)! - Allow omitting React element from server renderer
+
 ## 0.5.146
 
 ### Patch Changes

package/build/cjs/index.cjs

@@ -12,6 +12,7 @@ var reactPerformance = require('@quilted/react-performance');
 var reactRouter = require('@quilted/react-router');
 var reactHttp = require('@quilted/react-http');
 var reactUtilities = require('@quilted/react-utilities');
+var signals = require('@quilted/signals');
 var reactSignals = require('@quilted/react-signals');
 var App = require('./App.cjs');
 
@@ -49,6 +50,10 @@ Object.defineProperty(exports, 'AbortError', {
   enumerable: true,
   get: function () { return events.AbortError; }
 });
+Object.defineProperty(exports, 'EventEmitter', {
+  enumerable: true,
+  get: function () { return events.EventEmitter; }
+});
 Object.defineProperty(exports, 'NestedAbortController', {
   enumerable: true,
   get: function () { return events.NestedAbortController; }
@@ -57,13 +62,13 @@ Object.defineProperty(exports, 'TimedAbortController', {
   enumerable: true,
   get: function () { return events.TimedAbortController; }
 });
-Object.defineProperty(exports, 'anyAbortSignal', {
+Object.defineProperty(exports, 'addEventHandler', {
   enumerable: true,
-  get: function () { return events.anyAbortSignal; }
+  get: function () { return events.addEventHandler; }
 });
-Object.defineProperty(exports, 'createEmitter', {
+Object.defineProperty(exports, 'createEventEmitter', {
   enumerable: true,
-  get: function () { return events.createEmitter; }
+  get: function () { return events.createEventEmitter; }
 });
 Object.defineProperty(exports, 'on', {
   enumerable: true,
@@ -271,31 +276,35 @@ Object.defineProperty(exports, 'createUseOptionalValueHook', {
 });
 Object.defineProperty(exports, 'Signal', {
   enumerable: true,
-  get: function () { return reactSignals.Signal; }
+  get: function () { return signals.Signal; }
 });
 Object.defineProperty(exports, 'computedSignal', {
   enumerable: true,
-  get: function () { return reactSignals.computed; }
+  get: function () { return signals.computed; }
 });
 Object.defineProperty(exports, 'isSignal', {
   enumerable: true,
-  get: function () { return reactSignals.isSignal; }
+  get: function () { return signals.isSignal; }
 });
 Object.defineProperty(exports, 'resolveSignalOrValue', {
   enumerable: true,
-  get: function () { return reactSignals.resolveSignalOrValue; }
+  get: function () { return signals.resolveSignalOrValue; }
 });
 Object.defineProperty(exports, 'signal', {
   enumerable: true,
-  get: function () { return reactSignals.signal; }
+  get: function () { return signals.signal; }
 });
 Object.defineProperty(exports, 'signalBatch', {
   enumerable: true,
-  get: function () { return reactSignals.batch; }
+  get: function () { return signals.batch; }
 });
 Object.defineProperty(exports, 'signalEffect', {
   enumerable: true,
-  get: function () { return reactSignals.effect; }
+  get: function () { return signals.effect; }
+});
+Object.defineProperty(exports, 'signalToIterator', {
+  enumerable: true,
+  get: function () { return signals.signalToIterator; }
 });
 Object.defineProperty(exports, 'useComputed', {
   enumerable: true,

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

@@ -10,10 +10,16 @@ var requestRouter = require('@quilted/request-router');
 var ServerContext = require('./ServerContext.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
-function createServerRender(getApp, {
-  stream,
-  ...options
-} = {}) {
+function createServerRender(...args) {
+  let getApp;
+  let options;
+  if (args.length > 1) {
+    getApp = args[0];
+    options = args[1] ?? {};
+  } else {
+    options = args[0] ?? {};
+  }
+  const stream = options.stream;
   return async (request, requestContext) => {
     const accepts = request.headers.get('Accept');
     if (accepts != null && !accepts.includes('text/html')) return;
@@ -34,7 +40,7 @@ async function renderAppToResponse(getApp, {
   context,
   assets,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const app = typeof getApp === 'function' ? await getApp() : getApp;
   const cacheKey = await assets?.cacheKey?.(request);
@@ -59,7 +65,7 @@ async function renderAppToResponse(getApp, {
     request,
     context,
     assets,
-    renderHtml
+    html: htmlOptions
   });
   return requestRouter.html(content, {
     headers,
@@ -71,7 +77,7 @@ async function renderAppToStreamedResponse(getApp, {
   context,
   assets: assets$1,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const headers = new Headers();
   const stream = new TransformStream();
@@ -104,7 +110,7 @@ async function renderAppToStreamedResponse(getApp, {
       request,
       context,
       assets: assets$1,
-      renderHtml
+      html: htmlOptions
     });
     const encoder = new TextEncoder();
     const writer = stream.writable.getWriter();
@@ -129,7 +135,7 @@ async function serverRenderDetailsForApp(app, {
     decorate,
     ...rest
   } = extractOptions ?? {};
-  const rendered = await server$3.extract(app, {
+  const rendered = app ? await server$3.extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsxRuntime.jsx(ServerContext.ServerContext, {
         http: http,
@@ -140,7 +146,7 @@ async function serverRenderDetailsForApp(app, {
       });
     },
     ...rest
-  });
+  }) : undefined;
   return {
     rendered,
     http,
@@ -152,7 +158,7 @@ async function renderAppDetailsToHtmlString(details, {
   request,
   context,
   assets,
-  renderHtml = defaultRenderHtml
+  html: htmlOptions
 }) {
   const {
     http,
@@ -172,13 +178,22 @@ async function renderAppDetailsToHtmlString(details, {
   }), {
     cacheKey
   })]) : [];
+  let renderHtml;
+  let rootElement;
+  if (typeof htmlOptions === 'function') {
+    renderHtml = htmlOptions;
+  } else {
+    rootElement = htmlOptions?.rootElement;
+    renderHtml = defaultRenderHtml;
+  }
   const htmlElement = await renderHtml(rendered, {
     request,
     context,
     html: htmlManager,
     http,
     assets: entryAssets,
-    preloadAssets
+    preloadAssets,
+    rootElement
   });
   return server.renderHtmlToString(htmlElement);
 }
@@ -186,11 +201,13 @@ const defaultRenderHtml = function defaultRenderHtml(content, {
   request,
   html,
   assets: assets$1,
-  preloadAssets
+  preloadAssets,
+  rootElement
 }) {
   const baseUrl = new URL(request.url);
   return /*#__PURE__*/jsxRuntime.jsx(server.Html, {
     manager: html,
+    rootElement: rootElement,
     headEndContent: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [assets$1 && assets$1.styles.map(style => {
         const attributes = assets.styleAssetAttributes(style, {

package/build/cjs/threads.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var threads = require('@quilted/threads');
+var signals = require('@quilted/threads/signals');
 var events = require('@quilted/events');
 var reactWorkers = require('@quilted/react-workers');
 
@@ -18,10 +19,6 @@ Object.defineProperty(exports, 'createBasicEncoder', {
   enumerable: true,
   get: function () { return threads.createBasicEncoder; }
 });
-Object.defineProperty(exports, 'createBasicEncoderWithOverrides', {
-  enumerable: true,
-  get: function () { return threads.createBasicEncoderWithOverrides; }
-});
 Object.defineProperty(exports, 'createThread', {
   enumerable: true,
   get: function () { return threads.createThread; }
@@ -30,6 +27,26 @@ Object.defineProperty(exports, 'createThreadAbortSignal', {
   enumerable: true,
   get: function () { return threads.createThreadAbortSignal; }
 });
+Object.defineProperty(exports, 'createThreadFromBrowserWebSocket', {
+  enumerable: true,
+  get: function () { return threads.createThreadFromBrowserWebSocket; }
+});
+Object.defineProperty(exports, 'createThreadFromIframe', {
+  enumerable: true,
+  get: function () { return threads.createThreadFromIframe; }
+});
+Object.defineProperty(exports, 'createThreadFromInsideIframe', {
+  enumerable: true,
+  get: function () { return threads.createThreadFromInsideIframe; }
+});
+Object.defineProperty(exports, 'createThreadFromMessagePort', {
+  enumerable: true,
+  get: function () { return threads.createThreadFromMessagePort; }
+});
+Object.defineProperty(exports, 'createThreadFromWebWorker', {
+  enumerable: true,
+  get: function () { return threads.createThreadFromWebWorker; }
+});
 Object.defineProperty(exports, 'isMemoryManageable', {
   enumerable: true,
   get: function () { return threads.isMemoryManageable; }
@@ -42,37 +59,37 @@ Object.defineProperty(exports, 'retain', {
   enumerable: true,
   get: function () { return threads.retain; }
 });
-Object.defineProperty(exports, 'targetFromBrowserWebSocket', {
+Object.defineProperty(exports, 'acceptThreadSignal', {
   enumerable: true,
-  get: function () { return threads.targetFromBrowserWebSocket; }
+  get: function () { return signals.acceptThreadSignal; }
 });
-Object.defineProperty(exports, 'targetFromIframe', {
+Object.defineProperty(exports, 'createThreadSignal', {
   enumerable: true,
-  get: function () { return threads.targetFromIframe; }
+  get: function () { return signals.createThreadSignal; }
 });
-Object.defineProperty(exports, 'targetFromInsideIframe', {
+Object.defineProperty(exports, 'AbortError', {
   enumerable: true,
-  get: function () { return threads.targetFromInsideIframe; }
+  get: function () { return events.AbortError; }
 });
-Object.defineProperty(exports, 'targetFromMessagePort', {
+Object.defineProperty(exports, 'EventEmitter', {
   enumerable: true,
-  get: function () { return threads.targetFromMessagePort; }
+  get: function () { return events.EventEmitter; }
 });
-Object.defineProperty(exports, 'targetFromWebWorker', {
+Object.defineProperty(exports, 'NestedAbortController', {
   enumerable: true,
-  get: function () { return threads.targetFromWebWorker; }
+  get: function () { return events.NestedAbortController; }
 });
-Object.defineProperty(exports, 'AbortError', {
+Object.defineProperty(exports, 'TimedAbortController', {
   enumerable: true,
-  get: function () { return events.AbortError; }
+  get: function () { return events.TimedAbortController; }
 });
-Object.defineProperty(exports, 'NestedAbortController', {
+Object.defineProperty(exports, 'addEventHandler', {
   enumerable: true,
-  get: function () { return events.NestedAbortController; }
+  get: function () { return events.addEventHandler; }
 });
-Object.defineProperty(exports, 'createEmitter', {
+Object.defineProperty(exports, 'createEventEmitter', {
   enumerable: true,
-  get: function () { return events.createEmitter; }
+  get: function () { return events.createEventEmitter; }
 });
 Object.defineProperty(exports, 'on', {
   enumerable: true,

package/build/esm/index.mjs

@@ -1,6 +1,6 @@
 export { createBrowserAssetsEntryFromManifest, createBrowserAssetsFromManifests, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/assets';
 export { createAsyncModule } from '@quilted/async';
-export { AbortError, NestedAbortController, TimedAbortController, anyAbortSignal, createEmitter, on, once, raceAgainstAbortSignal, sleep } from '@quilted/events';
+export { AbortError, EventEmitter, NestedAbortController, TimedAbortController, addEventHandler, createEventEmitter, on, once, raceAgainstAbortSignal, sleep } from '@quilted/events';
 export { useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets';
 export { createAsyncComponent, useAsyncModule, useAsyncModulePreload, usePreload } from '@quilted/react-async';
 export { useIdleCallback } from '@quilted/react-idle';
@@ -10,5 +10,6 @@ export { PerformanceContext, createPerformance, usePerformance, usePerformanceNa
 export { Link, NavigationBlock, Redirect, RoutePreloading, Routing, useCurrentUrl, useInitialUrl, useNavigate, useNavigationBlock, useRedirect, useRouteChangeFocusRef, useRouteMatch, useRouteMatchDetails, useRouter, useRoutes, useScrollRestoration } from '@quilted/react-router';
 export { CookieContext, useCookie, useCookies } from '@quilted/react-http';
 export { createOptionalContext, createUseContextHook, createUseOptionalValueHook } from '@quilted/react-utilities';
-export { Signal, computed as computedSignal, isSignal, resolveSignalOrValue, signal, batch as signalBatch, effect as signalEffect, useComputed, useSignal, useSignalEffect } from '@quilted/react-signals';
+export { Signal, computed as computedSignal, isSignal, resolveSignalOrValue, signal, batch as signalBatch, effect as signalEffect, signalToIterator } from '@quilted/signals';
+export { useComputed, useSignal, useSignalEffect } from '@quilted/react-signals';
 export { QuiltApp } from './App.mjs';

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

@@ -8,10 +8,16 @@ import { redirect, html } from '@quilted/request-router';
 import { ServerContext } from './ServerContext.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function createServerRender(getApp, {
-  stream,
-  ...options
-} = {}) {
+function createServerRender(...args) {
+  let getApp;
+  let options;
+  if (args.length > 1) {
+    getApp = args[0];
+    options = args[1] ?? {};
+  } else {
+    options = args[0] ?? {};
+  }
+  const stream = options.stream;
   return async (request, requestContext) => {
     const accepts = request.headers.get('Accept');
     if (accepts != null && !accepts.includes('text/html')) return;
@@ -32,7 +38,7 @@ async function renderAppToResponse(getApp, {
   context,
   assets,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const app = typeof getApp === 'function' ? await getApp() : getApp;
   const cacheKey = await assets?.cacheKey?.(request);
@@ -57,7 +63,7 @@ async function renderAppToResponse(getApp, {
     request,
     context,
     assets,
-    renderHtml
+    html: htmlOptions
   });
   return html(content, {
     headers,
@@ -69,7 +75,7 @@ async function renderAppToStreamedResponse(getApp, {
   context,
   assets,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const headers = new Headers();
   const stream = new TransformStream();
@@ -102,7 +108,7 @@ async function renderAppToStreamedResponse(getApp, {
       request,
       context,
       assets,
-      renderHtml
+      html: htmlOptions
     });
     const encoder = new TextEncoder();
     const writer = stream.writable.getWriter();
@@ -127,7 +133,7 @@ async function serverRenderDetailsForApp(app, {
     decorate,
     ...rest
   } = extractOptions ?? {};
-  const rendered = await extract(app, {
+  const rendered = app ? await extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsx(ServerContext, {
         http: http,
@@ -138,7 +144,7 @@ async function serverRenderDetailsForApp(app, {
       });
     },
     ...rest
-  });
+  }) : undefined;
   return {
     rendered,
     http,
@@ -150,7 +156,7 @@ async function renderAppDetailsToHtmlString(details, {
   request,
   context,
   assets,
-  renderHtml = defaultRenderHtml
+  html: htmlOptions
 }) {
   const {
     http,
@@ -170,13 +176,22 @@ async function renderAppDetailsToHtmlString(details, {
   }), {
     cacheKey
   })]) : [];
+  let renderHtml;
+  let rootElement;
+  if (typeof htmlOptions === 'function') {
+    renderHtml = htmlOptions;
+  } else {
+    rootElement = htmlOptions?.rootElement;
+    renderHtml = defaultRenderHtml;
+  }
   const htmlElement = await renderHtml(rendered, {
     request,
     context,
     html: htmlManager,
     http,
     assets: entryAssets,
-    preloadAssets
+    preloadAssets,
+    rootElement
   });
   return renderHtmlToString(htmlElement);
 }
@@ -184,11 +199,13 @@ const defaultRenderHtml = function defaultRenderHtml(content, {
   request,
   html,
   assets,
-  preloadAssets
+  preloadAssets,
+  rootElement
 }) {
   const baseUrl = new URL(request.url);
   return /*#__PURE__*/jsx(Html, {
     manager: html,
+    rootElement: rootElement,
     headEndContent: /*#__PURE__*/jsxs(Fragment, {
       children: [assets && assets.styles.map(style => {
         const attributes = styleAssetAttributes(style, {

package/build/esm/threads.mjs

@@ -1,3 +1,4 @@
-export { ENCODE_METHOD, acceptThreadAbortSignal, createBasicEncoder, createBasicEncoderWithOverrides, createThread, createThreadAbortSignal, isMemoryManageable, release, retain, targetFromBrowserWebSocket, targetFromIframe, targetFromInsideIframe, targetFromMessagePort, targetFromWebWorker } from '@quilted/threads';
-export { AbortError, NestedAbortController, createEmitter, on, once } from '@quilted/events';
+export { ENCODE_METHOD, acceptThreadAbortSignal, createBasicEncoder, createThread, createThreadAbortSignal, createThreadFromBrowserWebSocket, createThreadFromIframe, createThreadFromInsideIframe, createThreadFromMessagePort, createThreadFromWebWorker, isMemoryManageable, release, retain } from '@quilted/threads';
+export { acceptThreadSignal, createThreadSignal } from '@quilted/threads/signals';
+export { AbortError, EventEmitter, NestedAbortController, TimedAbortController, addEventHandler, createEventEmitter, on, once } from '@quilted/events';
 export { createThreadWorker, createWorker, useThreadWorker } from '@quilted/react-workers';

package/build/esnext/index.esnext

@@ -1,6 +1,6 @@
 export { createBrowserAssetsEntryFromManifest, createBrowserAssetsFromManifests, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/assets';
 export { createAsyncModule } from '@quilted/async';
-export { AbortError, NestedAbortController, TimedAbortController, anyAbortSignal, createEmitter, on, once, raceAgainstAbortSignal, sleep } from '@quilted/events';
+export { AbortError, EventEmitter, NestedAbortController, TimedAbortController, addEventHandler, createEventEmitter, on, once, raceAgainstAbortSignal, sleep } from '@quilted/events';
 export { useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets';
 export { createAsyncComponent, useAsyncModule, useAsyncModulePreload, usePreload } from '@quilted/react-async';
 export { useIdleCallback } from '@quilted/react-idle';
@@ -10,5 +10,6 @@ export { PerformanceContext, createPerformance, usePerformance, usePerformanceNa
 export { Link, NavigationBlock, Redirect, RoutePreloading, Routing, useCurrentUrl, useInitialUrl, useNavigate, useNavigationBlock, useRedirect, useRouteChangeFocusRef, useRouteMatch, useRouteMatchDetails, useRouter, useRoutes, useScrollRestoration } from '@quilted/react-router';
 export { CookieContext, useCookie, useCookies } from '@quilted/react-http';
 export { createOptionalContext, createUseContextHook, createUseOptionalValueHook } from '@quilted/react-utilities';
-export { Signal, computed as computedSignal, isSignal, resolveSignalOrValue, signal, batch as signalBatch, effect as signalEffect, useComputed, useSignal, useSignalEffect } from '@quilted/react-signals';
+export { Signal, computed as computedSignal, isSignal, resolveSignalOrValue, signal, batch as signalBatch, effect as signalEffect, signalToIterator } from '@quilted/signals';
+export { useComputed, useSignal, useSignalEffect } from '@quilted/react-signals';
 export { QuiltApp } from './App.esnext';

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

@@ -8,10 +8,16 @@ import { redirect, html } from '@quilted/request-router';
 import { ServerContext } from './ServerContext.esnext';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function createServerRender(getApp, {
-  stream,
-  ...options
-} = {}) {
+function createServerRender(...args) {
+  let getApp;
+  let options;
+  if (args.length > 1) {
+    getApp = args[0];
+    options = args[1] ?? {};
+  } else {
+    options = args[0] ?? {};
+  }
+  const stream = options.stream;
   return async (request, requestContext) => {
     const accepts = request.headers.get('Accept');
     if (accepts != null && !accepts.includes('text/html')) return;
@@ -32,7 +38,7 @@ async function renderAppToResponse(getApp, {
   context,
   assets,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const app = typeof getApp === 'function' ? await getApp() : getApp;
   const cacheKey = await assets?.cacheKey?.(request);
@@ -57,7 +63,7 @@ async function renderAppToResponse(getApp, {
     request,
     context,
     assets,
-    renderHtml
+    html: htmlOptions
   });
   return html(content, {
     headers,
@@ -69,7 +75,7 @@ async function renderAppToStreamedResponse(getApp, {
   context,
   assets,
   extract,
-  renderHtml
+  html: htmlOptions
 }) {
   const headers = new Headers();
   const stream = new TransformStream();
@@ -102,7 +108,7 @@ async function renderAppToStreamedResponse(getApp, {
       request,
       context,
       assets,
-      renderHtml
+      html: htmlOptions
     });
     const encoder = new TextEncoder();
     const writer = stream.writable.getWriter();
@@ -127,7 +133,7 @@ async function serverRenderDetailsForApp(app, {
     decorate,
     ...rest
   } = extractOptions ?? {};
-  const rendered = await extract(app, {
+  const rendered = app ? await extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsx(ServerContext, {
         http: http,
@@ -138,7 +144,7 @@ async function serverRenderDetailsForApp(app, {
       });
     },
     ...rest
-  });
+  }) : undefined;
   return {
     rendered,
     http,
@@ -150,7 +156,7 @@ async function renderAppDetailsToHtmlString(details, {
   request,
   context,
   assets,
-  renderHtml = defaultRenderHtml
+  html: htmlOptions
 }) {
   const {
     http,
@@ -170,13 +176,22 @@ async function renderAppDetailsToHtmlString(details, {
   }), {
     cacheKey
   })]) : [];
+  let renderHtml;
+  let rootElement;
+  if (typeof htmlOptions === 'function') {
+    renderHtml = htmlOptions;
+  } else {
+    rootElement = htmlOptions?.rootElement;
+    renderHtml = defaultRenderHtml;
+  }
   const htmlElement = await renderHtml(rendered, {
     request,
     context,
     html: htmlManager,
     http,
     assets: entryAssets,
-    preloadAssets
+    preloadAssets,
+    rootElement
   });
   return renderHtmlToString(htmlElement);
 }
@@ -184,11 +199,13 @@ const defaultRenderHtml = function defaultRenderHtml(content, {
   request,
   html,
   assets,
-  preloadAssets
+  preloadAssets,
+  rootElement
 }) {
   const baseUrl = new URL(request.url);
   return /*#__PURE__*/jsx(Html, {
     manager: html,
+    rootElement: rootElement,
     headEndContent: /*#__PURE__*/jsxs(Fragment, {
       children: [assets && assets.styles.map(style => {
         const attributes = styleAssetAttributes(style, {

package/build/esnext/threads.esnext

@@ -1,3 +1,4 @@
-export { ENCODE_METHOD, acceptThreadAbortSignal, createBasicEncoder, createBasicEncoderWithOverrides, createThread, createThreadAbortSignal, isMemoryManageable, release, retain, targetFromBrowserWebSocket, targetFromIframe, targetFromInsideIframe, targetFromMessagePort, targetFromWebWorker } from '@quilted/threads';
-export { AbortError, NestedAbortController, createEmitter, on, once } from '@quilted/events';
+export { ENCODE_METHOD, acceptThreadAbortSignal, createBasicEncoder, createThread, createThreadAbortSignal, createThreadFromBrowserWebSocket, createThreadFromIframe, createThreadFromInsideIframe, createThreadFromMessagePort, createThreadFromWebWorker, isMemoryManageable, release, retain } from '@quilted/threads';
+export { acceptThreadSignal, createThreadSignal } from '@quilted/threads/signals';
+export { AbortError, EventEmitter, NestedAbortController, TimedAbortController, addEventHandler, createEventEmitter, on, once } from '@quilted/events';
 export { createThreadWorker, createWorker, useThreadWorker } from '@quilted/react-workers';