@quilted/quilt 0.0.0-Simpler-Quilt-app-context-component-20220421223224

package/build/cjs/index.cjs

@@ -0,0 +1,187 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var async = require('@quilted/async');
+var reactAsync = require('@quilted/react-async');
+var reactGraphql = require('@quilted/react-graphql');
+var reactIdle = require('@quilted/react-idle');
+var reactServerRender = require('@quilted/react-server-render');
+var reactLocalize = require('@quilted/react-localize');
+var reactPerformance = require('@quilted/react-performance');
+var reactRouter = require('@quilted/react-router');
+var reactWorkers = require('@quilted/react-workers');
+var reactHttp = require('@quilted/react-http');
+var AppContext = require('./AppContext.cjs');
+
+
+
+Object.defineProperty(exports, 'createAsyncLoader', {
+  enumerable: true,
+  get: function () { return async.createAsyncLoader; }
+});
+Object.defineProperty(exports, 'createAsyncComponent', {
+  enumerable: true,
+  get: function () { return reactAsync.createAsyncComponent; }
+});
+Object.defineProperty(exports, 'useAsync', {
+  enumerable: true,
+  get: function () { return reactAsync.useAsync; }
+});
+Object.defineProperty(exports, 'useAsyncAsset', {
+  enumerable: true,
+  get: function () { return reactAsync.useAsyncAsset; }
+});
+Object.defineProperty(exports, 'usePreload', {
+  enumerable: true,
+  get: function () { return reactAsync.usePreload; }
+});
+Object.defineProperty(exports, 'GraphQLContext', {
+  enumerable: true,
+  get: function () { return reactGraphql.GraphQLContext; }
+});
+Object.defineProperty(exports, 'createGraphQL', {
+  enumerable: true,
+  get: function () { return reactGraphql.createGraphQL; }
+});
+Object.defineProperty(exports, 'createGraphQLHttpFetch', {
+  enumerable: true,
+  get: function () { return reactGraphql.createGraphQLHttpFetch; }
+});
+Object.defineProperty(exports, 'useGraphQL', {
+  enumerable: true,
+  get: function () { return reactGraphql.useGraphQL; }
+});
+Object.defineProperty(exports, 'useMutation', {
+  enumerable: true,
+  get: function () { return reactGraphql.useMutation; }
+});
+Object.defineProperty(exports, 'useQuery', {
+  enumerable: true,
+  get: function () { return reactGraphql.useQuery; }
+});
+Object.defineProperty(exports, 'useIdleCallback', {
+  enumerable: true,
+  get: function () { return reactIdle.useIdleCallback; }
+});
+Object.defineProperty(exports, 'ServerAction', {
+  enumerable: true,
+  get: function () { return reactServerRender.ServerAction; }
+});
+Object.defineProperty(exports, 'useServerAction', {
+  enumerable: true,
+  get: function () { return reactServerRender.useServerAction; }
+});
+Object.defineProperty(exports, 'Localization', {
+  enumerable: true,
+  get: function () { return reactLocalize.Localization; }
+});
+Object.defineProperty(exports, 'useLocale', {
+  enumerable: true,
+  get: function () { return reactLocalize.useLocale; }
+});
+Object.defineProperty(exports, 'useLocaleFromEnvironment', {
+  enumerable: true,
+  get: function () { return reactLocalize.useLocaleFromEnvironment; }
+});
+Object.defineProperty(exports, 'useLocalizedFormatting', {
+  enumerable: true,
+  get: function () { return reactLocalize.useLocalizedFormatting; }
+});
+Object.defineProperty(exports, 'PerformanceContext', {
+  enumerable: true,
+  get: function () { return reactPerformance.PerformanceContext; }
+});
+Object.defineProperty(exports, 'usePerformance', {
+  enumerable: true,
+  get: function () { return reactPerformance.usePerformance; }
+});
+Object.defineProperty(exports, 'usePerformanceNavigation', {
+  enumerable: true,
+  get: function () { return reactPerformance.usePerformanceNavigation; }
+});
+Object.defineProperty(exports, 'Link', {
+  enumerable: true,
+  get: function () { return reactRouter.Link; }
+});
+Object.defineProperty(exports, 'NavigationBlock', {
+  enumerable: true,
+  get: function () { return reactRouter.NavigationBlock; }
+});
+Object.defineProperty(exports, 'Preloader', {
+  enumerable: true,
+  get: function () { return reactRouter.Preloader; }
+});
+Object.defineProperty(exports, 'Redirect', {
+  enumerable: true,
+  get: function () { return reactRouter.Redirect; }
+});
+Object.defineProperty(exports, 'Router', {
+  enumerable: true,
+  get: function () { return reactRouter.Router; }
+});
+Object.defineProperty(exports, 'useCurrentUrl', {
+  enumerable: true,
+  get: function () { return reactRouter.useCurrentUrl; }
+});
+Object.defineProperty(exports, 'useInitialUrl', {
+  enumerable: true,
+  get: function () { return reactRouter.useInitialUrl; }
+});
+Object.defineProperty(exports, 'useMatch', {
+  enumerable: true,
+  get: function () { return reactRouter.useMatch; }
+});
+Object.defineProperty(exports, 'useNavigate', {
+  enumerable: true,
+  get: function () { return reactRouter.useNavigate; }
+});
+Object.defineProperty(exports, 'useNavigationBlock', {
+  enumerable: true,
+  get: function () { return reactRouter.useNavigationBlock; }
+});
+Object.defineProperty(exports, 'useRedirect', {
+  enumerable: true,
+  get: function () { return reactRouter.useRedirect; }
+});
+Object.defineProperty(exports, 'useRouteChangeFocusRef', {
+  enumerable: true,
+  get: function () { return reactRouter.useRouteChangeFocusRef; }
+});
+Object.defineProperty(exports, 'useRouter', {
+  enumerable: true,
+  get: function () { return reactRouter.useRouter; }
+});
+Object.defineProperty(exports, 'useRoutes', {
+  enumerable: true,
+  get: function () { return reactRouter.useRoutes; }
+});
+Object.defineProperty(exports, 'useScrollRestoration', {
+  enumerable: true,
+  get: function () { return reactRouter.useScrollRestoration; }
+});
+Object.defineProperty(exports, 'createCallableWorker', {
+  enumerable: true,
+  get: function () { return reactWorkers.createCallableWorker; }
+});
+Object.defineProperty(exports, 'createWorker', {
+  enumerable: true,
+  get: function () { return reactWorkers.createWorker; }
+});
+Object.defineProperty(exports, 'useWorker', {
+  enumerable: true,
+  get: function () { return reactWorkers.useWorker; }
+});
+Object.defineProperty(exports, 'CookieContext', {
+  enumerable: true,
+  get: function () { return reactHttp.CookieContext; }
+});
+Object.defineProperty(exports, 'useCookie', {
+  enumerable: true,
+  get: function () { return reactHttp.useCookie; }
+});
+Object.defineProperty(exports, 'useCookies', {
+  enumerable: true,
+  get: function () { return reactHttp.useCookies; }
+});
+exports.AppContext = AppContext.AppContext;

package/build/cjs/matchers.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@quilted/react-testing/matchers');
+require('@quilted/graphql/matchers');
+

package/build/cjs/polyfills/base.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@quilted/polyfills/base');
+

package/build/cjs/polyfills/crypto.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@quilted/polyfills/crypto');
+

package/build/cjs/polyfills/fetch.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@quilted/polyfills/fetch');
+

package/build/cjs/polyfills/noop.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+require('@quilted/polyfills/noop');
+

package/build/cjs/react/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@quilted/react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var react__default = /*#__PURE__*/_interopDefaultLegacy(react);
+
+
+
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return react__default["default"]; }
+});
+Object.keys(react).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return react[k]; }
+	});
+});

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

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

package/build/cjs/react/server.cjs

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

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 === null || renderProps === void 0 ? void 0 : 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,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;