@anansi/core 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.13.0](https://github.com/ntucker/anansi/compare/@anansi/core@0.12.0...@anansi/core@0.13.0) (2022-06-23)
+
+
+### ⚠ 💥 BREAKING CHANGES
+
+* Must use appSpout; Spouts need two generics
+
+### 💅 Enhancement
+
+* Spouts produce props in both directions ([#1559](https://github.com/ntucker/anansi/issues/1559)) ([898cdde](https://github.com/ntucker/anansi/commit/898cdde500a204a7a4dc155ac7ee51930172380e))
+
+
+
 ## [0.12.0](https://github.com/ntucker/anansi/compare/@anansi/core@0.11.2...@anansi/core@0.12.0) (2022-06-15)
 
 

package/README.md

@@ -1,5 +1,7 @@
 # @anansi/core
+
 <!--[![CircleCI](https://circleci.com/gh/notwillk/pojo-router.svg?style=shield)](https://circleci.com/gh/notwillk/pojo-router)-->
+
 [![npm downloads](https://img.shields.io/npm/dm/@anansi/core.svg?style=flat-square)](https://www.npmjs.com/package/@anansi/core)
 [![bundle size](https://img.shields.io/bundlephobia/minzip/@anansi/core?style=flat-square)](https://bundlephobia.com/result?p=@anansi/core)
 [![npm version](https://img.shields.io/npm/v/@anansi/core.svg?style=flat-square)](https://www.npmjs.com/package/@anansi/core)
@@ -28,24 +30,27 @@ import {
   restHooksSpout,
   prefetchSpout,
   routerSpout,
+  JSONSpout,
+  appSpout,
 } from '@anansi/core/server';
 
 import app from 'app';
 
 import { createRouter } from './routing';
 
-const appSpout = () => Promise.resolve({ app });
-
 const spouts = prefetchSpout('controller')(
   documentSpout({ title: 'anansi' })(
-    restHooksSpout()(
-      routerSpout({ useResolveWith: useController, createRouter })(appSpout),
+    JSONSpout()(
+      restHooksSpout()(
+        routerSpout({ useResolveWith: useController, createRouter })(
+          appSpout(app),
+        ),
+      ),
     ),
   ),
 );
 
 export default laySpouts(spouts);
-
 ```
 
 </details>
@@ -59,6 +64,8 @@ import {
   documentSpout,
   restHooksSpout,
   routerSpout,
+  JSONSpout,
+  appSpout,
 } from '@anansi/core';
 
 import app from 'app';
@@ -68,8 +75,12 @@ import { createRouter } from './routing';
 const appSpout = () => Promise.resolve({ app });
 
 const spouts = documentSpout({ title: 'anansi' })(
-  restHooksSpout()(
-    routerSpout({ useResolveWith: useController, createRouter })(appSpout),
+  JSONSpout()(
+    restHooksSpout()(
+      routerSpout({ useResolveWith: useController, createRouter })(
+        appSpout(app),
+      ),
+    ),
   ),
 );
 

package/dist/client.js

@@ -52,12 +52,18 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   "JSONSpout": () => (/* reexport */ JSONSpout),
+  "ServerProps": () => (/* reexport */ types_namespaceObject.ServerProps),
+  "appSpout": () => (/* reexport */ app),
   "documentSpout": () => (/* reexport */ documentSpout),
   "floodSpouts": () => (/* reexport */ floodSpouts),
   "restHooksSpout": () => (/* reexport */ restHooksSpout),
   "routerSpout": () => (/* reexport */ routerSpout)
 });
 
+// NAMESPACE OBJECT: ./src/spouts/types.ts
+var types_namespaceObject = {};
+__webpack_require__.r(types_namespaceObject);
+
 ;// CONCATENATED MODULE: external "react-dom/client"
 const client_namespaceObject = require("react-dom/client");
 ;// CONCATENATED MODULE: ./src/floodSpouts.tsx
@@ -69,14 +75,14 @@ async function floodSpouts(spouts, {
 
   const {
     app
-  } = await spouts();
+  } = await spouts({});
   (0,client_namespaceObject.hydrateRoot)((_document$getElementB = document.getElementById(rootId)) != null ? _document$getElementB : document, app);
 }
 ;// CONCATENATED MODULE: ./src/spouts/document.tsx
 function documentSpout(options) {
   return function (next) {
-    return async initData => {
-      const nextProps = await next(initData);
+    return async props => {
+      const nextProps = await next(props);
       return nextProps;
     };
   };
@@ -94,9 +100,9 @@ function restHooksSpout(options = {
   getManagers: () => [new core_namespaceObject.NetworkManager()]
 }) {
   return function (next) {
-    return async initData => {
-      const data = initData.resthooks;
-      const nextProps = await next(initData);
+    return async props => {
+      const data = props.initData.resthooks;
+      const nextProps = await next(props);
       return { ...nextProps,
         app: /*#__PURE__*/external_react_default().createElement(core_namespaceObject.CacheProvider, {
           initialState: data,
@@ -140,11 +146,11 @@ function routerSpout(options) {
   };
 
   return function (next) {
-    return async initData => {
+    return 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(initData);
+      const nextProps = await next(props);
       const Router = createRouteComponent(router);
       return { ...nextProps,
         matchedRoutes,
@@ -166,10 +172,11 @@ function JSONSpout({
   id = 'anansi-json'
 } = {}) {
   return function (next) {
-    return async () => {
+    return async props => {
       const initData = getDatafromDOM(id);
-      const nextProps = await next(initData);
-      return nextProps;
+      return await next({ ...props,
+        initData
+      });
     };
   };
 }
@@ -178,12 +185,22 @@ function getDatafromDOM(id) {
   const element = document.querySelector(`#${id}`);
   return element !== null && element !== void 0 && element.text ? JSON.parse(element === null || element === void 0 ? void 0 : element.text) : undefined;
 }
+;// CONCATENATED MODULE: ./src/spouts/app.tsx
+const appSpout = app => props => Promise.resolve({ ...props,
+  app
+});
+
+/* harmony default export */ const app = (appSpout);
+;// CONCATENATED MODULE: ./src/spouts/types.ts
+
 ;// CONCATENATED MODULE: ./src/index.ts
 
 
 
 
 
+
+
 module.exports = __webpack_exports__;
 /******/ })()
 ;

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;;ACDA;AAIA;AAGA;AACA;AAEA;AACA;AACA;AACA;;ACvBA;;;ACAA;;;;ACAA;AAWA;AAGA;AAAA;AAEA;AAGA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAQA;AACA;AACA;;AClCA;;ACAA;;;ACAA;AACA;AACA;AAOA;AAMA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;;AAEA;AAGA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAJA;AAMA;AACA;AACA;;AC5CA;AACA;AADA;AAGA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;;ACxBA;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/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: () => 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 { ResolveProps } from './types';\n\ntype NeededProps = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n} & ResolveProps;\n\nexport default function documentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n}) {\n  return function <T extends NeededProps>(\n    next: (initData: Record<string, unknown>) => Promise<T>,\n  ) {\n    return async (initData: Record<string, unknown>) => {\n      const nextProps = await next(initData);\n\n      return nextProps;\n    };\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 { ResolveProps } from './types';\n\ntype NeededProps = ResolveProps;\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n) {\n  return function <T extends NeededProps>(\n    next: (initData: Record<string, unknown>) => Promise<T>,\n  ) {\n    return async (initData: Record<string, unknown>) => {\n      const data = initData.resthooks as State<unknown>;\n\n      const nextProps = await next(initData);\n\n      return {\n        ...nextProps,\n        app: (\n          <CacheProvider initialState={data} managers={options.getManagers()}>\n            {nextProps.app}\n          </CacheProvider>\n        ),\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 { ResolveProps, CreateRouter } from './types';\n\ntype NeededProps = ResolveProps;\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}) {\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 function <T extends NeededProps>(\n    next: (initData: Record<string, unknown>) => Promise<T>,\n  ) {\n    return async (initData: Record<string, unknown>) => {\n      const history = createBrowserHistory();\n      const router = options.createRouter(history);\n      const matchedRoutes = router.getMatchedRoutes(history.location.pathname);\n\n      const nextProps = await next(initData);\n\n      const Router = createRouteComponent(router);\n      return {\n        ...nextProps,\n        matchedRoutes,\n        router,\n        app: <Router>{nextProps.app}</Router>,\n      };\n    };\n  };\n}\n","import React from 'react';\nimport type { Route } from '@anansi/router';\n\nimport type { ResolveProps } from './types';\n\ntype NeededProps = ResolveProps;\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}) {\n  return function <T extends NeededProps>(\n    next: (initData: Record<string, unknown>) => Promise<T>,\n  ) {\n    return async () => {\n      const initData = getDatafromDOM(id);\n      const nextProps = await next(initData);\n\n      return nextProps;\n    };\n  };\n}\nfunction getDatafromDOM(id: string): Record<string, unknown> {\n  const element: HTMLScriptElement | null = document.querySelector(`#${id}`);\n  return element?.text ? JSON.parse(element?.text) : undefined;\n}\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';\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;;ACDA;AAIA;AAGA;AACA;AAEA;AACA;AACA;AACA;;ACvBA;;;ACAA;;;;ACAA;AAWA;AAGA;AAAA;AAEA;AAGA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAHA;AAQA;AACA;AACA;;AClCA;;ACAA;;;ACAA;AACA;AACA;AAOA;AAMA;AAGA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;;AAEA;AAGA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAJA;AAMA;AACA;AACA;;AC/CA;AACA;AADA;AAGA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;;ACnBA;AAGA;AAAA;;AAEA;;;;AELA;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/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/spouts/types.ts","/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 { ResolveProps } from './types';\n\ntype NeededNext = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n} & ResolveProps;\n\nexport default function documentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n}) {\n  return function <N extends NeededNext, I extends Record<string, unknown>>(\n    next: (props: I) => Promise<N>,\n  ) {\n    return async (props: I) => {\n      const nextProps = await next(props);\n\n      return nextProps;\n    };\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 { ResolveProps } from './types';\n\ntype NeededNext = ResolveProps;\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n) {\n  return function <N extends NeededNext, I extends Record<string, unknown>>(\n    next: (props: I) => Promise<N>,\n  ) {\n    return async (props: I & { initData: Record<string, unknown> }) => {\n      const data = props.initData.resthooks as State<unknown>;\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}\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 { ResolveProps, CreateRouter } from './types';\n\ntype NeededNext = ResolveProps;\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}) {\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 function <N extends NeededNext, I extends Record<string, unknown>>(\n    next: (initData: Record<string, unknown>) => Promise<N>,\n  ) {\n    return async (props: I) => {\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);\n\n      const Router = createRouteComponent(router);\n      return {\n        ...nextProps,\n        matchedRoutes,\n        router,\n        app: <Router>{nextProps.app}</Router>,\n      };\n    };\n  };\n}\n","import type { ResolveProps } from './types';\n\ntype NeededNext = ResolveProps;\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}) {\n  return function <N extends NeededNext, I extends Record<string, unknown>>(\n    next: (props: I & { initData: Record<string, unknown> }) => Promise<N>,\n  ) {\n    return async (props: I) => {\n      const initData = getDatafromDOM(id);\n      return await next({ ...props, initData });\n    };\n  };\n}\nfunction getDatafromDOM(id: string): Record<string, unknown> {\n  const element: HTMLScriptElement | null = document.querySelector(`#${id}`);\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","import { IncomingMessage, ServerResponse } from 'http';\nimport { Request, Response } from 'express';\nimport type { StatsCompilation } from 'webpack';\nimport { History } from 'history';\nimport { Route, RouteController } from '@anansi/router';\n\n/* Variables from the rendering call */\nexport type ServerProps = {\n  req: Request | IncomingMessage;\n  res: Response | ServerResponse;\n  clientManifest: StatsCompilation;\n  nonce: string;\n};\n\n/* Baseline expectations of return value */\nexport type ResolveProps = {\n  app: JSX.Element;\n};\n\nexport type CreateRouter<T> = (\n  history: History,\n) => RouteController<Route<T, any>>;\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 { ServerProps } from './spouts/types';\n"],"names":[],"sourceRoot":""}

package/dist/server.js

@@ -52,6 +52,8 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   "JSONSpout": () => (/* reexport */ JSONSpout),
+  "ServerProps": () => (/* reexport */ types_namespaceObject.ServerProps),
+  "appSpout": () => (/* reexport */ app_server),
   "documentSpout": () => (/* reexport */ DocumentSpout),
   "laySpouts": () => (/* reexport */ laySpouts),
   "prefetchSpout": () => (/* reexport */ prefetchSpout),
@@ -59,6 +61,10 @@ __webpack_require__.d(__webpack_exports__, {
   "routerSpout": () => (/* reexport */ routerSpout)
 });
 
+// NAMESPACE OBJECT: ./src/spouts/types.ts
+var types_namespaceObject = {};
+__webpack_require__.r(types_namespaceObject);
+
 ;// CONCATENATED MODULE: external "react-dom/server"
 const server_namespaceObject = require("react-dom/server");
 ;// CONCATENATED MODULE: external "crypto"
@@ -409,9 +415,11 @@ function restHooksSpout(options = {
   return function (next) {
     return async props => {
       const [ServerCacheProvider, controller, store] = createPersistedStore(options.getManagers());
-      const nextProps = await next(props);
-      return { ...nextProps,
+      const nextProps = await next({ ...props,
         controller,
+        store
+      });
+      return { ...nextProps,
         initData: { ...nextProps.initData,
           resthooks: () => store.getState()
         },
@@ -419,10 +427,13 @@ function restHooksSpout(options = {
           __self: this,
           __source: {
             fileName: restHooks_server_jsxFileName,
-            lineNumber: 30,
+            lineNumber: 36,
             columnNumber: 14
           }
-        }, nextProps.app)
+        }, nextProps.app),
+        // TODO: figure out how to only inject in next and not have to also put here
+        controller,
+        store
       };
     };
   };
@@ -460,19 +471,23 @@ function routerSpout(options) {
         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,
-        matchedRoutes,
-        router,
         app: /*#__PURE__*/external_react_default().createElement(Router, {
           __self: this,
           __source: {
             fileName: router_server_jsxFileName,
-            lineNumber: 44,
+            lineNumber: 52,
             columnNumber: 14
           }
-        }, nextProps.app)
+        }, nextProps.app),
+        // TODO: figure out how to only inject in next and not have to also put here
+        matchedRoutes,
+        router
       };
     };
   };
@@ -552,7 +567,7 @@ function JSONSpout({
             __self: this,
             __source: {
               fileName: json_server_jsxFileName,
-              lineNumber: 52,
+              lineNumber: 48,
               columnNumber: 13
             }
           });
@@ -568,7 +583,7 @@ function JSONSpout({
         __self: this,
         __source: {
           fileName: json_server_jsxFileName,
-          lineNumber: 69,
+          lineNumber: 65,
           columnNumber: 20
         }
       }));
@@ -578,6 +593,14 @@ function JSONSpout({
     };
   };
 }
+;// CONCATENATED MODULE: ./src/spouts/app.server.tsx
+const appSpout = app => props => Promise.resolve({ ...props,
+  app
+});
+
+/* harmony default export */ const app_server = (appSpout);
+;// CONCATENATED MODULE: ./src/spouts/types.ts
+
 ;// CONCATENATED MODULE: ./src/index.server.ts
 
 
@@ -585,6 +608,8 @@ function JSONSpout({
 
 
 
+
+
 module.exports = __webpack_exports__;
 /******/ })()
 ;

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","mappings":"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","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/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 { ServerProps, ResolveProps } from './types';\nimport type { Policy } from './csp';\nimport Document from './DocumentComponent';\n\ntype NeededProps = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n  scripts?: React.ReactNode[];\n} & ResolveProps;\n\nexport default function DocumentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n  rootId?: string;\n  charSet?: string;\n  csPolicy?: Policy;\n}) {\n  return function <T extends NeededProps>(\n    next: (props: ServerProps) => Promise<T>,\n  ) {\n    return async (props: ServerProps) => {\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}\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 { Manager, NetworkManager } from '@rest-hooks/core';\n\nimport { createPersistedStore } from './rhHelp';\nimport type { ResolveProps, ServerProps } from './types';\n\ntype NeededProps = { initData?: Record<string, () => unknown> } & ResolveProps;\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n) {\n  return function <T extends NeededProps>(\n    next: (props: ServerProps) => Promise<T>,\n  ) {\n    return async (props: ServerProps) => {\n      const [ServerCacheProvider, controller, store] = createPersistedStore(\n        options.getManagers(),\n      );\n\n      const nextProps = await next(props);\n\n      return {\n        ...nextProps,\n        controller,\n        initData: {\n          ...nextProps.initData,\n          resthooks: () => store.getState(),\n        },\n        app: <ServerCacheProvider>{nextProps.app}</ServerCacheProvider>,\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 { createMemoryHistory } from 'history';\n\nimport type { ResolveProps, ServerProps, CreateRouter } from './types';\n\ntype NeededProps = ResolveProps;\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\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 function <T extends NeededProps>(\n    next: (props: ServerProps) => Promise<T>,\n  ) {\n    return async (props: ServerProps) => {\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(props);\n\n      const Router = createRouteComponent(router);\n      return {\n        ...nextProps,\n        matchedRoutes,\n        router,\n        app: <Router>{nextProps.app}</Router>,\n      };\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 <RouteWith, T extends NeededProps<RouteWith>>(\n    next: (props: ServerProps) => Promise<\n      {\n        [K in F]: RouteWith;\n      } & T\n    >,\n  ) {\n    return async (props: ServerProps) => {\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';\nimport type { Route } from '@anansi/router';\nimport { StatsChunkGroup } from 'webpack';\n\nimport type { ServerProps, ResolveProps } from './types';\nimport type { Policy } from './csp';\nimport Document from './DocumentComponent';\n\ntype NeededProps = {\n  initData?: Record<string, () => unknown>;\n  scripts?: React.ReactNode[];\n} & ResolveProps;\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}) {\n  return function <T extends NeededProps>(\n    next: (props: ServerProps) => Promise<T>,\n  ) {\n    return async (props: ServerProps) => {\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}\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';\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"server.js","mappings":"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","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/spouts/types.ts","/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 { ServerProps, ResolveProps } 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} & ResolveProps;\n\nexport default function DocumentSpout(options: {\n  head?: React.ReactNode;\n  title: string;\n  rootId?: string;\n  charSet?: string;\n  csPolicy?: Policy;\n}) {\n  return function <N extends NeededNext, I extends ServerProps>(\n    next: (props: I) => Promise<N>,\n  ) {\n    return async (props: I) => {\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}\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 { ResolveProps, ServerProps } from './types';\n\ntype NeededNext = { initData?: Record<string, () => unknown> } & ResolveProps;\n\nexport default function restHooksSpout(\n  options: {\n    getManagers: () => Manager[];\n  } = { getManagers: () => [new NetworkManager()] },\n) {\n  return function <N extends NeededNext, I extends ServerProps>(\n    next: (\n      props: I & { controller: Controller; store: Store<State<unknown>> },\n    ) => Promise<N>,\n  ) {\n    return async (props: I) => {\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}\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 { ResolveProps, ServerProps, CreateRouter } from './types';\n\ntype NeededNext = ResolveProps;\n\nexport default function routerSpout<ResolveWith>(options: {\n  resolveWith?: any;\n  useResolveWith: () => ResolveWith;\n  createRouter: CreateRouter<ResolveWith>;\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 function <N extends NeededNext, I extends ServerProps>(\n    next: (\n      props: I & {\n        matchedRoutes: Route<ResolveWith>[];\n        router: RouteController<Route<ResolveWith, any>>;\n      },\n    ) => Promise<N>,\n  ) {\n    return async (props: I) => {\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}\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 { ServerProps, ResolveProps } from './types';\n\ntype NeededNext = {\n  initData?: Record<string, () => unknown>;\n  scripts?: React.ReactNode[];\n} & ResolveProps;\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}) {\n  return function <N extends NeededNext, I extends ServerProps>(\n    next: (props: I) => Promise<N>,\n  ) {\n    return async (props: I) => {\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}\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","import { IncomingMessage, ServerResponse } from 'http';\nimport { Request, Response } from 'express';\nimport type { StatsCompilation } from 'webpack';\nimport { History } from 'history';\nimport { Route, RouteController } from '@anansi/router';\n\n/* Variables from the rendering call */\nexport type ServerProps = {\n  req: Request | IncomingMessage;\n  res: Response | ServerResponse;\n  clientManifest: StatsCompilation;\n  nonce: string;\n};\n\n/* Baseline expectations of return value */\nexport type ResolveProps = {\n  app: JSX.Element;\n};\n\nexport type CreateRouter<T> = (\n  history: History,\n) => RouteController<Route<T, any>>;\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 { ServerProps } from './spouts/types';\n"],"names":[],"sourceRoot":""}

package/lib/floodSpouts.d.ts

@@ -1,4 +1,4 @@
-export default function floodSpouts(spouts: () => Promise<{
+export default function floodSpouts(spouts: (props: Record<string, unknown>) => Promise<{
     app: JSX.Element;
 }>, { rootId }?: {
     rootId?: string;

package/lib/floodSpouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floodSpouts.d.ts","sourceRoot":"","sources":["../src/floodSpouts.tsx"],"names":[],"mappings":"AAEA,wBAA8B,WAAW,CACvC,MAAM,EAAE,MAAM,OAAO,CAAC;IACpB,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC;CAClB,CAAC,EACF,EAAE,MAAsB,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,iBAKrD"}
+{"version":3,"file":"floodSpouts.d.ts","sourceRoot":"","sources":["../src/floodSpouts.tsx"],"names":[],"mappings":"AAEA,wBAA8B,WAAW,CACvC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC;IAClD,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC;CAClB,CAAC,EACF,EAAE,MAAsB,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,iBAKrD"}

package/lib/floodSpouts.js

@@ -12,7 +12,7 @@ async function floodSpouts(spouts, {
 
   const {
     app
-  } = await spouts();
+  } = await spouts({});
   (0, _client.hydrateRoot)((_document$getElementB = document.getElementById(rootId)) != null ? _document$getElementB : document, app);
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmbG9vZFNwb3V0cyIsInNwb3V0cyIsInJvb3RJZCIsImFwcCIsImh5ZHJhdGVSb290IiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mbG9vZFNwb3V0cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaHlkcmF0ZVJvb3QgfSBmcm9tICdyZWFjdC1kb20vY2xpZW50JztcblxuZXhwb3J0IGRlZmF1bHQgYXN5bmMgZnVuY3Rpb24gZmxvb2RTcG91dHMoXG4gIHNwb3V0czogKCkgPT4gUHJvbWlzZTx7XG4gICAgYXBwOiBKU1guRWxlbWVudDtcbiAgfT4sXG4gIHsgcm9vdElkID0gJ2FuYW5zaS1yb290JyB9OiB7IHJvb3RJZD86IHN0cmluZyB9ID0ge30sXG4pIHtcbiAgY29uc3QgeyBhcHAgfSA9IGF3YWl0IHNwb3V0cygpO1xuXG4gIGh5ZHJhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHJvb3RJZCkgPz8gZG9jdW1lbnQsIGFwcCk7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7O0FBRWUsZUFBZUEsV0FBZixDQUNiQyxNQURhLEVBSWI7RUFBRUMsTUFBTSxHQUFHO0FBQVgsSUFBa0QsRUFKckMsRUFLYjtFQUFBOztFQUNBLE1BQU07SUFBRUM7RUFBRixJQUFVLE1BQU1GLE1BQU0sRUFBNUI7RUFFQSxJQUFBRyxtQkFBQSwyQkFBWUMsUUFBUSxDQUFDQyxjQUFULENBQXdCSixNQUF4QixDQUFaLG9DQUErQ0csUUFBL0MsRUFBeURGLEdBQXpEO0FBQ0QifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmbG9vZFNwb3V0cyIsInNwb3V0cyIsInJvb3RJZCIsImFwcCIsImh5ZHJhdGVSb290IiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9mbG9vZFNwb3V0cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaHlkcmF0ZVJvb3QgfSBmcm9tICdyZWFjdC1kb20vY2xpZW50JztcblxuZXhwb3J0IGRlZmF1bHQgYXN5bmMgZnVuY3Rpb24gZmxvb2RTcG91dHMoXG4gIHNwb3V0czogKHByb3BzOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPikgPT4gUHJvbWlzZTx7XG4gICAgYXBwOiBKU1guRWxlbWVudDtcbiAgfT4sXG4gIHsgcm9vdElkID0gJ2FuYW5zaS1yb290JyB9OiB7IHJvb3RJZD86IHN0cmluZyB9ID0ge30sXG4pIHtcbiAgY29uc3QgeyBhcHAgfSA9IGF3YWl0IHNwb3V0cyh7fSk7XG5cbiAgaHlkcmF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQocm9vdElkKSA/PyBkb2N1bWVudCwgYXBwKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQTs7QUFFZSxlQUFlQSxXQUFmLENBQ2JDLE1BRGEsRUFJYjtFQUFFQyxNQUFNLEdBQUc7QUFBWCxJQUFrRCxFQUpyQyxFQUtiO0VBQUE7O0VBQ0EsTUFBTTtJQUFFQztFQUFGLElBQVUsTUFBTUYsTUFBTSxDQUFDLEVBQUQsQ0FBNUI7RUFFQSxJQUFBRyxtQkFBQSwyQkFBWUMsUUFBUSxDQUFDQyxjQUFULENBQXdCSixNQUF4QixDQUFaLG9DQUErQ0csUUFBL0MsRUFBeURGLEdBQXpEO0FBQ0QifQ==

package/lib/index.d.ts

@@ -3,4 +3,6 @@ export { default as documentSpout } from './spouts/document';
 export { default as restHooksSpout } from './spouts/restHooks';
 export { default as routerSpout } from './spouts/router';
 export { default as JSONSpout } from './spouts/json';
+export { default as appSpout } from './spouts/app';
+export { ServerProps } from './spouts/types';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 exports.__esModule = true;
-exports.routerSpout = exports.restHooksSpout = exports.floodSpouts = exports.documentSpout = exports.JSONSpout = void 0;
+exports.routerSpout = exports.restHooksSpout = exports.floodSpouts = exports.documentSpout = exports.appSpout = exports.ServerProps = exports.JSONSpout = void 0;
 
 var _floodSpouts = _interopRequireDefault(require("./floodSpouts"));
 
@@ -24,4 +24,12 @@ exports.routerSpout = _router.default;
 var _json = _interopRequireDefault(require("./spouts/json"));
 
 exports.JSONSpout = _json.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgZmxvb2RTcG91dHMgfSBmcm9tICcuL2Zsb29kU3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50JztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgcmVzdEhvb2tzU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9yZXN0SG9va3MnO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyByb3V0ZXJTcG91dCB9IGZyb20gJy4vc3BvdXRzL3JvdXRlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEpTT05TcG91dCB9IGZyb20gJy4vc3BvdXRzL2pzb24nO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQSJ9
+
+var _app = _interopRequireDefault(require("./spouts/app"));
+
+exports.appSpout = _app.default;
+
+var _types = require("./spouts/types");
+
+exports.ServerProps = _types.ServerProps;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgZmxvb2RTcG91dHMgfSBmcm9tICcuL2Zsb29kU3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50JztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgcmVzdEhvb2tzU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9yZXN0SG9va3MnO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyByb3V0ZXJTcG91dCB9IGZyb20gJy4vc3BvdXRzL3JvdXRlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEpTT05TcG91dCB9IGZyb20gJy4vc3BvdXRzL2pzb24nO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBhcHBTcG91dCB9IGZyb20gJy4vc3BvdXRzL2FwcCc7XG5leHBvcnQgeyBTZXJ2ZXJQcm9wcyB9IGZyb20gJy4vc3BvdXRzL3R5cGVzJztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBIn0=

package/lib/index.server.d.ts

@@ -4,4 +4,6 @@ export { default as restHooksSpout } from './spouts/restHooks.server';
 export { default as routerSpout } from './spouts/router.server';
 export { default as prefetchSpout } from './spouts/prefetch.server';
 export { default as JSONSpout } from './spouts/json.server';
+export { default as appSpout } from './spouts/app.server';
+export { ServerProps } from './spouts/types';
 //# sourceMappingURL=index.server.d.ts.map

package/lib/index.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../src/index.server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../src/index.server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/index.server.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 exports.__esModule = true;
-exports.routerSpout = exports.restHooksSpout = exports.prefetchSpout = exports.laySpouts = exports.documentSpout = exports.JSONSpout = void 0;
+exports.routerSpout = exports.restHooksSpout = exports.prefetchSpout = exports.laySpouts = exports.documentSpout = exports.appSpout = exports.ServerProps = exports.JSONSpout = void 0;
 
 var _laySpouts = _interopRequireDefault(require("./laySpouts"));
 
@@ -28,4 +28,12 @@ exports.prefetchSpout = _prefetch.default;
 var _json = _interopRequireDefault(require("./spouts/json.server"));
 
 exports.JSONSpout = _json.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnNlcnZlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IGFzIGxheVNwb3V0cyB9IGZyb20gJy4vbGF5U3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50LnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHJlc3RIb29rc1Nwb3V0IH0gZnJvbSAnLi9zcG91dHMvcmVzdEhvb2tzLnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHJvdXRlclNwb3V0IH0gZnJvbSAnLi9zcG91dHMvcm91dGVyLnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHByZWZldGNoU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9wcmVmZXRjaC5zZXJ2ZXInO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBKU09OU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9qc29uLnNlcnZlcic7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0EifQ==
+
+var _app = _interopRequireDefault(require("./spouts/app.server"));
+
+exports.appSpout = _app.default;
+
+var _types = require("./spouts/types");
+
+exports.ServerProps = _types.ServerProps;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnNlcnZlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IGFzIGxheVNwb3V0cyB9IGZyb20gJy4vbGF5U3BvdXRzJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgZG9jdW1lbnRTcG91dCB9IGZyb20gJy4vc3BvdXRzL2RvY3VtZW50LnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHJlc3RIb29rc1Nwb3V0IH0gZnJvbSAnLi9zcG91dHMvcmVzdEhvb2tzLnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHJvdXRlclNwb3V0IH0gZnJvbSAnLi9zcG91dHMvcm91dGVyLnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIHByZWZldGNoU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9wcmVmZXRjaC5zZXJ2ZXInO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBKU09OU3BvdXQgfSBmcm9tICcuL3Nwb3V0cy9qc29uLnNlcnZlcic7XG5leHBvcnQgeyBkZWZhdWx0IGFzIGFwcFNwb3V0IH0gZnJvbSAnLi9zcG91dHMvYXBwLnNlcnZlcic7XG5leHBvcnQgeyBTZXJ2ZXJQcm9wcyB9IGZyb20gJy4vc3BvdXRzL3R5cGVzJztcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0EifQ==

package/lib/spouts/app.d.ts

@@ -0,0 +1,5 @@
+declare const appSpout: (app: JSX.Element) => <P extends Record<string, unknown>>(props: P) => Promise<P & {
+    app: JSX.Element;
+}>;
+export default appSpout;
+//# sourceMappingURL=app.d.ts.map

package/lib/spouts/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/spouts/app.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,QACN,WAAW;;EAEmB,CAAC;AAEvC,eAAe,QAAQ,CAAC"}

package/lib/spouts/app.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+const appSpout = app => props => Promise.resolve({ ...props,
+  app
+});
+
+var _default = appSpout;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhcHBTcG91dCIsImFwcCIsInByb3BzIiwiUHJvbWlzZSIsInJlc29sdmUiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvc3BvdXRzL2FwcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgYXBwU3BvdXQgPVxuICAoYXBwOiBKU1guRWxlbWVudCkgPT5cbiAgPFAgZXh0ZW5kcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj4ocHJvcHM6IFApID0+XG4gICAgUHJvbWlzZS5yZXNvbHZlKHsgLi4ucHJvcHMsIGFwcCB9KTtcblxuZXhwb3J0IGRlZmF1bHQgYXBwU3BvdXQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsTUFBTUEsUUFBUSxHQUNYQyxHQUFELElBQ29DQyxLQUFwQyxJQUNFQyxPQUFPLENBQUNDLE9BQVIsQ0FBZ0IsRUFBRSxHQUFHRixLQUFMO0VBQVlEO0FBQVosQ0FBaEIsQ0FISjs7ZUFLZUQsUSJ9

package/lib/spouts/app.server.d.ts

@@ -0,0 +1,6 @@
+import { ServerProps } from './types';
+declare const appSpout: (app: JSX.Element) => <P extends ServerProps>(props: P) => Promise<P & {
+    app: JSX.Element;
+}>;
+export default appSpout;
+//# sourceMappingURL=app.server.d.ts.map

package/lib/spouts/app.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.server.d.ts","sourceRoot":"","sources":["../../src/spouts/app.server.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,QAAQ,QACN,WAAW;;EAEmB,CAAC;AAEvC,eAAe,QAAQ,CAAC"}

package/lib/spouts/app.server.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+const appSpout = app => props => Promise.resolve({ ...props,
+  app
+});
+
+var _default = appSpout;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhcHBTcG91dCIsImFwcCIsInByb3BzIiwiUHJvbWlzZSIsInJlc29sdmUiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvc3BvdXRzL2FwcC5zZXJ2ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNlcnZlclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGFwcFNwb3V0ID1cbiAgKGFwcDogSlNYLkVsZW1lbnQpID0+XG4gIDxQIGV4dGVuZHMgU2VydmVyUHJvcHM+KHByb3BzOiBQKSA9PlxuICAgIFByb21pc2UucmVzb2x2ZSh7IC4uLnByb3BzLCBhcHAgfSk7XG5cbmV4cG9ydCBkZWZhdWx0IGFwcFNwb3V0O1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUVBLE1BQU1BLFFBQVEsR0FDWEMsR0FBRCxJQUN3QkMsS0FBeEIsSUFDRUMsT0FBTyxDQUFDQyxPQUFSLENBQWdCLEVBQUUsR0FBR0YsS0FBTDtFQUFZRDtBQUFaLENBQWhCLENBSEo7O2VBS2VELFEifQ==