@quilted/quilt 0.0.0-fix-react-types-20220320044002

package/build/cjs/react/test-utils.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var testUtils = require('@quilted/react/test-utils');
+
+
+
+Object.keys(testUtils).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return testUtils[k]; }
+	});
+});

package/build/cjs/server/ServerContext.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 ServerContext({
+  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.ServerContext = ServerContext;

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

@@ -0,0 +1,87 @@
+'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(App, {
+  handler = httpHandlers.createHttpHandler(),
+  ...options
+}) {
+  handler.get(createServerRenderingRequestHandler(App, options));
+  return handler;
+}
+function createServerRenderingRequestHandler(App, {
+  renderProps,
+  ...options
+} = {}) {
+  return request => {
+    return renderToResponse( /*#__PURE__*/jsxRuntime.jsx(App, { ...renderProps?.({
+        request
+      })
+    }), request, options);
+  };
+}
+async function renderToResponse(element, 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(element, { ...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, {
+    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,89 @@
+'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/http-handlers');
+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, 'ServerRenderContext', {
+  enumerable: true,
+  get: function () { return server$1.ServerRenderContext; }
+});
+Object.defineProperty(exports, 'ServerRenderManager', {
+  enumerable: true,
+  get: function () { return server$1.ServerRenderManager; }
+});
+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, 'createAssetLoader', {
+  enumerable: true,
+  get: function () { return server$2.createAssetLoader; }
+});
+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, 'createHttpHandler', {
+  enumerable: true,
+  get: function () { return httpHandlers.createHttpHandler; }
+});
+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,44 @@
+'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) {
+      return /*#__PURE__*/jsxRuntime.jsx(ServerContext.ServerContext, {
+        asyncAssets: asyncAssets,
+        http: http,
+        html: html,
+        url: url,
+        children: decorate?.(app) ?? 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,302 @@
+'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) {
+        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.length - 1]?.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) {
+        for (const child of children) {
+          await recordRouteDefinition(child, {
+            addFallbacks,
+            basePathname: route,
+            baseId: id
+          });
+        }
+
+        if (addFallbacks && children[children.length - 1]?.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, {
+      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,44 @@
+'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) {
+      return /*#__PURE__*/jsxRuntime.jsx(StaticContext.StaticContext, {
+        asyncAssets: asyncAssets,
+        html: html,
+        http: http,
+        url: url,
+        children: decorate?.(app) ?? app
+      });
+    },
+
+    ...rest
+  });
+  return {
+    markup,
+    http,
+    html,
+    asyncAssets
+  };
+}
+
+exports.renderApp = renderApp;

package/build/cjs/testing.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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, '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, 'TestGraphQL', {
+  enumerable: true,
+  get: function () { return testing$1.TestGraphQL; }
+});
+Object.defineProperty(exports, 'createFiller', {
+  enumerable: true,
+  get: function () { return testing$1.createFiller; }
+});
+Object.defineProperty(exports, 'createTestGraphQL', {
+  enumerable: true,
+  get: function () { return testing$1.createTestGraphQL; }
+});

package/build/cjs/utilities/react.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function maybeWrapContext(Context, value, children) {
+  return value ? /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: value,
+    children: children
+  }) : children;
+}
+
+exports.maybeWrapContext = maybeWrapContext;