@anansi/core 0.16.5 → 0.16.7

package/src/scripts/startDevserver.ts

@@ -18,8 +18,9 @@ import webpack, { MultiCompiler } from 'webpack';
 import logging from 'webpack/lib/logging/runtime';
 import WebpackDevServer from 'webpack-dev-server';
 
-import 'cross-fetch/polyfill';
-import { BoundRender } from './types';
+import 'cross-fetch/dist/node-polyfill';
+import { getWebpackConfig } from './getWebpackConfig.js';
+import { BoundRender } from './types.js';
 
 // run directly from node
 if (require.main === module) {
@@ -37,11 +38,7 @@ export default function startDevServer(
   entrypoint: string,
   env: Record<string, unknown> = {},
 ) {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const webpackConfig = require(require.resolve(
-    // TODO: use normal resolution algorithm to find webpack file
-    path.join(process.cwd(), 'webpack.config'),
-  ));
+  const webpackConfig = getWebpackConfig();
 
   const log = logging.getLogger('anansi-devserver');
 
@@ -186,7 +183,7 @@ export default function startDevServer(
         outputFileSystem: {
           ...fs,
           join: path.join as any,
-        } as any as typeof fs,
+        } as any,
       },
       setupMiddlewares: (middlewares, devServer) => {
         if (!devServer) {

package/src/spouts/DocumentComponent.tsx

@@ -1,5 +1,5 @@
-import type { Policy } from './csp';
-import { buildPolicy } from './csp';
+import type { Policy } from './csp.js';
+import { buildPolicy } from './csp.js';
 
 type Props = {
   children: React.ReactNode;

package/src/spouts/antd.server.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import type { ServerSpout } from './types';
+import type { ServerSpout } from './types.js';
 
 type NeededNext = {
   initData?: Record<string, () => unknown>;

package/src/spouts/app.server.tsx

@@ -1,4 +1,4 @@
-import { ServerProps } from './types';
+import { ServerProps } from './types.js';
 
 const appSpout =
   (app: JSX.Element) =>

package/src/spouts/document.server.tsx

@@ -2,9 +2,9 @@ import type { Route } from '@anansi/router';
 import React from 'react';
 import { StatsChunkGroup } from 'webpack';
 
-import type { Policy } from './csp';
-import Document from './DocumentComponent';
-import type { ServerSpout } from './types';
+import type { Policy } from './csp.js';
+import Document from './DocumentComponent.js';
+import type { ServerSpout } from './types.js';
 
 type NeededNext = {
   matchedRoutes: Route<any>[];

package/src/spouts/document.tsx

@@ -1,7 +1,6 @@
-import type { Route } from '@anansi/router';
 import React from 'react';
 
-import type { ClientSpout } from './types';
+import type { ClientSpout } from './types.js';
 
 export default function documentSpout(options: {
   head?: React.ReactNode;

package/src/spouts/json.server.tsx

@@ -1,6 +1,6 @@
 import React, { Suspense } from 'react';
 
-import type { ServerSpout } from './types';
+import type { ServerSpout } from './types.js';
 
 type NeededNext = {
   initData?: Record<string, () => unknown>;

package/src/spouts/json.tsx

@@ -1,4 +1,4 @@
-import type { ClientSpout } from './types';
+import type { ClientSpout } from './types.js';
 
 export default function JSONSpout({
   id = 'anansi-json',

package/src/spouts/prefetch.server.tsx

@@ -1,6 +1,6 @@
 import { Route } from '@anansi/router';
 
-import type { ResolveProps, ServerProps } from './types';
+import type { ResolveProps, ServerProps } from './types.js';
 
 type NeededProps<RouteWith> = {
   matchedRoutes: Route<RouteWith>[];

package/src/spouts/restHooks.server.tsx

@@ -1,7 +1,7 @@
 import { type Controller, type Manager, type State } from '@rest-hooks/react';
 import type { Store } from 'redux';
 
-import type { ServerSpout } from './types';
+import type { ServerSpout } from './types.js';
 
 export default function restHooksSpout(
   options: {

package/src/spouts/restHooks.tsx

@@ -1,6 +1,6 @@
 import { type Manager } from '@rest-hooks/react';
 
-import type { ClientSpout } from './types';
+import type { ClientSpout } from './types.js';
 
 export default function restHooksSpout(
   options: {
@@ -11,7 +11,7 @@ export default function restHooksSpout(
     const nextProps = await next(props);
     const [data, { CacheProvider }] = await Promise.all([
       props.getInitialData('resthooks'),
-      import('./restHooks.provider'),
+      import('./restHooks.provider.js'),
     ]);
 
     if (process.env.NODE_ENV !== 'production' && !data) {

package/src/spouts/router.server.tsx

@@ -2,7 +2,7 @@ import { Route, RouteProvider, RouteController } from '@anansi/router';
 import { createMemoryHistory } from 'history';
 import React from 'react';
 
-import type { CreateRouter, ServerSpout } from './types';
+import type { CreateRouter, ServerSpout } from './types.js';
 
 export default function routerSpout<ResolveWith>(options: {
   resolveWith?: any;

package/src/spouts/router.tsx

@@ -3,7 +3,7 @@ import { createBrowserHistory } from 'history';
 import type { Update } from 'history';
 import React from 'react';
 
-import type { CreateRouter, ClientSpout } from './types';
+import type { CreateRouter, ClientSpout } from './types.js';
 
 export default function routerSpout<ResolveWith>(options: {
   resolveWith?: any;

package/dist/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","mappings":";;;;;;;;;;;AAAA;AAEA;AAIA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;;;;;;;;;;;;ACXA;AAGA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;ACAA;AAIA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;ACZA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;;;;;;;;;;;;ACnCA;AAAA;;;;;;;;;;;;;;;;ACIA;AAKA;AACA;AACA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;;;;;;;;;;;;;AC/BA;AACA;AAEA;AAAA;AAIA;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;;;;;;;;ACpDA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACLA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvBA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA","sources":["/home/ntucker/src/anansi/packages/core/src/floodSpouts.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/document.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.provider.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/router.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/react\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/home/ntucker/src/anansi/packages/core/external commonjs \"react-dom/client\"","/home/ntucker/src/anansi/node_modules/@babel/runtime/helpers/interopRequireDefault.js","/home/ntucker/src/anansi/node_modules/@babel/runtime/helpers/interopRequireWildcard.js","/home/ntucker/src/anansi/node_modules/@babel/runtime/helpers/typeof.js","/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/src/index.ts"],"sourcesContent":["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","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 type { Route } from '@anansi/router';\nimport React from 'react';\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","import type { ClientSpout } from './types';\n\nexport default function JSONSpout({\n  id = 'anansi-json',\n}: { id?: string } = {}): ClientSpout<\n  Record<string, unknown>,\n  { getInitialData: (key: string) => Promise<any> }\n> {\n  return next => async props => {\n    const getInitialData = (key: string) => {\n      const globalId = `${id}.${key}`;\n      return new Promise<any>((resolve, reject) => {\n        let el: HTMLScriptElement | null;\n        if ((el = document.getElementById(globalId) as any)) {\n          resolve(getDataFromEl(el, globalId));\n          return;\n        }\n        document.addEventListener('DOMContentLoaded', () => {\n          el = document.getElementById(globalId) as any;\n          if (el) resolve(getDataFromEl(el, globalId));\n          else reject(new Error(`failed to find DOM with ${key} state`));\n        });\n      });\n    };\n    return { ...(await next({ ...props, getInitialData })), getInitialData };\n  };\n}\n\nfunction getDataFromEl(el: HTMLScriptElement, key: string) {\n  if (el.text === undefined) {\n    console.error(\n      `#${key} is completely empty. This could be due to CSP issues.`,\n    );\n  }\n  return el?.text ? JSON.parse(el?.text) : undefined;\n}\n","export { CacheProvider } from '@rest-hooks/react';\n","import { type Manager } from '@rest-hooks/react';\n\nimport type { ClientSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers?: () => Manager[];\n  } = {},\n): ClientSpout<{ getInitialData: (key: string) => Promise<any> }> {\n  return next => async props => {\n    const nextProps = await next(props);\n    const [data, { CacheProvider }] = await Promise.all([\n      props.getInitialData('resthooks'),\n      import('./restHooks.provider'),\n    ]);\n\n    if (process.env.NODE_ENV !== 'production' && !data) {\n      console.error('Rest Hooks init data not found');\n    } else if (!data) {\n      console.info('Rest Hooks init missing');\n    }\n\n    return {\n      ...nextProps,\n      app: (\n        <CacheProvider initialState={data} managers={options?.getManagers?.()}>\n          {nextProps.app}\n        </CacheProvider>\n      ),\n    };\n  };\n}\n","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport { createBrowserHistory } from 'history';\nimport type { Update } from 'history';\nimport React from 'react';\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","module.exports = require(\"@anansi/router\");","module.exports = require(\"@rest-hooks/react\");","module.exports = require(\"history\");","module.exports = require(\"react\");","module.exports = require(\"react-dom/client\");","function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nfunction _getRequireWildcardCache(nodeInterop) {\n  if (typeof WeakMap !== \"function\") return null;\n  var cacheBabelInterop = new WeakMap();\n  var cacheNodeInterop = new WeakMap();\n  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {\n    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n  })(nodeInterop);\n}\nfunction _interopRequireWildcard(obj, nodeInterop) {\n  if (!nodeInterop && obj && obj.__esModule) {\n    return obj;\n  }\n  if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n    return {\n      \"default\": obj\n    };\n  }\n  var cache = _getRequireWildcardCache(nodeInterop);\n  if (cache && cache.has(obj)) {\n    return cache.get(obj);\n  }\n  var newObj = {};\n  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n  for (var key in obj) {\n    if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n      if (desc && (desc.get || desc.set)) {\n        Object.defineProperty(newObj, key, desc);\n      } else {\n        newObj[key] = obj[key];\n      }\n    }\n  }\n  newObj[\"default\"] = obj;\n  if (cache) {\n    cache.set(obj, newObj);\n  }\n  return newObj;\n}\nmodule.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(obj);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\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';\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.map

@@ -1 +0,0 @@
-{"version":3,"file":"server.js","mappings":";;;;;;;;;;;;AAAA;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;;;;;;;;;;;;;;ACxDA;AAAA;AAAA;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;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;AAKA;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;;;;;;;;;;;;;;ACtFA;AAAA;AAUA;AAKA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC1CA;AAGA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;ACHA;AACA;AACA;AAEA;;AAIA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;ACvBA;AAIA;AAAA;AAUA;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;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAGA;;;;;;;;;;;;;ACnGA;AAAA;AASA;AACA;AACA;AAKA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AChDA;AACA;AAWA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AChCA;AASA;AAAA;AACA;AAGA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACvCA;AACA;AACA;AAAA;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;;;;;;;;ACtDA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;;ACAA;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACLA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;ACTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvBA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA","sources":["/home/ntucker/src/anansi/packages/core/src/laySpouts.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/DocumentComponent.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/antd.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/app.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/csp.ts","/home/ntucker/src/anansi/packages/core/src/spouts/document.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/json.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/prefetch.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/restHooks.server.tsx","/home/ntucker/src/anansi/packages/core/src/spouts/router.server.tsx","/home/ntucker/src/anansi/packages/core/external commonjs \"@anansi/router\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@ant-design/cssinjs\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/react\"","/home/ntucker/src/anansi/packages/core/external commonjs \"@rest-hooks/ssr\"","/home/ntucker/src/anansi/packages/core/external commonjs \"history\"","/home/ntucker/src/anansi/packages/core/external commonjs \"react\"","/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/node_modules/@babel/runtime/helpers/interopRequireDefault.js","/home/ntucker/src/anansi/node_modules/@babel/runtime/helpers/interopRequireWildcard.js","/home/ntucker/src/anansi/node_modules/@babel/runtime/helpers/typeof.js","/home/ntucker/src/anansi/packages/core/webpack/bootstrap","/home/ntucker/src/anansi/packages/core/src/index.server.ts"],"sourcesContent":["import crypto from 'crypto';\nimport { renderToPipeableStream as reactRender } from 'react-dom/server';\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 = 10000,\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","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  extraStyle: 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  extraStyle,\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 in development to keep things easier\n      process.env.NODE_ENV === 'production'\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        {extraStyle}\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';\n\nimport type { ServerSpout } from './types';\n\ntype NeededNext = {\n  initData?: Record<string, () => unknown>;\n  scripts?: React.ReactNode[];\n  extraStyle?: React.ReactNode[];\n};\n\nexport default function antdSpout(): ServerSpout<\n  Record<string, unknown>,\n  Record<string, unknown>,\n  NeededNext\n> {\n  return next => async props => {\n    const { createCache, extractStyle, StyleProvider } = await import(\n      '@ant-design/cssinjs'\n    );\n    const cache = createCache();\n\n    const nextProps = await next(props);\n\n    const scripts: React.ReactNode[] = nextProps.scripts ?? [];\n\n    const AntdSheets = (): JSX.Element => {\n      return (\n        <script\n          dangerouslySetInnerHTML={{\n            __html: `</script>${extractStyle(cache)}<script>`,\n          }}\n        />\n      );\n    };\n    // unfortunately we have to inject this after the entire content has streamed in or it doesn't correctly populate\n    // see: https://github.com/ant-design/cssinjs/issues/79\n    scripts.push(<AntdSheets />);\n\n    return {\n      ...nextProps,\n      app: <StyleProvider cache={cache}>{nextProps.app}</StyleProvider>,\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 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 { Route } from '@anansi/router';\nimport React from 'react';\nimport { StatsChunkGroup } from 'webpack';\n\nimport type { Policy } from './csp';\nimport Document from './DocumentComponent';\nimport type { ServerSpout } from './types';\n\ntype NeededNext = {\n  matchedRoutes: Route<any>[];\n  title?: string;\n  scripts?: React.ReactNode[];\n  extraStyle?: 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          extraStyle={nextProps.extraStyle}\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","import React, { Suspense } 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, useData]) => {\n      const globalId = `${id}.${key}`;\n      const Script = () => {\n        const data: any = useData();\n        try {\n          const encoded = JSON.stringify(data);\n          return (\n            <script\n              id={globalId}\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 for ${key}`);\n          console.error(e);\n          return null;\n        }\n      };\n      scripts.push(\n        <Suspense key={globalId}>\n          <Script />\n        </Suspense>,\n      );\n    });\n\n    return {\n      ...nextProps,\n      scripts,\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 { type Controller, type Manager, type State } from '@rest-hooks/react';\nimport type { Store } from 'redux';\n\nimport type { ServerSpout } from './types';\n\nexport default function restHooksSpout(\n  options: {\n    getManagers?: () => Manager[];\n  } = {},\n): ServerSpout<\n  Record<string, unknown>,\n  { controller: Controller } & { store: Store<State<unknown>> },\n  { initData?: Record<string, () => unknown>; scripts?: React.ReactNode[] }\n> {\n  return next => async props => {\n    const managers = options?.getManagers?.() ?? [\n      new (await import('@rest-hooks/react')).NetworkManager(),\n    ];\n    const { createPersistedStore } = await import('@rest-hooks/ssr');\n    const [ServerCacheProvider, useReadyCacheState, controller, store] =\n      createPersistedStore(managers);\n\n    const nextProps = await next({\n      ...props,\n      controller,\n      store,\n    });\n    return {\n      ...nextProps,\n      initData: {\n        ...nextProps.initData,\n        resthooks: useReadyCacheState,\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","import { Route, RouteProvider, RouteController } from '@anansi/router';\nimport { createMemoryHistory } from 'history';\nimport React from 'react';\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","module.exports = require(\"@anansi/router\");","module.exports = require(\"@ant-design/cssinjs\");","module.exports = require(\"@rest-hooks/react\");","module.exports = require(\"@rest-hooks/ssr\");","module.exports = require(\"history\");","module.exports = require(\"react\");","module.exports = require(\"react-dom/server\");","module.exports = require(\"crypto\");","function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var _typeof = require(\"./typeof.js\")[\"default\"];\nfunction _getRequireWildcardCache(nodeInterop) {\n  if (typeof WeakMap !== \"function\") return null;\n  var cacheBabelInterop = new WeakMap();\n  var cacheNodeInterop = new WeakMap();\n  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {\n    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n  })(nodeInterop);\n}\nfunction _interopRequireWildcard(obj, nodeInterop) {\n  if (!nodeInterop && obj && obj.__esModule) {\n    return obj;\n  }\n  if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") {\n    return {\n      \"default\": obj\n    };\n  }\n  var cache = _getRequireWildcardCache(nodeInterop);\n  if (cache && cache.has(obj)) {\n    return cache.get(obj);\n  }\n  var newObj = {};\n  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n  for (var key in obj) {\n    if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n      if (desc && (desc.get || desc.set)) {\n        Object.defineProperty(newObj, key, desc);\n      } else {\n        newObj[key] = obj[key];\n      }\n    }\n  }\n  newObj[\"default\"] = obj;\n  if (cache) {\n    cache.set(obj, newObj);\n  }\n  return newObj;\n}\nmodule.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(obj);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\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 antdSpout } from './spouts/antd.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":""}