@aglyn/aglyn-node-renderer 1.0.0-beta.249 → 1.0.0-beta.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/aglyn-node-renderer",
-  "version": "1.0.0-beta.249",
+  "version": "1.0.0-beta.252",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -24,12 +24,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.249",
-    "@aglyn/shared-data-types": "1.0.0-beta.249",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.249",
-    "@aglyn/shared-ui-theme": "1.0.0-beta.249",
-    "@aglyn/shared-util-tools": "1.0.0-beta.249",
-    "@aglyn/shared-util-vendor": "1.0.0-beta.249",
+    "@aglyn/aglyn": "1.0.0-beta.252",
+    "@aglyn/shared-data-types": "1.0.0-beta.252",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.252",
+    "@aglyn/shared-ui-theme": "1.0.0-beta.252",
+    "@aglyn/shared-util-tools": "1.0.0-beta.252",
+    "@aglyn/shared-util-vendor": "1.0.0-beta.252",
     "mobx-react-lite": "^5.1.0",
     "react-is": "^19.3.0"
   },

package/src/lib/components/deferred-hydration.d.ts

@@ -68,6 +68,16 @@ import type * as Aglyn from '@aglyn/aglyn';
  * mounted by a client-side navigation renders at once and can never be left
  * empty.
  *
+ * ## A scheme change releases it (AGL-3772)
+ *
+ * The held HTML was styled in the scheme the server rendered, and it cannot
+ * follow the theme: nothing in it re-renders. A dark device that sent no
+ * `Sec-CH-Prefers-Color-Scheme` hint gets a light server render that turns
+ * dark after hydration (see the tenant middleware), and a visitor can flip
+ * the scheme from the switcher at any time. Either way, a hold rendered in
+ * one scheme is released as soon as the active scheme is another, so every
+ * subtree re-renders against the theme the visitor actually has.
+ *
  * ## Interaction before release
  *
  * Nothing is released on a press: that would replace the element under the
@@ -92,9 +102,10 @@ export declare function markTreeHydrated(): void;
 /**
  * Should this leaf render its root with {@link HELD_SERVER_HTML} instead of
  * its children? True only from a hydration render of an `eligible` leaf that
- * is far from the viewport, until it comes near.
+ * is far from the viewport, until it comes near or the active `scheme` stops
+ * being the one it was hydrated in.
  */
-export declare function useHeldServerHtml(eligible: boolean, nodeId: string): boolean;
+export declare function useHeldServerHtml(eligible: boolean, nodeId: string, scheme: string): boolean;
 /**
  * Is every node in this subtree a component that declared `lazyHydration`?
  * Cached per node OBJECT: a published page's tree does not change under it,

package/src/lib/components/deferred-hydration.js

@@ -17,7 +17,7 @@
 import { components } from "@aglyn/aglyn/aglyn";
 import { FEATURE_FLAG } from "@aglyn/aglyn/foundation/constants/shared";
 import { isNamespacedComponentId } from "@aglyn/aglyn/plugin-manager/plugin-contributions";
-import { useCallback, useState, useSyncExternalStore } from "react";
+import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
 /**
  * Static subtrees of a published page skip hydration until the visitor
  * nears them (AGL-3581).
@@ -71,6 +71,16 @@ import { useCallback, useState, useSyncExternalStore } from "react";
  * mounted by a client-side navigation renders at once and can never be left
  * empty.
  *
+ * ## A scheme change releases it (AGL-3772)
+ *
+ * The held HTML was styled in the scheme the server rendered, and it cannot
+ * follow the theme: nothing in it re-renders. A dark device that sent no
+ * `Sec-CH-Prefers-Color-Scheme` hint gets a light server render that turns
+ * dark after hydration (see the tenant middleware), and a visitor can flip
+ * the scheme from the switcher at any time. Either way, a hold rendered in
+ * one scheme is released as soon as the active scheme is another, so every
+ * subtree re-renders against the theme the visitor actually has.
+ *
  * ## Interaction before release
  *
  * Nothing is released on a press: that would replace the element under the
@@ -161,9 +171,20 @@ function nearViewport(element) {
 /**
  * Should this leaf render its root with {@link HELD_SERVER_HTML} instead of
  * its children? True only from a hydration render of an `eligible` leaf that
- * is far from the viewport, until it comes near.
- */ export function useHeldServerHtml(eligible, nodeId) {
-    const [held] = useState(()=>eligible && !treeHydrated && typeof document !== 'undefined' && holdIfFar(nodeId));
+ * is far from the viewport, until it comes near or the active `scheme` stops
+ * being the one it was hydrated in.
+ */ export function useHeldServerHtml(eligible, nodeId, scheme) {
+    // The scheme the held HTML was rendered in, or null for no hold.
+    const [heldScheme] = useState(()=>eligible && !treeHydrated && typeof document !== 'undefined' && holdIfFar(nodeId) ? scheme : null);
+    const stale = heldScheme !== null && heldScheme !== scheme;
+    // Released for good rather than only while the schemes differ: holding
+    // again after the children rendered would empty the element.
+    useEffect(()=>{
+        if (stale) release(nodeId);
+    }, [
+        stale,
+        nodeId
+    ]);
     const subscribe = useCallback((listener)=>{
         const hold = holds.get(nodeId);
         if (!hold) return ()=>undefined;
@@ -181,7 +202,7 @@ function nearViewport(element) {
         var _holds_get;
         return (_ref = (_holds_get = holds.get(nodeId)) == null ? void 0 : _holds_get.released) != null ? _ref : false;
     }, ()=>false);
-    return held && !released;
+    return heldScheme !== null && !stale && !released;
 }
 const staticSubtrees = new WeakMap();
 function declares(componentId, flag) {

package/src/lib/components/deferred-hydration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../libs/aglyn-node-renderer/src/lib/components/deferred-hydration.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Type-only, for the reason in `stem.tsx`.\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { components } from '@aglyn/aglyn/aglyn'\nimport { FEATURE_FLAG } from '@aglyn/aglyn/foundation/constants/shared'\nimport { isNamespacedComponentId } from '@aglyn/aglyn/plugin-manager/plugin-contributions'\nimport { useCallback, useState, useSyncExternalStore } from 'react'\n\n/**\n * Static subtrees of a published page skip hydration until the visitor\n * nears them (AGL-3581).\n *\n * ## What it does\n *\n * A published page arrives as complete server HTML, and before this every\n * node of it hydrated at once: on `aglyn.com/` that was ~600 elements and the\n * largest single long task of the load. Most of them are copy, images and\n * layout — nothing a visitor operates — so hydrating them buys nothing until\n * the visitor reaches them.\n *\n * While the page hydrates, a static subtree that is not near the viewport\n * renders its root element with `dangerouslySetInnerHTML` in place of its\n * children. React hydrates that root and treats its contents as markup it\n * does not own, so the server's HTML stays exactly as it is — painted,\n * selectable, links working natively — and none of it costs hydration. When\n * the subtree comes within {@link NEAR_VIEWPORT_PX} of the viewport the\n * children render, and React builds them on the client in place of the held\n * markup: the same HTML, now live.\n *\n * ## Why not a Suspense boundary\n *\n * A boundary that suspends during hydration would keep the server HTML and\n * hydrate it in place, which is the textbook mechanism. React 19.2's server\n * renderer outlines every boundary over 500 bytes once the shell passes its\n * progressive chunk size (12.8 KB, not configurable through Next): each one\n * ships in a hidden `<div>` revealed by an inline script on a later animation\n * frame. That is content missing from first paint, a layout shift when it\n * appears, nothing at all in a background tab, and markup a non-rendering\n * crawler reads as hidden. A held root changes nothing in the server HTML.\n *\n * ## Which subtrees\n *\n * Every component in the subtree declares `flags.lazyHydration` — nothing in\n * it responds to the visitor before hydration beyond what HTML does on its\n * own — so the safe answer is the default: an element without the flag keeps\n * its whole ancestry hydrating now. The subtree's ROOT also declares\n * `flags.childrenInRoot`, the contract that lets it take\n * `dangerouslySetInnerHTML` instead of its children.\n *\n * A subtree near the viewport at hydration is not held, and its children\n * hydrate normally — each of them then decides for itself. So a page-wide\n * static wrapper does not hold the whole page: it hydrates, and the sections\n * inside it that are further down are what wait.\n *\n * ## Only during hydration\n *\n * The decision is taken once, when the leaf first renders, and only if that\n * render is part of the tree's first commit (see `treeHydrated`). A subtree\n * mounted by a client-side navigation renders at once and can never be left\n * empty.\n *\n * ## Interaction before release\n *\n * Nothing is released on a press: that would replace the element under the\n * visitor's finger between `pointerdown` and `click`, and the click would be\n * lost. The held HTML already does what a static element does — a link\n * navigates, text selects, focus moves.\n *\n * ## Fails open\n *\n * If the leaf's element is not in the document, or the browser has no\n * `IntersectionObserver`, nothing is held: the worst case is the old\n * behavior.\n */\n\n/** How far outside the viewport a held subtree renders, in pixels. */\nexport const NEAR_VIEWPORT_PX = 600\n\nconst LEAF_ATTRIBUTE = 'data-aglyn'\nconst LEAF_PREFIX = 'leaf:'\n\n/** The empty markup a held root is given, and React leaves alone. */\nexport const HELD_SERVER_HTML = Object.freeze({ __html: '' })\n\ninterface Hold {\n  released: boolean\n  readonly listeners: Set<() => void>\n}\n\nconst holds = new Map<string, Hold>()\nlet observer: IntersectionObserver | null = null\n\nfunction release(nodeId: string): void {\n  const hold = holds.get(nodeId)\n  if (!hold || hold.released) return\n  hold.released = true\n  for (const listener of [...hold.listeners]) listener()\n}\n\nfunction nearViewportObserver(): IntersectionObserver | null {\n  if (observer) return observer\n  if (typeof IntersectionObserver !== 'function') return null\n  observer = new IntersectionObserver(\n    (entries) => {\n      for (const entry of entries) {\n        if (!entry.isIntersecting) continue\n        observer?.unobserve(entry.target)\n        const value = entry.target.getAttribute(LEAF_ATTRIBUTE) ?? ''\n        release(value.slice(LEAF_PREFIX.length))\n      }\n    },\n    { rootMargin: `${NEAR_VIEWPORT_PX}px 0px` },\n  )\n  return observer\n}\n\nfunction findLeafElement(nodeId: string): Element | null {\n  try {\n    // A quoted attribute value needs only its quote and backslash escaped.\n    const value = `${LEAF_PREFIX}${nodeId}`.replace(/[\"\\\\]/g, '\\\\$&')\n    return document.querySelector(`[${LEAF_ATTRIBUTE}=\"${value}\"]`)\n  } catch {\n    return null\n  }\n}\n\nfunction nearViewport(element: Element): boolean {\n  const { top, bottom } = element.getBoundingClientRect()\n  return (\n    bottom >= -NEAR_VIEWPORT_PX && top <= window.innerHeight + NEAR_VIEWPORT_PX\n  )\n}\n\n/**\n * Hold this node's server HTML? Idempotent per node, because React may run a\n * render's state initializer more than once before it commits.\n */\nfunction holdIfFar(nodeId: string): boolean {\n  const existing = holds.get(nodeId)\n  if (existing) return !existing.released\n  const element = findLeafElement(nodeId)\n  const io = element ? nearViewportObserver() : null\n  if (!element || !io || nearViewport(element)) return false\n  holds.set(nodeId, { released: false, listeners: new Set() })\n  io.observe(element)\n  return true\n}\n\n/**\n * Has the published tree committed its first render? Until it has, every\n * leaf rendering on the client is hydrating. Set from `TreeRoot`'s effect,\n * which runs after the whole first commit — so it is false for every leaf of\n * the hydration and true for anything a later navigation mounts.\n *\n * A module flag rather than `useSyncExternalStore`'s server snapshot: a store\n * whose client and server snapshots differ makes React re-render every\n * component reading it right after hydration, which here would be every leaf\n * on the page — the work this module exists to avoid.\n */\nlet treeHydrated = false\n\n/** Called by `TreeRoot` once its first commit has landed. */\nexport function markTreeHydrated(): void {\n  treeHydrated = true\n}\n\n/**\n * Should this leaf render its root with {@link HELD_SERVER_HTML} instead of\n * its children? True only from a hydration render of an `eligible` leaf that\n * is far from the viewport, until it comes near.\n */\nexport function useHeldServerHtml(eligible: boolean, nodeId: string): boolean {\n  const [held] = useState(\n    () =>\n      eligible &&\n      !treeHydrated &&\n      typeof document !== 'undefined' &&\n      holdIfFar(nodeId),\n  )\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      const hold = holds.get(nodeId)\n      if (!hold) return () => undefined\n      hold.listeners.add(listener)\n      return () => {\n        hold.listeners.delete(listener)\n      }\n    },\n    [nodeId],\n  )\n  // Both snapshots read `false` for a leaf that holds nothing, so no leaf is\n  // re-rendered for having read this store.\n  const released = useSyncExternalStore(\n    subscribe,\n    () => holds.get(nodeId)?.released ?? false,\n    () => false,\n  )\n  return held && !released\n}\n\nconst staticSubtrees = new WeakMap<object, boolean>()\n\nfunction declares(\n  componentId: string | undefined,\n  flag: 'lazyHydration' | 'childrenInRoot',\n): boolean {\n  if (!componentId || isNamespacedComponentId(componentId)) return false\n  const value = components.getSchema(componentId)?.flags?.[flag] ?? 0\n  return Boolean(value & FEATURE_FLAG.ENABLED)\n}\n\n/**\n * Is every node in this subtree a component that declared `lazyHydration`?\n * Cached per node OBJECT: a published page's tree does not change under it,\n * and the editor, whose tree does, never turns deferral on.\n */\nexport function isLazyHydrationSubtree(node: Aglyn.NodeSchema<any>): boolean {\n  const cached = staticSubtrees.get(node)\n  if (cached !== undefined) return cached\n  let answer = declares(node.componentId, 'lazyHydration')\n  if (answer) {\n    for (const child of (node.children ?? []) as Aglyn.NodeSchema<any>[]) {\n      if (!child || !isLazyHydrationSubtree(child)) {\n        answer = false\n        break\n      }\n    }\n  }\n  staticSubtrees.set(node, answer)\n  return answer\n}\n\n/** May this node hold its server HTML: a static subtree under a plain root? */\nexport function mayHoldServerHtml(\n  node: Aglyn.NodeSchema<any> | undefined,\n): boolean {\n  return Boolean(\n    node?.children?.length &&\n      declares(node.componentId, 'childrenInRoot') &&\n      isLazyHydrationSubtree(node),\n  )\n}\n\n/** Test seam: forget every hold, and that the tree ever hydrated. */\nexport function resetDeferredHydrationForTests(): void {\n  treeHydrated = false\n  holds.clear()\n  observer?.disconnect()\n  observer = null\n}\n"],"names":["components","FEATURE_FLAG","isNamespacedComponentId","useCallback","useState","useSyncExternalStore","NEAR_VIEWPORT_PX","LEAF_ATTRIBUTE","LEAF_PREFIX","HELD_SERVER_HTML","Object","freeze","__html","holds","Map","observer","release","nodeId","hold","get","released","listener","listeners","nearViewportObserver","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","value","getAttribute","slice","length","rootMargin","findLeafElement","replace","document","querySelector","nearViewport","element","top","bottom","getBoundingClientRect","window","innerHeight","holdIfFar","existing","io","set","Set","observe","treeHydrated","markTreeHydrated","useHeldServerHtml","eligible","held","subscribe","undefined","add","delete","staticSubtrees","WeakMap","declares","componentId","flag","getSchema","flags","Boolean","ENABLED","isLazyHydrationSubtree","node","cached","answer","child","children","mayHoldServerHtml","resetDeferredHydrationForTests","clear","disconnect"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../libs/aglyn-node-renderer/src/lib/components/deferred-hydration.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Type-only, for the reason in `stem.tsx`.\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { components } from '@aglyn/aglyn/aglyn'\nimport { FEATURE_FLAG } from '@aglyn/aglyn/foundation/constants/shared'\nimport { isNamespacedComponentId } from '@aglyn/aglyn/plugin-manager/plugin-contributions'\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  useSyncExternalStore,\n} from 'react'\n\n/**\n * Static subtrees of a published page skip hydration until the visitor\n * nears them (AGL-3581).\n *\n * ## What it does\n *\n * A published page arrives as complete server HTML, and before this every\n * node of it hydrated at once: on `aglyn.com/` that was ~600 elements and the\n * largest single long task of the load. Most of them are copy, images and\n * layout — nothing a visitor operates — so hydrating them buys nothing until\n * the visitor reaches them.\n *\n * While the page hydrates, a static subtree that is not near the viewport\n * renders its root element with `dangerouslySetInnerHTML` in place of its\n * children. React hydrates that root and treats its contents as markup it\n * does not own, so the server's HTML stays exactly as it is — painted,\n * selectable, links working natively — and none of it costs hydration. When\n * the subtree comes within {@link NEAR_VIEWPORT_PX} of the viewport the\n * children render, and React builds them on the client in place of the held\n * markup: the same HTML, now live.\n *\n * ## Why not a Suspense boundary\n *\n * A boundary that suspends during hydration would keep the server HTML and\n * hydrate it in place, which is the textbook mechanism. React 19.2's server\n * renderer outlines every boundary over 500 bytes once the shell passes its\n * progressive chunk size (12.8 KB, not configurable through Next): each one\n * ships in a hidden `<div>` revealed by an inline script on a later animation\n * frame. That is content missing from first paint, a layout shift when it\n * appears, nothing at all in a background tab, and markup a non-rendering\n * crawler reads as hidden. A held root changes nothing in the server HTML.\n *\n * ## Which subtrees\n *\n * Every component in the subtree declares `flags.lazyHydration` — nothing in\n * it responds to the visitor before hydration beyond what HTML does on its\n * own — so the safe answer is the default: an element without the flag keeps\n * its whole ancestry hydrating now. The subtree's ROOT also declares\n * `flags.childrenInRoot`, the contract that lets it take\n * `dangerouslySetInnerHTML` instead of its children.\n *\n * A subtree near the viewport at hydration is not held, and its children\n * hydrate normally — each of them then decides for itself. So a page-wide\n * static wrapper does not hold the whole page: it hydrates, and the sections\n * inside it that are further down are what wait.\n *\n * ## Only during hydration\n *\n * The decision is taken once, when the leaf first renders, and only if that\n * render is part of the tree's first commit (see `treeHydrated`). A subtree\n * mounted by a client-side navigation renders at once and can never be left\n * empty.\n *\n * ## A scheme change releases it (AGL-3772)\n *\n * The held HTML was styled in the scheme the server rendered, and it cannot\n * follow the theme: nothing in it re-renders. A dark device that sent no\n * `Sec-CH-Prefers-Color-Scheme` hint gets a light server render that turns\n * dark after hydration (see the tenant middleware), and a visitor can flip\n * the scheme from the switcher at any time. Either way, a hold rendered in\n * one scheme is released as soon as the active scheme is another, so every\n * subtree re-renders against the theme the visitor actually has.\n *\n * ## Interaction before release\n *\n * Nothing is released on a press: that would replace the element under the\n * visitor's finger between `pointerdown` and `click`, and the click would be\n * lost. The held HTML already does what a static element does — a link\n * navigates, text selects, focus moves.\n *\n * ## Fails open\n *\n * If the leaf's element is not in the document, or the browser has no\n * `IntersectionObserver`, nothing is held: the worst case is the old\n * behavior.\n */\n\n/** How far outside the viewport a held subtree renders, in pixels. */\nexport const NEAR_VIEWPORT_PX = 600\n\nconst LEAF_ATTRIBUTE = 'data-aglyn'\nconst LEAF_PREFIX = 'leaf:'\n\n/** The empty markup a held root is given, and React leaves alone. */\nexport const HELD_SERVER_HTML = Object.freeze({ __html: '' })\n\ninterface Hold {\n  released: boolean\n  readonly listeners: Set<() => void>\n}\n\nconst holds = new Map<string, Hold>()\nlet observer: IntersectionObserver | null = null\n\nfunction release(nodeId: string): void {\n  const hold = holds.get(nodeId)\n  if (!hold || hold.released) return\n  hold.released = true\n  for (const listener of [...hold.listeners]) listener()\n}\n\nfunction nearViewportObserver(): IntersectionObserver | null {\n  if (observer) return observer\n  if (typeof IntersectionObserver !== 'function') return null\n  observer = new IntersectionObserver(\n    (entries) => {\n      for (const entry of entries) {\n        if (!entry.isIntersecting) continue\n        observer?.unobserve(entry.target)\n        const value = entry.target.getAttribute(LEAF_ATTRIBUTE) ?? ''\n        release(value.slice(LEAF_PREFIX.length))\n      }\n    },\n    { rootMargin: `${NEAR_VIEWPORT_PX}px 0px` },\n  )\n  return observer\n}\n\nfunction findLeafElement(nodeId: string): Element | null {\n  try {\n    // A quoted attribute value needs only its quote and backslash escaped.\n    const value = `${LEAF_PREFIX}${nodeId}`.replace(/[\"\\\\]/g, '\\\\$&')\n    return document.querySelector(`[${LEAF_ATTRIBUTE}=\"${value}\"]`)\n  } catch {\n    return null\n  }\n}\n\nfunction nearViewport(element: Element): boolean {\n  const { top, bottom } = element.getBoundingClientRect()\n  return (\n    bottom >= -NEAR_VIEWPORT_PX && top <= window.innerHeight + NEAR_VIEWPORT_PX\n  )\n}\n\n/**\n * Hold this node's server HTML? Idempotent per node, because React may run a\n * render's state initializer more than once before it commits.\n */\nfunction holdIfFar(nodeId: string): boolean {\n  const existing = holds.get(nodeId)\n  if (existing) return !existing.released\n  const element = findLeafElement(nodeId)\n  const io = element ? nearViewportObserver() : null\n  if (!element || !io || nearViewport(element)) return false\n  holds.set(nodeId, { released: false, listeners: new Set() })\n  io.observe(element)\n  return true\n}\n\n/**\n * Has the published tree committed its first render? Until it has, every\n * leaf rendering on the client is hydrating. Set from `TreeRoot`'s effect,\n * which runs after the whole first commit — so it is false for every leaf of\n * the hydration and true for anything a later navigation mounts.\n *\n * A module flag rather than `useSyncExternalStore`'s server snapshot: a store\n * whose client and server snapshots differ makes React re-render every\n * component reading it right after hydration, which here would be every leaf\n * on the page — the work this module exists to avoid.\n */\nlet treeHydrated = false\n\n/** Called by `TreeRoot` once its first commit has landed. */\nexport function markTreeHydrated(): void {\n  treeHydrated = true\n}\n\n/**\n * Should this leaf render its root with {@link HELD_SERVER_HTML} instead of\n * its children? True only from a hydration render of an `eligible` leaf that\n * is far from the viewport, until it comes near or the active `scheme` stops\n * being the one it was hydrated in.\n */\nexport function useHeldServerHtml(\n  eligible: boolean,\n  nodeId: string,\n  scheme: string,\n): boolean {\n  // The scheme the held HTML was rendered in, or null for no hold.\n  const [heldScheme] = useState(() =>\n    eligible &&\n    !treeHydrated &&\n    typeof document !== 'undefined' &&\n    holdIfFar(nodeId)\n      ? scheme\n      : null,\n  )\n  const stale = heldScheme !== null && heldScheme !== scheme\n  // Released for good rather than only while the schemes differ: holding\n  // again after the children rendered would empty the element.\n  useEffect(() => {\n    if (stale) release(nodeId)\n  }, [stale, nodeId])\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      const hold = holds.get(nodeId)\n      if (!hold) return () => undefined\n      hold.listeners.add(listener)\n      return () => {\n        hold.listeners.delete(listener)\n      }\n    },\n    [nodeId],\n  )\n  // Both snapshots read `false` for a leaf that holds nothing, so no leaf is\n  // re-rendered for having read this store.\n  const released = useSyncExternalStore(\n    subscribe,\n    () => holds.get(nodeId)?.released ?? false,\n    () => false,\n  )\n  return heldScheme !== null && !stale && !released\n}\n\nconst staticSubtrees = new WeakMap<object, boolean>()\n\nfunction declares(\n  componentId: string | undefined,\n  flag: 'lazyHydration' | 'childrenInRoot',\n): boolean {\n  if (!componentId || isNamespacedComponentId(componentId)) return false\n  const value = components.getSchema(componentId)?.flags?.[flag] ?? 0\n  return Boolean(value & FEATURE_FLAG.ENABLED)\n}\n\n/**\n * Is every node in this subtree a component that declared `lazyHydration`?\n * Cached per node OBJECT: a published page's tree does not change under it,\n * and the editor, whose tree does, never turns deferral on.\n */\nexport function isLazyHydrationSubtree(node: Aglyn.NodeSchema<any>): boolean {\n  const cached = staticSubtrees.get(node)\n  if (cached !== undefined) return cached\n  let answer = declares(node.componentId, 'lazyHydration')\n  if (answer) {\n    for (const child of (node.children ?? []) as Aglyn.NodeSchema<any>[]) {\n      if (!child || !isLazyHydrationSubtree(child)) {\n        answer = false\n        break\n      }\n    }\n  }\n  staticSubtrees.set(node, answer)\n  return answer\n}\n\n/** May this node hold its server HTML: a static subtree under a plain root? */\nexport function mayHoldServerHtml(\n  node: Aglyn.NodeSchema<any> | undefined,\n): boolean {\n  return Boolean(\n    node?.children?.length &&\n      declares(node.componentId, 'childrenInRoot') &&\n      isLazyHydrationSubtree(node),\n  )\n}\n\n/** Test seam: forget every hold, and that the tree ever hydrated. */\nexport function resetDeferredHydrationForTests(): void {\n  treeHydrated = false\n  holds.clear()\n  observer?.disconnect()\n  observer = null\n}\n"],"names":["components","FEATURE_FLAG","isNamespacedComponentId","useCallback","useEffect","useState","useSyncExternalStore","NEAR_VIEWPORT_PX","LEAF_ATTRIBUTE","LEAF_PREFIX","HELD_SERVER_HTML","Object","freeze","__html","holds","Map","observer","release","nodeId","hold","get","released","listener","listeners","nearViewportObserver","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","value","getAttribute","slice","length","rootMargin","findLeafElement","replace","document","querySelector","nearViewport","element","top","bottom","getBoundingClientRect","window","innerHeight","holdIfFar","existing","io","set","Set","observe","treeHydrated","markTreeHydrated","useHeldServerHtml","eligible","scheme","heldScheme","stale","subscribe","undefined","add","delete","staticSubtrees","WeakMap","declares","componentId","flag","getSchema","flags","Boolean","ENABLED","isLazyHydrationSubtree","node","cached","answer","child","children","mayHoldServerHtml","resetDeferredHydrationForTests","clear","disconnect"],"mappings":"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"}

package/src/lib/components/leaf.js

@@ -250,7 +250,7 @@ export const Leaf = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
     // tree that asked for it — the published page — and decided once, on the
     // leaf's first render. See `deferred-hydration.tsx`.
     const deferHydration = useContext(DeferredHydrationContext);
-    const holdServerHtml = useHeldServerHtml(deferHydration && !offForSite && mayHoldServerHtml(node), (_ref3 = node == null ? void 0 : node.$id) != null ? _ref3 : '');
+    const holdServerHtml = useHeldServerHtml(deferHydration && !offForSite && mayHoldServerHtml(node), (_ref3 = node == null ? void 0 : node.$id) != null ? _ref3 : '', activeScheme);
     // Each realm element hydrates in a boundary of its own (AGL-3390), so one
     // waiting for its bundle holds only itself. Rendered on the server too:
     // the browser's tree has to have the same boundary to hydrate into.

package/src/lib/components/leaf.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../libs/aglyn-node-renderer/src/lib/components/leaf.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Type-only, with every value this file reads named below (AGL-2486's rule,\n// applied to the render path's hottest file): a VALUE namespace import of the\n// core barrel is opaque to a bundler — it cannot know which exports are read,\n// so every module the barrel reaches is pinned into the published page's first\n// load.\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { components } from '@aglyn/aglyn/aglyn'\nimport { sanitizeAuthorSx } from '@aglyn/aglyn/app-utils/author-css'\nimport { pinRampedTypographySx } from '@aglyn/aglyn/app-utils/responsive-typography-sx'\nimport {\n  NODE_HIDE_IF_PROP,\n  NODE_HIDE_UNLESS_PROP,\n} from '@aglyn/aglyn/app-utils/reusable-component-keys'\nimport {\n  NODE_ANIMATION_DELAY_PROP,\n  NODE_ANIMATION_DURATION_PROP,\n  NODE_ANIMATION_EASE_PROP,\n  NODE_ANIMATION_PROP,\n  NODE_ANIMATION_REPEAT_PROP,\n  NODE_ANIMATION_STAGGER_PROP,\n  NODE_ANIMATION_STAGGER_STEP_PROP,\n  NODE_ANIMATION_TRIGGER_PROP,\n  resolveElementAnimation,\n} from '@aglyn/aglyn/app-utils/element-animation'\nimport {\n  EnabledPluginsContext,\n  isSwitchedOffForRenderedSite,\n} from '@aglyn/aglyn/app-utils/enabled-plugins-context'\nimport { NodeIdentityContext } from '@aglyn/aglyn/app-utils/node-identity'\nimport {\n  NODE_COLOR_SCHEME_PROP,\n  resolveElementColorScheme,\n} from '@aglyn/aglyn/app-utils/element-color-scheme'\nimport { FEATURE_FLAG } from '@aglyn/aglyn/foundation/constants/shared'\n// Deep import, NOT the barrel: `@aglyn/shared-ui-jsx`'s index re-exports the\n// Pages Router hooks (`next/router`), the inline SVG icon set and the whole\n// ~12,000-module MDI catalog, none of which a rendered node needs. This file\n// is on every published page, so the barrel's reach is that page's reach.\nimport { AglynText } from '@aglyn/shared-ui-jsx/components/aglyn-text'\nimport {\n  styled,\n  ThemeProvider,\n  useSiteSchemeThemes,\n  useTheme,\n} from '@aglyn/shared-ui-theme'\nimport { mergeSxProps } from '@aglyn/shared-ui-theme'\nimport { observer } from 'mobx-react-lite'\nimport { isNamespacedComponentId } from '@aglyn/aglyn/plugin-manager/plugin-contributions'\nimport { RealmElementsContext } from '@aglyn/aglyn/app-utils/realm-elements-context'\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  Suspense,\n  use,\n  useContext,\n} from 'react'\nimport { isValidElementType } from 'react-is'\nimport RendererComponents from '../contexts/renderer-components'\nimport { LeafSxTransformContext } from '../contexts/leaf-sx-transform'\nimport { RealmBoundaryContext } from '../contexts/realm-boundary'\nimport { DeferredHydrationContext } from '../contexts/deferred-hydration'\nimport {\n  HELD_SERVER_HTML,\n  mayHoldServerHtml,\n  useHeldServerHtml,\n} from './deferred-hydration'\nimport { resolvePaletteVarsSx, resolveSchemeSx } from '../utils/scheme-sx'\n\nconst DefaultComponent = styled('div')({})\n\n/** Leaf props with any `children` a resolved prop carried, for a held root. */\nfunction withoutChildren<T extends Record<string, unknown>>(\n  props: T,\n): Omit<T, 'children'> {\n  const { children: _children, ...rest } = props\n  return rest\n}\n\ntype AnyNode = { $id?: unknown; children?: unknown[] } | null | undefined\n\n/**\n * The node `kid` renders the subtree of, when `kid` is the `<Branch>` for\n * the node with `$id` — matched by id, not identity, because a leaf\n * component may render a resolved COPY of the node (the besigner's does)\n * while the Branch carries the original.\n */\nfunction ownBranchNode(\n  kid: unknown,\n  $id: unknown,\n  BranchComponent: unknown,\n): AnyNode {\n  if (!isValidElement(kid) || kid.type !== BranchComponent) return undefined\n  const branchNode = (kid.props as { node?: AnyNode })?.node\n  return branchNode?.$id === $id ? branchNode : undefined\n}\n\n/**\n * A positional component's children: one React child per node child, in the\n * place the `<Branch>` would have taken, with everything else a leaf\n * component put beside it kept (AGL-3660).\n *\n * The published page hands `Leaf` the Branch alone, so this is exactly the\n * per-child Stems. The besigner hands it the Branch plus what it draws around\n * the element's own children — a repeat's preview copies and badge — and,\n * for a repeat, the Branch inside a context provider. Dropping those (which\n * is what this path did before) erased a repeat's preview from any\n * positional element; keeping the Branch whole would undo the very split\n * this path exists for. So a wrapper around the Branch is applied to each\n * child instead, and the extras follow.\n *\n * The children are read off the node the BRANCH carries. The besigner's\n * render copy is a spread of its canvas node, and a canvas node's `children`\n * is a getter on its class that a spread drops — read off the copy, a\n * positional element inside a repeat, or on a record page, had no children.\n *\n * A leaf rendered with no Branch among its children gets its own node's\n * children, as it always did.\n */\nfunction spreadPositionalChildren(\n  children: unknown,\n  node: AnyNode,\n  toStems: (childNodes: unknown[]) => ReactElement[],\n  BranchComponent: unknown,\n): ReactNode[] {\n  let placed = false\n  const out = Children.toArray(children as ReactNode).flatMap((kid) => {\n    const own = ownBranchNode(kid, node?.$id, BranchComponent)\n    if (own) {\n      placed = true\n      return toStems(own.children ?? [])\n    }\n    const wrapped = isValidElement(kid)\n      ? ownBranchNode(\n          (kid.props as { children?: unknown })?.children,\n          node?.$id,\n          BranchComponent,\n        )\n      : undefined\n    if (wrapped) {\n      placed = true\n      return toStems(wrapped.children ?? []).map((stem) =>\n        cloneElement(kid as ReactElement, { key: stem.key }, stem),\n      )\n    }\n    return [kid]\n  })\n  return placed ? out : toStems(node?.children ?? [])\n}\n\nexport interface LeafProps extends HTMLAttributes<any> {\n  children?: any\n  node: Aglyn.NodeSchema\n  sx?: JSX.SxProps\n}\n\nexport const Leaf = observer(\n  forwardRef<any, LeafProps>((props, ref) => {\n    const { children, node, sx, className, style, ...rest } = props\n\n    // Pull sx/className/style out of the node's props so the spreads below\n    // can never clobber the merged values composed explicitly afterwards\n    // (AGL-569: `props.sx` used to overwrite the node-level sx entirely).\n    //\n    // The visibility directives (AGL-1314) come out here too. The compose\n    // step consumes and strips them, so a rendered page never carries one —\n    // but the component EDITOR renders definition nodes ungrafted, on\n    // purpose (the author has to see and select the part a page will hide),\n    // and there the raw `hideIf` would spread onto the element as an\n    // unknown `hideif` DOM attribute.\n    const {\n      sx: propsSx,\n      className: propsClassName,\n      style: propsStyle,\n      [NODE_HIDE_IF_PROP]: _hideIf,\n      [NODE_HIDE_UNLESS_PROP]: _hideUnless,\n      // Element animation (AGL-2486): the reserved animation props come\n      // out here for the same reason the visibility directives above do —\n      // they are directives to the RENDERER, and spreading them onto the\n      // element would land `aglynanimation=\"slide-up\"` as an unknown DOM\n      // attribute. Destructured rather than `delete`d after the fact so the\n      // `none` case is stripped too (it resolves to no animation, but it is\n      // still a prop an author saved) and so the props object keeps one\n      // shape.\n      [NODE_ANIMATION_PROP]: _animation,\n      [NODE_ANIMATION_TRIGGER_PROP]: _animationTrigger,\n      [NODE_ANIMATION_DURATION_PROP]: _animationDuration,\n      [NODE_ANIMATION_DELAY_PROP]: _animationDelay,\n      [NODE_ANIMATION_REPEAT_PROP]: _animationRepeat,\n      [NODE_ANIMATION_EASE_PROP]: _animationEase,\n      [NODE_ANIMATION_STAGGER_PROP]: _animationStagger,\n      [NODE_ANIMATION_STAGGER_STEP_PROP]: _animationStaggerStep,\n      // A pinned color scheme (AGL-3284) is a directive to the renderer, like\n      // the two groups above: consumed below, never handed to the component.\n      [NODE_COLOR_SCHEME_PROP]: _colorScheme,\n      ...resolvedProps\n    } = (node?.resolvedProps ?? node?.props ?? {}) as Record<string, any>\n\n    // Resolves to a class, a `data-` attribute and two custom properties; the\n    // keyframes themselves live in the tenant's stylesheet, so this costs no\n    // JS on any surface. The besigner canvas never ships that stylesheet\n    // (same posture as the AGL-562 hidden class), so an author sees the\n    // element in its normal, selectable, un-animated state while editing.\n    const animation = resolveElementAnimation({\n      [NODE_ANIMATION_PROP]: _animation,\n      [NODE_ANIMATION_TRIGGER_PROP]: _animationTrigger,\n      [NODE_ANIMATION_DURATION_PROP]: _animationDuration,\n      [NODE_ANIMATION_DELAY_PROP]: _animationDelay,\n      [NODE_ANIMATION_REPEAT_PROP]: _animationRepeat,\n      [NODE_ANIMATION_EASE_PROP]: _animationEase,\n      [NODE_ANIMATION_STAGGER_PROP]: _animationStagger,\n      [NODE_ANIMATION_STAGGER_STEP_PROP]: _animationStaggerStep,\n    })\n    // A component whose first-party plugin does not run on the rendered site\n    // is drawn exactly as an unregistered one is (AGL-3033): the registry is\n    // process-global and outlives the site that loaded the bundle, and the\n    // site's own browser never loads it. Its schema goes with it, so the\n    // void-element and positional flags cannot tell the server a different\n    // story from the client either.\n    const enabledPlugins = useContext(EnabledPluginsContext)\n    const registeredSchema = components.getSchema(node?.componentId)\n    const offForSite = isSwitchedOffForRenderedSite(\n      registeredSchema?.pluginId,\n      enabledPlugins,\n    )\n    const Factory = offForSite ? undefined : components.getFactory(node?.componentId)\n    // A signed marketplace plugin's element (AGL-3390) renders on the server,\n    // and the browser registers its component a moment later. Inside the\n    // element's own boundary (below) it waits for that load rather than\n    // hydrating the server's HTML as an unregistered element, which would\n    // not match it.\n    const realmElement = isNamespacedComponentId(node?.componentId)\n    const realmBoundary = useContext(RealmBoundaryContext)\n    const realmLoadFor = useContext(RealmElementsContext)\n    if (realmElement && realmBoundary === node?.$id && !Factory && !offForSite) {\n      const loading = realmLoadFor?.(node.componentId)\n      if (loading) use(loading)\n    }\n    const Component = isValidElementType(Factory) ? Factory : DefaultComponent\n\n    // Self-closing components (AGL-579): a component whose schema flags it\n    // selfClosing renders a void DOM element (e.g. Image -> <img>), and React\n    // throws during SSR when ANY children value reaches one — even the empty\n    // `[undefined, false]` the JSX below always produces. Rendering the whole\n    // page 500s off one image node (blog covers, AGL-579), so honor the flag\n    // here: no JSX children, and strip a stray `children` prop too.\n    const schema = offForSite ? undefined : registeredSchema\n    const selfClosing = Boolean(\n      (schema?.flags?.selfClosing ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    if (selfClosing) delete resolvedProps['children']\n\n    const textContent = selfClosing ? null : resolvedProps?.['children']\n\n    const mergedClassName =\n      [propsClassName, node?.className, className, animation?.className]\n        .filter(Boolean)\n        .join(' ') || undefined\n    // The animation's custom properties go in FIRST so an author who typed\n    // `--aglyn-anim-duration` into the Custom CSS tab still wins.\n    const mergedStyle =\n      animation || propsStyle || style\n        ? { ...animation?.style, ...propsStyle, ...style }\n        : undefined\n\n    // Canvas-only hook (AGL-581): the besigner provides a transform that\n    // re-targets viewport media queries at the artboard device width.\n    // Undefined everywhere else, keeping the tenant path unchanged.\n    const transformSx = useContext(LeafSxTransformContext)\n    // The Stem and Branch this tree renders with, for a positional element's\n    // children below. Read here rather than through a Consumer so the node's\n    // `children` are read in THIS observer's render and tracked by it: a\n    // child added on the canvas has to re-render the element it went into.\n    const { StemComponent, BranchComponent } = useContext(RendererComponents)\n    // Scheme-scoped styles (AGL-588): sites swap a single-mode theme for\n    // light/dark (tenant HostThemeProvider, canvas useAglynSiteTheme), so\n    // '@scheme dark' sx slices resolve here against the ACTIVE theme's\n    // palette mode — the one signal that is correct in both places.\n    const theme = useTheme() as {\n      palette?: { mode?: string } & Record<string, unknown>\n    } | null\n    const activeScheme = theme?.palette?.mode === 'dark' ? 'dark' : 'light'\n    // \"Always light\" / \"Always dark\" (AGL-3284). When the pinned scheme is not\n    // the active one, the element re-renders itself under the site's theme\n    // for that scheme, so its OWN sx — not only its descendants' — resolves\n    // palette tokens and `@scheme dark` slices for the pinned scheme. The\n    // inner render then sees the pinned scheme as active and takes the plain\n    // path; the mode check below is what guarantees that, because a site with\n    // one theme for both schemes (a single `fallback`) hands back a theme\n    // whose mode never changes, and re-wrapping it would never terminate.\n    // No provider (an email render, a bare test) means nothing to force.\n    // Every hook above runs on both paths, so the early return keeps the\n    // hook order stable when an author flips the setting.\n    const pinnedScheme = resolveElementColorScheme(_colorScheme)\n    const schemeThemes = useSiteSchemeThemes()\n    const forcedTheme =\n      pinnedScheme && pinnedScheme !== activeScheme && schemeThemes\n        ? schemeThemes(pinnedScheme)\n        : undefined\n    // A static subtree far from the viewport keeps its server HTML through\n    // hydration and renders when the visitor nears it (AGL-3581). Only on a\n    // tree that asked for it — the published page — and decided once, on the\n    // leaf's first render. See `deferred-hydration.tsx`.\n    const deferHydration = useContext(DeferredHydrationContext)\n    const holdServerHtml = useHeldServerHtml(\n      deferHydration && !offForSite && mayHoldServerHtml(node),\n      node?.$id ?? '',\n    )\n    // Each realm element hydrates in a boundary of its own (AGL-3390), so one\n    // waiting for its bundle holds only itself. Rendered on the server too:\n    // the browser's tree has to have the same boundary to hydrate into.\n    if (realmElement && realmBoundary !== node?.$id) {\n      return (\n        <Suspense fallback={null}>\n          <RealmBoundaryContext.Provider value={node?.$id}>\n            <Leaf {...props} ref={ref} />\n          </RealmBoundaryContext.Provider>\n        </Suspense>\n      )\n    }\n    if (forcedTheme && forcedTheme.palette?.mode === pinnedScheme) {\n      return (\n        <ThemeProvider theme={forcedTheme}>\n          <Leaf {...props} ref={ref} />\n        </ThemeProvider>\n      )\n    }\n    // MUI array composition: later entries win on key conflicts, so the\n    // node-level sx (Styles panel output) overrides props.sx.\n    //\n    // Palette token references (AGL-1331): the Background Fill field\n    // persists a token-bound gradient stop as\n    // `var(--mui-palette-primary-main, #00B0FF)`, because `backgroundImage`\n    // is NOT one of the sx keys MUI resolves against the palette. They are\n    // substituted here, against the site theme, so the canvas cannot pick\n    // up the console's `--mui-palette-*` and the tenant (whose theme has no\n    // CSS variables at all) still tracks palette changes. Values carrying\n    // no reference come back by identity.\n    // Author CSS (AGL-1725): `node.sx` is the Styles panel's output, and it\n    // is free text — `backgroundImage` is a first-class field and the Custom\n    // CSS tab is free-solo, so any property and any value can be typed. On a\n    // published site that lands in the visitor's document as a real `url()`,\n    // which no input validator and no lint rule can see. Scrubbed HERE, at\n    // the last point before the merge, so it also catches values already\n    // stored; `sx` and `props.sx` are OUR components' own styles and are\n    // deliberately left alone. The scrub is scheme-only and returns its\n    // input by identity when nothing is refused, so the overwhelmingly\n    // common case (no `url()` at all) costs one walk and no new object.\n    // Responsive type ramp: LAST of the three sx passes, and it has to be —\n    // it moves a scalar `fontSize` into the `xs` slice so the author's\n    // explicit size sorts after the variant's `responsiveFontSizes` at-rules,\n    // and the scheme pass above is what collapses a dark-scheme slice down\n    // into that same top level. Running it earlier would leave a dark\n    // override's font size unpinned.\n    //\n    // A pinned element paints its scheme's page background and text color\n    // (AGL-3284), UNDER every other style so an author's own background wins.\n    // Without it an \"Always dark\" band with no background of its own is\n    // light text on the light page behind it, and text that sets no color\n    // inherits the page's dark body color. `color-scheme` makes the browser's\n    // own controls and scrollbars inside the band match. Only a pinned\n    // element carries this, so an unpinned one renders exactly as before —\n    // and so does a pinned one on a surface with no site themes to pin to.\n    const authorSx = sanitizeAuthorSx(node?.sx)\n    const composedSx = pinRampedTypographySx(\n      resolvePaletteVarsSx(\n        resolveSchemeSx(\n          pinnedScheme && schemeThemes\n            ? mergeSxProps(\n                {\n                  colorScheme: pinnedScheme,\n                  color: 'text.primary',\n                  bgcolor: 'background.default',\n                } as any,\n                sx as any,\n                propsSx as any,\n                authorSx as any,\n              )\n            : mergeSxProps(sx as any, propsSx as any, authorSx as any),\n          activeScheme,\n        ),\n        theme?.palette,\n      ),\n    )\n    /**\n     * Author visibility — the eye on the hierarchy row.\n     *\n     * LAST, and deliberately so. It has to override the element's own\n     * display, not replace it: an author who hides a Stack laid out with\n     * `display: flex` gets that flex back the moment they show it again,\n     * because the stored style was never touched. Writing `display: none`\n     * into `node.sx` would have destroyed the value it overwrote, and there\n     * would be nothing left to restore.\n     *\n     * The same rule on both surfaces. A hidden element is absent from the\n     * published page and from the canvas — \"hidden\" that still renders in the\n     * editor is a preview of a page nobody will ever see.\n     */\n    const mergedSx = node?.hidden\n      ? mergeSxProps(composedSx as any, { display: 'none' } as any)\n      : composedSx\n\n    // Shared leaf attributes; self-closing components must receive NO\n    // children at all (AGL-579) — a separate element expression keeps the\n    // childless case genuinely childless instead of `[undefined, false]`.\n    const leafProps = {\n      ref,\n      'data-aglyn': `leaf:${node?.$id}`,\n      // Before the spreads: the animation trigger/repeat attributes are ours,\n      // but an element that genuinely declared one of these should win.\n      ...animation?.attributes,\n      ...resolvedProps,\n      ...rest,\n      className: mergedClassName,\n      style: mergedStyle,\n      sx: transformSx\n        ? (transformSx(mergedSx, node?.$id) as typeof mergedSx)\n        : mergedSx,\n    }\n\n    // Node identity (AGL-659): components get their node id through a\n    // context rather than a prop, so a block can look up the server-seeded\n    // slice of `pageData` that belongs to IT — two grids on one page have\n    // different queries and must not share a seed. Nothing is added to any\n    // component's props, so no unknown attribute reaches the DOM.\n    // Positional children (AGL-1237): a component that splits its children\n    // by index — MUI's Accordion is `[summary, ...rest]` — must receive one\n    // React child per node child. The default single `<Branch>` element reads\n    // as ONE child to `Children.toArray`, so the first slot swallowed the\n    // whole subtree and every later slot got nothing. MUI's Stack counts its\n    // children the same way to place its divider between them (AGL-3660).\n    const positional = Boolean(\n      (schema?.flags?.positionalChildren ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    const positionalChildren =\n      positional && !holdServerHtml && !selfClosing\n        ? spreadPositionalChildren(\n            children,\n            node as AnyNode,\n            (childNodes) =>\n              childNodes.map((child: any, key: number) => (\n                <StemComponent key={child?.$id ?? key} node={child} />\n              )),\n            BranchComponent,\n          )\n        : null\n\n    const element = holdServerHtml ? (\n      // The root hydrates; its contents stay the server's until released.\n      <Component\n        {...withoutChildren(leafProps)}\n        dangerouslySetInnerHTML={HELD_SERVER_HTML}\n        suppressHydrationWarning\n      />\n    ) : selfClosing ? (\n      <Component {...leafProps} />\n    ) : positional ? (\n      <Component {...leafProps}>\n        {positionalChildren}\n        {textContent != null && (\n          <AglynText>{textContent as any}</AglynText>\n        )}\n      </Component>\n    ) : (\n      <Component {...leafProps}>\n        {children}\n\n        {textContent != null && (\n          <AglynText>{textContent as any}</AglynText>\n        )}\n      </Component>\n    )\n\n    return (\n      <NodeIdentityContext.Provider value={node?.$id ?? ''}>\n        {element}\n      </NodeIdentityContext.Provider>\n    )\n  }),\n)\nLeaf.displayName = 'Leaf'\nLeaf['aglyn'] = true\n\nexport default Leaf\n"],"names":["components","sanitizeAuthorSx","pinRampedTypographySx","NODE_HIDE_IF_PROP","NODE_HIDE_UNLESS_PROP","NODE_ANIMATION_DELAY_PROP","NODE_ANIMATION_DURATION_PROP","NODE_ANIMATION_EASE_PROP","NODE_ANIMATION_PROP","NODE_ANIMATION_REPEAT_PROP","NODE_ANIMATION_STAGGER_PROP","NODE_ANIMATION_STAGGER_STEP_PROP","NODE_ANIMATION_TRIGGER_PROP","resolveElementAnimation","EnabledPluginsContext","isSwitchedOffForRenderedSite","NodeIdentityContext","NODE_COLOR_SCHEME_PROP","resolveElementColorScheme","FEATURE_FLAG","AglynText","styled","ThemeProvider","useSiteSchemeThemes","useTheme","mergeSxProps","observer","isNamespacedComponentId","RealmElementsContext","Children","cloneElement","forwardRef","isValidElement","Suspense","use","useContext","isValidElementType","RendererComponents","LeafSxTransformContext","RealmBoundaryContext","DeferredHydrationContext","HELD_SERVER_HTML","mayHoldServerHtml","useHeldServerHtml","resolvePaletteVarsSx","resolveSchemeSx","DefaultComponent","withoutChildren","props","children","_children","rest","ownBranchNode","kid","$id","BranchComponent","type","undefined","branchNode","node","spreadPositionalChildren","toStems","placed","out","toArray","flatMap","own","wrapped","map","stem","key","Leaf","ref","schema","theme","forcedTheme","sx","className","style","resolvedProps","propsSx","propsClassName","propsStyle","_hideIf","_hideUnless","_animation","_animationTrigger","_animationDuration","_animationDelay","_animationRepeat","_animationEase","_animationStagger","_animationStaggerStep","_colorScheme","animation","enabledPlugins","registeredSchema","getSchema","componentId","offForSite","pluginId","Factory","getFactory","realmElement","realmBoundary","realmLoadFor","loading","Component","selfClosing","Boolean","flags","ENABLED","textContent","mergedClassName","filter","join","mergedStyle","transformSx","StemComponent","activeScheme","palette","mode","pinnedScheme","schemeThemes","deferHydration","holdServerHtml","fallback","Provider","value","authorSx","composedSx","colorScheme","color","bgcolor","mergedSx","hidden","display","leafProps","attributes","positional","positionalChildren","childNodes","child","element","dangerouslySetInnerHTML","suppressHydrationWarning","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../libs/aglyn-node-renderer/src/lib/components/leaf.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Type-only, with every value this file reads named below (AGL-2486's rule,\n// applied to the render path's hottest file): a VALUE namespace import of the\n// core barrel is opaque to a bundler — it cannot know which exports are read,\n// so every module the barrel reaches is pinned into the published page's first\n// load.\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { components } from '@aglyn/aglyn/aglyn'\nimport { sanitizeAuthorSx } from '@aglyn/aglyn/app-utils/author-css'\nimport { pinRampedTypographySx } from '@aglyn/aglyn/app-utils/responsive-typography-sx'\nimport {\n  NODE_HIDE_IF_PROP,\n  NODE_HIDE_UNLESS_PROP,\n} from '@aglyn/aglyn/app-utils/reusable-component-keys'\nimport {\n  NODE_ANIMATION_DELAY_PROP,\n  NODE_ANIMATION_DURATION_PROP,\n  NODE_ANIMATION_EASE_PROP,\n  NODE_ANIMATION_PROP,\n  NODE_ANIMATION_REPEAT_PROP,\n  NODE_ANIMATION_STAGGER_PROP,\n  NODE_ANIMATION_STAGGER_STEP_PROP,\n  NODE_ANIMATION_TRIGGER_PROP,\n  resolveElementAnimation,\n} from '@aglyn/aglyn/app-utils/element-animation'\nimport {\n  EnabledPluginsContext,\n  isSwitchedOffForRenderedSite,\n} from '@aglyn/aglyn/app-utils/enabled-plugins-context'\nimport { NodeIdentityContext } from '@aglyn/aglyn/app-utils/node-identity'\nimport {\n  NODE_COLOR_SCHEME_PROP,\n  resolveElementColorScheme,\n} from '@aglyn/aglyn/app-utils/element-color-scheme'\nimport { FEATURE_FLAG } from '@aglyn/aglyn/foundation/constants/shared'\n// Deep import, NOT the barrel: `@aglyn/shared-ui-jsx`'s index re-exports the\n// Pages Router hooks (`next/router`), the inline SVG icon set and the whole\n// ~12,000-module MDI catalog, none of which a rendered node needs. This file\n// is on every published page, so the barrel's reach is that page's reach.\nimport { AglynText } from '@aglyn/shared-ui-jsx/components/aglyn-text'\nimport {\n  styled,\n  ThemeProvider,\n  useSiteSchemeThemes,\n  useTheme,\n} from '@aglyn/shared-ui-theme'\nimport { mergeSxProps } from '@aglyn/shared-ui-theme'\nimport { observer } from 'mobx-react-lite'\nimport { isNamespacedComponentId } from '@aglyn/aglyn/plugin-manager/plugin-contributions'\nimport { RealmElementsContext } from '@aglyn/aglyn/app-utils/realm-elements-context'\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  Suspense,\n  use,\n  useContext,\n} from 'react'\nimport { isValidElementType } from 'react-is'\nimport RendererComponents from '../contexts/renderer-components'\nimport { LeafSxTransformContext } from '../contexts/leaf-sx-transform'\nimport { RealmBoundaryContext } from '../contexts/realm-boundary'\nimport { DeferredHydrationContext } from '../contexts/deferred-hydration'\nimport {\n  HELD_SERVER_HTML,\n  mayHoldServerHtml,\n  useHeldServerHtml,\n} from './deferred-hydration'\nimport { resolvePaletteVarsSx, resolveSchemeSx } from '../utils/scheme-sx'\n\nconst DefaultComponent = styled('div')({})\n\n/** Leaf props with any `children` a resolved prop carried, for a held root. */\nfunction withoutChildren<T extends Record<string, unknown>>(\n  props: T,\n): Omit<T, 'children'> {\n  const { children: _children, ...rest } = props\n  return rest\n}\n\ntype AnyNode = { $id?: unknown; children?: unknown[] } | null | undefined\n\n/**\n * The node `kid` renders the subtree of, when `kid` is the `<Branch>` for\n * the node with `$id` — matched by id, not identity, because a leaf\n * component may render a resolved COPY of the node (the besigner's does)\n * while the Branch carries the original.\n */\nfunction ownBranchNode(\n  kid: unknown,\n  $id: unknown,\n  BranchComponent: unknown,\n): AnyNode {\n  if (!isValidElement(kid) || kid.type !== BranchComponent) return undefined\n  const branchNode = (kid.props as { node?: AnyNode })?.node\n  return branchNode?.$id === $id ? branchNode : undefined\n}\n\n/**\n * A positional component's children: one React child per node child, in the\n * place the `<Branch>` would have taken, with everything else a leaf\n * component put beside it kept (AGL-3660).\n *\n * The published page hands `Leaf` the Branch alone, so this is exactly the\n * per-child Stems. The besigner hands it the Branch plus what it draws around\n * the element's own children — a repeat's preview copies and badge — and,\n * for a repeat, the Branch inside a context provider. Dropping those (which\n * is what this path did before) erased a repeat's preview from any\n * positional element; keeping the Branch whole would undo the very split\n * this path exists for. So a wrapper around the Branch is applied to each\n * child instead, and the extras follow.\n *\n * The children are read off the node the BRANCH carries. The besigner's\n * render copy is a spread of its canvas node, and a canvas node's `children`\n * is a getter on its class that a spread drops — read off the copy, a\n * positional element inside a repeat, or on a record page, had no children.\n *\n * A leaf rendered with no Branch among its children gets its own node's\n * children, as it always did.\n */\nfunction spreadPositionalChildren(\n  children: unknown,\n  node: AnyNode,\n  toStems: (childNodes: unknown[]) => ReactElement[],\n  BranchComponent: unknown,\n): ReactNode[] {\n  let placed = false\n  const out = Children.toArray(children as ReactNode).flatMap((kid) => {\n    const own = ownBranchNode(kid, node?.$id, BranchComponent)\n    if (own) {\n      placed = true\n      return toStems(own.children ?? [])\n    }\n    const wrapped = isValidElement(kid)\n      ? ownBranchNode(\n          (kid.props as { children?: unknown })?.children,\n          node?.$id,\n          BranchComponent,\n        )\n      : undefined\n    if (wrapped) {\n      placed = true\n      return toStems(wrapped.children ?? []).map((stem) =>\n        cloneElement(kid as ReactElement, { key: stem.key }, stem),\n      )\n    }\n    return [kid]\n  })\n  return placed ? out : toStems(node?.children ?? [])\n}\n\nexport interface LeafProps extends HTMLAttributes<any> {\n  children?: any\n  node: Aglyn.NodeSchema\n  sx?: JSX.SxProps\n}\n\nexport const Leaf = observer(\n  forwardRef<any, LeafProps>((props, ref) => {\n    const { children, node, sx, className, style, ...rest } = props\n\n    // Pull sx/className/style out of the node's props so the spreads below\n    // can never clobber the merged values composed explicitly afterwards\n    // (AGL-569: `props.sx` used to overwrite the node-level sx entirely).\n    //\n    // The visibility directives (AGL-1314) come out here too. The compose\n    // step consumes and strips them, so a rendered page never carries one —\n    // but the component EDITOR renders definition nodes ungrafted, on\n    // purpose (the author has to see and select the part a page will hide),\n    // and there the raw `hideIf` would spread onto the element as an\n    // unknown `hideif` DOM attribute.\n    const {\n      sx: propsSx,\n      className: propsClassName,\n      style: propsStyle,\n      [NODE_HIDE_IF_PROP]: _hideIf,\n      [NODE_HIDE_UNLESS_PROP]: _hideUnless,\n      // Element animation (AGL-2486): the reserved animation props come\n      // out here for the same reason the visibility directives above do —\n      // they are directives to the RENDERER, and spreading them onto the\n      // element would land `aglynanimation=\"slide-up\"` as an unknown DOM\n      // attribute. Destructured rather than `delete`d after the fact so the\n      // `none` case is stripped too (it resolves to no animation, but it is\n      // still a prop an author saved) and so the props object keeps one\n      // shape.\n      [NODE_ANIMATION_PROP]: _animation,\n      [NODE_ANIMATION_TRIGGER_PROP]: _animationTrigger,\n      [NODE_ANIMATION_DURATION_PROP]: _animationDuration,\n      [NODE_ANIMATION_DELAY_PROP]: _animationDelay,\n      [NODE_ANIMATION_REPEAT_PROP]: _animationRepeat,\n      [NODE_ANIMATION_EASE_PROP]: _animationEase,\n      [NODE_ANIMATION_STAGGER_PROP]: _animationStagger,\n      [NODE_ANIMATION_STAGGER_STEP_PROP]: _animationStaggerStep,\n      // A pinned color scheme (AGL-3284) is a directive to the renderer, like\n      // the two groups above: consumed below, never handed to the component.\n      [NODE_COLOR_SCHEME_PROP]: _colorScheme,\n      ...resolvedProps\n    } = (node?.resolvedProps ?? node?.props ?? {}) as Record<string, any>\n\n    // Resolves to a class, a `data-` attribute and two custom properties; the\n    // keyframes themselves live in the tenant's stylesheet, so this costs no\n    // JS on any surface. The besigner canvas never ships that stylesheet\n    // (same posture as the AGL-562 hidden class), so an author sees the\n    // element in its normal, selectable, un-animated state while editing.\n    const animation = resolveElementAnimation({\n      [NODE_ANIMATION_PROP]: _animation,\n      [NODE_ANIMATION_TRIGGER_PROP]: _animationTrigger,\n      [NODE_ANIMATION_DURATION_PROP]: _animationDuration,\n      [NODE_ANIMATION_DELAY_PROP]: _animationDelay,\n      [NODE_ANIMATION_REPEAT_PROP]: _animationRepeat,\n      [NODE_ANIMATION_EASE_PROP]: _animationEase,\n      [NODE_ANIMATION_STAGGER_PROP]: _animationStagger,\n      [NODE_ANIMATION_STAGGER_STEP_PROP]: _animationStaggerStep,\n    })\n    // A component whose first-party plugin does not run on the rendered site\n    // is drawn exactly as an unregistered one is (AGL-3033): the registry is\n    // process-global and outlives the site that loaded the bundle, and the\n    // site's own browser never loads it. Its schema goes with it, so the\n    // void-element and positional flags cannot tell the server a different\n    // story from the client either.\n    const enabledPlugins = useContext(EnabledPluginsContext)\n    const registeredSchema = components.getSchema(node?.componentId)\n    const offForSite = isSwitchedOffForRenderedSite(\n      registeredSchema?.pluginId,\n      enabledPlugins,\n    )\n    const Factory = offForSite ? undefined : components.getFactory(node?.componentId)\n    // A signed marketplace plugin's element (AGL-3390) renders on the server,\n    // and the browser registers its component a moment later. Inside the\n    // element's own boundary (below) it waits for that load rather than\n    // hydrating the server's HTML as an unregistered element, which would\n    // not match it.\n    const realmElement = isNamespacedComponentId(node?.componentId)\n    const realmBoundary = useContext(RealmBoundaryContext)\n    const realmLoadFor = useContext(RealmElementsContext)\n    if (realmElement && realmBoundary === node?.$id && !Factory && !offForSite) {\n      const loading = realmLoadFor?.(node.componentId)\n      if (loading) use(loading)\n    }\n    const Component = isValidElementType(Factory) ? Factory : DefaultComponent\n\n    // Self-closing components (AGL-579): a component whose schema flags it\n    // selfClosing renders a void DOM element (e.g. Image -> <img>), and React\n    // throws during SSR when ANY children value reaches one — even the empty\n    // `[undefined, false]` the JSX below always produces. Rendering the whole\n    // page 500s off one image node (blog covers, AGL-579), so honor the flag\n    // here: no JSX children, and strip a stray `children` prop too.\n    const schema = offForSite ? undefined : registeredSchema\n    const selfClosing = Boolean(\n      (schema?.flags?.selfClosing ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    if (selfClosing) delete resolvedProps['children']\n\n    const textContent = selfClosing ? null : resolvedProps?.['children']\n\n    const mergedClassName =\n      [propsClassName, node?.className, className, animation?.className]\n        .filter(Boolean)\n        .join(' ') || undefined\n    // The animation's custom properties go in FIRST so an author who typed\n    // `--aglyn-anim-duration` into the Custom CSS tab still wins.\n    const mergedStyle =\n      animation || propsStyle || style\n        ? { ...animation?.style, ...propsStyle, ...style }\n        : undefined\n\n    // Canvas-only hook (AGL-581): the besigner provides a transform that\n    // re-targets viewport media queries at the artboard device width.\n    // Undefined everywhere else, keeping the tenant path unchanged.\n    const transformSx = useContext(LeafSxTransformContext)\n    // The Stem and Branch this tree renders with, for a positional element's\n    // children below. Read here rather than through a Consumer so the node's\n    // `children` are read in THIS observer's render and tracked by it: a\n    // child added on the canvas has to re-render the element it went into.\n    const { StemComponent, BranchComponent } = useContext(RendererComponents)\n    // Scheme-scoped styles (AGL-588): sites swap a single-mode theme for\n    // light/dark (tenant HostThemeProvider, canvas useAglynSiteTheme), so\n    // '@scheme dark' sx slices resolve here against the ACTIVE theme's\n    // palette mode — the one signal that is correct in both places.\n    const theme = useTheme() as {\n      palette?: { mode?: string } & Record<string, unknown>\n    } | null\n    const activeScheme = theme?.palette?.mode === 'dark' ? 'dark' : 'light'\n    // \"Always light\" / \"Always dark\" (AGL-3284). When the pinned scheme is not\n    // the active one, the element re-renders itself under the site's theme\n    // for that scheme, so its OWN sx — not only its descendants' — resolves\n    // palette tokens and `@scheme dark` slices for the pinned scheme. The\n    // inner render then sees the pinned scheme as active and takes the plain\n    // path; the mode check below is what guarantees that, because a site with\n    // one theme for both schemes (a single `fallback`) hands back a theme\n    // whose mode never changes, and re-wrapping it would never terminate.\n    // No provider (an email render, a bare test) means nothing to force.\n    // Every hook above runs on both paths, so the early return keeps the\n    // hook order stable when an author flips the setting.\n    const pinnedScheme = resolveElementColorScheme(_colorScheme)\n    const schemeThemes = useSiteSchemeThemes()\n    const forcedTheme =\n      pinnedScheme && pinnedScheme !== activeScheme && schemeThemes\n        ? schemeThemes(pinnedScheme)\n        : undefined\n    // A static subtree far from the viewport keeps its server HTML through\n    // hydration and renders when the visitor nears it (AGL-3581). Only on a\n    // tree that asked for it — the published page — and decided once, on the\n    // leaf's first render. See `deferred-hydration.tsx`.\n    const deferHydration = useContext(DeferredHydrationContext)\n    const holdServerHtml = useHeldServerHtml(\n      deferHydration && !offForSite && mayHoldServerHtml(node),\n      node?.$id ?? '',\n      activeScheme,\n    )\n    // Each realm element hydrates in a boundary of its own (AGL-3390), so one\n    // waiting for its bundle holds only itself. Rendered on the server too:\n    // the browser's tree has to have the same boundary to hydrate into.\n    if (realmElement && realmBoundary !== node?.$id) {\n      return (\n        <Suspense fallback={null}>\n          <RealmBoundaryContext.Provider value={node?.$id}>\n            <Leaf {...props} ref={ref} />\n          </RealmBoundaryContext.Provider>\n        </Suspense>\n      )\n    }\n    if (forcedTheme && forcedTheme.palette?.mode === pinnedScheme) {\n      return (\n        <ThemeProvider theme={forcedTheme}>\n          <Leaf {...props} ref={ref} />\n        </ThemeProvider>\n      )\n    }\n    // MUI array composition: later entries win on key conflicts, so the\n    // node-level sx (Styles panel output) overrides props.sx.\n    //\n    // Palette token references (AGL-1331): the Background Fill field\n    // persists a token-bound gradient stop as\n    // `var(--mui-palette-primary-main, #00B0FF)`, because `backgroundImage`\n    // is NOT one of the sx keys MUI resolves against the palette. They are\n    // substituted here, against the site theme, so the canvas cannot pick\n    // up the console's `--mui-palette-*` and the tenant (whose theme has no\n    // CSS variables at all) still tracks palette changes. Values carrying\n    // no reference come back by identity.\n    // Author CSS (AGL-1725): `node.sx` is the Styles panel's output, and it\n    // is free text — `backgroundImage` is a first-class field and the Custom\n    // CSS tab is free-solo, so any property and any value can be typed. On a\n    // published site that lands in the visitor's document as a real `url()`,\n    // which no input validator and no lint rule can see. Scrubbed HERE, at\n    // the last point before the merge, so it also catches values already\n    // stored; `sx` and `props.sx` are OUR components' own styles and are\n    // deliberately left alone. The scrub is scheme-only and returns its\n    // input by identity when nothing is refused, so the overwhelmingly\n    // common case (no `url()` at all) costs one walk and no new object.\n    // Responsive type ramp: LAST of the three sx passes, and it has to be —\n    // it moves a scalar `fontSize` into the `xs` slice so the author's\n    // explicit size sorts after the variant's `responsiveFontSizes` at-rules,\n    // and the scheme pass above is what collapses a dark-scheme slice down\n    // into that same top level. Running it earlier would leave a dark\n    // override's font size unpinned.\n    //\n    // A pinned element paints its scheme's page background and text color\n    // (AGL-3284), UNDER every other style so an author's own background wins.\n    // Without it an \"Always dark\" band with no background of its own is\n    // light text on the light page behind it, and text that sets no color\n    // inherits the page's dark body color. `color-scheme` makes the browser's\n    // own controls and scrollbars inside the band match. Only a pinned\n    // element carries this, so an unpinned one renders exactly as before —\n    // and so does a pinned one on a surface with no site themes to pin to.\n    const authorSx = sanitizeAuthorSx(node?.sx)\n    const composedSx = pinRampedTypographySx(\n      resolvePaletteVarsSx(\n        resolveSchemeSx(\n          pinnedScheme && schemeThemes\n            ? mergeSxProps(\n                {\n                  colorScheme: pinnedScheme,\n                  color: 'text.primary',\n                  bgcolor: 'background.default',\n                } as any,\n                sx as any,\n                propsSx as any,\n                authorSx as any,\n              )\n            : mergeSxProps(sx as any, propsSx as any, authorSx as any),\n          activeScheme,\n        ),\n        theme?.palette,\n      ),\n    )\n    /**\n     * Author visibility — the eye on the hierarchy row.\n     *\n     * LAST, and deliberately so. It has to override the element's own\n     * display, not replace it: an author who hides a Stack laid out with\n     * `display: flex` gets that flex back the moment they show it again,\n     * because the stored style was never touched. Writing `display: none`\n     * into `node.sx` would have destroyed the value it overwrote, and there\n     * would be nothing left to restore.\n     *\n     * The same rule on both surfaces. A hidden element is absent from the\n     * published page and from the canvas — \"hidden\" that still renders in the\n     * editor is a preview of a page nobody will ever see.\n     */\n    const mergedSx = node?.hidden\n      ? mergeSxProps(composedSx as any, { display: 'none' } as any)\n      : composedSx\n\n    // Shared leaf attributes; self-closing components must receive NO\n    // children at all (AGL-579) — a separate element expression keeps the\n    // childless case genuinely childless instead of `[undefined, false]`.\n    const leafProps = {\n      ref,\n      'data-aglyn': `leaf:${node?.$id}`,\n      // Before the spreads: the animation trigger/repeat attributes are ours,\n      // but an element that genuinely declared one of these should win.\n      ...animation?.attributes,\n      ...resolvedProps,\n      ...rest,\n      className: mergedClassName,\n      style: mergedStyle,\n      sx: transformSx\n        ? (transformSx(mergedSx, node?.$id) as typeof mergedSx)\n        : mergedSx,\n    }\n\n    // Node identity (AGL-659): components get their node id through a\n    // context rather than a prop, so a block can look up the server-seeded\n    // slice of `pageData` that belongs to IT — two grids on one page have\n    // different queries and must not share a seed. Nothing is added to any\n    // component's props, so no unknown attribute reaches the DOM.\n    // Positional children (AGL-1237): a component that splits its children\n    // by index — MUI's Accordion is `[summary, ...rest]` — must receive one\n    // React child per node child. The default single `<Branch>` element reads\n    // as ONE child to `Children.toArray`, so the first slot swallowed the\n    // whole subtree and every later slot got nothing. MUI's Stack counts its\n    // children the same way to place its divider between them (AGL-3660).\n    const positional = Boolean(\n      (schema?.flags?.positionalChildren ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    const positionalChildren =\n      positional && !holdServerHtml && !selfClosing\n        ? spreadPositionalChildren(\n            children,\n            node as AnyNode,\n            (childNodes) =>\n              childNodes.map((child: any, key: number) => (\n                <StemComponent key={child?.$id ?? key} node={child} />\n              )),\n            BranchComponent,\n          )\n        : null\n\n    const element = holdServerHtml ? (\n      // The root hydrates; its contents stay the server's until released.\n      <Component\n        {...withoutChildren(leafProps)}\n        dangerouslySetInnerHTML={HELD_SERVER_HTML}\n        suppressHydrationWarning\n      />\n    ) : selfClosing ? (\n      <Component {...leafProps} />\n    ) : positional ? (\n      <Component {...leafProps}>\n        {positionalChildren}\n        {textContent != null && (\n          <AglynText>{textContent as any}</AglynText>\n        )}\n      </Component>\n    ) : (\n      <Component {...leafProps}>\n        {children}\n\n        {textContent != null && (\n          <AglynText>{textContent as any}</AglynText>\n        )}\n      </Component>\n    )\n\n    return (\n      <NodeIdentityContext.Provider value={node?.$id ?? ''}>\n        {element}\n      </NodeIdentityContext.Provider>\n    )\n  }),\n)\nLeaf.displayName = 'Leaf'\nLeaf['aglyn'] = true\n\nexport default Leaf\n"],"names":["components","sanitizeAuthorSx","pinRampedTypographySx","NODE_HIDE_IF_PROP","NODE_HIDE_UNLESS_PROP","NODE_ANIMATION_DELAY_PROP","NODE_ANIMATION_DURATION_PROP","NODE_ANIMATION_EASE_PROP","NODE_ANIMATION_PROP","NODE_ANIMATION_REPEAT_PROP","NODE_ANIMATION_STAGGER_PROP","NODE_ANIMATION_STAGGER_STEP_PROP","NODE_ANIMATION_TRIGGER_PROP","resolveElementAnimation","EnabledPluginsContext","isSwitchedOffForRenderedSite","NodeIdentityContext","NODE_COLOR_SCHEME_PROP","resolveElementColorScheme","FEATURE_FLAG","AglynText","styled","ThemeProvider","useSiteSchemeThemes","useTheme","mergeSxProps","observer","isNamespacedComponentId","RealmElementsContext","Children","cloneElement","forwardRef","isValidElement","Suspense","use","useContext","isValidElementType","RendererComponents","LeafSxTransformContext","RealmBoundaryContext","DeferredHydrationContext","HELD_SERVER_HTML","mayHoldServerHtml","useHeldServerHtml","resolvePaletteVarsSx","resolveSchemeSx","DefaultComponent","withoutChildren","props","children","_children","rest","ownBranchNode","kid","$id","BranchComponent","type","undefined","branchNode","node","spreadPositionalChildren","toStems","placed","out","toArray","flatMap","own","wrapped","map","stem","key","Leaf","ref","schema","theme","forcedTheme","sx","className","style","resolvedProps","propsSx","propsClassName","propsStyle","_hideIf","_hideUnless","_animation","_animationTrigger","_animationDuration","_animationDelay","_animationRepeat","_animationEase","_animationStagger","_animationStaggerStep","_colorScheme","animation","enabledPlugins","registeredSchema","getSchema","componentId","offForSite","pluginId","Factory","getFactory","realmElement","realmBoundary","realmLoadFor","loading","Component","selfClosing","Boolean","flags","ENABLED","textContent","mergedClassName","filter","join","mergedStyle","transformSx","StemComponent","activeScheme","palette","mode","pinnedScheme","schemeThemes","deferHydration","holdServerHtml","fallback","Provider","value","authorSx","composedSx","colorScheme","color","bgcolor","mergedSx","hidden","display","leafProps","attributes","positional","positionalChildren","childNodes","child","element","dangerouslySetInnerHTML","suppressHydrationWarning","displayName"],"mappings":"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"}