@farm.js/core 0.1.16 → 0.1.18

package/dist/internal/isolated-boundary.cjs

@@ -1,415 +1,15 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/client/isolated-boundary.ts
-var isolated_boundary_exports = {};
-__export(isolated_boundary_exports, {
-  createFarmIsolatedClientBoundary: () => createFarmIsolatedClientBoundary,
-  createFarmIsolatedHydrationRuntime: () => createFarmIsolatedHydrationRuntime,
-  createFarmServerPageBoundary: () => createFarmServerPageBoundary,
-  isolateFarmServerPageGraph: () => isolateFarmServerPageGraph,
-  wrapFarmIsolatedClientGraph: () => wrapFarmIsolatedClientGraph
-});
-module.exports = __toCommonJS(isolated_boundary_exports);
-var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element");
-var LEGACY_REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
-var BOUNDARY_GRAPH_CONTEXT = /* @__PURE__ */ Symbol.for("farm.isolated-hydration.client-graph-context");
-function getBoundaryGraphContext(ReactRuntime) {
-  const shared = globalThis;
-  const contexts = shared[BOUNDARY_GRAPH_CONTEXT] ?? /* @__PURE__ */ new WeakMap();
-  shared[BOUNDARY_GRAPH_CONTEXT] = contexts;
-  const runtimeIdentity = ReactRuntime.createElement;
-  const existing = contexts.get(runtimeIdentity);
-  if (existing) return existing;
-  const context = ReactRuntime.createContext(false);
-  contexts.set(runtimeIdentity, context);
-  return context;
-}
-__name(getBoundaryGraphContext, "getBoundaryGraphContext");
-function serializeBoundaryProps(value, seen = /* @__PURE__ */ new Set()) {
-  if (value === null || typeof value === "string" || typeof value === "boolean") return value;
-  if (typeof value === "number") {
-    if (!Number.isFinite(value)) throw new TypeError("non-finite numbers are not serializable");
-    return value;
-  }
-  if (typeof value === "undefined") {
-    throw new TypeError("undefined values are not serializable");
-  }
-  if (typeof value !== "object") {
-    throw new TypeError(`${typeof value} values are not serializable`);
-  }
-  if (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === LEGACY_REACT_ELEMENT_TYPE) {
-    throw new TypeError("React elements cannot cross an isolated hydration boundary");
-  }
-  if (seen.has(value)) throw new TypeError("circular props are not serializable");
-  seen.add(value);
-  try {
-    if (Array.isArray(value)) return value.map((entry) => serializeBoundaryProps(entry, seen));
-    const prototype = Object.getPrototypeOf(value);
-    if (prototype !== Object.prototype && prototype !== null) {
-      throw new TypeError("class instances are not serializable");
-    }
-    return Object.fromEntries(
-      Object.entries(value).map(([key, entry]) => [key, serializeBoundaryProps(entry, seen)])
-    );
-  } finally {
-    seen.delete(value);
-  }
-}
-__name(serializeBoundaryProps, "serializeBoundaryProps");
-function serializeBoundaryPayload(value) {
-  return JSON.stringify(serializeBoundaryProps(value)).replace(/&/g, "\\u0026").replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-__name(serializeBoundaryPayload, "serializeBoundaryPayload");
-function wrapFarmIsolatedClientGraph(ReactRuntime, element) {
-  const Context = getBoundaryGraphContext(ReactRuntime);
-  return ReactRuntime.createElement(Context.Provider, { value: true }, element);
-}
-__name(wrapFarmIsolatedClientGraph, "wrapFarmIsolatedClientGraph");
-function isolateFarmServerPageGraph(ReactRuntime, element) {
-  const Context = getBoundaryGraphContext(ReactRuntime);
-  return ReactRuntime.createElement(Context.Provider, { value: false }, element);
-}
-__name(isolateFarmServerPageGraph, "isolateFarmServerPageGraph");
-function createFarmIsolatedClientBoundary(ReactRuntime, Component, moduleReference, exportName, islandStrategy) {
-  function FarmIsolatedClientBoundary(props) {
-    const Context = getBoundaryGraphContext(ReactRuntime);
-    const belongsToParentClientGraph = ReactRuntime.useContext(Context);
-    const boundaryId = ReactRuntime.useId();
-    if (belongsToParentClientGraph) {
-      return ReactRuntime.createElement(Component, props);
-    }
-    let serializedProps;
-    try {
-      serializedProps = serializeBoundaryPayload(props);
-    } catch (error) {
-      if (typeof window === "undefined") {
-        console.warn(
-          `[Farm.js] Could not isolate ${moduleReference}#${exportName}: ${error instanceof Error ? error.message : String(error)}. The server-rendered component was preserved without client hydration.`
-        );
-      }
-      return ReactRuntime.createElement(Component, props);
-    }
-    return ReactRuntime.createElement(
-      ReactRuntime.Fragment,
-      null,
-      ReactRuntime.createElement(
-        "farm-client-boundary",
-        {
-          "data-farm-client-boundary": moduleReference,
-          "data-farm-client-id": boundaryId,
-          "data-farm-client-export": exportName,
-          "data-farm-island-strategy": islandStrategy,
-          style: { display: "contents" }
-        },
-        ReactRuntime.createElement(
-          Context.Provider,
-          { value: true },
-          ReactRuntime.createElement(Component, props)
-        )
-      ),
-      ReactRuntime.createElement("script", {
-        type: "application/json",
-        "data-farm-client-props": boundaryId,
-        dangerouslySetInnerHTML: { __html: serializedProps }
-      })
-    );
-  }
-  __name(FarmIsolatedClientBoundary, "FarmIsolatedClientBoundary");
-  FarmIsolatedClientBoundary.displayName = `FarmIsolated(${Component.displayName || Component.name || exportName})`;
-  return FarmIsolatedClientBoundary;
-}
-__name(createFarmIsolatedClientBoundary, "createFarmIsolatedClientBoundary");
-function isEarlyHydrationUpdate(error) {
-  return error instanceof Error && (error.message === "This root received an early update, before anything was able hydrate. Switched the entire root to client rendering." || error.message.startsWith("Minified React error #424;"));
-}
-__name(isEarlyHydrationUpdate, "isEarlyHydrationUpdate");
-function findBoundaryPayload(container, boundaryId) {
-  const sibling = container.nextElementSibling;
-  if (sibling instanceof HTMLScriptElement && sibling.type === "application/json" && sibling.getAttribute("data-farm-client-props") === boundaryId) {
-    return sibling;
-  }
-  for (const candidate of container.ownerDocument.querySelectorAll(
-    'script[type="application/json"][data-farm-client-props]'
-  )) {
-    if (candidate.getAttribute("data-farm-client-props") === boundaryId) return candidate;
-  }
-  return null;
-}
-__name(findBoundaryPayload, "findBoundaryPayload");
-function createFarmIsolatedHydrationRuntime(options) {
-  const roots = /* @__PURE__ */ new Map();
-  const pending = /* @__PURE__ */ new Map();
-  const report = options.report ?? ((message, error) => console.warn(`[Farm.js] ${message}`, error));
-  const failRoot = /* @__PURE__ */ __name((container, reference, exportName, serverHTML, error) => {
-    report(
-      `Could not hydrate isolated client boundary ${reference}#${exportName}. The server-rendered HTML was restored.`,
-      error
-    );
-    queueMicrotask(() => {
-      try {
-        roots.get(container)?.root.unmount();
-      } catch {
-      }
-      roots.delete(container);
-      container.removeAttribute("data-farm-hydrated");
-      container.removeAttribute("data-farm-island-hydrated");
-      container.innerHTML = serverHTML;
-    });
-  }, "failRoot");
-  const _FarmIsolatedRootErrorBoundary = class _FarmIsolatedRootErrorBoundary extends options.ReactRuntime.Component {
-    constructor() {
-      super(...arguments);
-      this.state = { failed: false };
-    }
-    static getDerivedStateFromError() {
-      return { failed: true };
-    }
-    componentDidCatch(error) {
-      this.props.onError(error);
-    }
-    render() {
-      return this.state.failed ? null : this.props.children;
-    }
-  };
-  __name(_FarmIsolatedRootErrorBoundary, "FarmIsolatedRootErrorBoundary");
-  let FarmIsolatedRootErrorBoundary = _FarmIsolatedRootErrorBoundary;
-  const createBoundaryGraph = /* @__PURE__ */ __name((Component, props, restore) => {
-    const componentElement = options.ReactRuntime.createElement(Component, props);
-    const wrappedElement = options.wrap ? options.wrap(componentElement) : componentElement;
-    return wrapFarmIsolatedClientGraph(
-      options.ReactRuntime,
-      options.ReactRuntime.createElement(
-        FarmIsolatedRootErrorBoundary,
-        { onError: restore },
-        wrappedElement
-      )
-    );
-  }, "createBoundaryGraph");
-  async function hydrate(scope = document, signal) {
-    const candidates = Array.from(
-      scope.querySelectorAll("farm-client-boundary[data-farm-client-boundary]")
-    );
-    if (scope instanceof Element && scope.matches("farm-client-boundary[data-farm-client-boundary]")) {
-      candidates.unshift(scope);
-    }
-    const boundaries = candidates.filter((container) => {
-      if (roots.has(container) || pending.has(container)) return false;
-      return !container.parentElement?.closest("farm-client-boundary[data-farm-client-boundary]");
-    });
-    await Promise.all(
-      boundaries.map(async (container) => {
-        const reference = container.getAttribute("data-farm-client-boundary");
-        const boundaryId = container.getAttribute("data-farm-client-id");
-        const exportName = container.getAttribute("data-farm-client-export") || "default";
-        const strategy = container.getAttribute("data-farm-island-strategy") ?? "load";
-        if (!reference || !boundaryId) {
-          report("An isolated client boundary is missing its module reference or payload ID.");
-          return;
-        }
-        const controller = new AbortController();
-        pending.set(container, controller);
-        const releasePending = /* @__PURE__ */ __name(() => {
-          if (pending.get(container) === controller) pending.delete(container);
-        }, "releasePending");
-        controller.signal.addEventListener("abort", releasePending, { once: true });
-        const abort = /* @__PURE__ */ __name(() => controller.abort(), "abort");
-        if (signal?.aborted) abort();
-        else signal?.addEventListener("abort", abort, { once: true });
-        const cleanup = /* @__PURE__ */ __name(() => {
-          signal?.removeEventListener("abort", abort);
-          releasePending();
-        }, "cleanup");
-        let scheduled;
-        try {
-          scheduled = options.schedule({
-            container,
-            strategy,
-            signal: controller.signal,
-            hydrate: /* @__PURE__ */ __name(async () => {
-              if (controller.signal.aborted || !container.isConnected) return;
-              const serverHTML = container.innerHTML;
-              try {
-                const module2 = await options.load(reference);
-                if (controller.signal.aborted || !container.isConnected) return;
-                const originals = module2.__farm_client_boundary_originals__;
-                const Component = originals?.[exportName];
-                if (typeof Component !== "function" && typeof Component !== "object") {
-                  throw new Error("compiled original export was not found");
-                }
-                const payload = findBoundaryPayload(container, boundaryId);
-                if (!payload) throw new Error(`serialized props ${boundaryId} were not found`);
-                const props = JSON.parse(payload.textContent || "{}");
-                if (!props || typeof props !== "object" || Array.isArray(props)) {
-                  throw new Error("serialized props must be an object");
-                }
-                let rootFailure;
-                const restore = /* @__PURE__ */ __name((error) => {
-                  if (rootFailure !== void 0) return;
-                  rootFailure = error;
-                  failRoot(container, reference, exportName, serverHTML, error);
-                  controller.abort();
-                }, "restore");
-                const graphElement = createBoundaryGraph(
-                  Component,
-                  props,
-                  restore
-                );
-                let disposing = false;
-                const root = options.hydrateRoot(container, graphElement, {
-                  onUncaughtError: restore,
-                  onRecoverableError(error) {
-                    if (disposing && isEarlyHydrationUpdate(error)) return;
-                    if (typeof globalThis.reportError === "function") globalThis.reportError(error);
-                    else console.error(error);
-                  }
-                });
-                roots.set(container, {
-                  root,
-                  dispose() {
-                    disposing = true;
-                    try {
-                      root.unmount();
-                    } finally {
-                      disposing = false;
-                    }
-                  },
-                  reference,
-                  exportName,
-                  props,
-                  serverHTML,
-                  restore
-                });
-                container.setAttribute("data-farm-hydrated", "true");
-              } catch (error) {
-                if (controller.signal.aborted) return;
-                failRoot(container, reference, exportName, serverHTML, error);
-                controller.abort();
-              }
-            }, "hydrate")
-          });
-        } catch (error) {
-          failRoot(container, reference, exportName, container.innerHTML, error);
-          controller.abort();
-          cleanup();
-          return;
-        }
-        const tracked = Promise.resolve(scheduled).catch((error) => {
-          if (!controller.signal.aborted) {
-            failRoot(container, reference, exportName, container.innerHTML, error);
-            controller.abort();
-          }
-        }).finally(cleanup);
-        if (strategy === "load") await tracked;
-        else void tracked;
-      })
-    );
-  }
-  __name(hydrate, "hydrate");
-  function updateModule(reference, module2) {
-    const originals = module2.__farm_client_boundary_originals__;
-    let updated = 0;
-    for (const [container, record] of roots) {
-      if (record.reference !== reference) continue;
-      const Component = originals?.[record.exportName];
-      if (typeof Component !== "function" && typeof Component !== "object") {
-        failRoot(
-          container,
-          record.reference,
-          record.exportName,
-          record.serverHTML,
-          new Error("updated compiled original export was not found")
-        );
-        continue;
-      }
-      try {
-        record.root.render(
-          createBoundaryGraph(Component, record.props, record.restore)
-        );
-        updated++;
-      } catch (error) {
-        failRoot(container, record.reference, record.exportName, record.serverHTML, error);
-      }
-    }
-    return updated;
-  }
-  __name(updateModule, "updateModule");
-  function dispose(scope) {
-    for (const [container, controller] of pending) {
-      if (container === scope || scope.contains(container)) {
-        controller.abort();
-        pending.delete(container);
-      }
-    }
-    for (const [container, record] of roots) {
-      if (container === scope || scope.contains(container)) {
-        try {
-          record.dispose();
-        } catch {
-        }
-        roots.delete(container);
-        container.removeAttribute("data-farm-hydrated");
-        container.removeAttribute("data-farm-island-hydrated");
-      }
-    }
-  }
-  __name(dispose, "dispose");
-  return {
-    hydrate,
-    updateModule,
-    dispose,
-    rootCount: /* @__PURE__ */ __name(() => roots.size, "rootCount")
-  };
-}
-__name(createFarmIsolatedHydrationRuntime, "createFarmIsolatedHydrationRuntime");
-function createFarmServerPageBoundary(ReactRuntime, runtime) {
-  return /* @__PURE__ */ __name(function FarmServerPage(props) {
-    const ref = ReactRuntime.useRef(null);
-    const html = props.dangerouslySetInnerHTML.__html;
-    ReactRuntime.useLayoutEffect(() => {
-      const page = ref.current;
-      if (!page) return;
-      const islands = Array.from(
-        page.querySelectorAll("farm-client-boundary[data-farm-client-boundary]")
-      );
-      if (islands.length === 0) return;
-      const controller = new AbortController();
-      runtime.hydrate(page, controller.signal).catch((error) => {
-        console.error("[Farm.js] Could not hydrate the islands in this page:", error);
-      });
-      return () => {
-        controller.abort();
-        queueMicrotask(() => {
-          for (const island of islands) runtime.dispose(island);
-        });
-      };
-    }, [html]);
-    return ReactRuntime.createElement("div", { ...props, ref });
-  }, "FarmServerPage");
-}
-__name(createFarmServerPageBoundary, "createFarmServerPageBoundary");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createFarmIsolatedClientBoundary,
-  createFarmIsolatedHydrationRuntime,
-  createFarmServerPageBoundary,
-  isolateFarmServerPageGraph,
-  wrapFarmIsolatedClientGraph
-});
+
+
+
+
+var _chunkROUTX2E5cjs = require('../chunk-ROUTX2E5.cjs');
+require('../chunk-S3JO3N4H.cjs');
+
+
+
+
+
+
+exports.createFarmIsolatedClientBoundary = _chunkROUTX2E5cjs.createFarmIsolatedClientBoundary; exports.createFarmIsolatedHydrationRuntime = _chunkROUTX2E5cjs.createFarmIsolatedHydrationRuntime; exports.createFarmServerPageBoundary = _chunkROUTX2E5cjs.createFarmServerPageBoundary; exports.isolateFarmServerPageGraph = _chunkROUTX2E5cjs.isolateFarmServerPageGraph; exports.wrapFarmIsolatedClientGraph = _chunkROUTX2E5cjs.wrapFarmIsolatedClientGraph;