@quilted/quilt 0.5.109 → 0.5.110

package/build/cjs/server/http-handler.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('@quilted/react-html/server');
+var httpHandlers = require('@quilted/http-handlers');
+var render = require('./render.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function createServerRenderingHttpHandler(render, {
+  handler = httpHandlers.createHttpHandler(),
+  ...options
+}) {
+  handler.get(createServerRenderingRequestHandler(render, options));
+  return handler;
+}
+function createServerRenderingRequestHandler(render, {
+  context,
+  ...options
+} = {}) {
+  return async (request, requestContext) => {
+    var _context;
+
+    const app = await render(request, requestContext);
+    return renderToResponse(app, request, { ...options,
+      context: (_context = context === null || context === void 0 ? void 0 : context(request, requestContext)) !== null && _context !== void 0 ? _context : requestContext
+    });
+  };
+}
+async function renderToResponse(app, request, {
+  assets,
+  ...options
+} = {}) {
+  const accepts = request.headers.get('Accept');
+  if (accepts != null && !accepts.includes('text/html')) return;
+  const {
+    html: htmlManager,
+    http,
+    markup,
+    asyncAssets
+  } = await render.renderApp(app, { ...options,
+    url: request.url,
+    headers: request.headers
+  });
+  const {
+    headers,
+    statusCode = 200,
+    redirectUrl
+  } = http.state;
+
+  if (redirectUrl) {
+    return httpHandlers.redirect(redirectUrl, {
+      status: statusCode,
+      headers
+    });
+  }
+
+  const usedAssets = asyncAssets.used({
+    timing: 'load'
+  });
+  const assetOptions = {
+    userAgent: request.headers.get('User-Agent')
+  };
+  const [styles, scripts, preload] = assets ? await Promise.all([assets.styles({
+    async: usedAssets,
+    options: assetOptions
+  }), assets.scripts({
+    async: usedAssets,
+    options: assetOptions
+  }), assets.asyncAssets(asyncAssets.used({
+    timing: 'preload'
+  }), {
+    options: assetOptions
+  })]) : [];
+  return httpHandlers.html(server.render( /*#__PURE__*/jsxRuntime.jsx(server.Html, {
+    url: new URL(request.url),
+    manager: htmlManager,
+    styles: styles,
+    scripts: scripts,
+    preloadAssets: preload,
+    children: markup
+  })), {
+    headers,
+    status: statusCode
+  });
+}
+
+exports.createServerRenderingHttpHandler = createServerRenderingHttpHandler;
+exports.createServerRenderingRequestHandler = createServerRenderingRequestHandler;
+exports.renderToResponse = renderToResponse;

package/build/cjs/server/index.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('@quilted/react-html/server');
+var server$1 = require('@quilted/react-server-render/server');
+var server$2 = require('@quilted/async/server');
+var server$3 = require('@quilted/react-async/server');
+var server$4 = require('@quilted/react-email/server');
+var httpHandlers = require('@quilted/react-localize/http-handlers');
+var httpHandlers$1 = require('@quilted/http-handlers');
+var reactLocalize = require('@quilted/react-localize');
+var render = require('./render.cjs');
+var ServerContext = require('./ServerContext.cjs');
+var httpHandler = require('./http-handler.cjs');
+
+
+
+Object.defineProperty(exports, 'HTML_SERVER_ACTION_ID', {
+  enumerable: true,
+  get: function () { return server.SERVER_ACTION_ID; }
+});
+Object.defineProperty(exports, 'Html', {
+  enumerable: true,
+  get: function () { return server.Html; }
+});
+Object.defineProperty(exports, 'HtmlContext', {
+  enumerable: true,
+  get: function () { return server.HtmlContext; }
+});
+Object.defineProperty(exports, 'HtmlManager', {
+  enumerable: true,
+  get: function () { return server.HtmlManager; }
+});
+Object.defineProperty(exports, 'Serialize', {
+  enumerable: true,
+  get: function () { return server.Serialize; }
+});
+Object.defineProperty(exports, 'render', {
+  enumerable: true,
+  get: function () { return server.render; }
+});
+Object.defineProperty(exports, 'ServerAction', {
+  enumerable: true,
+  get: function () { return server$1.ServerAction; }
+});
+Object.defineProperty(exports, 'ServerRenderManager', {
+  enumerable: true,
+  get: function () { return server$1.ServerRenderManager; }
+});
+Object.defineProperty(exports, 'ServerRenderManagerContext', {
+  enumerable: true,
+  get: function () { return server$1.ServerRenderManagerContext; }
+});
+Object.defineProperty(exports, 'extract', {
+  enumerable: true,
+  get: function () { return server$1.extract; }
+});
+Object.defineProperty(exports, 'useServerAction', {
+  enumerable: true,
+  get: function () { return server$1.useServerAction; }
+});
+Object.defineProperty(exports, 'createAssetManifest', {
+  enumerable: true,
+  get: function () { return server$2.createAssetManifest; }
+});
+Object.defineProperty(exports, 'ASYNC_ASSETS_SERVER_ACTION_ID', {
+  enumerable: true,
+  get: function () { return server$3.SERVER_ACTION_ID; }
+});
+Object.defineProperty(exports, 'AsyncAssetContext', {
+  enumerable: true,
+  get: function () { return server$3.AsyncAssetContext; }
+});
+Object.defineProperty(exports, 'AsyncAssetManager', {
+  enumerable: true,
+  get: function () { return server$3.AsyncAssetManager; }
+});
+Object.defineProperty(exports, 'renderEmail', {
+  enumerable: true,
+  get: function () { return server$4.renderEmail; }
+});
+Object.defineProperty(exports, 'createHttpHandlerLocalization', {
+  enumerable: true,
+  get: function () { return httpHandlers.createHttpHandlerLocalization; }
+});
+Object.defineProperty(exports, 'EnhancedRequest', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.EnhancedRequest; }
+});
+Object.defineProperty(exports, 'EnhancedResponse', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.EnhancedResponse; }
+});
+Object.defineProperty(exports, 'Request', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.Request; }
+});
+Object.defineProperty(exports, 'Response', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.Response; }
+});
+Object.defineProperty(exports, 'createHeaders', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.createHeaders; }
+});
+Object.defineProperty(exports, 'createHttpHandler', {
+  enumerable: true,
+  get: function () { return httpHandlers$1.createHttpHandler; }
+});
+Object.defineProperty(exports, 'parseAcceptLanguageHeader', {
+  enumerable: true,
+  get: function () { return reactLocalize.parseAcceptLanguageHeader; }
+});
+exports.renderApp = render.renderApp;
+exports.ServerContext = ServerContext.ServerContext;
+exports.createServerRenderingHttpHandler = httpHandler.createServerRenderingHttpHandler;
+exports.createServerRenderingRequestHandler = httpHandler.createServerRenderingRequestHandler;
+exports.renderToResponse = httpHandler.renderToResponse;

package/build/cjs/server/render.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 ServerContext = require('./ServerContext.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+async function renderApp(app, {
+  decorate,
+  url,
+  headers,
+  ...rest
+} = {}) {
+  const html = new server.HtmlManager();
+  const asyncAssets = new server$1.AsyncAssetManager();
+  const http = new server$2.HttpManager({
+    headers
+  });
+  const markup = await server$3.extract(app, {
+    decorate(app) {
+      var _decorate;
+
+      return /*#__PURE__*/jsxRuntime.jsx(ServerContext.ServerContext, {
+        asyncAssets: asyncAssets,
+        http: http,
+        html: html,
+        url: url,
+        children: (_decorate = decorate === null || decorate === void 0 ? void 0 : decorate(app)) !== null && _decorate !== void 0 ? _decorate : app
+      });
+    },
+
+    ...rest
+  });
+  return {
+    markup,
+    http,
+    html,
+    asyncAssets
+  };
+}
+
+exports.renderApp = renderApp;

package/build/cjs/static/StaticContext.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactRouter = require('@quilted/react-router');
+var server$1 = require('@quilted/react-html/server');
+var server$2 = require('@quilted/react-async/server');
+var server = require('@quilted/react-http/server');
+var react = require('../utilities/react.cjs');
+
+function StaticContext({
+  url,
+  html,
+  http,
+  asyncAssets,
+  children
+}) {
+  const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
+  return react.maybeWrapContext(server$2.AsyncAssetContext, asyncAssets, react.maybeWrapContext(server.HttpServerContext, http, react.maybeWrapContext(server$1.HtmlContext, html, react.maybeWrapContext(reactRouter.InitialUrlContext, normalizedUrl, children))));
+}
+
+exports.StaticContext = StaticContext;

package/build/cjs/static/index.cjs

@@ -0,0 +1,307 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('@quilted/react-html/server');
+var _static = require('@quilted/react-router/static');
+var render = require('./render.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+const BASE_URL = 'http://localhost:3000';
+async function renderStatic(App, {
+  assets,
+  routes: startingRoutes,
+  onRender,
+  crawl = true,
+  baseUrl = BASE_URL,
+  prettify = true
+}) {
+  const routesToHandle = startingRoutes.map(route => ({
+    route: removePostfixSlash(new URL(route, baseUrl).pathname),
+    fallback: false
+  }));
+  const seenRoutes = [...routesToHandle];
+  const seenRouteIds = new Set(seenRoutes.map(({
+    route
+  }) => route));
+  let renderableRoute;
+
+  while (renderableRoute = routesToHandle.shift()) {
+    const {
+      route,
+      fallback
+    } = renderableRoute;
+    const url = new URL(route, baseUrl);
+    const {
+      html,
+      http,
+      routes
+    } = await renderUrl(url, {
+      fallback
+    });
+
+    if (crawl) {
+      for (const {
+        routes: routeDefinitions,
+        fallback = false,
+        consumedPath,
+        prefix
+      } of routes) {
+        var _routeDefinitions;
+
+        const basePathname = joinPath(prefix, consumedPath);
+        const baseId = basePathname === '/' ? basePathname : `__QUILT_BASE_${basePathname}__`;
+
+        for (const routeDefinition of routeDefinitions) {
+          await recordRouteDefinition(routeDefinition, {
+            baseId,
+            basePathname,
+            addFallbacks: fallback
+          });
+        }
+
+        if (fallback && ((_routeDefinitions = routeDefinitions[routeDefinitions.length - 1]) === null || _routeDefinitions === void 0 ? void 0 : _routeDefinitions.match) != null) {
+          await recordRouteDefinition({}, {
+            baseId,
+            basePathname,
+            addFallbacks: fallback
+          });
+        }
+      }
+    }
+
+    await onRender({
+      route,
+      content: html,
+      http,
+      fallback,
+      hasChildren: !fallback && seenRoutes.some(otherRoute => otherRoute.route.startsWith(`${route}/`))
+    });
+  }
+
+  async function recordRouteDefinition({
+    match,
+    children,
+    renderStatic
+  }, {
+    basePathname,
+    baseId,
+    addFallbacks
+  }) {
+    if (renderStatic === false) return;
+    let routeId;
+    const hasChildren = children && children.length > 0;
+    const hasManualMatches = typeof renderStatic === 'function' && typeof match !== 'string';
+    const matchedRoutes = [];
+
+    if (typeof match === 'string') {
+      routeId = joinPath(baseId, match);
+      matchedRoutes.push({
+        id: routeId,
+        route: joinPath(basePathname, match),
+        fallback: false
+      });
+    } else if (typeof match === 'function') {
+      routeId = joinPath(baseId, `__QUILT_FUNCTION_ROUTE_${match.toString()}__`);
+    } else if (match instanceof RegExp) {
+      routeId = joinPath(`__QUILT_REGEX_ROUTE_${match.source}__`);
+    } else {
+      routeId = joinPath(baseId, '__QUILT_FALLBACK_ROUTE__');
+
+      if (!hasManualMatches) {
+        matchedRoutes.push({
+          id: routeId,
+          route: basePathname,
+          fallback: true
+        });
+      }
+    }
+
+    if (seenRouteIds.has(routeId)) return;
+    seenRouteIds.add(routeId);
+
+    if (typeof renderStatic === 'function' && typeof match !== 'string') {
+      const matchedRouteParts = await renderStatic();
+
+      for (const routePart of matchedRouteParts) {
+        const id = joinPath(baseId, `__QUILT_MATCH_${routePart}__`);
+        seenRouteIds.add(id);
+        matchedRoutes.push({
+          id,
+          route: joinPath(basePathname, routePart),
+          fallback: false
+        });
+      }
+    }
+
+    if (hasChildren) {
+      for (const {
+        id,
+        route
+      } of matchedRoutes) {
+        var _ref;
+
+        for (const child of children) {
+          await recordRouteDefinition(child, {
+            addFallbacks,
+            basePathname: route,
+            baseId: id
+          });
+        }
+
+        if (addFallbacks && ((_ref = children[children.length - 1]) === null || _ref === void 0 ? void 0 : _ref.match) != null) {
+          await recordRouteDefinition({}, {
+            addFallbacks,
+            basePathname: route,
+            baseId: id
+          });
+        }
+      }
+
+      return;
+    }
+
+    for (const {
+      route,
+      fallback
+    } of matchedRoutes) {
+      const renderableRoute = {
+        route,
+        fallback
+      };
+      seenRoutes.push(renderableRoute);
+      routesToHandle.push(renderableRoute);
+    }
+  }
+
+  async function renderUrl(url, {
+    fallback = false
+  }) {
+    const routeRecorder = new _static.StaticRenderer({
+      forceFallback: fallback ? url.pathname : undefined
+    });
+    const {
+      http,
+      html: htmlManager,
+      markup,
+      asyncAssets
+    } = await render.renderApp( /*#__PURE__*/jsxRuntime.jsx(App, {}), {
+      url,
+
+      decorate(app) {
+        return /*#__PURE__*/jsxRuntime.jsx(_static.StaticRendererContext.Provider, {
+          value: routeRecorder,
+          children: app
+        });
+      }
+
+    });
+    const usedAssets = asyncAssets.used({
+      timing: 'load'
+    });
+    const [moduleStyles, moduleScripts, modulePreload, nomoduleStyles, nomoduleScripts] = await Promise.all([assets.styles({
+      async: usedAssets,
+      options: {
+        modules: true
+      }
+    }), assets.scripts({
+      async: usedAssets,
+      options: {
+        modules: true
+      }
+    }), assets.asyncAssets(asyncAssets.used({
+      timing: 'preload'
+    }), {
+      options: {
+        modules: true
+      }
+    }), assets.styles({
+      async: usedAssets,
+      options: {
+        modules: false
+      }
+    }), assets.scripts({
+      async: usedAssets,
+      options: {
+        modules: false
+      }
+    })]); // 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 = moduleStyles.length > 0 ? moduleStyles : nomoduleStyles; // If there are nomodule scripts, we can’t really do preloading, because we can’t
+    // prevent the nomodule scripts from being preloaded in module browsers. If there
+    // are only module scripts, we can preload those.
+
+    const preload = nomoduleScripts.length > 0 ? [] : modulePreload;
+    const scripts = [...moduleScripts, ...nomoduleScripts.map(script => ({ ...script,
+      nomodule: true
+    }))];
+    const minifiedHtml = server.render( /*#__PURE__*/jsxRuntime.jsx(server.Html, {
+      url: url,
+      manager: htmlManager,
+      styles: styles,
+      scripts: scripts,
+      preloadAssets: preload,
+      children: markup
+    }));
+    const html = prettify ? await prettifyHtml(minifiedHtml) : minifiedHtml;
+    return {
+      html,
+      http: http.state,
+      routes: routeRecorder.state
+    };
+  }
+}
+
+async function prettifyHtml(html) {
+  try {
+    const {
+      default: prettier
+    } = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('prettier')); });
+    return prettier.format(html, {
+      parser: 'html'
+    });
+  } catch (error) {
+    return html;
+  }
+}
+
+function joinPath(...parts) {
+  let path = '/';
+
+  for (const part of parts) {
+    if (typeof part !== 'string') continue;
+    const normalizedPart = part.startsWith('/') ? part.slice(1) : part;
+    if (normalizedPart.length === 0) continue;
+    if (path !== '/') path += '/';
+    path += normalizedPart;
+    path = removePostfixSlash(path);
+  }
+
+  return path;
+}
+
+function removePostfixSlash(value) {
+  return value.endsWith('/') && value !== '/' ? value.slice(0, value.length - 1) : value;
+}
+
+exports.renderStatic = renderStatic;

package/build/cjs/static/render.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 StaticContext = require('./StaticContext.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+async function renderApp(app, {
+  decorate,
+  url,
+  headers,
+  ...rest
+}) {
+  const html = new server.HtmlManager();
+  const asyncAssets = new server$1.AsyncAssetManager();
+  const http = new server$2.HttpManager({
+    headers
+  });
+  const markup = await server$3.extract(app, {
+    decorate(app) {
+      var _decorate;
+
+      return /*#__PURE__*/jsxRuntime.jsx(StaticContext.StaticContext, {
+        asyncAssets: asyncAssets,
+        html: html,
+        http: http,
+        url: url,
+        children: (_decorate = decorate === null || decorate === void 0 ? void 0 : decorate(app)) !== null && _decorate !== void 0 ? _decorate : app
+      });
+    },
+
+    ...rest
+  });
+  return {
+    markup,
+    http,
+    html,
+    asyncAssets
+  };
+}
+
+exports.renderApp = renderApp;

package/build/cjs/testing.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var testing$2 = require('@quilted/testing');
+var reactTesting = require('@quilted/react-testing');
+var testing = require('@quilted/react-router/testing');
+var testing$1 = require('@quilted/react-graphql/testing');
+
+
+
+Object.defineProperty(exports, 'createMount', {
+  enumerable: true,
+  get: function () { return reactTesting.createMount; }
+});
+Object.defineProperty(exports, 'mount', {
+  enumerable: true,
+  get: function () { return reactTesting.mount; }
+});
+Object.defineProperty(exports, 'mounted', {
+  enumerable: true,
+  get: function () { return reactTesting.mounted; }
+});
+Object.defineProperty(exports, 'unmountAll', {
+  enumerable: true,
+  get: function () { return reactTesting.unmountAll; }
+});
+Object.defineProperty(exports, 'TestRouter', {
+  enumerable: true,
+  get: function () { return testing.TestRouter; }
+});
+Object.defineProperty(exports, 'createTestRouter', {
+  enumerable: true,
+  get: function () { return testing.createTestRouter; }
+});
+Object.defineProperty(exports, 'GraphQLController', {
+  enumerable: true,
+  get: function () { return testing$1.GraphQLController; }
+});
+Object.defineProperty(exports, 'TestGraphQL', {
+  enumerable: true,
+  get: function () { return testing$1.TestGraphQL; }
+});
+Object.defineProperty(exports, 'createFiller', {
+  enumerable: true,
+  get: function () { return testing$1.createFiller; }
+});
+Object.defineProperty(exports, 'createGraphQLController', {
+  enumerable: true,
+  get: function () { return testing$1.createGraphQLController; }
+});
+Object.defineProperty(exports, 'createSchema', {
+  enumerable: true,
+  get: function () { return testing$1.createSchema; }
+});
+Object.keys(testing$2).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return testing$2[k]; }
+  });
+});