@cratis/scene.react 4.8.0 → 4.10.0

package/dist/esm/renderer/BindingOutputContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingOutputContext.d.ts","sourceRoot":"","sources":["../../../renderer/BindingOutputContext.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwE,MAAM,OAAO,CAAC;AAExG,MAAM,WAAW,uBAAuB;IACpC,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAClD,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,IAAI,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,uBAAuB,CAAC;CACzD;AAUD,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;CACjF;AAKD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,0BAA0B,+BA2B/F;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,uBAAuB,CAG5E;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAE/E"}

package/dist/esm/renderer/BindingOutputContext.js

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback, useMemo, useContext, createContext } from 'react';
+
+const emptyOutputs = {
+    setOutput: ()=>undefined,
+    clearOutput: ()=>undefined,
+    clearAll: ()=>undefined
+};
+const Context = /*#__PURE__*/ createContext(undefined);
+/**
+ * Tracks component output properties for typed component-property bindings and clears them with component lifecycle.
+ */ function BindingOutputProvider({ children, onOutputsChanged }) {
+    const [outputs, setOutputs] = useState({});
+    useEffect(()=>{
+        onOutputsChanged?.(outputs);
+    }, [
+        onOutputsChanged,
+        outputs
+    ]);
+    const outputFor = useCallback((elementId)=>({
+            setOutput: (property, propertyValue)=>setOutputs((current)=>({
+                        ...current,
+                        [elementId]: {
+                            ...current[elementId] ?? {},
+                            [property]: propertyValue
+                        }
+                    })),
+            clearOutput: (property)=>setOutputs((current)=>{
+                    const elementOutputs = {
+                        ...current[elementId] ?? {}
+                    };
+                    delete elementOutputs[property];
+                    return {
+                        ...current,
+                        [elementId]: elementOutputs
+                    };
+                }),
+            clearAll: ()=>setOutputs((current)=>{
+                    const next = {
+                        ...current
+                    };
+                    delete next[elementId];
+                    return next;
+                })
+        }), []);
+    const value = useMemo(()=>({
+            outputs,
+            outputFor
+        }), [
+        outputs,
+        outputFor
+    ]);
+    return /*#__PURE__*/ jsx(Context.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useBindingOutputs(elementId) {
+    const outputFor = useContext(Context)?.outputFor;
+    return useMemo(()=>outputFor?.(elementId) ?? emptyOutputs, [
+        outputFor,
+        elementId
+    ]);
+}
+function useBindingOutputScope() {
+    return useContext(Context)?.outputs ?? {};
+}
+
+export { BindingOutputProvider, useBindingOutputScope, useBindingOutputs };
+//# sourceMappingURL=BindingOutputContext.js.map

package/dist/esm/renderer/BindingOutputContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingOutputContext.js","sources":["../../../renderer/BindingOutputContext.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nexport interface ComponentBindingOutputs {\n    setOutput(property: string, value: unknown): void;\n    clearOutput(property: string): void;\n    clearAll(): void;\n}\n\nexport interface BindingOutputProviderValue {\n    outputs: Record<string, Record<string, unknown>>;\n    outputFor(elementId: string): ComponentBindingOutputs;\n}\n\nconst emptyOutputs: ComponentBindingOutputs = {\n    setOutput: () => undefined,\n    clearOutput: () => undefined,\n    clearAll: () => undefined,\n};\n\nconst Context = createContext<BindingOutputProviderValue | undefined>(undefined);\n\nexport interface BindingOutputProviderProps {\n    children: ReactNode;\n    onOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;\n}\n\n/**\n * Tracks component output properties for typed component-property bindings and clears them with component lifecycle.\n */\nexport function BindingOutputProvider({ children, onOutputsChanged }: BindingOutputProviderProps) {\n    const [outputs, setOutputs] = useState<Record<string, Record<string, unknown>>>({});\n\n    useEffect(() => {\n        onOutputsChanged?.(outputs);\n    }, [onOutputsChanged, outputs]);\n\n    const outputFor = useCallback((elementId: string): ComponentBindingOutputs => ({\n        setOutput: (property: string, propertyValue: unknown) => setOutputs(current => ({\n            ...current,\n            [elementId]: { ...(current[elementId] ?? {}), [property]: propertyValue },\n        })),\n        clearOutput: (property: string) => setOutputs(current => {\n            const elementOutputs = { ...(current[elementId] ?? {}) };\n            delete elementOutputs[property];\n            return { ...current, [elementId]: elementOutputs };\n        }),\n        clearAll: () => setOutputs(current => {\n            const next = { ...current };\n            delete next[elementId];\n            return next;\n        }),\n    }), []);\n\n    const value = useMemo<BindingOutputProviderValue>(() => ({ outputs, outputFor }), [outputs, outputFor]);\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\nexport function useBindingOutputs(elementId: string): ComponentBindingOutputs {\n    const outputFor = useContext(Context)?.outputFor;\n    return useMemo(() => outputFor?.(elementId) ?? emptyOutputs, [outputFor, elementId]);\n}\n\nexport function useBindingOutputScope(): Record<string, Record<string, unknown>> {\n    return useContext(Context)?.outputs ?? {};\n}\n"],"names":["emptyOutputs","setOutput","undefined","clearOutput","clearAll","Context","createContext","BindingOutputProvider","children","onOutputsChanged","outputs","setOutputs","useState","useEffect","outputFor","useCallback","elementId","property","propertyValue","current","elementOutputs","next","value","useMemo","_jsx","Provider","useBindingOutputs","useContext","useBindingOutputScope"],"mappings":";;;AAgBA,MAAMA,YAAAA,GAAwC;AAC1CC,IAAAA,SAAAA,EAAW,IAAMC,SAAAA;AACjBC,IAAAA,WAAAA,EAAa,IAAMD,SAAAA;AACnBE,IAAAA,QAAAA,EAAU,IAAMF;AACpB,CAAA;AAEA,MAAMG,wBAAUC,aAAAA,CAAsDJ,SAAAA,CAAAA;AAOtE;;AAEC,IACM,SAASK,qBAAAA,CAAsB,EAAEC,QAAQ,EAAEC,gBAAgB,EAA8B,EAAA;AAC5F,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGC,SAAkD,EAAC,CAAA;IAEjFC,SAAAA,CAAU,IAAA;QACNJ,gBAAAA,GAAmBC,OAAAA,CAAAA;IACvB,CAAA,EAAG;AAACD,QAAAA,gBAAAA;AAAkBC,QAAAA;AAAQ,KAAA,CAAA;AAE9B,IAAA,MAAMI,SAAAA,GAAYC,WAAAA,CAAY,CAACC,SAAAA,IAAgD;AAC3Ef,YAAAA,SAAAA,EAAW,CAACgB,QAAAA,EAAkBC,aAAAA,GAA2BP,UAAAA,CAAWQ,CAAAA,WAAY;AAC5E,wBAAA,GAAGA,OAAO;AACV,wBAAA,CAACH,YAAY;AAAE,4BAAA,GAAIG,OAAO,CAACH,SAAAA,CAAU,IAAI,EAAE;AAAG,4BAAA,CAACC,WAAWC;AAAc;qBAC5E,CAAA,CAAA;YACAf,WAAAA,EAAa,CAACc,QAAAA,GAAqBN,UAAAA,CAAWQ,CAAAA,OAAAA,GAAAA;AAC1C,oBAAA,MAAMC,cAAAA,GAAiB;AAAE,wBAAA,GAAID,OAAO,CAACH,SAAAA,CAAU,IAAI;AAAI,qBAAA;oBACvD,OAAOI,cAAc,CAACH,QAAAA,CAAS;oBAC/B,OAAO;AAAE,wBAAA,GAAGE,OAAO;AAAE,wBAAA,CAACH,YAAYI;AAAe,qBAAA;AACrD,gBAAA,CAAA,CAAA;YACAhB,QAAAA,EAAU,IAAMO,WAAWQ,CAAAA,OAAAA,GAAAA;AACvB,oBAAA,MAAME,IAAAA,GAAO;AAAE,wBAAA,GAAGF;AAAQ,qBAAA;oBAC1B,OAAOE,IAAI,CAACL,SAAAA,CAAU;oBACtB,OAAOK,IAAAA;AACX,gBAAA,CAAA;AACJ,SAAA,GAAI,EAAE,CAAA;IAEN,MAAMC,KAAAA,GAAQC,OAAAA,CAAoC,KAAO;AAAEb,YAAAA,OAAAA;AAASI,YAAAA;AAAU,SAAA,CAAA,EAAI;AAACJ,QAAAA,OAAAA;AAASI,QAAAA;AAAU,KAAA,CAAA;IAEtG,qBAAOU,GAAA,CAACnB,QAAQoB,QAAQ,EAAA;QAACH,KAAAA,EAAOA,KAAAA;AAAQd,QAAAA,QAAAA,EAAAA;;AAC5C;AAEO,SAASkB,kBAAkBV,SAAiB,EAAA;IAC/C,MAAMF,SAAAA,GAAYa,WAAWtB,OAAAA,CAAAA,EAAUS,SAAAA;AACvC,IAAA,OAAOS,OAAAA,CAAQ,IAAMT,SAAAA,GAAYE,SAAAA,CAAAA,IAAchB,YAAAA,EAAc;AAACc,QAAAA,SAAAA;AAAWE,QAAAA;AAAU,KAAA,CAAA;AACvF;AAEO,SAASY,qBAAAA,GAAAA;IACZ,OAAOD,UAAAA,CAAWtB,OAAAA,CAAAA,EAAUK,OAAAA,IAAW,EAAC;AAC5C;;"}

package/dist/esm/renderer/ComponentRegistry.d.ts

@@ -1,10 +1,12 @@
 import { ComponentType, ReactNode } from 'react';
 import { ExternalComponent } from '@cratis/scene.model';
 import { InteractionHandlers } from '../interactions';
+import { ComponentBindingOutputs } from './BindingOutputContext';
 export interface RegisteredComponentProps {
     element: ExternalComponent;
     slots: Record<string, ReactNode[]>;
     interactions?: InteractionHandlers;
+    bindingOutputs?: ComponentBindingOutputs;
 }
 export type ComponentRegistry = Record<string, ComponentType<RegisteredComponentProps>>;
 //# sourceMappingURL=ComponentRegistry.d.ts.map

package/dist/esm/renderer/ComponentRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentRegistry.d.ts","sourceRoot":"","sources":["../../../renderer/ComponentRegistry.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKtD,MAAM,WAAW,wBAAwB;IACrC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAUnC,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACtC;AAUD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ComponentRegistry.d.ts","sourceRoot":"","sources":["../../../renderer/ComponentRegistry.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAKjE,MAAM,WAAW,wBAAwB;IACrC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAUnC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAGnC,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC5C;AAUD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC"}

package/dist/esm/renderer/InteractiveComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveComponent.d.ts","sourceRoot":"","sources":["../../../renderer/InteractiveComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACnD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;CACtC;AASD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,yBAAyB,+GAG5F"}
+{"version":3,"file":"InteractiveComponent.d.ts","sourceRoot":"","sources":["../../../renderer/InteractiveComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAqB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACnD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;CACtC;AASD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,yBAAyB,+GAU5F"}

package/dist/esm/renderer/InteractiveComponent.js

@@ -1,7 +1,9 @@
-import { createElement } from 'react';
+import { useMemo, useEffect, createElement } from 'react';
 import 'react/jsx-runtime';
 import { useInteractions } from '../interactions/useInteractions.js';
 import '../interactions/NotificationHost.js';
+import { useBindingOutputs } from './BindingOutputContext.js';
+import { useRenderBindingResolver } from './RenderBindingScopeContext.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -13,12 +15,45 @@ import '../interactions/NotificationHost.js';
  * same element tree be rendered by something that is not React at all.
  */ function InteractiveComponent({ component, element, slots }) {
     const interactions = useInteractions(element.id, element.behaviors);
-    return /*#__PURE__*/ createElement(component, {
+    const bindingOutputs = useBindingOutputs(element.id);
+    const resolveBinding = useRenderBindingResolver();
+    const resolvedElement = useMemo(()=>({
+            ...element,
+            properties: resolveProperties(element.properties, resolveBinding)
+        }), [
         element,
+        resolveBinding
+    ]);
+    useEffect(()=>()=>bindingOutputs.clearAll(), [
+        element.id
+    ]);
+    return /*#__PURE__*/ createElement(component, {
+        element: resolvedElement,
         slots,
-        interactions
+        interactions,
+        bindingOutputs
     });
 }
+function resolveProperties(properties, resolveBinding) {
+    return Object.fromEntries(Object.entries(properties).map(([name, value])=>[
+            name,
+            resolveValue(value, resolveBinding)
+        ]));
+}
+function resolveValue(value, resolveBinding) {
+    if (isBindingExpression(value)) return resolveBinding(value);
+    if (Array.isArray(value)) return value.map((entry)=>resolveValue(entry, resolveBinding));
+    if (value !== null && typeof value === 'object') {
+        return Object.fromEntries(Object.entries(value).map(([name, entry])=>[
+                name,
+                resolveValue(entry, resolveBinding)
+            ]));
+    }
+    return value;
+}
+function isBindingExpression(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value) && typeof value.path === 'string';
+}
 
 export { InteractiveComponent };
 //# sourceMappingURL=InteractiveComponent.js.map

package/dist/esm/renderer/InteractiveComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveComponent.js","sources":["../../../renderer/InteractiveComponent.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentType, ReactNode, createElement } from 'react';\nimport { ExternalComponent } from '@cratis/scene.model';\nimport { useInteractions } from '../interactions';\nimport { RegisteredComponentProps } from './ComponentRegistry';\n\nexport interface InteractiveComponentProps {\n    component: ComponentType<RegisteredComponentProps>;\n    element: ExternalComponent;\n    slots: Record<string, ReactNode[]>;\n}\n\n/**\n * Resolves an element's interactions and hands them to the component that renders it.\n *\n * This exists as a component rather than as a call inside the renderer because resolving them is a hook, and a\n * hook cannot run inside the plain function a {@link Renderer} is. Keeping the renderer plain is what lets the\n * same element tree be rendered by something that is not React at all.\n */\nexport function InteractiveComponent({ component, element, slots }: InteractiveComponentProps) {\n    const interactions = useInteractions(element.id, element.behaviors);\n    return createElement(component, { element, slots, interactions });\n}\n"],"names":["InteractiveComponent","component","element","slots","interactions","useInteractions","id","behaviors","createElement"],"mappings":";;;;;AAAA;AACA;AAaA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,eAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;AAClE,IAAA,qBAAOC,cAAcP,SAAAA,EAAW;AAAEC,QAAAA,OAAAA;AAASC,QAAAA,KAAAA;AAAOC,QAAAA;AAAa,KAAA,CAAA;AACnE;;"}
+{"version":3,"file":"InteractiveComponent.js","sources":["../../../renderer/InteractiveComponent.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentType, ReactNode, createElement, useEffect, useMemo } from 'react';\nimport { BindingExpression, ExternalComponent } from '@cratis/scene.model';\nimport { useInteractions } from '../interactions';\nimport { useBindingOutputs } from './BindingOutputContext';\nimport { RegisteredComponentProps } from './ComponentRegistry';\nimport { useRenderBindingResolver } from './RenderBindingScopeContext';\n\nexport interface InteractiveComponentProps {\n    component: ComponentType<RegisteredComponentProps>;\n    element: ExternalComponent;\n    slots: Record<string, ReactNode[]>;\n}\n\n/**\n * Resolves an element's interactions and hands them to the component that renders it.\n *\n * This exists as a component rather than as a call inside the renderer because resolving them is a hook, and a\n * hook cannot run inside the plain function a {@link Renderer} is. Keeping the renderer plain is what lets the\n * same element tree be rendered by something that is not React at all.\n */\nexport function InteractiveComponent({ component, element, slots }: InteractiveComponentProps) {\n    const interactions = useInteractions(element.id, element.behaviors);\n    const bindingOutputs = useBindingOutputs(element.id);\n    const resolveBinding = useRenderBindingResolver();\n    const resolvedElement = useMemo(() => ({\n        ...element,\n        properties: resolveProperties(element.properties, resolveBinding),\n    }), [element, resolveBinding]);\n    useEffect(() => () => bindingOutputs.clearAll(), [element.id]);\n    return createElement(component, { element: resolvedElement, slots, interactions, bindingOutputs });\n}\n\nfunction resolveProperties(properties: Record<string, unknown>, resolveBinding: (binding: BindingExpression) => unknown): Record<string, unknown> {\n    return Object.fromEntries(Object.entries(properties).map(([name, value]) => [name, resolveValue(value, resolveBinding)]));\n}\n\nfunction resolveValue(value: unknown, resolveBinding: (binding: BindingExpression) => unknown): unknown {\n    if (isBindingExpression(value)) return resolveBinding(value);\n    if (Array.isArray(value)) return value.map(entry => resolveValue(entry, resolveBinding));\n    if (value !== null && typeof value === 'object') {\n        return Object.fromEntries(Object.entries(value as Record<string, unknown>).map(([name, entry]) => [name, resolveValue(entry, resolveBinding)]));\n    }\n\n    return value;\n}\n\nfunction isBindingExpression(value: unknown): value is BindingExpression {\n    return value !== null && typeof value === 'object' && !Array.isArray(value) && typeof (value as Record<string, unknown>).path === 'string';\n}\n"],"names":["InteractiveComponent","component","element","slots","interactions","useInteractions","id","behaviors","bindingOutputs","useBindingOutputs","resolveBinding","useRenderBindingResolver","resolvedElement","useMemo","properties","resolveProperties","useEffect","clearAll","createElement","Object","fromEntries","entries","map","name","value","resolveValue","isBindingExpression","Array","isArray","entry","path"],"mappings":";;;;;;;AAAA;AACA;AAeA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,eAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;IAClE,MAAMC,cAAAA,GAAiBC,iBAAAA,CAAkBP,OAAAA,CAAQI,EAAE,CAAA;AACnD,IAAA,MAAMI,cAAAA,GAAiBC,wBAAAA,EAAAA;IACvB,MAAMC,eAAAA,GAAkBC,OAAAA,CAAQ,KAAO;AACnC,YAAA,GAAGX,OAAO;YACVY,UAAAA,EAAYC,iBAAAA,CAAkBb,OAAAA,CAAQY,UAAU,EAAEJ,cAAAA;AACtD,SAAA,CAAA,EAAI;AAACR,QAAAA,OAAAA;AAASQ,QAAAA;AAAe,KAAA,CAAA;AAC7BM,IAAAA,SAAAA,CAAU,IAAM,IAAMR,cAAAA,CAAeS,QAAQ,EAAA,EAAI;AAACf,QAAAA,OAAAA,CAAQI;AAAG,KAAA,CAAA;AAC7D,IAAA,qBAAOY,cAAcjB,SAAAA,EAAW;QAAEC,OAAAA,EAASU,eAAAA;AAAiBT,QAAAA,KAAAA;AAAOC,QAAAA,YAAAA;AAAcI,QAAAA;AAAe,KAAA,CAAA;AACpG;AAEA,SAASO,iBAAAA,CAAkBD,UAAmC,EAAEJ,cAAuD,EAAA;AACnH,IAAA,OAAOS,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACP,UAAAA,CAAAA,CAAYQ,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMC,MAAM,GAAK;AAACD,YAAAA,IAAAA;AAAME,YAAAA,YAAAA,CAAaD,KAAAA,EAAOd,cAAAA;AAAgB,SAAA,CAAA,CAAA;AAC3H;AAEA,SAASe,YAAAA,CAAaD,KAAc,EAAEd,cAAuD,EAAA;IACzF,IAAIgB,mBAAAA,CAAoBF,KAAAA,CAAAA,EAAQ,OAAOd,cAAAA,CAAec,KAAAA,CAAAA;IACtD,IAAIG,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,EAAQ,OAAOA,KAAAA,CAAMF,GAAG,CAACO,CAAAA,KAAAA,GAASJ,YAAAA,CAAaI,KAAAA,EAAOnB,cAAAA,CAAAA,CAAAA;AACxE,IAAA,IAAIc,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,QAAA,EAAU;AAC7C,QAAA,OAAOL,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACG,KAAAA,CAAAA,CAAkCF,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMM,MAAM,GAAK;AAACN,gBAAAA,IAAAA;AAAME,gBAAAA,YAAAA,CAAaI,KAAAA,EAAOnB,cAAAA;AAAgB,aAAA,CAAA,CAAA;AACjJ,IAAA;IAEA,OAAOc,KAAAA;AACX;AAEA,SAASE,oBAAoBF,KAAc,EAAA;AACvC,IAAA,OAAOA,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,YAAY,CAACG,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,IAAU,OAAO,KAACA,CAAkCM,IAAI,KAAK,QAAA;AACtI;;"}

package/dist/esm/renderer/RenderBindingScopeContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { BindingResolver, BindingScope } from '@cratis/scene.engine';
+export interface RenderBindingScopeProviderProps {
+    children: ReactNode;
+    dataContext?: unknown;
+    queryResults?: Record<string, unknown>;
+    componentOutputs?: Record<string, Record<string, unknown>>;
+    resolveBinding?: BindingResolver;
+    onComponentOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;
+}
+export declare function RenderBindingScopeProvider(props: RenderBindingScopeProviderProps): import("react").JSX.Element;
+export declare function useRenderBindingResolver(): BindingResolver;
+export declare function useRenderBindingScope(): BindingScope;
+//# sourceMappingURL=RenderBindingScopeContext.d.ts.map

package/dist/esm/renderer/RenderBindingScopeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBindingScopeContext.d.ts","sourceRoot":"","sources":["../../../renderer/RenderBindingScopeContext.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA2D,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,YAAY,EAA4B,MAAM,sBAAsB,CAAC;AAW/F,MAAM,WAAW,+BAA+B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1F;AAKD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,+BAShF;AA4BD,wBAAgB,wBAAwB,IAAI,eAAe,CAI1D;AAED,wBAAgB,qBAAqB,IAAI,YAAY,CAEpD"}

package/dist/esm/renderer/RenderBindingScopeContext.js

@@ -0,0 +1,73 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext, createContext, useRef, useMemo, useCallback } from 'react';
+import { resolveBindingExpression } from '@cratis/scene.engine';
+import { BindingNullBehavior } from '@cratis/scene.model';
+import { BindingOutputProvider, useBindingOutputScope } from './BindingOutputContext.js';
+
+const Context = /*#__PURE__*/ createContext(undefined);
+/**
+ * Provides the inherited reactive binding scope for a rendered Scene tree.
+ */ function RenderBindingScopeProvider(props) {
+    const current = useContext(Context);
+    if (current) return /*#__PURE__*/ jsx(Fragment, {
+        children: props.children
+    });
+    return /*#__PURE__*/ jsx(BindingOutputProvider, {
+        onOutputsChanged: props.onComponentOutputsChanged,
+        children: /*#__PURE__*/ jsx(RenderBindingScopeInner, {
+            ...props
+        })
+    });
+}
+function RenderBindingScopeInner({ children, dataContext, queryResults, componentOutputs, resolveBinding }) {
+    const outputs = useBindingOutputScope();
+    const previousValues = useRef(new Map());
+    const scope = useMemo(()=>({
+            dataContext,
+            queryResults,
+            componentOutputs: {
+                ...componentOutputs ?? {},
+                ...outputs
+            }
+        }), [
+        componentOutputs,
+        dataContext,
+        outputs,
+        queryResults
+    ]);
+    const resolver = useCallback((binding)=>{
+        if (!binding.kind && resolveBinding) return resolveBinding(binding);
+        const key = JSON.stringify(binding);
+        const value = resolveBindingExpression(binding, scope);
+        if (binding.nullBehavior === BindingNullBehavior.Preserve && value === undefined) {
+            return previousValues.current.get(key);
+        }
+        if (value !== undefined) previousValues.current.set(key, value);
+        return value;
+    }, [
+        resolveBinding,
+        scope
+    ]);
+    const value = useMemo(()=>({
+            resolveBinding: resolver,
+            scope
+        }), [
+        resolver,
+        scope
+    ]);
+    return /*#__PURE__*/ jsx(Context.Provider, {
+        value: value,
+        children: children
+    });
+}
+function useRenderBindingResolver() {
+    const context = useContext(Context);
+    if (!context) throw new Error('No Scene render binding scope is available.');
+    return context.resolveBinding;
+}
+function useRenderBindingScope() {
+    return useContext(Context)?.scope ?? {};
+}
+
+export { RenderBindingScopeProvider, useRenderBindingResolver, useRenderBindingScope };
+//# sourceMappingURL=RenderBindingScopeContext.js.map

package/dist/esm/renderer/RenderBindingScopeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBindingScopeContext.js","sources":["../../../renderer/RenderBindingScopeContext.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, createContext, useCallback, useContext, useMemo, useRef } from 'react';\nimport { BindingResolver, BindingScope, resolveBindingExpression } from '@cratis/scene.engine';\nimport { BindingExpression, BindingNullBehavior } from '@cratis/scene.model';\nimport { BindingOutputProvider, useBindingOutputScope } from './BindingOutputContext';\n\ninterface RenderBindingScopeValue {\n    resolveBinding: BindingResolver;\n    scope: BindingScope;\n}\n\nconst Context = createContext<RenderBindingScopeValue | undefined>(undefined);\n\nexport interface RenderBindingScopeProviderProps {\n    children: ReactNode;\n    dataContext?: unknown;\n    queryResults?: Record<string, unknown>;\n    componentOutputs?: Record<string, Record<string, unknown>>;\n    resolveBinding?: BindingResolver;\n    onComponentOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;\n}\n\n/**\n * Provides the inherited reactive binding scope for a rendered Scene tree.\n */\nexport function RenderBindingScopeProvider(props: RenderBindingScopeProviderProps) {\n    const current = useContext(Context);\n    if (current) return <>{props.children}</>;\n\n    return (\n        <BindingOutputProvider onOutputsChanged={props.onComponentOutputsChanged}>\n            <RenderBindingScopeInner {...props} />\n        </BindingOutputProvider>\n    );\n}\n\nfunction RenderBindingScopeInner({ children, dataContext, queryResults, componentOutputs, resolveBinding }: RenderBindingScopeProviderProps) {\n    const outputs = useBindingOutputScope();\n    const previousValues = useRef(new Map<string, unknown>());\n    const scope = useMemo<BindingScope>(() => ({\n        dataContext,\n        queryResults,\n        componentOutputs: { ...(componentOutputs ?? {}), ...outputs },\n    }), [componentOutputs, dataContext, outputs, queryResults]);\n\n    const resolver = useCallback<BindingResolver>((binding: BindingExpression) => {\n        if (!binding.kind && resolveBinding) return resolveBinding(binding);\n\n        const key = JSON.stringify(binding);\n        const value = resolveBindingExpression(binding, scope);\n        if (binding.nullBehavior === BindingNullBehavior.Preserve && value === undefined) {\n            return previousValues.current.get(key);\n        }\n\n        if (value !== undefined) previousValues.current.set(key, value);\n        return value;\n    }, [resolveBinding, scope]);\n\n    const value = useMemo<RenderBindingScopeValue>(() => ({ resolveBinding: resolver, scope }), [resolver, scope]);\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\nexport function useRenderBindingResolver(): BindingResolver {\n    const context = useContext(Context);\n    if (!context) throw new Error('No Scene render binding scope is available.');\n    return context.resolveBinding;\n}\n\nexport function useRenderBindingScope(): BindingScope {\n    return useContext(Context)?.scope ?? {};\n}\n"],"names":["Context","createContext","undefined","RenderBindingScopeProvider","props","current","useContext","_jsx","_Fragment","children","BindingOutputProvider","onOutputsChanged","onComponentOutputsChanged","RenderBindingScopeInner","dataContext","queryResults","componentOutputs","resolveBinding","outputs","useBindingOutputScope","previousValues","useRef","Map","scope","useMemo","resolver","useCallback","binding","kind","key","JSON","stringify","value","resolveBindingExpression","nullBehavior","BindingNullBehavior","Preserve","get","set","Provider","useRenderBindingResolver","context","Error","useRenderBindingScope"],"mappings":";;;;;;AAaA,MAAMA,wBAAUC,aAAAA,CAAmDC,SAAAA,CAAAA;AAWnE;;IAGO,SAASC,0BAAAA,CAA2BC,KAAsC,EAAA;AAC7E,IAAA,MAAMC,UAAUC,UAAAA,CAAWN,OAAAA,CAAAA;AAC3B,IAAA,IAAIK,SAAS,qBAAOE,GAAA,CAAAC,QAAA,EAAA;AAAGJ,QAAAA,QAAAA,EAAAA,KAAAA,CAAMK;;AAE7B,IAAA,qBACIF,GAAA,CAACG,qBAAAA,EAAAA;AAAsBC,QAAAA,gBAAAA,EAAkBP,MAAMQ,yBAAyB;AACpE,QAAA,QAAA,gBAAAL,GAAA,CAACM,uBAAAA,EAAAA;AAAyB,YAAA,GAAGT;;;AAGzC;AAEA,SAASS,uBAAAA,CAAwB,EAAEJ,QAAQ,EAAEK,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,cAAc,EAAmC,EAAA;AACvI,IAAA,MAAMC,OAAAA,GAAUC,qBAAAA,EAAAA;IAChB,MAAMC,cAAAA,GAAiBC,OAAO,IAAIC,GAAAA,EAAAA,CAAAA;IAClC,MAAMC,KAAAA,GAAQC,OAAAA,CAAsB,KAAO;AACvCV,YAAAA,WAAAA;AACAC,YAAAA,YAAAA;YACAC,gBAAAA,EAAkB;gBAAE,GAAIA,gBAAAA,IAAoB,EAAE;AAAG,gBAAA,GAAGE;AAAQ;AAChE,SAAA,CAAA,EAAI;AAACF,QAAAA,gBAAAA;AAAkBF,QAAAA,WAAAA;AAAaI,QAAAA,OAAAA;AAASH,QAAAA;AAAa,KAAA,CAAA;IAE1D,MAAMU,QAAAA,GAAWC,YAA6B,CAACC,OAAAA,GAAAA;AAC3C,QAAA,IAAI,CAACA,OAAAA,CAAQC,IAAI,IAAIX,cAAAA,EAAgB,OAAOA,cAAAA,CAAeU,OAAAA,CAAAA;QAE3D,MAAME,GAAAA,GAAMC,IAAAA,CAAKC,SAAS,CAACJ,OAAAA,CAAAA;QAC3B,MAAMK,KAAAA,GAAQC,yBAAyBN,OAAAA,EAASJ,KAAAA,CAAAA;AAChD,QAAA,IAAII,QAAQO,YAAY,KAAKC,oBAAoBC,QAAQ,IAAIJ,UAAU9B,SAAAA,EAAW;AAC9E,YAAA,OAAOkB,cAAAA,CAAef,OAAO,CAACgC,GAAG,CAACR,GAAAA,CAAAA;AACtC,QAAA;AAEA,QAAA,IAAIG,UAAU9B,SAAAA,EAAWkB,cAAAA,CAAef,OAAO,CAACiC,GAAG,CAACT,GAAAA,EAAKG,KAAAA,CAAAA;QACzD,OAAOA,KAAAA;IACX,CAAA,EAAG;AAACf,QAAAA,cAAAA;AAAgBM,QAAAA;AAAM,KAAA,CAAA;IAE1B,MAAMS,KAAAA,GAAQR,OAAAA,CAAiC,KAAO;YAAEP,cAAAA,EAAgBQ,QAAAA;AAAUF,YAAAA;AAAM,SAAA,CAAA,EAAI;AAACE,QAAAA,QAAAA;AAAUF,QAAAA;AAAM,KAAA,CAAA;IAC7G,qBAAOhB,GAAA,CAACP,QAAQuC,QAAQ,EAAA;QAACP,KAAAA,EAAOA,KAAAA;AAAQvB,QAAAA,QAAAA,EAAAA;;AAC5C;AAEO,SAAS+B,wBAAAA,GAAAA;AACZ,IAAA,MAAMC,UAAUnC,UAAAA,CAAWN,OAAAA,CAAAA;AAC3B,IAAA,IAAI,CAACyC,OAAAA,EAAS,MAAM,IAAIC,KAAAA,CAAM,6CAAA,CAAA;AAC9B,IAAA,OAAOD,QAAQxB,cAAc;AACjC;AAEO,SAAS0B,qBAAAA,GAAAA;IACZ,OAAOrC,UAAAA,CAAWN,OAAAA,CAAAA,EAAUuB,KAAAA,IAAS,EAAC;AAC1C;;"}

package/dist/esm/renderer/index.d.ts

@@ -1,4 +1,7 @@
+export * from './AbortableQueryRunner';
+export * from './BindingOutputContext';
 export * from './ComponentRegistry';
+export * from './RenderBindingScopeContext';
 export * from './UnresolvedComponent';
 export * from './createReactRenderer';
 export * from './InteractiveComponent';

package/dist/esm/renderer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/esm/renderer/index.js

@@ -1,4 +1,7 @@
+export * from './AbortableQueryRunner';
+export * from './BindingOutputContext';
 export * from './ComponentRegistry';
+export * from './RenderBindingScopeContext';
 export * from './UnresolvedComponent';
 export * from './createReactRenderer';
 export * from './InteractiveComponent';

package/dist/esm/renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}