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

package/build/esnext/index.esnext

@@ -0,0 +1,10 @@
+export { createAsyncLoader } from '@quilted/async';
+export { createAsyncComponent, useAsync, useAsyncAsset, usePreload } from '@quilted/react-async';
+export { GraphQLContext, createGraphQL, createHttpFetch, useGraphQL, useMutation, useQuery } from '@quilted/react-graphql';
+export { useIdleCallback } from '@quilted/react-idle';
+export { ServerAction, useServerAction } from '@quilted/react-server-render';
+export { PerformanceContext, usePerformance, usePerformanceNavigation } from '@quilted/react-performance';
+export { Link, NavigationBlock, Preloader, Redirect, Router, useCurrentUrl, useInitialUrl, useMatch, useNavigate, useNavigationBlock, useRedirect, useRouteChangeFocusRef, useRouter, useRoutes, useScrollRestoration } from '@quilted/react-router';
+export { createCallableWorker, createWorker, useWorker } from '@quilted/react-workers';
+export { useCookie, useCookies } from '@quilted/react-http';
+export { App } from './App.esnext';

package/build/esnext/matchers.esnext

@@ -0,0 +1,2 @@
+import '@quilted/react-testing/matchers';
+import '@quilted/graphql/matchers';

package/build/esnext/polyfills/base.esnext

@@ -0,0 +1 @@
+import '@quilted/polyfills/base';

package/build/esnext/polyfills/fetch.esnext

@@ -0,0 +1 @@
+import '@quilted/polyfills/fetch';

package/build/esnext/polyfills/noop.esnext

@@ -0,0 +1 @@
+import '@quilted/polyfills/noop';

package/build/esnext/react/index.esnext

@@ -0,0 +1,2 @@
+export * from '@quilted/react';
+export { default } from '@quilted/react';

package/build/esnext/react/jsx-runtime.esnext

@@ -0,0 +1 @@
+export * from '@quilted/react/jsx-runtime';

package/build/esnext/react/server.esnext

@@ -0,0 +1 @@
+export * from '@quilted/react/server';

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

@@ -0,0 +1 @@
+export * from '@quilted/react/test-utils';

package/build/esnext/server/ServerContext.esnext

@@ -0,0 +1,18 @@
+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';
+
+function ServerContext({
+  url,
+  html,
+  http,
+  asyncAssets,
+  children
+}) {
+  const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
+  return maybeWrapContext(AsyncAssetContext, asyncAssets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+}
+
+export { ServerContext };

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

@@ -0,0 +1,81 @@
+import { render, Html } from '@quilted/react-html/server';
+import { createHttpHandler, redirect, html } from '@quilted/http-handlers';
+import { renderApp } from './render.esnext';
+import { jsx } from 'react/jsx-runtime';
+
+function createServerRenderingHttpHandler(App, {
+  handler = createHttpHandler(),
+  ...options
+}) {
+  handler.get(createServerRenderingRequestHandler(App, options));
+  return handler;
+}
+function createServerRenderingRequestHandler(App, {
+  renderProps,
+  ...options
+} = {}) {
+  return request => {
+    return renderToResponse( /*#__PURE__*/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 renderApp(element, { ...options,
+    url: request.url,
+    headers: request.headers
+  });
+  const {
+    headers,
+    statusCode = 200,
+    redirectUrl
+  } = http.state;
+
+  if (redirectUrl) {
+    return 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 html(render( /*#__PURE__*/jsx(Html, {
+    manager: htmlManager,
+    styles: styles,
+    scripts: scripts,
+    preloadAssets: preload,
+    children: markup
+  })), {
+    headers,
+    status: statusCode
+  });
+}
+
+export { createServerRenderingHttpHandler, createServerRenderingRequestHandler, renderToResponse };

package/build/esnext/server/index.esnext

@@ -0,0 +1,9 @@
+export { SERVER_ACTION_ID as HTML_SERVER_ACTION_ID, Html, HtmlContext, HtmlManager, Serialize, render } from '@quilted/react-html/server';
+export { ServerAction, ServerRenderContext, ServerRenderManager, extract, useServerAction } from '@quilted/react-server-render/server';
+export { createAssetLoader } from '@quilted/async/server';
+export { SERVER_ACTION_ID as ASYNC_ASSETS_SERVER_ACTION_ID, AsyncAssetContext, AsyncAssetManager } from '@quilted/react-async/server';
+export { renderEmail } from '@quilted/react-email/server';
+export { createHttpHandler } from '@quilted/http-handlers';
+export { renderApp } from './render.esnext';
+export { ServerContext } from './ServerContext.esnext';
+export { createServerRenderingHttpHandler, createServerRenderingRequestHandler, renderToResponse } from './http-handler.esnext';

package/build/esnext/server/render.esnext

@@ -0,0 +1,40 @@
+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 { ServerContext } from './ServerContext.esnext';
+import { jsx } from 'react/jsx-runtime';
+
+async function renderApp(app, {
+  decorate,
+  url,
+  headers,
+  ...rest
+} = {}) {
+  const html = new HtmlManager();
+  const asyncAssets = new AsyncAssetManager();
+  const http = new HttpManager({
+    headers
+  });
+  const markup = await extract(app, {
+    decorate(app) {
+      return /*#__PURE__*/jsx(ServerContext, {
+        asyncAssets: asyncAssets,
+        http: http,
+        html: html,
+        url: url,
+        children: decorate?.(app) ?? app
+      });
+    },
+
+    ...rest
+  });
+  return {
+    markup,
+    http,
+    html,
+    asyncAssets
+  };
+}
+
+export { renderApp };

package/build/esnext/static/StaticContext.esnext

@@ -0,0 +1,18 @@
+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';
+
+function StaticContext({
+  url,
+  html,
+  http,
+  asyncAssets,
+  children
+}) {
+  const normalizedUrl = typeof url === 'string' ? new URL(url) : url;
+  return maybeWrapContext(AsyncAssetContext, asyncAssets, maybeWrapContext(HttpServerContext, http, maybeWrapContext(HtmlContext, html, maybeWrapContext(InitialUrlContext, normalizedUrl, children))));
+}
+
+export { StaticContext };

package/build/esnext/static/index.esnext

@@ -0,0 +1,280 @@
+import { render, Html } from '@quilted/react-html/server';
+import { StaticRenderer, StaticRendererContext } from '@quilted/react-router/static';
+import { renderApp } from './render.esnext';
+import { jsx } from 'react/jsx-runtime';
+
+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 StaticRenderer({
+      forceFallback: fallback ? url.pathname : undefined
+    });
+    const {
+      http,
+      html: htmlManager,
+      markup,
+      asyncAssets
+    } = await renderApp( /*#__PURE__*/jsx(App, {}), {
+      url,
+
+      decorate(app) {
+        return /*#__PURE__*/jsx(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 = render( /*#__PURE__*/jsx(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 import('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;
+}
+
+export { renderStatic };

package/build/esnext/static/render.esnext

@@ -0,0 +1,40 @@
+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 { StaticContext } from './StaticContext.esnext';
+import { jsx } from 'react/jsx-runtime';
+
+async function renderApp(app, {
+  decorate,
+  url,
+  headers,
+  ...rest
+} = {}) {
+  const html = new HtmlManager();
+  const asyncAssets = new AsyncAssetManager();
+  const http = new HttpManager({
+    headers
+  });
+  const markup = await extract(app, {
+    decorate(app) {
+      return /*#__PURE__*/jsx(StaticContext, {
+        asyncAssets: asyncAssets,
+        html: html,
+        http: http,
+        url: url,
+        children: decorate?.(app) ?? app
+      });
+    },
+
+    ...rest
+  });
+  return {
+    markup,
+    http,
+    html,
+    asyncAssets
+  };
+}
+
+export { renderApp };

package/build/esnext/testing.esnext

@@ -0,0 +1,3 @@
+export { createMount, mount, unmountAll } from '@quilted/react-testing';
+export { TestRouter, createTestRouter } from '@quilted/react-router/testing';
+export { TestGraphQL, createFiller, createTestGraphQL } from '@quilted/react-graphql/testing';

package/build/esnext/utilities/react.esnext

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+
+function maybeWrapContext(Context, value, children) {
+  return value ? /*#__PURE__*/jsx(Context.Provider, {
+    value: value,
+    children: children
+  }) : children;
+}
+
+export { maybeWrapContext };