@aglyn/aglyn-node-renderer 1.0.0-beta.213 → 1.0.0-beta.215

package/package.json

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

package/src/lib/components/leaf.js

@@ -39,10 +39,13 @@ import { AglynText } from "@aglyn/shared-ui-jsx/components/aglyn-text";
 import { styled, ThemeProvider, useSiteSchemeThemes, useTheme } from "@aglyn/shared-ui-theme";
 import { mergeSxProps } from "@aglyn/shared-ui-theme";
 import { observer } from "mobx-react-lite";
-import { forwardRef, useContext } from "react";
+import { isNamespacedComponentId } from "@aglyn/aglyn/plugin-manager/plugin-contributions";
+import { RealmElementsContext } from "@aglyn/aglyn/app-utils/realm-elements-context";
+import { forwardRef, Suspense, use, useContext } from "react";
 import { isValidElementType } from "react-is";
 import RendererComponents from "../contexts/renderer-components.js";
 import { LeafSxTransformContext } from "../contexts/leaf-sx-transform.js";
+import { RealmBoundaryContext } from "../contexts/realm-boundary.js";
 import { resolvePaletteVarsSx, resolveSchemeSx } from "../utils/scheme-sx.js";
 const DefaultComponent = styled('div')({});
 export const Leaf = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
@@ -116,6 +119,18 @@ export const Leaf = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
     const registeredSchema = components.getSchema(node == null ? void 0 : node.componentId);
     const offForSite = isSwitchedOffForRenderedSite(registeredSchema == null ? void 0 : registeredSchema.pluginId, enabledPlugins);
     const Factory = offForSite ? undefined : components.getFactory(node == null ? void 0 : node.componentId);
+    // A signed marketplace plugin's element (AGL-3390) renders on the server,
+    // and the browser registers its component a moment later. Inside the
+    // element's own boundary (below) it waits for that load rather than
+    // hydrating the server's HTML as an unregistered element, which would
+    // not match it.
+    const realmElement = isNamespacedComponentId(node == null ? void 0 : node.componentId);
+    const realmBoundary = useContext(RealmBoundaryContext);
+    const realmLoadFor = useContext(RealmElementsContext);
+    if (realmElement && realmBoundary === (node == null ? void 0 : node.$id) && !Factory && !offForSite) {
+        const loading = realmLoadFor == null ? void 0 : realmLoadFor(node.componentId);
+        if (loading) use(loading);
+    }
     const Component = isValidElementType(Factory) ? Factory : DefaultComponent;
     // Self-closing components (AGL-579): a component whose schema flags it
     // selfClosing renders a void DOM element (e.g. Image -> <img>), and React
@@ -160,6 +175,20 @@ export const Leaf = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
     const pinnedScheme = resolveElementColorScheme(_colorScheme);
     const schemeThemes = useSiteSchemeThemes();
     const forcedTheme = pinnedScheme && pinnedScheme !== activeScheme && schemeThemes ? schemeThemes(pinnedScheme) : undefined;
+    // 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.
+    if (realmElement && realmBoundary !== (node == null ? void 0 : node.$id)) {
+        return /*#__PURE__*/ _jsx(Suspense, {
+            fallback: null,
+            children: /*#__PURE__*/ _jsx(RealmBoundaryContext.Provider, {
+                value: node == null ? void 0 : node.$id,
+                children: /*#__PURE__*/ _jsx(Leaf, _extends({}, props, {
+                    ref: ref
+                }))
+            })
+        });
+    }
     if (forcedTheme && ((_forcedTheme_palette = forcedTheme.palette) == null ? void 0 : _forcedTheme_palette.mode) === pinnedScheme) {
         return /*#__PURE__*/ _jsx(ThemeProvider, {
             theme: forcedTheme,

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 { forwardRef, type HTMLAttributes, useContext } from 'react'\nimport { isValidElementType } from 'react-is'\nimport RendererComponents from '../contexts/renderer-components'\nimport { LeafSxTransformContext } from '../contexts/leaf-sx-transform'\nimport { resolvePaletteVarsSx, resolveSchemeSx } from '../utils/scheme-sx'\n\nconst DefaultComponent = styled('div')({})\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    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    // 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    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.\n    const positional = Boolean(\n      (schema?.flags?.positionalChildren ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    const childNodes = positional ? (node?.children ?? []) : null\n\n    const element = selfClosing ? (\n      <Component {...leafProps} />\n    ) : positional ? (\n      <RendererComponents.Consumer>\n        {({ StemComponent }) => (\n          <Component {...leafProps}>\n            {childNodes!.map((child: any, key: number) => (\n              <StemComponent key={child?.$id ?? key} node={child} />\n            ))}\n            {textContent != null && (\n              <AglynText>{textContent as any}</AglynText>\n            )}\n          </Component>\n        )}\n      </RendererComponents.Consumer>\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","forwardRef","useContext","isValidElementType","RendererComponents","LeafSxTransformContext","resolvePaletteVarsSx","resolveSchemeSx","DefaultComponent","Leaf","props","ref","node","schema","theme","forcedTheme","children","sx","className","style","rest","resolvedProps","propsSx","propsClassName","propsStyle","_hideIf","_hideUnless","_animation","_animationTrigger","_animationDuration","_animationDelay","_animationRepeat","_animationEase","_animationStagger","_animationStaggerStep","_colorScheme","animation","enabledPlugins","registeredSchema","getSchema","componentId","offForSite","pluginId","Factory","undefined","getFactory","Component","selfClosing","Boolean","flags","ENABLED","textContent","mergedClassName","filter","join","mergedStyle","transformSx","activeScheme","palette","mode","pinnedScheme","schemeThemes","authorSx","composedSx","colorScheme","color","bgcolor","mergedSx","hidden","display","leafProps","$id","attributes","positional","positionalChildren","childNodes","element","Consumer","StemComponent","map","child","key","Provider","value","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  forwardRef,\n  type HTMLAttributes,\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 { resolvePaletteVarsSx, resolveSchemeSx } from '../utils/scheme-sx'\n\nconst DefaultComponent = styled('div')({})\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    // 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    // 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.\n    const positional = Boolean(\n      (schema?.flags?.positionalChildren ?? 0) & FEATURE_FLAG.ENABLED,\n    )\n    const childNodes = positional ? (node?.children ?? []) : null\n\n    const element = selfClosing ? (\n      <Component {...leafProps} />\n    ) : positional ? (\n      <RendererComponents.Consumer>\n        {({ StemComponent }) => (\n          <Component {...leafProps}>\n            {childNodes!.map((child: any, key: number) => (\n              <StemComponent key={child?.$id ?? key} node={child} />\n            ))}\n            {textContent != null && (\n              <AglynText>{textContent as any}</AglynText>\n            )}\n          </Component>\n        )}\n      </RendererComponents.Consumer>\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","forwardRef","Suspense","use","useContext","isValidElementType","RendererComponents","LeafSxTransformContext","RealmBoundaryContext","resolvePaletteVarsSx","resolveSchemeSx","DefaultComponent","Leaf","props","ref","node","schema","theme","forcedTheme","children","sx","className","style","rest","resolvedProps","propsSx","propsClassName","propsStyle","_hideIf","_hideUnless","_animation","_animationTrigger","_animationDuration","_animationDelay","_animationRepeat","_animationEase","_animationStagger","_animationStaggerStep","_colorScheme","animation","enabledPlugins","registeredSchema","getSchema","componentId","offForSite","pluginId","Factory","undefined","getFactory","realmElement","realmBoundary","realmLoadFor","$id","loading","Component","selfClosing","Boolean","flags","ENABLED","textContent","mergedClassName","filter","join","mergedStyle","transformSx","activeScheme","palette","mode","pinnedScheme","schemeThemes","fallback","Provider","value","authorSx","composedSx","colorScheme","color","bgcolor","mergedSx","hidden","display","leafProps","attributes","positional","positionalChildren","childNodes","element","Consumer","StemComponent","map","child","key","displayName"],"mappings":"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"}

package/src/lib/contexts/realm-boundary.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The node id of the realm element whose Suspense boundary a leaf is
+ * rendering inside (AGL-3390). A namespaced element renders its boundary
+ * once and then itself inside it; this is how the inner render knows it is
+ * the inner one, without a prop that could reach the DOM.
+ */
+export declare const RealmBoundaryContext: import("react").Context<string>;

package/src/lib/contexts/realm-boundary.js

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { createContext } from "react";
+/**
+ * The node id of the realm element whose Suspense boundary a leaf is
+ * rendering inside (AGL-3390). A namespaced element renders its boundary
+ * once and then itself inside it; this is how the inner render knows it is
+ * the inner one, without a prop that could reach the DOM.
+ */ export const RealmBoundaryContext = createContext(undefined);
+RealmBoundaryContext.displayName = 'RealmBoundaryContext';
+
+//# sourceMappingURL=realm-boundary.js.map

package/src/lib/contexts/realm-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../libs/aglyn-node-renderer/src/lib/contexts/realm-boundary.ts"],"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 */\nimport { createContext } from 'react'\n\n/**\n * The node id of the realm element whose Suspense boundary a leaf is\n * rendering inside (AGL-3390). A namespaced element renders its boundary\n * once and then itself inside it; this is how the inner render knows it is\n * the inner one, without a prop that could reach the DOM.\n */\nexport const RealmBoundaryContext = createContext<string | undefined>(undefined)\nRealmBoundaryContext.displayName = 'RealmBoundaryContext'\n"],"names":["createContext","RealmBoundaryContext","undefined","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD,SAASA,aAAa,QAAQ,QAAO;AAErC;;;;;CAKC,GACD,OAAO,MAAMC,uBAAuBD,cAAkCE,WAAU;AAChFD,qBAAqBE,WAAW,GAAG"}