@anansi/core 0.14.28 → 0.14.30

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.14.30](https://github.com/ntucker/anansi/compare/@anansi/core@0.14.29...@anansi/core@0.14.30) (2022-10-26)
+
+### 📦 Package
+
+* Update JS test packages to ^29.2.2 ([#1721](https://github.com/ntucker/anansi/issues/1721)) ([9e90458](https://github.com/ntucker/anansi/commit/9e90458c041af252d170b77028628962fc7314a4))
+
+### [0.14.29](https://github.com/ntucker/anansi/compare/@anansi/core@0.14.28...@anansi/core@0.14.29) (2022-10-21)
+
+### 📦 Package
+
+* Update babel packages to v7.19.6 ([#1715](https://github.com/ntucker/anansi/issues/1715)) ([6be2305](https://github.com/ntucker/anansi/commit/6be2305008f4fd7d16dddc2f6b90b88f88372394))
+
 ### [0.14.28](https://github.com/ntucker/anansi/compare/@anansi/core@0.14.27...@anansi/core@0.14.28) (2022-10-19)
 
 ### 📦 Package

package/dist/client.js

@@ -67,7 +67,6 @@ async function floodSpouts(spouts, {
   rootId = 'anansi-root'
 } = {}) {
   var _document$getElementB;
-
   const {
     app
   } = await spouts({});
@@ -94,15 +93,13 @@ function restHooksSpout(options = {
 }) {
   return next => async props => {
     var _props$initData;
-
     const data = (_props$initData = props.initData) == null ? void 0 : _props$initData.resthooks;
-
     if ( true && !data) {
       console.error('Rest Hooks init data not found');
     }
-
     const nextProps = await next(props);
-    return { ...nextProps,
+    return {
+      ...nextProps,
       app: /*#__PURE__*/external_react_default().createElement(core_namespaceObject.CacheProvider, {
         initialState: data,
         managers: options.getManagers(),
@@ -142,17 +139,18 @@ function routerSpout(options) {
       }
     }, children);
   };
-
   return next => async props => {
     const history = (0,external_history_namespaceObject.createBrowserHistory)();
     const router = options.createRouter(history);
     const matchedRoutes = router.getMatchedRoutes(history.location.pathname);
-    const nextProps = await next({ ...props,
+    const nextProps = await next({
+      ...props,
       matchedRoutes,
       router
     });
     const Router = createRouteComponent(router);
-    return { ...nextProps,
+    return {
+      ...nextProps,
       matchedRoutes,
       router,
       app: /*#__PURE__*/external_react_default().createElement(Router, {
@@ -172,28 +170,27 @@ function JSONSpout({
 } = {}) {
   return next => async props => {
     const initData = getDatafromDOM(id);
-    return { ...(await next({ ...props,
+    return {
+      ...(await next({
+        ...props,
         initData
       })),
       initData
     };
   };
 }
-
 function getDatafromDOM(id) {
   const element = document.querySelector(`#${id}`);
-
   if (element && element.text === undefined) {
     console.error(`#${id} is completely empty. This could be due to CSP issues.`);
   }
-
   return element != null && element.text ? JSON.parse(element == null ? void 0 : element.text) : undefined;
 }
 ;// CONCATENATED MODULE: ./src/spouts/app.tsx
-const appSpout = app => props => Promise.resolve({ ...props,
+const appSpout = app => props => Promise.resolve({
+  ...props,
   app
 });
-
 /* harmony default export */ const app = (appSpout);
 ;// CONCATENATED MODULE: ./src/index.ts
 

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","mappings":";;AAAA;AACA;AACA;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACNA;;ACAA;AAEA;AAIA;AAAA;AACA;;AACA;AAAA;AAAA;AAEA;AACA;;ACNA;AAIA;AACA;AAEA;AACA;AACA;;ACdA;;;ACAA;;;;ACAA;AASA;AAGA;AAAA;AAEA;AAAA;;AACA;;AAEA;AACA;AACA;;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAQA;AACA;;AChCA;;ACAA;;;ACAA;AACA;AACA;AAKA;AAaA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAJA;AAMA;AACA;;AClDA;AACA;AADA;AAMA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;AACA;AACA;;AACA;AACA;AAGA;;AACA;AACA;;ACrBA;AAGA;AAAA;;AAEA;;ACLA;AACA;AACA;AACA;AACA","sources":["/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/webpack/runtime/compat get default export","/home/ntucker/src/anansi/packages/core/webpack/runtime/define property getters","/home/ntucker/src/anansi/packages/core/webpack/runtime/hasOwnProperty shorthand","/home/ntucker/src/anansi/packages/core/webpack/runtime/make namespace object","/home/ntucker/src/anansi/packages/core/external commonjs \"react-dom/client\"","/home/ntucker/src/anansi/packages/core/src/floodSpouts.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/document.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/core\"","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/src/spouts/router.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.tsx","/home/ntucker/src/anansi/packages/core/src/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-dom/client\");","import { hydrateRoot } from 'react-dom/client';\n\nexport default async function floodSpouts(\n  spouts: (props: Record<string, unknown>) => Promise<{\n    app: JSX.Element;\n  }>,\n  { rootId = 'anansi-root' }: { rootId?: string } = {},\n) {\n  const { app } = await spouts({});\n\n  hydrateRoot(document.getElementById(rootId) ?? document, app);\n}\n","import React from 'react';\nimport type { Route } from '@anansi/router';\n\nimport type { ClientSpout } from './types';\n\nexport default function documentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n}): ClientSpout {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    return nextProps;\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@rest-hooks/core\");","import {\n  CacheProvider,\n  Manager,\n  NetworkManager,\n  State,\n} from '@rest-hooks/core';\n\nimport type { ClientSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n): ClientSpout<{ initData: Record<string, unknown> }> {\n  return next => async props => {\n    const data = props.initData?.resthooks as State<unknown>;\n\n    if (process.env.NODE_ENV !== 'production' && !data) {\n      console.error('Rest Hooks init data not found');\n    }\n\n    const nextProps = await next(props);\n\n    return {\n      ...nextProps,\n      app: (\n        <CacheProvider initialState={data} managers={options.getManagers()}>\n          {nextProps.app}\n        </CacheProvider>\n      ),\n    };\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@anansi/router\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"history\");","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport React from 'react';\nimport { createBrowserHistory } from 'history';\nimport type { Update } from 'history';\n\nimport type { CreateRouter, ClientSpout } from './types';\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\n  onChange?: (update: Update, callback: () => void | undefined) => void;\n}): ClientSpout<\n  Record<string, unknown>,\n  {\n    matchedRoutes: Route<ResolveWith, any>[];\n  } & {\n    router: RouteController<Route<ResolveWith, any>>;\n  }\n> {\n  const createRouteComponent = (\n    router: RouteController<Route<ResolveWith, any>>,\n  ) =>\n    function Router({ children }: { children: React.ReactNode }) {\n      const resolveWith = options.useResolveWith();\n\n      return (\n        <RouteProvider\n          router={router}\n          resolveWith={resolveWith}\n          onChange={options.onChange}\n        >\n          {children}\n        </RouteProvider>\n      );\n    };\n\n  return next => async props => {\n    const history = createBrowserHistory();\n    const router = options.createRouter(history);\n    const matchedRoutes = router.getMatchedRoutes(history.location.pathname);\n\n    const nextProps = await next({ ...props, matchedRoutes, router });\n\n    const Router = createRouteComponent(router);\n    return {\n      ...nextProps,\n      matchedRoutes,\n      router,\n      app: <Router>{nextProps.app}</Router>,\n    };\n  };\n}\n","import type { ClientSpout } from './types';\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}): ClientSpout<\n  Record<string, unknown>,\n  { initData: Record<string, unknown> }\n> {\n  return next => async props => {\n    const initData = getDatafromDOM(id);\n    return { ...(await next({ ...props, initData })), initData };\n  };\n}\nfunction getDatafromDOM(id: string): Record<string, unknown> {\n  const element: HTMLScriptElement | null = document.querySelector(`#${id}`);\n  if (element && element.text === undefined) {\n    console.error(\n      `#${id} is completely empty. This could be due to CSP issues.`,\n    );\n  }\n  return element?.text ? JSON.parse(element?.text) : undefined;\n}\n","const appSpout =\n  (app: JSX.Element) =>\n  <P extends Record<string, unknown>>(props: P) =>\n    Promise.resolve({ ...props, app });\n\nexport default appSpout;\n","export { default as floodSpouts } from './floodSpouts';\nexport { default as documentSpout } from './spouts/document';\nexport { default as restHooksSpout } from './spouts/restHooks';\nexport { default as routerSpout } from './spouts/router';\nexport { default as JSONSpout } from './spouts/json';\nexport { default as appSpout } from './spouts/app';\nexport type { ServerProps } from './spouts/types';\nexport type { ClientSpout as Spout } from './spouts/types';\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"client.js","mappings":";;AAAA;AACA;AACA;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACNA;;ACAA;AAEA;AAIA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;;ACNA;AAIA;AACA;AAEA;AACA;AACA;;ACdA;;;ACAA;;;;ACAA;AASA;AAGA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;;AChCA;;ACAA;;;ACAA;AACA;AACA;AAKA;AAaA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;;AClDA;AACA;AACA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;;ACrBA;AAGA;AAAA;AAAA;AAEA;;ACLA;AACA;AACA;AACA;AACA","sources":["/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/webpack/runtime/compat get default export","/home/ntucker/src/anansi/packages/core/webpack/runtime/define property getters","/home/ntucker/src/anansi/packages/core/webpack/runtime/hasOwnProperty shorthand","/home/ntucker/src/anansi/packages/core/webpack/runtime/make namespace object","/home/ntucker/src/anansi/packages/core/external commonjs \"react-dom/client\"","/home/ntucker/src/anansi/packages/core/src/floodSpouts.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/document.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/core\"","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/src/spouts/router.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.tsx","/home/ntucker/src/anansi/packages/core/src/index.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-dom/client\");","import { hydrateRoot } from 'react-dom/client';\n\nexport default async function floodSpouts(\n  spouts: (props: Record<string, unknown>) => Promise<{\n    app: JSX.Element;\n  }>,\n  { rootId = 'anansi-root' }: { rootId?: string } = {},\n) {\n  const { app } = await spouts({});\n\n  hydrateRoot(document.getElementById(rootId) ?? document, app);\n}\n","import React from 'react';\nimport type { Route } from '@anansi/router';\n\nimport type { ClientSpout } from './types';\n\nexport default function documentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n}): ClientSpout {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    return nextProps;\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@rest-hooks/core\");","import {\n  CacheProvider,\n  Manager,\n  NetworkManager,\n  State,\n} from '@rest-hooks/core';\n\nimport type { ClientSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n): ClientSpout<{ initData: Record<string, unknown> }> {\n  return next => async props => {\n    const data = props.initData?.resthooks as State<unknown>;\n\n    if (process.env.NODE_ENV !== 'production' && !data) {\n      console.error('Rest Hooks init data not found');\n    }\n\n    const nextProps = await next(props);\n\n    return {\n      ...nextProps,\n      app: (\n        <CacheProvider initialState={data} managers={options.getManagers()}>\n          {nextProps.app}\n        </CacheProvider>\n      ),\n    };\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@anansi/router\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"history\");","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport React from 'react';\nimport { createBrowserHistory } from 'history';\nimport type { Update } from 'history';\n\nimport type { CreateRouter, ClientSpout } from './types';\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\n  onChange?: (update: Update, callback: () => void | undefined) => void;\n}): ClientSpout<\n  Record<string, unknown>,\n  {\n    matchedRoutes: Route<ResolveWith, any>[];\n  } & {\n    router: RouteController<Route<ResolveWith, any>>;\n  }\n> {\n  const createRouteComponent = (\n    router: RouteController<Route<ResolveWith, any>>,\n  ) =>\n    function Router({ children }: { children: React.ReactNode }) {\n      const resolveWith = options.useResolveWith();\n\n      return (\n        <RouteProvider\n          router={router}\n          resolveWith={resolveWith}\n          onChange={options.onChange}\n        >\n          {children}\n        </RouteProvider>\n      );\n    };\n\n  return next => async props => {\n    const history = createBrowserHistory();\n    const router = options.createRouter(history);\n    const matchedRoutes = router.getMatchedRoutes(history.location.pathname);\n\n    const nextProps = await next({ ...props, matchedRoutes, router });\n\n    const Router = createRouteComponent(router);\n    return {\n      ...nextProps,\n      matchedRoutes,\n      router,\n      app: <Router>{nextProps.app}</Router>,\n    };\n  };\n}\n","import type { ClientSpout } from './types';\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}): ClientSpout<\n  Record<string, unknown>,\n  { initData: Record<string, unknown> }\n> {\n  return next => async props => {\n    const initData = getDatafromDOM(id);\n    return { ...(await next({ ...props, initData })), initData };\n  };\n}\nfunction getDatafromDOM(id: string): Record<string, unknown> {\n  const element: HTMLScriptElement | null = document.querySelector(`#${id}`);\n  if (element && element.text === undefined) {\n    console.error(\n      `#${id} is completely empty. This could be due to CSP issues.`,\n    );\n  }\n  return element?.text ? JSON.parse(element?.text) : undefined;\n}\n","const appSpout =\n  (app: JSX.Element) =>\n  <P extends Record<string, unknown>>(props: P) =>\n    Promise.resolve({ ...props, app });\n\nexport default appSpout;\n","export { default as floodSpouts } from './floodSpouts';\nexport { default as documentSpout } from './spouts/document';\nexport { default as restHooksSpout } from './spouts/restHooks';\nexport { default as routerSpout } from './spouts/router';\nexport { default as JSONSpout } from './spouts/json';\nexport { default as appSpout } from './spouts/app';\nexport type { ServerProps } from './spouts/types';\nexport type { ClientSpout as Spout } from './spouts/types';\n"],"names":[],"sourceRoot":""}

package/dist/server.js

@@ -74,7 +74,6 @@ function laySpouts(spouts, {
 } = {}) {
   const render = async (clientManifest, req, res) => {
     const nonce = external_crypto_default().randomBytes(16).toString('base64');
-
     try {
       const {
         app
@@ -90,7 +89,6 @@ function laySpouts(spouts, {
         abort
       } = (0,server_namespaceObject.renderToPipeableStream)(app, {
         nonce,
-
         //bootstrapScripts: assets.filter(asset => asset.endsWith('.js')),
         onShellReady() {
           //managers.forEach(manager => manager.cleanup());
@@ -99,31 +97,27 @@ function laySpouts(spouts, {
           res.setHeader('Content-type', 'text/html');
           pipe(res);
         },
-
         onShellError() {
           didError = true;
           res.statusCode = 500;
           pipe(res);
         },
-
         onError(e) {
           didError = true;
           console.error(e);
-          res.statusCode = 500; //pipe(res); Removing this avoids, "React currently only supports piping to one writable stream."
-
+          res.statusCode = 500;
+          //pipe(res); Removing this avoids, "React currently only supports piping to one writable stream."
           if (onError) onError(e);
         }
-
-      }); // Abandon and switch to client rendering if enough time passes.
+      });
+      // Abandon and switch to client rendering if enough time passes.
       // Try lowering this to see the client recover.
-
       setTimeout(() => abort(`Timeout of ${timeoutMS}ms exceeded`), timeoutMS);
     } catch (e) {
       if (onError) onError(e);
       throw e;
     }
   };
-
   return render;
 }
 ;// CONCATENATED MODULE: external "react"
@@ -133,21 +127,20 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_n
 // TODO: memoize this
 function buildPolicy(policyObj) {
   return Object.keys(policyObj).map(key => {
-    const val = Array.isArray(policyObj[key]) ? [...new Set(policyObj[key]).values()].filter(v => v).join(' ') : policyObj[key]; // move strict dynamic to the end of the policy if it exists to be backwards compatible with csp2
-    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#strict-dynamic
+    const val = Array.isArray(policyObj[key]) ? [...new Set(policyObj[key]).values()].filter(v => v).join(' ') : policyObj[key];
 
+    // move strict dynamic to the end of the policy if it exists to be backwards compatible with csp2
+    // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#strict-dynamic
     if (typeof val === 'string' && val.includes("'strict-dynamic'")) {
       const newVal = `${val.replace(/\s?'strict-dynamic'\s?/gi, ' ').trim()} 'strict-dynamic'`;
       return `${key} ${newVal}`;
     }
-
     return `${key} ${val}`;
   }).join('; ');
 }
 ;// CONCATENATED MODULE: ./src/spouts/DocumentComponent.tsx
 var _jsxFileName = "/home/ntucker/src/anansi/packages/core/src/spouts/DocumentComponent.tsx",
-    _process$env$WEBPACK_;
-
+  _process$env$WEBPACK_;
 
 
 function Document({
@@ -162,13 +155,13 @@ function Document({
   scripts
 }) {
   let cspMeta = null;
-
   if (csPolicy) {
     // add nonce to policy
-    const policy = { ...csPolicy
+    const policy = {
+      ...csPolicy
     };
-
-    if (nonce && ( // nonces negate 'unsafe-inline' so do not add it if that directive exists
+    if (nonce && (
+    // nonces negate 'unsafe-inline' so do not add it if that directive exists
     !policy['script-src'] || !policy['script-src'].includes("'unsafe-inline'"))) {
       if (typeof policy['script-src'] === 'string') {
         policy['script-src'] = [policy['script-src'], `'nonce-${nonce}'`];
@@ -176,7 +169,6 @@ function Document({
         policy['script-src'] = [...policy['script-src'], `'nonce-${nonce}'`];
       }
     }
-
     cspMeta = /*#__PURE__*/external_react_default().createElement("meta", {
       httpEquiv: "Content-Security-Policy",
       content: buildPolicy(policy),
@@ -188,7 +180,6 @@ function Document({
       }
     });
   }
-
   return /*#__PURE__*/external_react_default().createElement("html", {
     __self: this,
     __source: {
@@ -290,31 +281,30 @@ var document_server_jsxFileName = "/home/ntucker/src/anansi/packages/core/src/sp
 function DocumentSpout(options) {
   return next => async props => {
     var _props$clientManifest, _props$clientManifest2, _props$clientManifest3, _props$clientManifest4, _props$clientManifest5, _nextProps$title;
-
     const nextProps = await next(props);
     const publicPath = props.clientManifest.publicPath;
-    if (Object.keys((_props$clientManifest = (_props$clientManifest2 = props.clientManifest) == null ? void 0 : _props$clientManifest2.entrypoints) != null ? _props$clientManifest : {}).length < 1 || publicPath === undefined) throw new Error('Manifest missing entries needed'); // TODO: consider using this package for build stats in future:
-    // https://github.com/facebook/react/tree/main/packages/react-server-dom-webpack
+    if (Object.keys((_props$clientManifest = (_props$clientManifest2 = props.clientManifest) == null ? void 0 : _props$clientManifest2.entrypoints) != null ? _props$clientManifest : {}).length < 1 || publicPath === undefined) throw new Error('Manifest missing entries needed');
 
+    // TODO: consider using this package for build stats in future:
+    // https://github.com/facebook/react/tree/main/packages/react-server-dom-webpack
     const assetMap = assets => assets.map(({
       name
     }) => `${publicPath}${name}`);
-
     const assetList = [];
     Object.values((_props$clientManifest3 = (_props$clientManifest4 = props.clientManifest) == null ? void 0 : _props$clientManifest4.entrypoints) != null ? _props$clientManifest3 : {}).forEach(entrypoint => {
       var _entrypoint$assets;
-
       assetList.push(...assetMap((_entrypoint$assets = entrypoint.assets) != null ? _entrypoint$assets : []));
     });
     new Set(assetMap(Object.values((_props$clientManifest5 = props.clientManifest.namedChunkGroups) != null ? _props$clientManifest5 : {}).filter(({
       name
     }) => nextProps.matchedRoutes.some(route => name == null ? void 0 : name.includes(route.name))).flatMap(chunk => {
       var _chunk$assets;
-
-      return [...((_chunk$assets = chunk.assets) != null ? _chunk$assets : []), // any chunk preloads
+      return [...((_chunk$assets = chunk.assets) != null ? _chunk$assets : []),
+      // any chunk preloads
       ...childrenAssets(chunk)];
-    }))).forEach(asset => assetList.push(asset)); // find additional assets to preload based on matched route
+    }))).forEach(asset => assetList.push(asset));
 
+    // find additional assets to preload based on matched route
     const assets = assetList.filter(asset => !asset.endsWith('.hot-update.js')).map(asset => asset.endsWith('.css') ? {
       href: asset,
       rel: 'stylesheet'
@@ -324,8 +314,10 @@ function DocumentSpout(options) {
     } : {
       href: asset
     });
-    return { ...nextProps,
-      app: /*#__PURE__*/external_react_default().createElement(Document, { ...options,
+    return {
+      ...nextProps,
+      app: /*#__PURE__*/external_react_default().createElement(Document, {
+        ...options,
         title: (_nextProps$title = nextProps.title) != null ? _nextProps$title : options.title,
         assets: assets,
         rootId: options.rootId,
@@ -342,11 +334,9 @@ function DocumentSpout(options) {
     };
   };
 }
-
 function childrenAssets(chunk) {
   return chunk.children ? Object.values(chunk.children).flatMap(preload => preload.flatMap(c => {
     var _c$assets;
-
     return (_c$assets = c.assets) != null ? _c$assets : [];
   })) : [];
 }
@@ -361,20 +351,18 @@ var rhHelp_jsxFileName = "/home/ntucker/src/anansi/packages/core/src/spouts/rhHe
 
 
 
- // TODO: Rework this and upstream to rest hooks
 
+
+// TODO: Rework this and upstream to rest hooks
 function createPersistedStore(managers) {
   var _managers;
-
   const controller = new core_namespaceObject.Controller();
   managers = (_managers = managers) != null ? _managers : [new core_namespaceObject.NetworkManager()];
   const reducer = (0,core_namespaceObject.createReducer)(controller);
   const enhancer = (0,external_redux_namespaceObject.applyMiddleware)(...(0,core_namespaceObject.applyManager)(managers, controller), external_rest_hooks_namespaceObject.PromiseifyMiddleware);
   const store = (0,external_redux_namespaceObject.createStore)(reducer, core_namespaceObject.initialState, enhancer);
   managers.forEach(manager => manager.init == null ? void 0 : manager.init(store.getState()));
-
   const selector = state => state;
-
   function ServerCacheProvider({
     children
   }) {
@@ -390,7 +378,6 @@ function createPersistedStore(managers) {
       }
     }, children);
   }
-
   return [ServerCacheProvider, controller, store];
 }
 ;// CONCATENATED MODULE: ./src/spouts/restHooks.server.tsx
@@ -403,12 +390,15 @@ function restHooksSpout(options = {
 }) {
   return next => async props => {
     const [ServerCacheProvider, controller, store] = createPersistedStore(options.getManagers());
-    const nextProps = await next({ ...props,
+    const nextProps = await next({
+      ...props,
       controller,
       store
     });
-    return { ...nextProps,
-      initData: { ...nextProps.initData,
+    return {
+      ...nextProps,
+      initData: {
+        ...nextProps.initData,
         resthooks: () => store.getState()
       },
       app: /*#__PURE__*/external_react_default().createElement(ServerCacheProvider, {
@@ -450,19 +440,20 @@ function routerSpout(options) {
       }
     }, children);
   };
-
   return next => async props => {
     const url = props.req.url || '';
     const router = options.createRouter((0,external_history_namespaceObject.createMemoryHistory)({
       initialEntries: [url]
     }));
     const matchedRoutes = router.getMatchedRoutes(url);
-    const nextProps = await next({ ...props,
+    const nextProps = await next({
+      ...props,
       matchedRoutes,
       router
     });
     const Router = createRouteComponent(router);
-    return { ...nextProps,
+    return {
+      ...nextProps,
       app: /*#__PURE__*/external_react_default().createElement(Router, {
         __self: this,
         __source: {
@@ -482,7 +473,6 @@ function prefetchSpout(field) {
   return function (next) {
     return async props => {
       const nextProps = await next(props);
-
       try {
         const toFetch = [];
         nextProps.matchedRoutes.forEach(route => {
@@ -494,7 +484,6 @@ function prefetchSpout(field) {
       } catch (e) {
         console.error(e);
       }
-
       return nextProps;
     };
   };
@@ -507,7 +496,6 @@ function JSONSpout({
 } = {}) {
   return next => async props => {
     var _nextProps$scripts;
-
     const nextProps = await next(props);
     const scripts = (_nextProps$scripts = nextProps.scripts) != null ? _nextProps$scripts : [];
     /*
@@ -530,11 +518,9 @@ function JSONSpout({
           console.error(e);
         }
       });*/
-
     const Script = () => {
       try {
         var _nextProps$initData;
-
         const data = {};
         Object.entries((_nextProps$initData = nextProps.initData) != null ? _nextProps$initData : {}).forEach(([key, getData]) => {
           data[key] = getData();
@@ -562,7 +548,6 @@ function JSONSpout({
         return null;
       }
     };
-
     scripts.push( /*#__PURE__*/external_react_default().createElement(Script, {
       __self: this,
       __source: {
@@ -571,16 +556,17 @@ function JSONSpout({
         columnNumber: 18
       }
     }));
-    return { ...nextProps,
+    return {
+      ...nextProps,
       scripts
     };
   };
 }
 ;// CONCATENATED MODULE: ./src/spouts/app.server.tsx
-const appSpout = app => props => Promise.resolve({ ...props,
+const appSpout = app => props => Promise.resolve({
+  ...props,
   app
 });
-
 /* harmony default export */ const app_server = (appSpout);
 ;// CONCATENATED MODULE: ./src/index.server.ts
 

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","mappings":";;AAAA;AACA;AACA;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACNA;;ACAA;;;ACAA;AACA;AAKA;AAKA;AACA;AAFA;AAKA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;;AAEA;AACA;;AArBA;AAwBA;;AACA;AAIA;AACA;AACA;AACA;AACA;;AACA;AACA;;ACzDA;;;ACIA;AACA;AACA;AAEA;AAKA;;AACA;AACA;AAGA;AACA;;AAEA;AACA;AAEA;;;;;;ACvBA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA;AAWA;;AACA;AACA;AACA;AAAA;;AAGA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AAZA;;;ACvEA;AAMA;AAQA;AAOA;AAAA;;AACA;AAEA;AAEA;AAOA;;AACA;AACA;AAAA;;AAEA;AACA;AACA;;AACA;AACA;AAEA;AAGA;AAAA;AAGA;;AAAA;AAGA;AAHA;;AASA;AAQA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAGA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAPA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAgBA;AACA;;AAEA;AACA;AAEA;;AAAA;AAAA;AAGA;;ACjGA;;ACAA;;ACAA;;;;ACAA;AACA;AAQA;;AAGA;AAAA;;AACA;AACA;AACA;AACA;AAIA;AACA;;AAEA;;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;;AACA;AACA;;;;ACpCA;AAGA;AAGA;AAGA;AAAA;AAMA;AACA;AAIA;AAEA;AACA;AAHA;AAMA;AAEA;AAEA;AAFA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AATA;AAWA;AACA;;ACtCA;;ACAA;;;ACAA;AACA;AACA;AAIA;AAYA;AAGA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AAEA;AACA;AAHA;AAMA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AALA;AAOA;AACA;;AC9CA;AACA;AAWA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;;;ACrCA;AASA;AACA;AADA;AAOA;AAAA;;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AADA;AAGA;AAPA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAFA;AAIA;AACA;;ACtEA;AAGA;AAAA;;AAEA;;ACPA;AACA;AACA;AACA;AACA;AACA","sources":["/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/webpack/runtime/compat get default export","/home/ntucker/src/anansi/packages/core/webpack/runtime/define property getters","/home/ntucker/src/anansi/packages/core/webpack/runtime/hasOwnProperty shorthand","/home/ntucker/src/anansi/packages/core/webpack/runtime/make namespace object","/home/ntucker/src/anansi/packages/core/external commonjs \"react-dom/server\"","/home/ntucker/src/anansi/packages/core/external node-commonjs \"crypto\"","/home/ntucker/src/anansi/packages/core/src/laySpouts.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/home/ntucker/src/anansi/packages/core/src/spouts/csp.ts","/home/ntucker/src/anansi/packages/core/src/spouts/DocumentComponent.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/document.server.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/core\"","/home/ntucker/src/anansi/packages/core/external commonjs \"rest-hooks\"","/home/ntucker/src/anansi/packages/core/external commonjs \"redux\"","/home/ntucker/src/anansi/packages/core/src/spouts/rhHelp.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.server.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/src/spouts/router.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/prefetch.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.server.tsx","/home/ntucker/src/anansi/packages/core/src/index.server.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-dom/server\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"crypto\");","import { renderToPipeableStream as reactRender } from 'react-dom/server';\nimport crypto from 'crypto';\n\nimport { Render } from './scripts/types';\nimport { ServerProps } from './spouts/types';\n\nexport default function laySpouts(\n  spouts: (props: ServerProps) => Promise<{\n    app: JSX.Element;\n  }>,\n  {\n    timeoutMS = 200,\n    onError,\n  }: { timeoutMS?: number; onError?: (error: unknown) => void } = {},\n) {\n  const render: Render = async (clientManifest, req, res) => {\n    const nonce = crypto.randomBytes(16).toString('base64');\n\n    try {\n      const { app } = await spouts({ clientManifest, req, res, nonce });\n\n      let didError = false;\n      const { pipe, abort } = reactRender(app, {\n        nonce,\n        //bootstrapScripts: assets.filter(asset => asset.endsWith('.js')),\n        onShellReady() {\n          //managers.forEach(manager => manager.cleanup());\n          // If something errored before we started streaming, we set the error code appropriately.\n          res.statusCode = didError ? 500 : 200;\n          res.setHeader('Content-type', 'text/html');\n          pipe(res);\n        },\n        onShellError() {\n          didError = true;\n          res.statusCode = 500;\n          pipe(res);\n        },\n        onError(e: any) {\n          didError = true;\n          console.error(e);\n          res.statusCode = 500;\n          //pipe(res); Removing this avoids, \"React currently only supports piping to one writable stream.\"\n          if (onError) onError(e);\n        },\n      });\n      // Abandon and switch to client rendering if enough time passes.\n      // Try lowering this to see the client recover.\n      setTimeout(\n        () => (abort as any)(`Timeout of ${timeoutMS}ms exceeded`),\n        timeoutMS,\n      );\n    } catch (e: unknown) {\n      if (onError) onError(e);\n      throw e;\n    }\n  };\n  return render;\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","export interface Policy {\n  [directive: string]: string | string[];\n}\n\n// TODO: memoize this\nexport function buildPolicy(policyObj: Policy) {\n  return Object.keys(policyObj)\n    .map(key => {\n      const val = Array.isArray(policyObj[key])\n        ? [...new Set(policyObj[key]).values()].filter(v => v).join(' ')\n        : policyObj[key];\n\n      // move strict dynamic to the end of the policy if it exists to be backwards compatible with csp2\n      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#strict-dynamic\n      if (typeof val === 'string' && val.includes(\"'strict-dynamic'\")) {\n        const newVal = `${val\n          .replace(/\\s?'strict-dynamic'\\s?/gi, ' ')\n          .trim()} 'strict-dynamic'`;\n        return `${key} ${newVal}`;\n      }\n\n      return `${key} ${val}`;\n    })\n    .join('; ');\n}\n","import type { Policy } from './csp';\nimport { buildPolicy } from './csp';\n\ntype Props = {\n  children: React.ReactNode;\n  assets: { href: string; as?: string; rel?: string }[];\n  head: React.ReactNode;\n  scripts: React.ReactNode;\n  title: string;\n  rootId: string;\n  charSet: string;\n  csPolicy?: Policy;\n  nonce?: string | undefined;\n};\n\nexport default function Document({\n  assets,\n  head,\n  children,\n  title,\n  rootId,\n  charSet,\n  csPolicy,\n  nonce,\n  scripts,\n}: Props) {\n  let cspMeta: null | React.ReactNode = null;\n  if (csPolicy) {\n    // add nonce to policy\n    const policy = {\n      ...csPolicy,\n    };\n    if (\n      nonce &&\n      // nonces negate 'unsafe-inline' so do not add it if that directive exists\n      (!policy['script-src'] ||\n        !policy['script-src'].includes(\"'unsafe-inline'\"))\n    ) {\n      if (typeof policy['script-src'] === 'string') {\n        policy['script-src'] = [policy['script-src'], `'nonce-${nonce}'`];\n      } else {\n        policy['script-src'] = [...policy['script-src'], `'nonce-${nonce}'`];\n      }\n    }\n    cspMeta = (\n      <meta httpEquiv=\"Content-Security-Policy\" content={buildPolicy(policy)} />\n    );\n  }\n  return (\n    <html>\n      <head>\n        <meta charSet={charSet} />\n        {cspMeta}\n        {head}\n        {assets.map((asset, i) => (\n          <link key={i} rel=\"preload\" {...asset} />\n        ))}\n        <title>{title}</title>\n      </head>\n      <body>\n        <div id={rootId}>{children}</div>\n        {scripts}\n        {assets\n          .filter(({ href }) => href.endsWith('.js'))\n          .map(({ href }, i) => (\n            <script key={i} src={href} async />\n          ))}\n      </body>\n    </html>\n  );\n}\nDocument.defaultProps = {\n  head: (\n    <>\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n      <link\n        rel=\"shortcut icon\"\n        href={`${process.env.WEBPACK_PUBLIC_PATH ?? '/'}favicon.ico`}\n      />\n    </>\n  ),\n  charSet: 'utf-8',\n  rootId: 'anansi-root',\n  scripts: null,\n};\n","import React from 'react';\nimport type { Route } from '@anansi/router';\nimport { StatsChunkGroup } from 'webpack';\n\nimport type { ServerSpout } from './types';\nimport type { Policy } from './csp';\nimport Document from './DocumentComponent';\n\ntype NeededNext = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n  scripts?: React.ReactNode[];\n};\n\nexport default function DocumentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n  rootId?: string;\n  charSet?: string;\n  csPolicy?: Policy;\n}): ServerSpout<Record<string, unknown>, Record<string, unknown>, NeededNext> {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    const publicPath = props.clientManifest.publicPath;\n\n    if (\n      Object.keys(props.clientManifest?.entrypoints ?? {}).length < 1 ||\n      publicPath === undefined\n    )\n      throw new Error('Manifest missing entries needed');\n\n    // TODO: consider using this package for build stats in future:\n    // https://github.com/facebook/react/tree/main/packages/react-server-dom-webpack\n    const assetMap = (assets: { name: string; size?: number }[]) =>\n      assets.map(({ name }) => `${publicPath}${name}`);\n\n    const assetList: string[] = [];\n    Object.values(props.clientManifest?.entrypoints ?? {}).forEach(\n      entrypoint => {\n        assetList.push(...assetMap(entrypoint.assets ?? []));\n      },\n    );\n    new Set(\n      assetMap(\n        Object.values(props.clientManifest.namedChunkGroups ?? {})\n          .filter(({ name }) =>\n            nextProps.matchedRoutes.some(route => name?.includes(route.name)),\n          )\n          .flatMap(chunk => [\n            ...(chunk.assets ?? []),\n            // any chunk preloads\n            ...childrenAssets(chunk),\n          ]),\n      ),\n    ).forEach(asset => assetList.push(asset));\n\n    // find additional assets to preload based on matched route\n    const assets: {\n      href: string;\n      as?: string | undefined;\n      rel?: string | undefined;\n    }[] = assetList\n      .filter(asset => !asset.endsWith('.hot-update.js'))\n      .map(asset =>\n        asset.endsWith('.css')\n          ? { href: asset, rel: 'stylesheet' }\n          : asset.endsWith('.js')\n          ? { href: asset, as: 'script' }\n          : { href: asset },\n      );\n\n    return {\n      ...nextProps,\n      app: (\n        <Document\n          {...options}\n          title={nextProps.title ?? options.title}\n          assets={assets}\n          rootId={options.rootId}\n          nonce={props.nonce}\n          csPolicy={options.csPolicy}\n          scripts={nextProps.scripts}\n        >\n          {nextProps.app}\n        </Document>\n      ),\n    };\n  };\n}\n\nfunction childrenAssets(chunk: StatsChunkGroup) {\n  return chunk.children\n    ? Object.values(chunk.children).flatMap(preload =>\n        preload.flatMap(c => c.assets ?? []),\n      )\n    : [];\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@rest-hooks/core\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"rest-hooks\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"redux\");","import { ExternalCacheProvider, PromiseifyMiddleware } from 'rest-hooks';\nimport {\n  Controller,\n  createReducer,\n  initialState,\n  Manager,\n  applyManager,\n  NetworkManager,\n} from '@rest-hooks/core';\nimport { createStore, applyMiddleware } from 'redux';\n\n// TODO: Rework this and upstream to rest hooks\nexport function createPersistedStore(managers?: Manager[]) {\n  const controller = new Controller();\n  managers = managers ?? [new NetworkManager()];\n  const reducer = createReducer(controller);\n  const enhancer = applyMiddleware(\n    ...applyManager(managers, controller),\n    PromiseifyMiddleware as any,\n  );\n  const store = createStore(reducer, initialState as any, enhancer);\n  managers.forEach(manager => manager.init?.(store.getState()));\n\n  const selector = (state: any) => state;\n  function ServerCacheProvider({ children }: { children: React.ReactNode }) {\n    return (\n      <ExternalCacheProvider\n        store={store}\n        selector={selector}\n        controller={controller}\n      >\n        {children}\n      </ExternalCacheProvider>\n    );\n  }\n  return [ServerCacheProvider, controller, store] as const;\n}\n","import { Controller, Manager, NetworkManager, State } from '@rest-hooks/core';\nimport type { Store } from 'redux';\n\nimport { createPersistedStore } from './rhHelp';\nimport type { ServerSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n): ServerSpout<\n  Record<string, unknown>,\n  { controller: Controller } & { store: Store<State<unknown>> },\n  { initData?: Record<string, () => unknown> }\n> {\n  return next => async props => {\n    const [ServerCacheProvider, controller, store] = createPersistedStore(\n      options.getManagers(),\n    );\n\n    const nextProps = await next({\n      ...props,\n      controller,\n      store,\n    });\n\n    return {\n      ...nextProps,\n      initData: {\n        ...nextProps.initData,\n        resthooks: () => store.getState(),\n      },\n      app: <ServerCacheProvider>{nextProps.app}</ServerCacheProvider>,\n      // TODO: figure out how to only inject in next and not have to also put here\n      controller,\n      store,\n    };\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@anansi/router\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"history\");","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport React from 'react';\nimport { createMemoryHistory } from 'history';\n\nimport type { CreateRouter, ServerSpout } from './types';\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\n}): ServerSpout<\n  Record<string, unknown>,\n  {\n    matchedRoutes: Route<ResolveWith>[];\n  } & {\n    router: RouteController<Route<ResolveWith, any>>;\n  }\n> {\n  const createRouteComponent = (\n    router: RouteController<Route<ResolveWith, any>>,\n  ) =>\n    function Router({ children }: { children: React.ReactNode }) {\n      const resolveWith = options.useResolveWith();\n\n      return (\n        <RouteProvider router={router} resolveWith={resolveWith}>\n          {children}\n        </RouteProvider>\n      );\n    };\n\n  return next => async props => {\n    const url = props.req.url || '';\n    const router = options.createRouter(\n      createMemoryHistory({ initialEntries: [url] }),\n    );\n    const matchedRoutes: Route<ResolveWith>[] = router.getMatchedRoutes(url);\n\n    const nextProps = await next({\n      ...props,\n      matchedRoutes,\n      router,\n    });\n\n    const Router = createRouteComponent(router);\n\n    return {\n      ...nextProps,\n      app: <Router>{nextProps.app}</Router>,\n      // TODO: figure out how to only inject in next and not have to also put here\n      matchedRoutes,\n      router,\n    };\n  };\n}\n","import { Route } from '@anansi/router';\n\nimport type { ResolveProps, ServerProps } from './types';\n\ntype NeededProps<RouteWith> = {\n  matchedRoutes: Route<RouteWith>[];\n} & ResolveProps;\n\nexport default function prefetchSpout<F extends string>(field: F) {\n  return function <\n    RouteWith,\n    N extends NeededProps<RouteWith>,\n    I extends ServerProps,\n  >(\n    next: (props: I) => Promise<\n      {\n        [K in F]: RouteWith;\n      } & N\n    >,\n  ) {\n    return async (props: I) => {\n      const nextProps = await next(props);\n\n      try {\n        const toFetch: Promise<unknown>[] = [];\n        nextProps.matchedRoutes.forEach(route => {\n          if (typeof route.resolveData === 'function') {\n            toFetch.push(route.resolveData(nextProps[field], route));\n          }\n        });\n        await Promise.all(toFetch);\n      } catch (e) {\n        console.error(e);\n      }\n      return nextProps;\n    };\n  };\n}\n","import React from 'react';\n\nimport type { ServerSpout } from './types';\n\ntype NeededNext = {\n  initData?: Record<string, () => unknown>;\n  scripts?: React.ReactNode[];\n};\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}): ServerSpout<\n  Record<string, unknown>,\n  Record<string, unknown>,\n  NeededNext\n> {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    const scripts: React.ReactNode[] = nextProps.scripts ?? [];\n    /*\n      Object.entries(nextProps.initData ?? {}).forEach(([key, data]) => {\n        try {\n          const encoded = JSON.stringify(data);\n          scripts.push(\n            <script\n              key={key}\n              id={`${id}-${key}`}\n              type=\"application/json\"\n              dangerouslySetInnerHTML={{\n                __html: encoded,\n              }}\n              nonce={props.nonce}\n            />,\n          );\n        } catch (e) {\n          // TODO: Use unified logging\n          console.error(e);\n        }\n      });*/\n    const Script = () => {\n      try {\n        const data: any = {};\n        Object.entries(nextProps.initData ?? {}).forEach(([key, getData]) => {\n          data[key] = getData();\n        });\n        const encoded = JSON.stringify(data);\n        return (\n          <script\n            key={id}\n            id={id}\n            type=\"application/json\"\n            dangerouslySetInnerHTML={{\n              __html: encoded,\n            }}\n            nonce={props.nonce}\n          />\n        );\n      } catch (e) {\n        // TODO: Use unified logging\n        console.error('Error serializing json');\n        console.error(e);\n        return null;\n      }\n    };\n    scripts.push(<Script />);\n\n    return {\n      ...nextProps,\n      scripts,\n    };\n  };\n}\n","import { ServerProps } from './types';\n\nconst appSpout =\n  (app: JSX.Element) =>\n  <P extends ServerProps>(props: P) =>\n    Promise.resolve({ ...props, app });\n\nexport default appSpout;\n","export { default as laySpouts } from './laySpouts';\nexport { default as documentSpout } from './spouts/document.server';\nexport { default as restHooksSpout } from './spouts/restHooks.server';\nexport { default as routerSpout } from './spouts/router.server';\nexport { default as prefetchSpout } from './spouts/prefetch.server';\nexport { default as JSONSpout } from './spouts/json.server';\nexport { default as appSpout } from './spouts/app.server';\nexport type { ServerProps } from './spouts/types';\nexport type { ServerSpout as Spout } from './spouts/types';\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"server.js","mappings":";;AAAA;AACA;AACA;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACPA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACNA;;ACAA;;;ACAA;AACA;AAKA;AAKA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;ACzDA;;;ACIA;AACA;AACA;AAEA;;AAIA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAEA;;;;;ACvBA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;;;ACpFA;AAMA;AAQA;AAOA;AAAA;AACA;AAEA;AAEA;;AAMA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;;AAIA;AACA;AAQA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAGA;;ACjGA;;ACAA;;ACAA;;;;ACAA;AACA;AAQA;;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;;;;ACpCA;AAGA;AAGA;AAGA;AAAA;AAMA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;ACtCA;;ACAA;;;ACAA;AACA;AACA;AAIA;AAYA;AAGA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AC9CA;AACA;AAWA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACrCA;AASA;AACA;AACA;AAKA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;ACtEA;AAGA;AAAA;AAAA;AAEA;;ACPA;AACA;AACA;AACA;AACA;AACA","sources":["/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/webpack/runtime/compat get default export","/home/ntucker/src/anansi/packages/core/webpack/runtime/define property getters","/home/ntucker/src/anansi/packages/core/webpack/runtime/hasOwnProperty shorthand","/home/ntucker/src/anansi/packages/core/webpack/runtime/make namespace object","/home/ntucker/src/anansi/packages/core/external commonjs \"react-dom/server\"","/home/ntucker/src/anansi/packages/core/external node-commonjs \"crypto\"","/home/ntucker/src/anansi/packages/core/src/laySpouts.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/home/ntucker/src/anansi/packages/core/src/spouts/csp.ts","/home/ntucker/src/anansi/packages/core/src/spouts/DocumentComponent.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/document.server.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/core\"","/home/ntucker/src/anansi/packages/core/external commonjs \"rest-hooks\"","/home/ntucker/src/anansi/packages/core/external commonjs \"redux\"","/home/ntucker/src/anansi/packages/core/src/spouts/rhHelp.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.server.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/src/spouts/router.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/prefetch.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.server.tsx","/home/ntucker/src/anansi/packages/core/src/index.server.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react-dom/server\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"crypto\");","import { renderToPipeableStream as reactRender } from 'react-dom/server';\nimport crypto from 'crypto';\n\nimport { Render } from './scripts/types';\nimport { ServerProps } from './spouts/types';\n\nexport default function laySpouts(\n  spouts: (props: ServerProps) => Promise<{\n    app: JSX.Element;\n  }>,\n  {\n    timeoutMS = 200,\n    onError,\n  }: { timeoutMS?: number; onError?: (error: unknown) => void } = {},\n) {\n  const render: Render = async (clientManifest, req, res) => {\n    const nonce = crypto.randomBytes(16).toString('base64');\n\n    try {\n      const { app } = await spouts({ clientManifest, req, res, nonce });\n\n      let didError = false;\n      const { pipe, abort } = reactRender(app, {\n        nonce,\n        //bootstrapScripts: assets.filter(asset => asset.endsWith('.js')),\n        onShellReady() {\n          //managers.forEach(manager => manager.cleanup());\n          // If something errored before we started streaming, we set the error code appropriately.\n          res.statusCode = didError ? 500 : 200;\n          res.setHeader('Content-type', 'text/html');\n          pipe(res);\n        },\n        onShellError() {\n          didError = true;\n          res.statusCode = 500;\n          pipe(res);\n        },\n        onError(e: any) {\n          didError = true;\n          console.error(e);\n          res.statusCode = 500;\n          //pipe(res); Removing this avoids, \"React currently only supports piping to one writable stream.\"\n          if (onError) onError(e);\n        },\n      });\n      // Abandon and switch to client rendering if enough time passes.\n      // Try lowering this to see the client recover.\n      setTimeout(\n        () => (abort as any)(`Timeout of ${timeoutMS}ms exceeded`),\n        timeoutMS,\n      );\n    } catch (e: unknown) {\n      if (onError) onError(e);\n      throw e;\n    }\n  };\n  return render;\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","export interface Policy {\n  [directive: string]: string | string[];\n}\n\n// TODO: memoize this\nexport function buildPolicy(policyObj: Policy) {\n  return Object.keys(policyObj)\n    .map(key => {\n      const val = Array.isArray(policyObj[key])\n        ? [...new Set(policyObj[key]).values()].filter(v => v).join(' ')\n        : policyObj[key];\n\n      // move strict dynamic to the end of the policy if it exists to be backwards compatible with csp2\n      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src#strict-dynamic\n      if (typeof val === 'string' && val.includes(\"'strict-dynamic'\")) {\n        const newVal = `${val\n          .replace(/\\s?'strict-dynamic'\\s?/gi, ' ')\n          .trim()} 'strict-dynamic'`;\n        return `${key} ${newVal}`;\n      }\n\n      return `${key} ${val}`;\n    })\n    .join('; ');\n}\n","import type { Policy } from './csp';\nimport { buildPolicy } from './csp';\n\ntype Props = {\n  children: React.ReactNode;\n  assets: { href: string; as?: string; rel?: string }[];\n  head: React.ReactNode;\n  scripts: React.ReactNode;\n  title: string;\n  rootId: string;\n  charSet: string;\n  csPolicy?: Policy;\n  nonce?: string | undefined;\n};\n\nexport default function Document({\n  assets,\n  head,\n  children,\n  title,\n  rootId,\n  charSet,\n  csPolicy,\n  nonce,\n  scripts,\n}: Props) {\n  let cspMeta: null | React.ReactNode = null;\n  if (csPolicy) {\n    // add nonce to policy\n    const policy = {\n      ...csPolicy,\n    };\n    if (\n      nonce &&\n      // nonces negate 'unsafe-inline' so do not add it if that directive exists\n      (!policy['script-src'] ||\n        !policy['script-src'].includes(\"'unsafe-inline'\"))\n    ) {\n      if (typeof policy['script-src'] === 'string') {\n        policy['script-src'] = [policy['script-src'], `'nonce-${nonce}'`];\n      } else {\n        policy['script-src'] = [...policy['script-src'], `'nonce-${nonce}'`];\n      }\n    }\n    cspMeta = (\n      <meta httpEquiv=\"Content-Security-Policy\" content={buildPolicy(policy)} />\n    );\n  }\n  return (\n    <html>\n      <head>\n        <meta charSet={charSet} />\n        {cspMeta}\n        {head}\n        {assets.map((asset, i) => (\n          <link key={i} rel=\"preload\" {...asset} />\n        ))}\n        <title>{title}</title>\n      </head>\n      <body>\n        <div id={rootId}>{children}</div>\n        {scripts}\n        {assets\n          .filter(({ href }) => href.endsWith('.js'))\n          .map(({ href }, i) => (\n            <script key={i} src={href} async />\n          ))}\n      </body>\n    </html>\n  );\n}\nDocument.defaultProps = {\n  head: (\n    <>\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n      <link\n        rel=\"shortcut icon\"\n        href={`${process.env.WEBPACK_PUBLIC_PATH ?? '/'}favicon.ico`}\n      />\n    </>\n  ),\n  charSet: 'utf-8',\n  rootId: 'anansi-root',\n  scripts: null,\n};\n","import React from 'react';\nimport type { Route } from '@anansi/router';\nimport { StatsChunkGroup } from 'webpack';\n\nimport type { ServerSpout } from './types';\nimport type { Policy } from './csp';\nimport Document from './DocumentComponent';\n\ntype NeededNext = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n  scripts?: React.ReactNode[];\n};\n\nexport default function DocumentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n  rootId?: string;\n  charSet?: string;\n  csPolicy?: Policy;\n}): ServerSpout<Record<string, unknown>, Record<string, unknown>, NeededNext> {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    const publicPath = props.clientManifest.publicPath;\n\n    if (\n      Object.keys(props.clientManifest?.entrypoints ?? {}).length < 1 ||\n      publicPath === undefined\n    )\n      throw new Error('Manifest missing entries needed');\n\n    // TODO: consider using this package for build stats in future:\n    // https://github.com/facebook/react/tree/main/packages/react-server-dom-webpack\n    const assetMap = (assets: { name: string; size?: number }[]) =>\n      assets.map(({ name }) => `${publicPath}${name}`);\n\n    const assetList: string[] = [];\n    Object.values(props.clientManifest?.entrypoints ?? {}).forEach(\n      entrypoint => {\n        assetList.push(...assetMap(entrypoint.assets ?? []));\n      },\n    );\n    new Set(\n      assetMap(\n        Object.values(props.clientManifest.namedChunkGroups ?? {})\n          .filter(({ name }) =>\n            nextProps.matchedRoutes.some(route => name?.includes(route.name)),\n          )\n          .flatMap(chunk => [\n            ...(chunk.assets ?? []),\n            // any chunk preloads\n            ...childrenAssets(chunk),\n          ]),\n      ),\n    ).forEach(asset => assetList.push(asset));\n\n    // find additional assets to preload based on matched route\n    const assets: {\n      href: string;\n      as?: string | undefined;\n      rel?: string | undefined;\n    }[] = assetList\n      .filter(asset => !asset.endsWith('.hot-update.js'))\n      .map(asset =>\n        asset.endsWith('.css')\n          ? { href: asset, rel: 'stylesheet' }\n          : asset.endsWith('.js')\n          ? { href: asset, as: 'script' }\n          : { href: asset },\n      );\n\n    return {\n      ...nextProps,\n      app: (\n        <Document\n          {...options}\n          title={nextProps.title ?? options.title}\n          assets={assets}\n          rootId={options.rootId}\n          nonce={props.nonce}\n          csPolicy={options.csPolicy}\n          scripts={nextProps.scripts}\n        >\n          {nextProps.app}\n        </Document>\n      ),\n    };\n  };\n}\n\nfunction childrenAssets(chunk: StatsChunkGroup) {\n  return chunk.children\n    ? Object.values(chunk.children).flatMap(preload =>\n        preload.flatMap(c => c.assets ?? []),\n      )\n    : [];\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@rest-hooks/core\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"rest-hooks\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"redux\");","import { ExternalCacheProvider, PromiseifyMiddleware } from 'rest-hooks';\nimport {\n  Controller,\n  createReducer,\n  initialState,\n  Manager,\n  applyManager,\n  NetworkManager,\n} from '@rest-hooks/core';\nimport { createStore, applyMiddleware } from 'redux';\n\n// TODO: Rework this and upstream to rest hooks\nexport function createPersistedStore(managers?: Manager[]) {\n  const controller = new Controller();\n  managers = managers ?? [new NetworkManager()];\n  const reducer = createReducer(controller);\n  const enhancer = applyMiddleware(\n    ...applyManager(managers, controller),\n    PromiseifyMiddleware as any,\n  );\n  const store = createStore(reducer, initialState as any, enhancer);\n  managers.forEach(manager => manager.init?.(store.getState()));\n\n  const selector = (state: any) => state;\n  function ServerCacheProvider({ children }: { children: React.ReactNode }) {\n    return (\n      <ExternalCacheProvider\n        store={store}\n        selector={selector}\n        controller={controller}\n      >\n        {children}\n      </ExternalCacheProvider>\n    );\n  }\n  return [ServerCacheProvider, controller, store] as const;\n}\n","import { Controller, Manager, NetworkManager, State } from '@rest-hooks/core';\nimport type { Store } from 'redux';\n\nimport { createPersistedStore } from './rhHelp';\nimport type { ServerSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n): ServerSpout<\n  Record<string, unknown>,\n  { controller: Controller } & { store: Store<State<unknown>> },\n  { initData?: Record<string, () => unknown> }\n> {\n  return next => async props => {\n    const [ServerCacheProvider, controller, store] = createPersistedStore(\n      options.getManagers(),\n    );\n\n    const nextProps = await next({\n      ...props,\n      controller,\n      store,\n    });\n\n    return {\n      ...nextProps,\n      initData: {\n        ...nextProps.initData,\n        resthooks: () => store.getState(),\n      },\n      app: <ServerCacheProvider>{nextProps.app}</ServerCacheProvider>,\n      // TODO: figure out how to only inject in next and not have to also put here\n      controller,\n      store,\n    };\n  };\n}\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@anansi/router\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"history\");","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport React from 'react';\nimport { createMemoryHistory } from 'history';\n\nimport type { CreateRouter, ServerSpout } from './types';\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\n}): ServerSpout<\n  Record<string, unknown>,\n  {\n    matchedRoutes: Route<ResolveWith>[];\n  } & {\n    router: RouteController<Route<ResolveWith, any>>;\n  }\n> {\n  const createRouteComponent = (\n    router: RouteController<Route<ResolveWith, any>>,\n  ) =>\n    function Router({ children }: { children: React.ReactNode }) {\n      const resolveWith = options.useResolveWith();\n\n      return (\n        <RouteProvider router={router} resolveWith={resolveWith}>\n          {children}\n        </RouteProvider>\n      );\n    };\n\n  return next => async props => {\n    const url = props.req.url || '';\n    const router = options.createRouter(\n      createMemoryHistory({ initialEntries: [url] }),\n    );\n    const matchedRoutes: Route<ResolveWith>[] = router.getMatchedRoutes(url);\n\n    const nextProps = await next({\n      ...props,\n      matchedRoutes,\n      router,\n    });\n\n    const Router = createRouteComponent(router);\n\n    return {\n      ...nextProps,\n      app: <Router>{nextProps.app}</Router>,\n      // TODO: figure out how to only inject in next and not have to also put here\n      matchedRoutes,\n      router,\n    };\n  };\n}\n","import { Route } from '@anansi/router';\n\nimport type { ResolveProps, ServerProps } from './types';\n\ntype NeededProps<RouteWith> = {\n  matchedRoutes: Route<RouteWith>[];\n} & ResolveProps;\n\nexport default function prefetchSpout<F extends string>(field: F) {\n  return function <\n    RouteWith,\n    N extends NeededProps<RouteWith>,\n    I extends ServerProps,\n  >(\n    next: (props: I) => Promise<\n      {\n        [K in F]: RouteWith;\n      } & N\n    >,\n  ) {\n    return async (props: I) => {\n      const nextProps = await next(props);\n\n      try {\n        const toFetch: Promise<unknown>[] = [];\n        nextProps.matchedRoutes.forEach(route => {\n          if (typeof route.resolveData === 'function') {\n            toFetch.push(route.resolveData(nextProps[field], route));\n          }\n        });\n        await Promise.all(toFetch);\n      } catch (e) {\n        console.error(e);\n      }\n      return nextProps;\n    };\n  };\n}\n","import React from 'react';\n\nimport type { ServerSpout } from './types';\n\ntype NeededNext = {\n  initData?: Record<string, () => unknown>;\n  scripts?: React.ReactNode[];\n};\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}): ServerSpout<\n  Record<string, unknown>,\n  Record<string, unknown>,\n  NeededNext\n> {\n  return next => async props => {\n    const nextProps = await next(props);\n\n    const scripts: React.ReactNode[] = nextProps.scripts ?? [];\n    /*\n      Object.entries(nextProps.initData ?? {}).forEach(([key, data]) => {\n        try {\n          const encoded = JSON.stringify(data);\n          scripts.push(\n            <script\n              key={key}\n              id={`${id}-${key}`}\n              type=\"application/json\"\n              dangerouslySetInnerHTML={{\n                __html: encoded,\n              }}\n              nonce={props.nonce}\n            />,\n          );\n        } catch (e) {\n          // TODO: Use unified logging\n          console.error(e);\n        }\n      });*/\n    const Script = () => {\n      try {\n        const data: any = {};\n        Object.entries(nextProps.initData ?? {}).forEach(([key, getData]) => {\n          data[key] = getData();\n        });\n        const encoded = JSON.stringify(data);\n        return (\n          <script\n            key={id}\n            id={id}\n            type=\"application/json\"\n            dangerouslySetInnerHTML={{\n              __html: encoded,\n            }}\n            nonce={props.nonce}\n          />\n        );\n      } catch (e) {\n        // TODO: Use unified logging\n        console.error('Error serializing json');\n        console.error(e);\n        return null;\n      }\n    };\n    scripts.push(<Script />);\n\n    return {\n      ...nextProps,\n      scripts,\n    };\n  };\n}\n","import { ServerProps } from './types';\n\nconst appSpout =\n  (app: JSX.Element) =>\n  <P extends ServerProps>(props: P) =>\n    Promise.resolve({ ...props, app });\n\nexport default appSpout;\n","export { default as laySpouts } from './laySpouts';\nexport { default as documentSpout } from './spouts/document.server';\nexport { default as restHooksSpout } from './spouts/restHooks.server';\nexport { default as routerSpout } from './spouts/router.server';\nexport { default as prefetchSpout } from './spouts/prefetch.server';\nexport { default as JSONSpout } from './spouts/json.server';\nexport { default as appSpout } from './spouts/app.server';\nexport type { ServerProps } from './spouts/types';\nexport type { ServerSpout as Spout } from './spouts/types';\n"],"names":[],"sourceRoot":""}

package/lib/floodSpouts.js

@@ -2,17 +2,14 @@
 
 exports.__esModule = true;
 exports.default = floodSpouts;
-
 var _client = require("react-dom/client");
-
 async function floodSpouts(spouts, {
   rootId = 'anansi-root'
 } = {}) {
   var _document$getElementB;
-
   const {
     app
   } = await spouts({});
   (0, _client.hydrateRoot)((_document$getElementB = document.getElementById(rootId)) != null ? _document$getElementB : document, app);
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmbG9vZFNwb3V0cyIsInNwb3V0cyIsInJvb3RJZCIsImFwcCIsImh5ZHJhdGVSb290IiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mbG9vZFNwb3V0cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaHlkcmF0ZVJvb3QgfSBmcm9tICdyZWFjdC1kb20vY2xpZW50JztcblxuZXhwb3J0IGRlZmF1bHQgYXN5bmMgZnVuY3Rpb24gZmxvb2RTcG91dHMoXG4gIHNwb3V0czogKHByb3BzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPikgPT4gUHJvbWlzZTx7XG4gICAgYXBwOiBKU1guRWxlbWVudDtcbiAgfT4sXG4gIHsgcm9vdElkID0gJ2FuYW5zaS1yb290JyB9OiB7IHJvb3RJZD86IHN0cmluZyB9ID0ge30sXG4pIHtcbiAgY29uc3QgeyBhcHAgfSA9IGF3YWl0IHNwb3V0cyh7fSk7XG5cbiAgaHlkcmF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdElkKSA/PyBkb2N1bWVudCwgYXBwKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQTs7QUFFZSxlQUFlQSxXQUFmLENBQ2JDLE1BRGEsRUFJYjtFQUFFQyxNQUFNLEdBQUc7QUFBWCxJQUFrRCxFQUpyQyxFQUtiO0VBQUE7O0VBQ0EsTUFBTTtJQUFFQztFQUFGLElBQVUsTUFBTUYsTUFBTSxDQUFDLEVBQUQsQ0FBNUI7RUFFQSxJQUFBRyxtQkFBQSwyQkFBWUMsUUFBUSxDQUFDQyxjQUFULENBQXdCSixNQUF4QixDQUFaLG9DQUErQ0csUUFBL0MsRUFBeURGLEdBQXpEO0FBQ0QifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmbG9vZFNwb3V0cyIsInNwb3V0cyIsInJvb3RJZCIsImFwcCIsImh5ZHJhdGVSb290IiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mbG9vZFNwb3V0cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaHlkcmF0ZVJvb3QgfSBmcm9tICdyZWFjdC1kb20vY2xpZW50JztcblxuZXhwb3J0IGRlZmF1bHQgYXN5bmMgZnVuY3Rpb24gZmxvb2RTcG91dHMoXG4gIHNwb3V0czogKHByb3BzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPikgPT4gUHJvbWlzZTx7XG4gICAgYXBwOiBKU1guRWxlbWVudDtcbiAgfT4sXG4gIHsgcm9vdElkID0gJ2FuYW5zaS1yb290JyB9OiB7IHJvb3RJZD86IHN0cmluZyB9ID0ge30sXG4pIHtcbiAgY29uc3QgeyBhcHAgfSA9IGF3YWl0IHNwb3V0cyh7fSk7XG5cbiAgaHlkcmF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdElkKSA/PyBkb2N1bWVudCwgYXBwKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBO0FBRWUsZUFBZUEsV0FBVyxDQUN2Q0MsTUFFRSxFQUNGO0VBQUVDLE1BQU0sR0FBRztBQUFtQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQ3BEO0VBQUE7RUFDQSxNQUFNO0lBQUVDO0VBQUksQ0FBQyxHQUFHLE1BQU1GLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztFQUVoQyxJQUFBRyxtQkFBVywyQkFBQ0MsUUFBUSxDQUFDQyxjQUFjLENBQUNKLE1BQU0sQ0FBQyxvQ0FBSUcsUUFBUSxFQUFFRixHQUFHLENBQUM7QUFDL0QifQ==

package/lib/index.js

@@ -1,31 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 exports.__esModule = true;
 exports.routerSpout = exports.restHooksSpout = exports.floodSpouts = exports.documentSpout = exports.appSpout = exports.JSONSpout = void 0;
-
 var _floodSpouts = _interopRequireDefault(require("./floodSpouts"));
-
 exports.floodSpouts = _floodSpouts.default;
-
 var _document = _interopRequireDefault(require("./spouts/document"));
-
 exports.documentSpout = _document.default;
-
 var _restHooks = _interopRequireDefault(require("./spouts/restHooks"));
-
 exports.restHooksSpout = _restHooks.default;
-
 var _router = _interopRequireDefault(require("./spouts/router"));
-
 exports.routerSpout = _router.default;
-
 var _json = _interopRequireDefault(require("./spouts/json"));
-
 exports.JSONSpout = _json.default;
-
 var _app = _interopRequireDefault(require("./spouts/app"));
-
 exports.appSpout = _app.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgZmxvb2RTcG91dHMgfSBmcm9tICcuL2Zsb29kU3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50JztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgcmVzdEhvb2tzU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9yZXN0SG9va3MnO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyByb3V0ZXJTcG91dCB9IGZyb20gJy4vc3BvdXRzL3JvdXRlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEpTT05TcG91dCB9IGZyb20gJy4vc3BvdXRzL2pzb24nO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBhcHBTcG91dCB9IGZyb20gJy4vc3BvdXRzL2FwcCc7XG5leHBvcnQgdHlwZSB7IFNlcnZlclByb3BzIH0gZnJvbSAnLi9zcG91dHMvdHlwZXMnO1xuZXhwb3J0IHR5cGUgeyBDbGllbnRTcG91dCBhcyBTcG91dCB9IGZyb20gJy4vc3BvdXRzL3R5cGVzJztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQSJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgZmxvb2RTcG91dHMgfSBmcm9tICcuL2Zsb29kU3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50JztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgcmVzdEhvb2tzU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9yZXN0SG9va3MnO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyByb3V0ZXJTcG91dCB9IGZyb20gJy4vc3BvdXRzL3JvdXRlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEpTT05TcG91dCB9IGZyb20gJy4vc3BvdXRzL2pzb24nO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBhcHBTcG91dCB9IGZyb20gJy4vc3BvdXRzL2FwcCc7XG5leHBvcnQgdHlwZSB7IFNlcnZlclByb3BzIH0gZnJvbSAnLi9zcG91dHMvdHlwZXMnO1xuZXhwb3J0IHR5cGUgeyBDbGllbnRTcG91dCBhcyBTcG91dCB9IGZyb20gJy4vc3BvdXRzL3R5cGVzJztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQTtBQUF1RDtBQUN2RDtBQUE2RDtBQUM3RDtBQUErRDtBQUMvRDtBQUF5RDtBQUN6RDtBQUFxRDtBQUNyRDtBQUFtRCJ9