@quilted/quilt 0.5.136 → 0.5.138

package/build/cjs/static/render.cjs

@@ -2,8 +2,8 @@
 
 var server$3 = require('@quilted/react-server-render/server');
 var server = require('@quilted/react-html/server');
-var server$2 = require('@quilted/react-http/server');
-var server$1 = require('@quilted/react-async/server');
+var server$1 = require('@quilted/react-http/server');
+var server$2 = require('@quilted/react-assets/server');
 var StaticContext = require('./StaticContext.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -11,20 +11,23 @@ async function renderApp(app, {
   decorate,
   url,
   headers,
+  cacheKey,
   ...rest
 } = {}) {
   const html = new server.HtmlManager();
-  const asyncAssets = new server$1.AsyncAssetManager();
-  const http = new server$2.HttpManager({
+  const http = new server$1.HttpManager({
     headers
   });
+  const assets = new server$2.AssetsManager({
+    cacheKey
+  });
   const markup = await server$3.extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsxRuntime.jsx(StaticContext.StaticContext, {
-        asyncAssets: asyncAssets,
         html: html,
         http: http,
         url: url,
+        assets: assets,
         children: decorate?.(app) ?? app
       });
     },
@@ -34,7 +37,7 @@ async function renderApp(app, {
     markup,
     http,
     html,
-    asyncAssets
+    assets
   };
 }
 

package/build/esm/index.mjs

@@ -1,5 +1,7 @@
+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 { useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets';
 export { createAsyncComponent, useAsyncModule, useAsyncModulePreload, usePreload } from '@quilted/react-async';
 export { GraphQLContext, createGraphQLHttpFetch, useGraphQLFetch } from '@quilted/react-graphql';
 export { useIdleCallback } from '@quilted/react-idle';

package/build/esm/server/ServerContext.mjs

@@ -1,6 +1,6 @@
+import { AssetsContext } from '@quilted/react-assets/server';
 import { InitialUrlContext } from '@quilted/react-router';
 import { HtmlContext } from '@quilted/react-html/server';
-import { AsyncAssetContext } from '@quilted/react-async/server';
 import { HttpServerContext } from '@quilted/react-http/server';
 import { maybeWrapContext } from '../utilities/react.mjs';
 
@@ -8,11 +8,11 @@ function ServerContext({
   url,
   html,
   http,
-  asyncAssets,
+  assets,
   children
 }) {
   const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
-  return maybeWrapContext(AsyncAssetContext, asyncAssets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+  return maybeWrapContext(AssetsContext, assets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
 }
 
 export { ServerContext };

package/build/esm/server/index.mjs

@@ -1,9 +1,10 @@
 export { SERVER_ACTION_ID as HTML_SERVER_ACTION_ID, Html, HtmlContext, HtmlManager, Serialize, renderHtmlToString } from '@quilted/react-html/server';
 export { ServerAction, ServerRenderManager, ServerRenderManagerContext, extract, useServerAction } from '@quilted/react-server-render/server';
-export { createAssetManifest, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/async/server';
-export { SERVER_ACTION_ID as ASYNC_ASSETS_SERVER_ACTION_ID, AsyncAssetContext, AsyncAssetManager } from '@quilted/react-async/server';
+export { createBrowserAssetsEntryFromManifest, createBrowserAssetsFromManifests, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/assets';
+export { SERVER_ACTION_ID as ASSETS_SERVER_ACTION_ID, AssetsContext, AssetsManager, useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets/server';
 export { createRequestRouterLocalization } from '@quilted/react-localize/request-router';
 export { EnhancedRequest, EnhancedResponse, Request, Response, createHeaders, createRequestRouter } from '@quilted/request-router';
 export { parseAcceptLanguageHeader } from '@quilted/react-localize';
 export { ServerContext } from './ServerContext.mjs';
 export { createServerRender, renderAppToResponse, renderAppToStreamedResponse } from './request-router.mjs';
+export { createAssetPreloader } from './preload.mjs';

package/build/esm/server/preload.mjs

@@ -0,0 +1,35 @@
+import { json } from '@quilted/request-router';
+
+function createAssetPreloader(options) {
+  return async function handler(request, requestContext) {
+    const manifest = await assetsForRequest(request, {
+      ...options,
+      context: requestContext
+    });
+    return json(manifest);
+  };
+}
+async function assetsForRequest(request, {
+  assets,
+  context,
+  cacheKey: getCacheKey
+}) {
+  const url = new URL(request.url);
+  const modules = url.searchParams.get('modules')?.split(',') ?? [];
+  const includeStyles = url.searchParams.get('styles') !== 'false';
+  const includeScripts = url.searchParams.get('scripts') !== 'false';
+  const cacheKey = (await getCacheKey?.(request, context)) ?? (await assets.cacheKey?.(request));
+  const {
+    styles,
+    scripts
+  } = await assets.entry({
+    modules,
+    cacheKey
+  });
+  const result = {};
+  if (includeStyles) result.styles = styles;
+  if (includeScripts) result.scripts = scripts;
+  return result;
+}
+
+export { createAssetPreloader };

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

@@ -1,6 +1,6 @@
 import { Fragment as Fragment$1 } from 'react';
-import { styleAssetPreloadAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, scriptAssetAttributes } from '@quilted/async/server';
-import { AsyncAssetManager } from '@quilted/react-async/server';
+import { styleAssetPreloadAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, scriptAssetAttributes } from '@quilted/assets';
+import { AssetsManager } from '@quilted/react-assets/server';
 import { HttpManager } from '@quilted/react-http/server';
 import { HtmlManager, renderHtmlToString, Html } from '@quilted/react-html/server';
 import { extract } from '@quilted/react-server-render/server';
@@ -9,7 +9,6 @@ import { ServerContext } from './ServerContext.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function createServerRender(getApp, {
-  context,
   stream,
   ...options
 } = {}) {
@@ -17,23 +16,29 @@ function createServerRender(getApp, {
     const accepts = request.headers.get('Accept');
     if (accepts != null && !accepts.includes('text/html')) return;
     const renderResponse = stream ? renderAppToStreamedResponse : renderAppToResponse;
-    return renderResponse(typeof getApp === 'function' ? () => getApp(request, requestContext) : getApp, request, {
+    return renderResponse(typeof getApp === 'function' ? () => getApp(request, requestContext) : getApp, {
       ...options,
+      request,
+      context: requestContext,
       extract: {
         ...options.extract,
-        context: options.extract ?? context?.(request, requestContext) ?? requestContext
+        context: typeof options.extract?.context === 'function' ? options.extract.context(request, requestContext) : options.extract?.context
       }
     });
   };
 }
-async function renderAppToResponse(getApp, request, {
+async function renderAppToResponse(getApp, {
+  request,
+  context,
   assets,
   extract,
   renderHtml
-} = {}) {
+}) {
   const app = typeof getApp === 'function' ? await getApp() : getApp;
+  const cacheKey = await assets?.cacheKey?.(request);
   const renderDetails = await serverRenderDetailsForApp(app, {
     extract,
+    cacheKey,
     url: request.url,
     headers: request.headers
   });
@@ -48,7 +53,9 @@ async function renderAppToResponse(getApp, request, {
       headers
     });
   }
-  const content = await renderAppDetailsToHtmlString(renderDetails, request, {
+  const content = await renderAppDetailsToHtmlString(renderDetails, {
+    request,
+    context,
     assets,
     renderHtml
   });
@@ -57,18 +64,18 @@ async function renderAppToResponse(getApp, request, {
     status: statusCode
   });
 }
-async function renderAppToStreamedResponse(getApp, request, {
+async function renderAppToStreamedResponse(getApp, {
+  request,
+  context,
   assets,
   extract,
   renderHtml
-} = {}) {
+}) {
   const headers = new Headers();
   const stream = new TransformStream();
-  const assetContext = {
-    userAgent: request.headers.get('User-Agent')
-  };
-  const guaranteedAssets = await assets?.assets({
-    context: assetContext
+  const cacheKey = await assets?.cacheKey?.(request);
+  const guaranteedAssets = await assets?.entry({
+    cacheKey
   });
   if (guaranteedAssets) {
     for (const style of guaranteedAssets.styles) {
@@ -87,10 +94,13 @@ async function renderAppToStreamedResponse(getApp, request, {
     const app = typeof getApp === 'function' ? await getApp() : getApp;
     const renderDetails = await serverRenderDetailsForApp(app, {
       extract,
+      cacheKey,
       url: request.url,
       headers: request.headers
     });
-    const content = await renderAppDetailsToHtmlString(renderDetails, request, {
+    const content = await renderAppDetailsToHtmlString(renderDetails, {
+      request,
+      context,
       assets,
       renderHtml
     });
@@ -103,13 +113,16 @@ async function renderAppToStreamedResponse(getApp, request, {
 async function serverRenderDetailsForApp(app, {
   url,
   headers,
+  cacheKey,
   extract: extractOptions
 } = {}) {
   const html = new HtmlManager();
-  const asyncAssets = new AsyncAssetManager();
   const http = new HttpManager({
     headers
   });
+  const assets = new AssetsManager({
+    cacheKey
+  });
   const {
     decorate,
     ...rest
@@ -117,10 +130,10 @@ async function serverRenderDetailsForApp(app, {
   const rendered = await extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsx(ServerContext, {
-        asyncAssets: asyncAssets,
         http: http,
         html: html,
         url: url,
+        assets: assets,
         children: decorate?.(app) ?? app
       });
     },
@@ -130,34 +143,36 @@ async function serverRenderDetailsForApp(app, {
     rendered,
     http,
     html,
-    asyncAssets
+    assets
   };
 }
-async function renderAppDetailsToHtmlString(details, request, {
+async function renderAppDetailsToHtmlString(details, {
+  request,
+  context,
   assets,
   renderHtml = defaultRenderHtml
-} = {}) {
+}) {
   const {
-    html: htmlManager,
     http,
     rendered,
-    asyncAssets
+    html: htmlManager,
+    assets: assetsManager
   } = details;
-  const usedAssets = asyncAssets.used({
+  const cacheKey = assetsManager.cacheKey;
+  const usedModules = assetsManager.usedModules({
     timing: 'load'
   });
-  const assetContext = {
-    userAgent: request.headers.get('User-Agent')
-  };
-  const [entryAssets, preloadAssets] = assets ? await Promise.all([assets.assets({
-    async: usedAssets,
-    context: assetContext
-  }), assets.asyncAssets(asyncAssets.used({
+  const [entryAssets, preloadAssets] = assets ? await Promise.all([assets.entry({
+    modules: usedModules,
+    cacheKey
+  }), assets.modules(assetsManager.usedModules({
     timing: 'preload'
   }), {
-    context: assetContext
+    cacheKey
   })]) : [];
-  const htmlElement = await renderHtml(rendered, request, {
+  const htmlElement = await renderHtml(rendered, {
+    request,
+    context,
     html: htmlManager,
     http,
     assets: entryAssets,
@@ -165,7 +180,8 @@ async function renderAppDetailsToHtmlString(details, request, {
   });
   return renderHtmlToString(htmlElement);
 }
-const defaultRenderHtml = function defaultRenderHtml(content, request, {
+const defaultRenderHtml = function defaultRenderHtml(content, {
+  request,
   html,
   assets,
   preloadAssets
@@ -174,15 +190,15 @@ const defaultRenderHtml = function defaultRenderHtml(content, request, {
   return /*#__PURE__*/jsx(Html, {
     manager: html,
     headEndContent: /*#__PURE__*/jsxs(Fragment, {
-      children: [assets && [...assets.styles].map(style => {
+      children: [assets && assets.styles.map(style => {
         const attributes = styleAssetAttributes(style, {
           baseUrl
         });
         return /*#__PURE__*/jsx("link", {
           ...attributes
         }, style.source);
-      }), assets && [...assets.scripts].map(script => {
-        const isModule = script.attributes.type === 'module';
+      }), assets && assets.scripts.map(script => {
+        const isModule = script.attributes?.type === 'module';
         const attributes = scriptAssetAttributes(script, {
           baseUrl
         });
@@ -200,14 +216,14 @@ const defaultRenderHtml = function defaultRenderHtml(content, request, {
           ...attributes,
           defer: true
         }, script.source);
-      }), preloadAssets && [...preloadAssets.styles].map(style => {
+      }), preloadAssets && preloadAssets.styles.map(style => {
         const attributes = styleAssetPreloadAttributes(style, {
           baseUrl
         });
         return /*#__PURE__*/jsx("link", {
           ...attributes
         }, style.source);
-      }), preloadAssets && [...preloadAssets.scripts].map(script => {
+      }), preloadAssets && preloadAssets.scripts.map(script => {
         const attributes = scriptAssetPreloadAttributes(script, {
           baseUrl
         });

package/build/esm/static/StaticContext.mjs

@@ -1,6 +1,6 @@
+import { AssetsContext } from '@quilted/react-assets/server';
 import { InitialUrlContext } from '@quilted/react-router';
 import { HtmlContext } from '@quilted/react-html/server';
-import { AsyncAssetContext } from '@quilted/react-async/server';
 import { HttpServerContext } from '@quilted/react-http/server';
 import { maybeWrapContext } from '../utilities/react.mjs';
 
@@ -8,11 +8,11 @@ function StaticContext({
   url,
   html,
   http,
-  asyncAssets,
+  assets,
   children
 }) {
   const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
-  return maybeWrapContext(AsyncAssetContext, asyncAssets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+  return maybeWrapContext(AssetsContext, assets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
 }
 
 export { StaticContext };

package/build/esm/static/index.mjs

@@ -1,4 +1,5 @@
-import { styleAssetAttributes, scriptAssetAttributes, styleAssetPreloadAttributes, scriptAssetPreloadAttributes } from '@quilted/async/server';
+import { Fragment as Fragment$1 } from 'react';
+import { styleAssetAttributes, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetPreloadAttributes } from '@quilted/assets';
 import { renderHtmlToString, Html } from '@quilted/react-html/server';
 import { StaticRenderer, StaticRendererContext } from '@quilted/react-router/static';
 import { renderApp } from './render.mjs';
@@ -157,13 +158,15 @@ async function renderStatic(App, {
     const routeRecorder = new StaticRenderer({
       forceFallback: fallback ? url.pathname : undefined
     });
+    const initialCacheKey = await assets.cacheKey?.(new Request(url));
     const {
       http,
       html: htmlManager,
-      markup,
-      asyncAssets
+      assets: assetsManager,
+      markup
     } = await renderApp( /*#__PURE__*/jsx(App, {}), {
       url,
+      cacheKey: initialCacheKey,
       decorate(app) {
         return /*#__PURE__*/jsx(StaticRendererContext.Provider, {
           value: routeRecorder,
@@ -171,65 +174,48 @@ async function renderStatic(App, {
         });
       }
     });
-    const usedAssets = asyncAssets.used({
-      timing: 'load'
-    });
-    const [moduleAssets, modulePreload, nomoduleAssets] = await Promise.all([assets.assets({
-      async: usedAssets,
-      context: {
-        modules: true
-      }
-    }), assets.asyncAssets(asyncAssets.used({
+    const cacheKey = assetsManager.cacheKey;
+    const [mainAssets, preloadAssets] = await Promise.all([assets.entry({
+      modules: assetsManager.usedModules({
+        timing: 'load'
+      }),
+      cacheKey
+    }), assets.modules(assetsManager.usedModules({
       timing: 'preload'
     }), {
-      context: {
-        modules: true
-      }
-    }), assets.assets({
-      async: usedAssets,
-      context: {
-        modules: false
-      }
+      cacheKey
     })]);
-
-    // We don’t want to load styles from both bundles, so we only use module styles,
-    // since modules are intended to be the default and CSS (usually) doesn’t
-    // have features that meaningfully break older user agents.
-    const styles = moduleAssets.styles.length > 0 ? moduleAssets.styles : nomoduleAssets.styles;
     const minifiedHtml = renderHtmlToString( /*#__PURE__*/jsx(Html, {
       manager: htmlManager,
       headEndContent: /*#__PURE__*/jsxs(Fragment, {
-        children: [[...styles].map(style => {
+        children: [[...mainAssets.styles].map(style => {
           const attributes = styleAssetAttributes(style, {
             baseUrl: url
           });
           return /*#__PURE__*/jsx("link", {
             ...attributes
           }, style.source);
-        }), [...moduleAssets.scripts].map(script => {
+        }), [...mainAssets.scripts].map(script => {
           const attributes = scriptAssetAttributes(script, {
             baseUrl: url
           });
-          return /*#__PURE__*/jsx("script", {
+          return attributes.type === 'module' ? /*#__PURE__*/jsxs(Fragment$1, {
+            children: [/*#__PURE__*/jsx("link", {
+              ...scriptAssetPreloadAttributes(script)
+            }), /*#__PURE__*/jsx("script", {
+              ...attributes
+            })]
+          }, script.source) : /*#__PURE__*/jsx("script", {
             ...attributes
           }, script.source);
-        }), [...nomoduleAssets.scripts].map(script => {
-          const attributes = scriptAssetAttributes(script, {
-            baseUrl: url
-          });
-          return /*#__PURE__*/jsx("script", {
-            ...attributes,
-            // @ts-expect-error Rendering to HTML, so using the lowercase name
-            nomodule: moduleAssets.scripts.length > 0 ? true : undefined
-          }, script.source);
-        }), [...modulePreload.styles].map(style => {
+        }), [...preloadAssets.styles].map(style => {
           const attributes = styleAssetPreloadAttributes(style, {
             baseUrl: url
           });
           return /*#__PURE__*/jsx("link", {
             ...attributes
           }, style.source);
-        }), [...modulePreload.scripts].map(script => {
+        }), [...preloadAssets.scripts].map(script => {
           const attributes = scriptAssetPreloadAttributes(script, {
             baseUrl: url
           });

package/build/esm/static/render.mjs

@@ -1,7 +1,7 @@
 import { extract } from '@quilted/react-server-render/server';
 import { HtmlManager } from '@quilted/react-html/server';
 import { HttpManager } from '@quilted/react-http/server';
-import { AsyncAssetManager } from '@quilted/react-async/server';
+import { AssetsManager } from '@quilted/react-assets/server';
 import { StaticContext } from './StaticContext.mjs';
 import { jsx } from 'react/jsx-runtime';
 
@@ -9,20 +9,23 @@ async function renderApp(app, {
   decorate,
   url,
   headers,
+  cacheKey,
   ...rest
 } = {}) {
   const html = new HtmlManager();
-  const asyncAssets = new AsyncAssetManager();
   const http = new HttpManager({
     headers
   });
+  const assets = new AssetsManager({
+    cacheKey
+  });
   const markup = await extract(app, {
     decorate(app) {
       return /*#__PURE__*/jsx(StaticContext, {
-        asyncAssets: asyncAssets,
         html: html,
         http: http,
         url: url,
+        assets: assets,
         children: decorate?.(app) ?? app
       });
     },
@@ -32,7 +35,7 @@ async function renderApp(app, {
     markup,
     http,
     html,
-    asyncAssets
+    assets
   };
 }
 

package/build/esnext/index.esnext

@@ -1,5 +1,7 @@
+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 { useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets';
 export { createAsyncComponent, useAsyncModule, useAsyncModulePreload, usePreload } from '@quilted/react-async';
 export { GraphQLContext, createGraphQLHttpFetch, useGraphQLFetch } from '@quilted/react-graphql';
 export { useIdleCallback } from '@quilted/react-idle';

package/build/esnext/server/ServerContext.esnext

@@ -1,6 +1,6 @@
+import { AssetsContext } from '@quilted/react-assets/server';
 import { InitialUrlContext } from '@quilted/react-router';
 import { HtmlContext } from '@quilted/react-html/server';
-import { AsyncAssetContext } from '@quilted/react-async/server';
 import { HttpServerContext } from '@quilted/react-http/server';
 import { maybeWrapContext } from '../utilities/react.esnext';
 
@@ -8,11 +8,11 @@ function ServerContext({
   url,
   html,
   http,
-  asyncAssets,
+  assets,
   children
 }) {
   const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
-  return maybeWrapContext(AsyncAssetContext, asyncAssets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+  return maybeWrapContext(AssetsContext, assets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
 }
 
 export { ServerContext };

package/build/esnext/server/index.esnext

@@ -1,9 +1,10 @@
 export { SERVER_ACTION_ID as HTML_SERVER_ACTION_ID, Html, HtmlContext, HtmlManager, Serialize, renderHtmlToString } from '@quilted/react-html/server';
 export { ServerAction, ServerRenderManager, ServerRenderManagerContext, extract, useServerAction } from '@quilted/react-server-render/server';
-export { createAssetManifest, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/async/server';
-export { SERVER_ACTION_ID as ASYNC_ASSETS_SERVER_ACTION_ID, AsyncAssetContext, AsyncAssetManager } from '@quilted/react-async/server';
+export { createBrowserAssetsEntryFromManifest, createBrowserAssetsFromManifests, scriptAssetAttributes, scriptAssetPreloadAttributes, styleAssetAttributes, styleAssetPreloadAttributes } from '@quilted/assets';
+export { SERVER_ACTION_ID as ASSETS_SERVER_ACTION_ID, AssetsContext, AssetsManager, useAssetsCacheKey, useModuleAssets } from '@quilted/react-assets/server';
 export { createRequestRouterLocalization } from '@quilted/react-localize/request-router';
 export { EnhancedRequest, EnhancedResponse, Request, Response, createHeaders, createRequestRouter } from '@quilted/request-router';
 export { parseAcceptLanguageHeader } from '@quilted/react-localize';
 export { ServerContext } from './ServerContext.esnext';
 export { createServerRender, renderAppToResponse, renderAppToStreamedResponse } from './request-router.esnext';
+export { createAssetPreloader } from './preload.esnext';

package/build/esnext/server/preload.esnext

@@ -0,0 +1,35 @@
+import { json } from '@quilted/request-router';
+
+function createAssetPreloader(options) {
+  return async function handler(request, requestContext) {
+    const manifest = await assetsForRequest(request, {
+      ...options,
+      context: requestContext
+    });
+    return json(manifest);
+  };
+}
+async function assetsForRequest(request, {
+  assets,
+  context,
+  cacheKey: getCacheKey
+}) {
+  const url = new URL(request.url);
+  const modules = url.searchParams.get('modules')?.split(',') ?? [];
+  const includeStyles = url.searchParams.get('styles') !== 'false';
+  const includeScripts = url.searchParams.get('scripts') !== 'false';
+  const cacheKey = (await getCacheKey?.(request, context)) ?? (await assets.cacheKey?.(request));
+  const {
+    styles,
+    scripts
+  } = await assets.entry({
+    modules,
+    cacheKey
+  });
+  const result = {};
+  if (includeStyles) result.styles = styles;
+  if (includeScripts) result.scripts = scripts;
+  return result;
+}
+
+export { createAssetPreloader };