@cedarjs/router 0.0.4

package/dist/cjs/router.js

@@ -0,0 +1,207 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var router_exports = {};
+__export(router_exports, {
+  Router: () => Router
+});
+module.exports = __toCommonJS(router_exports);
+var import_react = __toESM(require("react"), 1);
+var import_active_route_loader = require("./active-route-loader.js");
+var import_analyzeRoutes = require("./analyzeRoutes.js");
+var import_AuthenticatedRoute = require("./AuthenticatedRoute.js");
+var import_location = require("./location.js");
+var import_namedRoutes = require("./namedRoutes.js");
+var import_page = require("./page.js");
+var import_PageLoadingContext = require("./PageLoadingContext.js");
+var import_params = require("./params.js");
+var import_redirect = require("./redirect.js");
+var import_router_context = require("./router-context.js");
+var import_splash_page = require("./splash-page.js");
+var import_util = require("./util.js");
+const Router = ({
+  useAuth,
+  paramTypes,
+  pageLoadingDelay,
+  trailingSlashes = "never",
+  children
+}) => {
+  return (
+    // Level 1/3 (outer-most)
+    // Wrap it in the provider so that useLocation can be used
+    /* @__PURE__ */ import_react.default.createElement(import_location.LocationProvider, { trailingSlashes }, /* @__PURE__ */ import_react.default.createElement(
+      LocationAwareRouter,
+      {
+        useAuth,
+        paramTypes,
+        pageLoadingDelay
+      },
+      children
+    ))
+  );
+};
+const LocationAwareRouter = ({
+  useAuth,
+  paramTypes,
+  pageLoadingDelay,
+  children
+}) => {
+  const location = (0, import_location.useLocation)();
+  const analyzeRoutesResult = (0, import_react.useMemo)(() => {
+    return (0, import_analyzeRoutes.analyzeRoutes)(children, {
+      currentPathName: location.pathname,
+      // @TODO We haven't handled this with SSR/Streaming yet.
+      // May need a babel plugin to extract userParamTypes from Routes.tsx
+      userParamTypes: paramTypes
+    });
+  }, [location.pathname, children, paramTypes]);
+  const {
+    pathRouteMap,
+    hasRootRoute,
+    namedRoutesMap,
+    NotFoundPage,
+    activeRoutePath
+  } = analyzeRoutesResult;
+  const hasGeneratedRoutes = hasCustomRoutes(namedRoutesMap);
+  const splashPageExists = typeof import_splash_page.SplashPage !== "undefined";
+  const isOnNonExistentRootRoute = !hasRootRoute && location.pathname === "/";
+  if (!hasRootRoute && splashPageExists) {
+    namedRoutesMap["home"] = () => "/";
+  }
+  Object.assign(import_namedRoutes.namedRoutes, namedRoutesMap);
+  const shouldShowSplash = (isOnNonExistentRootRoute || !hasGeneratedRoutes) && splashPageExists;
+  if (shouldShowSplash) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_splash_page.SplashPage,
+      {
+        hasGeneratedRoutes,
+        allStandardRoutes: pathRouteMap
+      }
+    );
+  }
+  if (!activeRoutePath) {
+    if (NotFoundPage) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_router_context.RouterContextProvider,
+        {
+          useAuth,
+          paramTypes,
+          routes: analyzeRoutesResult
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_params.ParamsProvider, null, /* @__PURE__ */ import_react.default.createElement(import_PageLoadingContext.PageLoadingContextProvider, { delay: pageLoadingDelay }, /* @__PURE__ */ import_react.default.createElement(
+          import_active_route_loader.ActiveRouteLoader,
+          {
+            spec: (0, import_page.normalizePage)(NotFoundPage),
+            path: location.pathname
+          }
+        )))
+      );
+    }
+    return null;
+  }
+  const { path, page, name, redirect, whileLoadingPage, sets } = pathRouteMap[activeRoutePath];
+  if (!path) {
+    throw new Error(`Route "${name}" needs to specify a path`);
+  }
+  (0, import_util.validatePath)(path, name || path);
+  const { params: pathParams } = (0, import_util.matchPath)(path, location.pathname, {
+    userParamTypes: paramTypes
+  });
+  const searchParams = (0, import_util.parseSearch)(location.search);
+  const allParams = { ...searchParams, ...pathParams };
+  let redirectPath = void 0;
+  if (redirect) {
+    if (redirect.startsWith("/")) {
+      redirectPath = (0, import_util.replaceParams)(redirect, allParams);
+    } else {
+      const redirectRouteObject = Object.values(pathRouteMap).find(
+        (route) => route.name === redirect
+      );
+      if (!redirectRouteObject) {
+        throw new Error(
+          `Redirect target route "${redirect}" does not exist for route "${name}"`
+        );
+      }
+      redirectPath = (0, import_util.replaceParams)(redirectRouteObject.path, allParams);
+    }
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_router_context.RouterContextProvider,
+    {
+      useAuth,
+      paramTypes,
+      routes: analyzeRoutesResult,
+      activeRouteName: name
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_params.ParamsProvider, { allParams }, /* @__PURE__ */ import_react.default.createElement(import_PageLoadingContext.PageLoadingContextProvider, { delay: pageLoadingDelay }, redirectPath && /* @__PURE__ */ import_react.default.createElement(import_redirect.Redirect, { to: redirectPath }), !redirectPath && page && /* @__PURE__ */ import_react.default.createElement(WrappedPage, { sets }, /* @__PURE__ */ import_react.default.createElement(
+      import_active_route_loader.ActiveRouteLoader,
+      {
+        path,
+        spec: (0, import_page.normalizePage)(page),
+        params: allParams,
+        whileLoadingPage
+      }
+    ))))
+  );
+};
+const WrappedPage = (0, import_react.memo)(({ sets, children }) => {
+  if (!sets || sets.length === 0) {
+    return children;
+  }
+  return sets.reduceRight((acc, set) => {
+    let wrapped = set.wrappers.reduceRight((acc2, Wrapper, index) => {
+      return import_react.default.createElement(
+        Wrapper,
+        { ...set.props, key: set.id + "-" + index },
+        acc2
+      );
+    }, acc);
+    if (set.isPrivate) {
+      const unauthenticated = set.props.unauthenticated;
+      if (!unauthenticated || typeof unauthenticated !== "string") {
+        throw new Error(
+          "You must specify an `unauthenticated` route when using PrivateSet"
+        );
+      }
+      wrapped = /* @__PURE__ */ import_react.default.createElement(import_AuthenticatedRoute.AuthenticatedRoute, { ...set.props, unauthenticated }, wrapped);
+    }
+    return wrapped;
+  }, children);
+});
+function hasCustomRoutes(obj) {
+  for (const prop in obj) {
+    if (Object.hasOwn(obj, prop)) {
+      return true;
+    }
+  }
+  return false;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Router
+});

package/dist/cjs/rsc/ClientRouter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { RouterProps } from '../router.js';
+export declare const Router: ({ useAuth, paramTypes, children }: RouterProps) => React.JSX.Element;
+//# sourceMappingURL=ClientRouter.d.ts.map

package/dist/cjs/rsc/ClientRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientRouter.d.ts","sourceRoot":"","sources":["../../../src/rsc/ClientRouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAI/C,eAAO,MAAM,MAAM,sCAAuC,WAAW,sBASpE,CAAA"}

package/dist/cjs/rsc/ClientRouter.js

@@ -0,0 +1,90 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ClientRouter_exports = {};
+__export(ClientRouter_exports, {
+  Router: () => Router
+});
+module.exports = __toCommonJS(ClientRouter_exports);
+var import_react = __toESM(require("react"), 1);
+var import_analyzeRoutes = require("../analyzeRoutes.js");
+var import_AuthenticatedRoute = require("../AuthenticatedRoute.js");
+var import_location = require("../location.js");
+var import_namedRoutes = require("../namedRoutes.js");
+var import_router_context = require("../router-context.js");
+var import_RscRoutes = require("./RscRoutes.js");
+const Router = ({ useAuth, paramTypes, children }) => {
+  return (
+    // Wrap it in the provider so that useLocation can be used
+    /* @__PURE__ */ import_react.default.createElement(import_location.LocationProvider, null, /* @__PURE__ */ import_react.default.createElement(LocationAwareRouter, { paramTypes, useAuth }, children))
+  );
+};
+const LocationAwareRouter = ({
+  useAuth,
+  paramTypes,
+  children
+}) => {
+  const { pathname, search } = (0, import_location.useLocation)();
+  const analyzeRoutesResult = (0, import_react.useMemo)(() => {
+    return (0, import_analyzeRoutes.analyzeRoutes)(children, {
+      currentPathName: pathname,
+      userParamTypes: paramTypes
+    });
+  }, [pathname, children, paramTypes]);
+  const { namedRoutesMap, pathRouteMap, activeRoutePath } = analyzeRoutesResult;
+  Object.assign(import_namedRoutes.namedRoutes, namedRoutesMap);
+  if (!activeRoutePath) {
+    return /* @__PURE__ */ import_react.default.createElement(import_RscRoutes.RscRoutes, { pathname, search });
+  }
+  const requestedRoute = pathRouteMap[activeRoutePath];
+  const reversedSets = requestedRoute.sets.toReversed();
+  const privateSet = reversedSets.find((set) => set.isPrivate);
+  if (privateSet) {
+    const unauthenticated = privateSet.props.unauthenticated;
+    if (!unauthenticated || typeof unauthenticated !== "string") {
+      throw new Error(
+        "You must specify an `unauthenticated` route when using PrivateSet"
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_router_context.RouterContextProvider,
+      {
+        useAuth,
+        paramTypes,
+        routes: analyzeRoutesResult,
+        activeRouteName: requestedRoute.name
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_AuthenticatedRoute.AuthenticatedRoute, { unauthenticated }, /* @__PURE__ */ import_react.default.createElement(import_RscRoutes.RscRoutes, { pathname, search }))
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_RscRoutes.RscRoutes, { pathname, search });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Router
+});

package/dist/cjs/rsc/RscCache.d.ts

@@ -0,0 +1,23 @@
+export interface RscModel {
+    __rwjs__Routes: [React.ReactElement];
+    __rwjs__rsa_data?: unknown;
+}
+/**
+ * This cache is used for RSC fetches, so that we don't re-fetch the same
+ * component (i.e. page) multiple times and get stuck in a loop.
+ *
+ * `key`: A stringified location-like object.
+ * `value`: A Promise that resolves to a React element.
+ */
+export declare class RscCache {
+    private cache;
+    private socket;
+    private sendRetries;
+    private isEnabled;
+    constructor();
+    get(key: string): Thenable<RscModel> | undefined;
+    set(key: string, value: Thenable<RscModel>): void;
+    private sendToWebSocket;
+    private sendUpdateToWebSocket;
+}
+//# sourceMappingURL=RscCache.d.ts.map

package/dist/cjs/rsc/RscCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RscCache.d.ts","sourceRoot":"","sources":["../../../src/rsc/RscCache.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;;;;GAMG;AACH,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,WAAW,CAAI;IAEvB,OAAO,CAAC,SAAS,CAAQ;;IAgDzB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS;IAMhD,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC;IA2B1C,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,qBAAqB;CAW9B"}

package/dist/cjs/rsc/RscCache.js

@@ -0,0 +1,110 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RscCache_exports = {};
+__export(RscCache_exports, {
+  RscCache: () => RscCache
+});
+module.exports = __toCommonJS(RscCache_exports);
+class RscCache {
+  cache = /* @__PURE__ */ new Map();
+  socket;
+  sendRetries = 0;
+  // Turn the cache off for now. We can turn it on later if we decide we need it
+  isEnabled = false;
+  constructor() {
+    this.socket = new WebSocket("ws://localhost:18998");
+    this.socket.addEventListener("open", () => {
+    });
+    this.socket.addEventListener("message", (event) => {
+      if (event.data.startsWith("{")) {
+        const data = JSON.parse(event.data);
+        if (data.id === "rsc-cache-delete") {
+          if (!this.cache.has(data.key)) {
+          }
+          this.cache.delete(data.key);
+          this.sendUpdateToWebSocket();
+        } else if (data.id === "rsc-cache-clear") {
+          this.cache.clear();
+          this.sendToWebSocket("update", { fullCache: {} });
+        } else if (data.id === "rsc-cache-enable") {
+          this.isEnabled = true;
+          this.sendUpdateToWebSocket();
+        } else if (data.id === "rsc-cache-disable") {
+          this.isEnabled = false;
+        } else if (data.id === "rsc-cache-read") {
+          this.sendUpdateToWebSocket();
+        }
+      }
+    });
+  }
+  get(key) {
+    const value = this.cache.get(key);
+    console.log("RscCache.get", key, value);
+    return value;
+  }
+  set(key, value) {
+    console.log("RscCache.set", key, value);
+    if (!this.isEnabled) {
+      this.cache.clear();
+    }
+    this.cache.set(key, value);
+    value.then((_resolvedValue) => {
+      this.sendToWebSocket("set", {
+        updatedKey: key,
+        fullCache: Object.fromEntries(
+          Array.from(this.cache.entries()).map(
+            // @ts-expect-error hack to get the value of a Thenable
+            ([location, elementThenable]) => [location, elementThenable.value]
+          )
+        )
+      });
+    });
+  }
+  sendToWebSocket(action, payload) {
+    if (this.socket.readyState === WebSocket?.OPEN) {
+      this.sendRetries = 0;
+      this.socket.send(JSON.stringify({ id: "rsc-cache-" + action, payload }));
+    } else if (this.socket.readyState === WebSocket?.CONNECTING && this.sendRetries < 10) {
+      const backoff = 300 + this.sendRetries * 100;
+      setTimeout(() => {
+        this.sendRetries++;
+        this.sendToWebSocket(action, payload);
+      }, backoff);
+    } else if (this.sendRetries >= 10) {
+      console.error("Exhausted retries to send message to WebSocket server.");
+    } else {
+      console.error("WebSocket connection is closed.");
+    }
+  }
+  sendUpdateToWebSocket() {
+    this.sendToWebSocket("update", {
+      fullCache: Object.fromEntries(
+        Array.from(this.cache.entries()).map(([location, elementThenable]) => [
+          location,
+          // @ts-expect-error hack to get the value of a Thenable
+          elementThenable.value
+        ])
+      )
+    });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RscCache
+});

package/dist/cjs/rsc/RscRoutes.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    pathname: string;
+    search: string;
+}
+export declare const RscRoutes: ({ pathname, search }: Props) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=RscRoutes.d.ts.map

package/dist/cjs/rsc/RscRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RscRoutes.d.ts","sourceRoot":"","sources":["../../../src/rsc/RscRoutes.tsx"],"names":[],"mappings":"AAiIA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,SAAS,yBAA0B,KAAK,2FAkCpD,CAAA"}

package/dist/cjs/rsc/RscRoutes.js

@@ -0,0 +1,124 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RscRoutes_exports = {};
+__export(RscRoutes_exports, {
+  RscRoutes: () => RscRoutes
+});
+module.exports = __toCommonJS(RscRoutes_exports);
+var import_react = require("react");
+var import_client = require("react-server-dom-webpack/client");
+var import_RscCache = require("./RscCache.js");
+const BASE_PATH = "/rw-rsc/";
+const rscCache = new import_RscCache.RscCache();
+let updateCurrentRscCacheKey = (key) => {
+  console.error("updateCurrentRscCacheKey called before it was set");
+  console.error("updateCurrentRscCacheKey key", key);
+};
+function onStreamFinished(fetchPromise, onFinished) {
+  return fetchPromise.then((response) => response.clone().text()).then(onFinished);
+}
+async function rsaFetch(serializedLocation, rsaId, rsaArgs) {
+  const rscId = "_";
+  const searchParams = new URLSearchParams();
+  searchParams.set("action_id", rsaId);
+  const url = BASE_PATH + rscId + "?" + searchParams + "&" + serializedLocation;
+  let body = "";
+  try {
+    body = await (0, import_client.encodeReply)(rsaArgs);
+  } catch (e) {
+    console.error("Error encoding Server Action arguments", e);
+  }
+  return fetch(url, {
+    method: "POST",
+    body,
+    headers: { "rw-rsc": "1" }
+  });
+}
+function rscFetch(serializedLocation) {
+  const rscId = "__rwjs__Routes";
+  return fetch(BASE_PATH + rscId + "?" + serializedLocation, {
+    headers: { "rw-rsc": "1" }
+  });
+}
+function rscFetchRoutes(serializedLocation) {
+  console.log(
+    "rscFetchRoutes :: args:\n    serializedProps: " + serializedLocation
+  );
+  const rscCacheKey = serializedLocation;
+  const cached = rscCache.get(rscCacheKey);
+  if (cached) {
+    console.log("rscFetchRoutes :: cache hit for", rscCacheKey);
+    return cached;
+  } else {
+    console.log("rscFetchRoutes :: cache miss for", rscCacheKey);
+  }
+  const options = {
+    // React will hold on to `callServer` and use that when it detects a server
+    // action is invoked (like `action={onSubmit}` in a <form> element). So for
+    // now at least we need to send it with every RSC request, so React knows
+    // what `callServer` method to use for server actions inside the RSC.
+    // TODO (RSC): Need to figure out the types for callServer
+    // @ts-expect-error types
+    callServer: async function(rsaId, args) {
+      console.log("RscRoutes :: callServer rsaId", rsaId, "args", args);
+      const rscCacheKey2 = `${serializedLocation}::${rsaId}::${Date.now()}`;
+      const responsePromise = rsaFetch(serializedLocation, rsaId, args);
+      onStreamFinished(responsePromise, () => {
+        updateCurrentRscCacheKey(rscCacheKey2);
+      });
+      const modelPromise2 = (0, import_client.createFromFetch)(responsePromise, options);
+      rscCache.set(rscCacheKey2, modelPromise2);
+      const model = await modelPromise2;
+      return model.__rwjs__rsa_data;
+    }
+  };
+  const modelPromise = (0, import_client.createFromFetch)(rscFetch(serializedLocation), options);
+  rscCache.set(rscCacheKey, modelPromise);
+  return modelPromise;
+}
+const RscRoutes = ({ pathname, search }) => {
+  const serializedLocation = `__rwjs__pathname=${pathname}&__rwjs__search=${search}`;
+  const [currentRscCacheKey, setCurrentRscCacheKey] = (0, import_react.useState)(() => {
+    console.log("RscRoutes :: useState initial value");
+    rscFetchRoutes(serializedLocation);
+    return serializedLocation;
+  });
+  (0, import_react.useEffect)(() => {
+    console.log("RscRoutes :: useEffect set updateCurrentRscCacheKey");
+    updateCurrentRscCacheKey = (key) => {
+      console.log("RscRoutes inside updateCurrentRscCacheKey", key);
+      setCurrentRscCacheKey(key);
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    console.log("RscRoutes :: useEffect about to call rscFetchRoutes");
+    rscFetchRoutes(serializedLocation);
+    setCurrentRscCacheKey(serializedLocation);
+  }, [serializedLocation]);
+  console.log("RscRoutes :: rendering cache entry for\n" + currentRscCacheKey);
+  const rscModelPromise = rscCache.get(currentRscCacheKey);
+  if (!rscModelPromise) {
+    throw new Error("Missing RSC cache entry for " + currentRscCacheKey);
+  }
+  return (0, import_react.use)(rscModelPromise).__rwjs__Routes[0];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RscRoutes
+});

package/dist/cjs/rsc/ServerRouteLoader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Spec } from '../page.js';
+interface Props {
+    path: string;
+    spec: Spec;
+    params?: Record<string, string>;
+    whileLoadingPage?: () => React.ReactNode | null;
+    children?: React.ReactNode;
+}
+export declare const ServerRouteLoader: ({ spec, params }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ServerRouteLoader.d.ts.map

package/dist/cjs/rsc/ServerRouteLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerRouteLoader.d.ts","sourceRoot":"","sources":["../../../src/rsc/ServerRouteLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEtC,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,iBAAiB,qBAAsB,KAAK,sBA+BxD,CAAA"}

package/dist/cjs/rsc/ServerRouteLoader.js

@@ -0,0 +1,65 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ServerRouteLoader_exports = {};
+__export(ServerRouteLoader_exports, {
+  ServerRouteLoader: () => ServerRouteLoader
+});
+module.exports = __toCommonJS(ServerRouteLoader_exports);
+var import_react = __toESM(require("react"), 1);
+const ServerRouteLoader = ({ spec, params }) => {
+  const LazyRouteComponent = spec.LazyComponent;
+  if (params) {
+    delete params["ref"];
+    delete params["key"];
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Suspense, { fallback: /* @__PURE__ */ import_react.default.createElement("div", null, "Loading...") }, /* @__PURE__ */ import_react.default.createElement(LazyRouteComponent, { ...params }), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      id: "redwood-announcer",
+      style: {
+        position: "absolute",
+        top: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        border: 0
+      },
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true"
+    }
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ServerRouteLoader
+});

package/dist/cjs/rsc/ServerRouter.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { RouterContextProviderProps } from '../router-context.js';
+import type { TrailingSlashesTypes } from '../util.js';
+export interface RouterProps extends Omit<RouterContextProviderProps, 'routes' | 'activeRouteName'> {
+    trailingSlashes?: TrailingSlashesTypes;
+    pageLoadingDelay?: number;
+    children: ReactNode;
+}
+export declare const Router: React.FC<RouterProps>;
+//# sourceMappingURL=ServerRouter.d.ts.map