@inf-monkeys-tech/monkeys-design 1.0.7 → 1.0.8

package/dist/components/runtime/index.d.mts

@@ -1,19 +1,24 @@
-import { e as RenderNodeHostElement, f as RenderNodeHostProps, h as RenderNodeRuntimeState } from '../../OverlayNodeHost-14bb9b0f18f4.mjs';
+import { h as RenderNodeRuntimeState, e as RenderNodeHostElement, f as RenderNodeHostProps } from '../../OverlayNodeHost-14bb9b0f18f4.mjs';
 export { A as ApplicationHandoffLink, a as ApplicationHandoffLinkProps, O as OverlayHistoryAdapter, b as OverlayNodeHost, c as OverlayNodeHostProps, d as OverlayNodeRuntimeContext, R as RenderNodeHost, g as RenderNodePolicyState, i as RenderNodeScrollPosition, j as RenderNodeScrollRestoration, k as browserOverlayHistoryAdapter, l as buildOverlayUrl, m as getOverlayPresentationClassNames, n as getOverlayZIndex, o as getRenderNodeDataAttributes, p as isOverlayUrlActive, r as resolveRenderNodePolicyState, s as sessionRenderNodeScrollRestoration } from '../../OverlayNodeHost-14bb9b0f18f4.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RenderTree, RenderNode } from '@inf-monkeys-tech/monkeys';
-import { Ref, ReactNode } from 'react';
+import { RenderNode, RenderTree } from '@inf-monkeys-tech/monkeys';
+import { ReactNode, Ref } from 'react';
 import '../../types-3c51850d34c1.mjs';
 import '@radix-ui/react-context-menu';
 interface RenderTreeNodeContext extends RenderNodeRuntimeState {
     node: RenderNode;
     children: ReactNode;
+    childNodes: readonly RenderNode[];
+    childrenBySlot: Readonly<Record<string, ReactNode>>;
 }
 interface RenderTreeHostProps {
     tree: RenderTree;
     activeNodeIds?: ReadonlySet<string>;
     visibleNodeIds?: ReadonlySet<string>;
     manualQueryNodeIds?: ReadonlySet<string>;
+    loading?: ReactNode;
+    empty?: ReactNode;
+    error?: ReactNode;
     elementForNode?: (node: RenderNode) => RenderNodeHostElement;
     classNameForNode?: (node: RenderNode) => string | undefined;
     elementRefForNode?: (node: RenderNode) => Ref<HTMLElement> | undefined;
@@ -23,7 +28,7 @@ interface RenderTreeHostProps {
     onManualQueryEnabledChange?: RenderNodeHostProps['onManualQueryEnabledChange'];
     onRuntimeStateChange?: RenderNodeHostProps['onRuntimeStateChange'];
 }
-declare function RenderTreeHost({ tree, activeNodeIds, visibleNodeIds, manualQueryNodeIds, elementForNode, classNameForNode, elementRefForNode, scrollRestoration, renderNode, onActivate, onManualQueryEnabledChange, onRuntimeStateChange, }: RenderTreeHostProps): react_jsx_runtime.JSX.Element;
+declare function RenderTreeHost({ tree, activeNodeIds, visibleNodeIds, manualQueryNodeIds, loading, empty, error, elementForNode, classNameForNode, elementRefForNode, scrollRestoration, renderNode, onActivate, onManualQueryEnabledChange, onRuntimeStateChange, }: RenderTreeHostProps): react_jsx_runtime.JSX.Element;
 interface RenderTreeRuntimeSnapshot {
     contract: 'RenderTreeRuntimeSnapshot';
     treeId: string;
@@ -45,4 +50,19 @@ interface RenderTreeRuntimeHostProps extends Omit<RenderTreeHostProps, 'activeNo
     onActivate?: RenderTreeHostProps['onActivate'];
 }
 declare function RenderTreeRuntimeHost({ tree, historyAdapter, onActivate, onRuntimeStateChange, ...props }: RenderTreeRuntimeHostProps): react_jsx_runtime.JSX.Element;
-export { RenderNodeHostElement, RenderNodeHostProps, RenderNodeRuntimeState, type RenderTreeHistoryAdapter, RenderTreeHost, type RenderTreeHostProps, type RenderTreeNodeContext, RenderTreeRuntimeHost, type RenderTreeRuntimeHostProps, type RenderTreeRuntimeSnapshot, browserRenderTreeHistoryAdapter };
+interface RenderTreeRegistryNodeContext<TBinding = unknown> extends RenderTreeNodeContext {
+    binding: TBinding | undefined;
+    model: RenderNode['renderModel'];
+}
+type RenderTreeComponentRenderer<TBinding = unknown> = (context: RenderTreeRegistryNodeContext<TBinding>) => ReactNode;
+type RenderTreeComponentRegistry = Readonly<Record<string, RenderTreeComponentRenderer>>;
+type RenderTreeBindingRegistry = Readonly<Record<string, unknown>>;
+interface RenderTreeRegistryHostProps extends Omit<RenderTreeRuntimeHostProps, 'renderNode' | 'tree'> {
+    tree: RenderTree;
+    components: RenderTreeComponentRegistry;
+    bindings?: RenderTreeBindingRegistry;
+    resolveBinding?: (node: RenderNode, bindings: RenderTreeBindingRegistry) => unknown;
+    renderMissingComponent?: (context: RenderTreeNodeContext) => ReactNode;
+}
+declare function RenderTreeRegistryHost({ tree, components, bindings, resolveBinding, renderMissingComponent, ...props }: RenderTreeRegistryHostProps): react_jsx_runtime.JSX.Element;
+export { RenderNodeHostElement, RenderNodeHostProps, RenderNodeRuntimeState, type RenderTreeBindingRegistry, type RenderTreeComponentRegistry, type RenderTreeComponentRenderer, type RenderTreeHistoryAdapter, RenderTreeHost, type RenderTreeHostProps, type RenderTreeNodeContext, RenderTreeRegistryHost, type RenderTreeRegistryHostProps, type RenderTreeRegistryNodeContext, RenderTreeRuntimeHost, type RenderTreeRuntimeHostProps, type RenderTreeRuntimeSnapshot, browserRenderTreeHistoryAdapter };

package/dist/components/runtime/index.d.ts

@@ -1,19 +1,24 @@
-import { e as RenderNodeHostElement, f as RenderNodeHostProps, h as RenderNodeRuntimeState } from '../../OverlayNodeHost-3c763888b689.js';
+import { h as RenderNodeRuntimeState, e as RenderNodeHostElement, f as RenderNodeHostProps } from '../../OverlayNodeHost-3c763888b689.js';
 export { A as ApplicationHandoffLink, a as ApplicationHandoffLinkProps, O as OverlayHistoryAdapter, b as OverlayNodeHost, c as OverlayNodeHostProps, d as OverlayNodeRuntimeContext, R as RenderNodeHost, g as RenderNodePolicyState, i as RenderNodeScrollPosition, j as RenderNodeScrollRestoration, k as browserOverlayHistoryAdapter, l as buildOverlayUrl, m as getOverlayPresentationClassNames, n as getOverlayZIndex, o as getRenderNodeDataAttributes, p as isOverlayUrlActive, r as resolveRenderNodePolicyState, s as sessionRenderNodeScrollRestoration } from '../../OverlayNodeHost-3c763888b689.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RenderTree, RenderNode } from '@inf-monkeys-tech/monkeys';
-import { Ref, ReactNode } from 'react';
+import { RenderNode, RenderTree } from '@inf-monkeys-tech/monkeys';
+import { ReactNode, Ref } from 'react';
 import '../../types-3c51850d34c1.js';
 import '@radix-ui/react-context-menu';
 interface RenderTreeNodeContext extends RenderNodeRuntimeState {
     node: RenderNode;
     children: ReactNode;
+    childNodes: readonly RenderNode[];
+    childrenBySlot: Readonly<Record<string, ReactNode>>;
 }
 interface RenderTreeHostProps {
     tree: RenderTree;
     activeNodeIds?: ReadonlySet<string>;
     visibleNodeIds?: ReadonlySet<string>;
     manualQueryNodeIds?: ReadonlySet<string>;
+    loading?: ReactNode;
+    empty?: ReactNode;
+    error?: ReactNode;
     elementForNode?: (node: RenderNode) => RenderNodeHostElement;
     classNameForNode?: (node: RenderNode) => string | undefined;
     elementRefForNode?: (node: RenderNode) => Ref<HTMLElement> | undefined;
@@ -23,7 +28,7 @@ interface RenderTreeHostProps {
     onManualQueryEnabledChange?: RenderNodeHostProps['onManualQueryEnabledChange'];
     onRuntimeStateChange?: RenderNodeHostProps['onRuntimeStateChange'];
 }
-declare function RenderTreeHost({ tree, activeNodeIds, visibleNodeIds, manualQueryNodeIds, elementForNode, classNameForNode, elementRefForNode, scrollRestoration, renderNode, onActivate, onManualQueryEnabledChange, onRuntimeStateChange, }: RenderTreeHostProps): react_jsx_runtime.JSX.Element;
+declare function RenderTreeHost({ tree, activeNodeIds, visibleNodeIds, manualQueryNodeIds, loading, empty, error, elementForNode, classNameForNode, elementRefForNode, scrollRestoration, renderNode, onActivate, onManualQueryEnabledChange, onRuntimeStateChange, }: RenderTreeHostProps): react_jsx_runtime.JSX.Element;
 interface RenderTreeRuntimeSnapshot {
     contract: 'RenderTreeRuntimeSnapshot';
     treeId: string;
@@ -45,4 +50,19 @@ interface RenderTreeRuntimeHostProps extends Omit<RenderTreeHostProps, 'activeNo
     onActivate?: RenderTreeHostProps['onActivate'];
 }
 declare function RenderTreeRuntimeHost({ tree, historyAdapter, onActivate, onRuntimeStateChange, ...props }: RenderTreeRuntimeHostProps): react_jsx_runtime.JSX.Element;
-export { RenderNodeHostElement, RenderNodeHostProps, RenderNodeRuntimeState, type RenderTreeHistoryAdapter, RenderTreeHost, type RenderTreeHostProps, type RenderTreeNodeContext, RenderTreeRuntimeHost, type RenderTreeRuntimeHostProps, type RenderTreeRuntimeSnapshot, browserRenderTreeHistoryAdapter };
+interface RenderTreeRegistryNodeContext<TBinding = unknown> extends RenderTreeNodeContext {
+    binding: TBinding | undefined;
+    model: RenderNode['renderModel'];
+}
+type RenderTreeComponentRenderer<TBinding = unknown> = (context: RenderTreeRegistryNodeContext<TBinding>) => ReactNode;
+type RenderTreeComponentRegistry = Readonly<Record<string, RenderTreeComponentRenderer>>;
+type RenderTreeBindingRegistry = Readonly<Record<string, unknown>>;
+interface RenderTreeRegistryHostProps extends Omit<RenderTreeRuntimeHostProps, 'renderNode' | 'tree'> {
+    tree: RenderTree;
+    components: RenderTreeComponentRegistry;
+    bindings?: RenderTreeBindingRegistry;
+    resolveBinding?: (node: RenderNode, bindings: RenderTreeBindingRegistry) => unknown;
+    renderMissingComponent?: (context: RenderTreeNodeContext) => ReactNode;
+}
+declare function RenderTreeRegistryHost({ tree, components, bindings, resolveBinding, renderMissingComponent, ...props }: RenderTreeRegistryHostProps): react_jsx_runtime.JSX.Element;
+export { RenderNodeHostElement, RenderNodeHostProps, RenderNodeRuntimeState, type RenderTreeBindingRegistry, type RenderTreeComponentRegistry, type RenderTreeComponentRenderer, type RenderTreeHistoryAdapter, RenderTreeHost, type RenderTreeHostProps, type RenderTreeNodeContext, RenderTreeRegistryHost, type RenderTreeRegistryHostProps, type RenderTreeRegistryNodeContext, RenderTreeRuntimeHost, type RenderTreeRuntimeHostProps, type RenderTreeRuntimeSnapshot, browserRenderTreeHistoryAdapter };

package/dist/components/runtime/index.js

@@ -2683,6 +2683,9 @@ function RenderTreeHost({
   activeNodeIds,
   visibleNodeIds,
   manualQueryNodeIds,
+  loading,
+  empty,
+  error,
   elementForNode = defaultElementForNode,
   classNameForNode,
   elementRefForNode,
@@ -2694,7 +2697,11 @@ function RenderTreeHost({
 }) {
   const compiled = react.useMemo(() => runtime.compileRenderTree(tree), [tree]);
   const renderBranch = (node) => {
-    const descendants = compiled.childrenOf(node.nodeId).map((child) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderBranch(child) }, child.nodeId));
+    const childNodes = compiled.childrenOf(node.nodeId);
+    const descendants = childNodes.map((child) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderBranch(child) }, child.nodeId));
+    const childrenBySlot = Object.freeze(Object.fromEntries(
+      childNodes.map((child, index) => [child.slot ?? child.nodeId, descendants[index]])
+    ));
     return /* @__PURE__ */ jsxRuntime.jsx(
       RenderNodeHost,
       {
@@ -2703,13 +2710,22 @@ function RenderTreeHost({
         active: activeNodeIds?.has(node.nodeId) ?? true,
         visible: visibleNodeIds?.has(node.nodeId) ?? true,
         manualQueryEnabled: manualQueryNodeIds?.has(node.nodeId) ?? false,
+        loading,
+        empty,
+        error,
         className: classNameForNode?.(node),
         elementRef: elementRefForNode?.(node),
         scrollRestoration,
         onActivate,
         onManualQueryEnabledChange,
         onRuntimeStateChange,
-        children: (runtime) => renderNode?.({ ...runtime, node, children: descendants }) ?? descendants
+        children: (runtime) => renderNode?.({
+          ...runtime,
+          node,
+          children: descendants,
+          childNodes,
+          childrenBySlot
+        }) ?? descendants
       },
       node.nodeId
     );
@@ -2866,11 +2882,43 @@ function RenderTreeRuntimeHost({
     }
   );
 }
+var defaultResolveBinding = (node, bindings) => {
+  const bindingId = node.dataContextRef?.id;
+  return bindingId ? bindings[bindingId] : void 0;
+};
+function RenderTreeRegistryHost({
+  tree,
+  components,
+  bindings = {},
+  resolveBinding = defaultResolveBinding,
+  renderMissingComponent,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RenderTreeRuntimeHost,
+    {
+      ...props,
+      tree,
+      renderNode: (context) => {
+        const renderer = components[context.node.capabilityRef.id];
+        if (!renderer) {
+          return renderMissingComponent?.(context) ?? context.children;
+        }
+        return renderer({
+          ...context,
+          binding: resolveBinding(context.node, bindings),
+          model: context.node.renderModel
+        });
+      }
+    }
+  );
+}
 
 exports.ApplicationHandoffLink = ApplicationHandoffLink;
 exports.OverlayNodeHost = OverlayNodeHost;
 exports.RenderNodeHost = RenderNodeHost;
 exports.RenderTreeHost = RenderTreeHost;
+exports.RenderTreeRegistryHost = RenderTreeRegistryHost;
 exports.RenderTreeRuntimeHost = RenderTreeRuntimeHost;
 exports.browserOverlayHistoryAdapter = browserOverlayHistoryAdapter;
 exports.browserRenderTreeHistoryAdapter = browserRenderTreeHistoryAdapter;