@cratis/scene.react 4.9.0 → 4.11.0

package/dist/cjs/packages/PackageHostConfiguration.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var scene_engine = require('@cratis/scene.engine');
+var IconAdapterRegistry = require('../icons/IconAdapterRegistry.js');
 var ScenePackageBundle = require('./ScenePackageBundle.js');
 
 // Copyright (c) Cratis. All rights reserved.
@@ -8,21 +10,41 @@ var ScenePackageBundle = require('./ScenePackageBundle.js');
  * Resolves the approved package set a standalone or embedded React host uses.
  */ function resolvePackageHost(configuration) {
     const diagnostics = [];
+    const names = new Map();
+    for (const bundle of configuration.bundles){
+        names.set(bundle.manifest.name, (names.get(bundle.manifest.name) ?? 0) + 1);
+    }
+    for (const [name, count] of names){
+        if (count > 1) diagnostics.push(`Package '${name}' is approved more than once; duplicate bundles are ambiguous`);
+    }
     const byName = new Map(configuration.bundles.map((bundle)=>[
             bundle.manifest.name,
             bundle
         ]));
+    const selection = scene_engine.resolvePackageDependencies(configuration.profile.packages, configuration.bundles.map((bundle)=>bundle.manifest));
+    for (const missing of selection.missing)diagnostics.push(`Package '${missing.package}' depends on missing package '${missing.dependsOn}'`);
+    for (const conflict of selection.versionConflicts){
+        diagnostics.push(`Package '${conflict.package}' requires '${conflict.dependsOn}' ${conflict.requiredRange} but approved version is ${conflict.actualVersion}`);
+    }
+    for (const cycle of selection.cycles)diagnostics.push(`Package dependency cycle: ${cycle.join(' -> ')}`);
     const bundles = [];
     const runtimeSingletons = new Map();
-    for (const packageName of configuration.profile.packages){
+    const assets = [];
+    for (const packageName of selection.packages){
         const bundle = byName.get(packageName);
         if (!bundle) {
             diagnostics.push(`UI profile asks for '${packageName}' but the host did not approve a bundle for it`);
             continue;
         }
-        if (!configuration.policy.allowNetworkAssets && (bundle.manifest.assets ?? []).some((asset)=>/^https?:\/\//.test(asset))) {
+        diagnostics.push(...ScenePackageBundle.validatePackageBundle(bundle).map((problem)=>`${packageName}: ${problem}`));
+        if (configuration.policy.loadDesignTime === true && !configuration.policy.allowExecutableImports && bundle.designTime) {
+            diagnostics.push(`Package '${packageName}' provides executable design-time contributions, but host policy forbids them`);
+        }
+        const packageAssets = bundle.manifest.assets ?? [];
+        if (!configuration.policy.allowNetworkAssets && packageAssets.some((asset)=>/^https?:\/\//.test(asset))) {
             diagnostics.push(`Package '${packageName}' declares network assets, but host policy forbids them`);
         }
+        assets.push(...packageAssets);
         for (const dependency of bundle.manifest.runtimeSingletons ?? []){
             const owner = runtimeSingletons.get(dependency);
             if (owner && owner !== packageName) {
@@ -32,12 +54,26 @@ var ScenePackageBundle = require('./ScenePackageBundle.js');
         }
         bundles.push(bundle);
     }
+    const blocked = diagnostics.length > 0;
+    const approved = blocked ? [] : bundles;
+    const approvedAssets = blocked ? [] : assets;
     return {
-        bundles,
-        components: ScenePackageBundle.mergePackageRegistries(bundles),
+        bundles: approved,
+        components: ScenePackageBundle.mergePackageRegistries(approved),
+        layouts: approved.flatMap((bundle)=>bundle.layouts ?? []),
+        screenTemplates: approved.flatMap((bundle)=>bundle.screenTemplates ?? []),
+        dialogTemplates: approved.flatMap((bundle)=>bundle.dialogTemplates ?? []),
+        themes: approved.flatMap((bundle)=>bundle.themes ?? []),
+        icons: IconAdapterRegistry.createIconAdapterRegistry(approved.map((bundle)=>bundle.iconLibrary?.adapter).filter((adapter)=>adapter !== undefined)),
+        assets: approvedAssets,
+        fonts: approvedAssets.filter(isFontAsset),
+        blocked,
         diagnostics
     };
 }
+function isFontAsset(asset) {
+    return /\.(woff2?|otf|ttf)(\?|$)/.test(asset) || asset.includes('/fonts/');
+}
 
 exports.resolvePackageHost = resolvePackageHost;
 //# sourceMappingURL=PackageHostConfiguration.js.map

package/dist/cjs/packages/PackageHostConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"file":"PackageHostConfiguration.js","sources":["../../../packages/PackageHostConfiguration.ts"],"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 { UiProfile } from '@cratis/scene.model';\nimport { ScenePackageBundle, mergePackageRegistries } from './ScenePackageBundle';\n\nexport interface PackageHostPolicy {\n    allowExecutableImports: boolean;\n    allowNetworkAssets: boolean;\n}\n\nexport interface PackageHostConfiguration {\n    bundles: ScenePackageBundle[];\n    profile: UiProfile;\n    policy: PackageHostPolicy;\n}\n\nexport interface ResolvedPackageHost {\n    bundles: ScenePackageBundle[];\n    components: ReturnType<typeof mergePackageRegistries>;\n    diagnostics: string[];\n}\n\n/**\n * Resolves the approved package set a standalone or embedded React host uses.\n */\nexport function resolvePackageHost(configuration: PackageHostConfiguration): ResolvedPackageHost {\n    const diagnostics: string[] = [];\n    const byName = new Map(configuration.bundles.map(bundle => [bundle.manifest.name, bundle]));\n    const bundles: ScenePackageBundle[] = [];\n    const runtimeSingletons = new Map<string, string>();\n\n    for (const packageName of configuration.profile.packages) {\n        const bundle = byName.get(packageName);\n        if (!bundle) {\n            diagnostics.push(`UI profile asks for '${packageName}' but the host did not approve a bundle for it`);\n            continue;\n        }\n\n        if (!configuration.policy.allowNetworkAssets && (bundle.manifest.assets ?? []).some(asset => /^https?:\\/\\//.test(asset))) {\n            diagnostics.push(`Package '${packageName}' declares network assets, but host policy forbids them`);\n        }\n\n        for (const dependency of bundle.manifest.runtimeSingletons ?? []) {\n            const owner = runtimeSingletons.get(dependency);\n            if (owner && owner !== packageName) {\n                diagnostics.push(`Runtime singleton '${dependency}' is provided by both '${owner}' and '${packageName}'`);\n            }\n            runtimeSingletons.set(dependency, packageName);\n        }\n\n        bundles.push(bundle);\n    }\n\n    return { bundles, components: mergePackageRegistries(bundles), diagnostics };\n}\n"],"names":["resolvePackageHost","configuration","diagnostics","byName","Map","bundles","map","bundle","manifest","name","runtimeSingletons","packageName","profile","packages","get","push","policy","allowNetworkAssets","assets","some","asset","test","dependency","owner","set","components","mergePackageRegistries"],"mappings":";;;;AAAA;AACA;AAsBA;;IAGO,SAASA,kBAAAA,CAAmBC,aAAuC,EAAA;AACtE,IAAA,MAAMC,cAAwB,EAAE;IAChC,MAAMC,MAAAA,GAAS,IAAIC,GAAAA,CAAIH,aAAAA,CAAcI,OAAO,CAACC,GAAG,CAACC,CAAAA,MAAAA,GAAU;YAACA,MAAAA,CAAOC,QAAQ,CAACC,IAAI;AAAEF,YAAAA;AAAO,SAAA,CAAA,CAAA;AACzF,IAAA,MAAMF,UAAgC,EAAE;AACxC,IAAA,MAAMK,oBAAoB,IAAIN,GAAAA,EAAAA;AAE9B,IAAA,KAAK,MAAMO,WAAAA,IAAeV,aAAAA,CAAcW,OAAO,CAACC,QAAQ,CAAE;QACtD,MAAMN,MAAAA,GAASJ,MAAAA,CAAOW,GAAG,CAACH,WAAAA,CAAAA;AAC1B,QAAA,IAAI,CAACJ,MAAAA,EAAQ;AACTL,YAAAA,WAAAA,CAAYa,IAAI,CAAC,CAAC,qBAAqB,EAAEJ,WAAAA,CAAY,8CAA8C,CAAC,CAAA;AACpG,YAAA;AACJ,QAAA;QAEA,IAAI,CAACV,cAAce,MAAM,CAACC,kBAAkB,IAAKV,CAAAA,MAAAA,CAAOC,QAAQ,CAACU,MAAM,IAAI,EAAE,EAAEC,IAAI,CAACC,CAAAA,KAAAA,GAAS,cAAA,CAAeC,IAAI,CAACD,KAAAA,CAAAA,CAAAA,EAAS;AACtHlB,YAAAA,WAAAA,CAAYa,IAAI,CAAC,CAAC,SAAS,EAAEJ,WAAAA,CAAY,uDAAuD,CAAC,CAAA;AACrG,QAAA;QAEA,KAAK,MAAMW,cAAcf,MAAAA,CAAOC,QAAQ,CAACE,iBAAiB,IAAI,EAAE,CAAE;YAC9D,MAAMa,KAAAA,GAAQb,iBAAAA,CAAkBI,GAAG,CAACQ,UAAAA,CAAAA;YACpC,IAAIC,KAAAA,IAASA,UAAUZ,WAAAA,EAAa;AAChCT,gBAAAA,WAAAA,CAAYa,IAAI,CAAC,CAAC,mBAAmB,EAAEO,UAAAA,CAAW,uBAAuB,EAAEC,KAAAA,CAAM,OAAO,EAAEZ,WAAAA,CAAY,CAAC,CAAC,CAAA;AAC5G,YAAA;YACAD,iBAAAA,CAAkBc,GAAG,CAACF,UAAAA,EAAYX,WAAAA,CAAAA;AACtC,QAAA;AAEAN,QAAAA,OAAAA,CAAQU,IAAI,CAACR,MAAAA,CAAAA;AACjB,IAAA;IAEA,OAAO;AAAEF,QAAAA,OAAAA;AAASoB,QAAAA,UAAAA,EAAYC,yCAAAA,CAAuBrB,OAAAA,CAAAA;AAAUH,QAAAA;AAAY,KAAA;AAC/E;;"}
+{"version":3,"file":"PackageHostConfiguration.js","sources":["../../../packages/PackageHostConfiguration.ts"],"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 { DialogTemplate, Layout, ScreenTemplate, Theme, UiProfile } from '@cratis/scene.model';\nimport { resolvePackageDependencies } from '@cratis/scene.engine';\nimport { IconAdapterRegistry, createIconAdapterRegistry } from '../icons/IconAdapterRegistry';\nimport { ScenePackageBundle, mergePackageRegistries, validatePackageBundle } from './ScenePackageBundle';\n\nexport interface PackageHostPolicy {\n    allowExecutableImports: boolean;\n    allowNetworkAssets: boolean;\n\n    /** Whether this host is resolving optional design-time bundles in addition to runtime contributions. */\n    loadDesignTime?: boolean;\n}\n\nexport interface PackageHostConfiguration {\n    bundles: ScenePackageBundle[];\n    profile: UiProfile;\n    policy: PackageHostPolicy;\n}\n\nexport interface ResolvedPackageHost {\n    bundles: ScenePackageBundle[];\n    components: ReturnType<typeof mergePackageRegistries>;\n    layouts: Layout[];\n    screenTemplates: ScreenTemplate[];\n    dialogTemplates: DialogTemplate[];\n    themes: Theme[];\n    icons: IconAdapterRegistry;\n    assets: string[];\n    fonts: string[];\n    blocked: boolean;\n    diagnostics: string[];\n}\n\n/**\n * Resolves the approved package set a standalone or embedded React host uses.\n */\nexport function resolvePackageHost(configuration: PackageHostConfiguration): ResolvedPackageHost {\n    const diagnostics: string[] = [];\n    const names = new Map<string, number>();\n    for (const bundle of configuration.bundles) {\n        names.set(bundle.manifest.name, (names.get(bundle.manifest.name) ?? 0) + 1);\n    }\n\n    for (const [name, count] of names) {\n        if (count > 1) diagnostics.push(`Package '${name}' is approved more than once; duplicate bundles are ambiguous`);\n    }\n\n    const byName = new Map(configuration.bundles.map(bundle => [bundle.manifest.name, bundle]));\n    const selection = resolvePackageDependencies(configuration.profile.packages, configuration.bundles.map(bundle => bundle.manifest));\n    for (const missing of selection.missing) diagnostics.push(`Package '${missing.package}' depends on missing package '${missing.dependsOn}'`);\n    for (const conflict of selection.versionConflicts) {\n        diagnostics.push(`Package '${conflict.package}' requires '${conflict.dependsOn}' ${conflict.requiredRange} but approved version is ${conflict.actualVersion}`);\n    }\n    for (const cycle of selection.cycles) diagnostics.push(`Package dependency cycle: ${cycle.join(' -> ')}`);\n\n    const bundles: ScenePackageBundle[] = [];\n    const runtimeSingletons = new Map<string, string>();\n    const assets: string[] = [];\n\n    for (const packageName of selection.packages) {\n        const bundle = byName.get(packageName);\n        if (!bundle) {\n            diagnostics.push(`UI profile asks for '${packageName}' but the host did not approve a bundle for it`);\n            continue;\n        }\n\n        diagnostics.push(...validatePackageBundle(bundle).map(problem => `${packageName}: ${problem}`));\n        if (configuration.policy.loadDesignTime === true && !configuration.policy.allowExecutableImports && bundle.designTime) {\n            diagnostics.push(`Package '${packageName}' provides executable design-time contributions, but host policy forbids them`);\n        }\n\n        const packageAssets = bundle.manifest.assets ?? [];\n        if (!configuration.policy.allowNetworkAssets && packageAssets.some(asset => /^https?:\\/\\//.test(asset))) {\n            diagnostics.push(`Package '${packageName}' declares network assets, but host policy forbids them`);\n        }\n        assets.push(...packageAssets);\n\n        for (const dependency of bundle.manifest.runtimeSingletons ?? []) {\n            const owner = runtimeSingletons.get(dependency);\n            if (owner && owner !== packageName) {\n                diagnostics.push(`Runtime singleton '${dependency}' is provided by both '${owner}' and '${packageName}'`);\n            }\n            runtimeSingletons.set(dependency, packageName);\n        }\n\n        bundles.push(bundle);\n    }\n\n    const blocked = diagnostics.length > 0;\n    const approved = blocked ? [] : bundles;\n    const approvedAssets = blocked ? [] : assets;\n\n    return {\n        bundles: approved,\n        components: mergePackageRegistries(approved),\n        layouts: approved.flatMap(bundle => bundle.layouts ?? []),\n        screenTemplates: approved.flatMap(bundle => bundle.screenTemplates ?? []),\n        dialogTemplates: approved.flatMap(bundle => bundle.dialogTemplates ?? []),\n        themes: approved.flatMap(bundle => bundle.themes ?? []),\n        icons: createIconAdapterRegistry(approved.map(bundle => bundle.iconLibrary?.adapter).filter(adapter => adapter !== undefined)),\n        assets: approvedAssets,\n        fonts: approvedAssets.filter(isFontAsset),\n        blocked,\n        diagnostics,\n    };\n}\n\nfunction isFontAsset(asset: string): boolean {\n    return /\\.(woff2?|otf|ttf)(\\?|$)/.test(asset) || asset.includes('/fonts/');\n}\n"],"names":["resolvePackageHost","configuration","diagnostics","names","Map","bundle","bundles","set","manifest","name","get","count","push","byName","map","selection","resolvePackageDependencies","profile","packages","missing","package","dependsOn","conflict","versionConflicts","requiredRange","actualVersion","cycle","cycles","join","runtimeSingletons","assets","packageName","validatePackageBundle","problem","policy","loadDesignTime","allowExecutableImports","designTime","packageAssets","allowNetworkAssets","some","asset","test","dependency","owner","blocked","length","approved","approvedAssets","components","mergePackageRegistries","layouts","flatMap","screenTemplates","dialogTemplates","themes","icons","createIconAdapterRegistry","iconLibrary","adapter","filter","undefined","fonts","isFontAsset","includes"],"mappings":"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"}

package/dist/cjs/packages/PackageHostRenderMode.js

@@ -0,0 +1,15 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The host surface rendering a resolved package profile.
+ */ var PackageHostRenderMode = /*#__PURE__*/ function(PackageHostRenderMode) {
+    PackageHostRenderMode["Standalone"] = "standalone";
+    PackageHostRenderMode["Embedded"] = "embedded";
+    PackageHostRenderMode["WebView"] = "webView";
+    return PackageHostRenderMode;
+}({});
+
+exports.PackageHostRenderMode = PackageHostRenderMode;
+//# sourceMappingURL=PackageHostRenderMode.js.map

package/dist/cjs/packages/PackageHostRenderMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageHostRenderMode.js","sources":["../../../packages/PackageHostRenderMode.ts"],"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\n/**\n * The host surface rendering a resolved package profile.\n */\nexport enum PackageHostRenderMode {\n    Standalone = 'standalone',\n    Embedded = 'embedded',\n    WebView = 'webView',\n}\n"],"names":["PackageHostRenderMode"],"mappings":";;AAAA;AACA;AAEA;;IAGO,IAAKA,qBAAAA,iBAAAA,SAAAA,qBAAAA,EAAAA;;;;AAAAA,IAAAA,OAAAA,qBAAAA;AAIX,CAAA,CAAA,EAAA;;"}

package/dist/cjs/packages/PackageHostView.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var SceneElementView = require('../SceneElementView.js');
+var PackageHostAssets = require('./PackageHostAssets.js');
+var PackageHostConfiguration = require('./PackageHostConfiguration.js');
+var PackageHostRenderMode = require('./PackageHostRenderMode.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Renders a Scene element through an approved package host. Diagnostics are blocking: no rejected bundle,
+ * component, asset or design-time contribution is rendered after policy/dependency validation fails.
+ */ function PackageHostView({ configuration, element, mode = PackageHostRenderMode.PackageHostRenderMode.Embedded, dataContext, queryResults, componentOutputs }) {
+    const host = PackageHostConfiguration.resolvePackageHost(configuration);
+    if (host.blocked) {
+        return /*#__PURE__*/ jsxRuntime.jsxs("section", {
+            role: "alert",
+            "data-scene-host-mode": mode,
+            "data-scene-host-blocked": "true",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("h2", {
+                    children: "Scene package host blocked rendering"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                    children: host.diagnostics.map((diagnostic)=>/*#__PURE__*/ jsxRuntime.jsx("li", {
+                            children: diagnostic
+                        }, diagnostic))
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs("section", {
+        "data-scene-host-mode": mode,
+        "data-scene-host-blocked": "false",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(PackageHostAssets.PackageHostAssets, {
+                assets: host.assets,
+                fonts: host.fonts
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(SceneElementView.SceneElementView, {
+                element: element,
+                registry: host.components,
+                dataContext: dataContext,
+                queryResults: queryResults,
+                componentOutputs: componentOutputs
+            })
+        ]
+    });
+}
+
+exports.PackageHostView = PackageHostView;
+//# sourceMappingURL=PackageHostView.js.map

package/dist/cjs/packages/PackageHostView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageHostView.js","sources":["../../../packages/PackageHostView.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 { SceneElement } from '@cratis/scene.model';\nimport { SceneElementView } from '../SceneElementView';\nimport { PackageHostAssets } from './PackageHostAssets';\nimport { PackageHostConfiguration, resolvePackageHost } from './PackageHostConfiguration';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\nexport interface PackageHostViewProps {\n    configuration: PackageHostConfiguration;\n    element: SceneElement;\n    mode?: PackageHostRenderMode;\n    dataContext?: unknown;\n    queryResults?: Record<string, unknown>;\n    componentOutputs?: Record<string, Record<string, unknown>>;\n}\n\n/**\n * Renders a Scene element through an approved package host. Diagnostics are blocking: no rejected bundle,\n * component, asset or design-time contribution is rendered after policy/dependency validation fails.\n */\nexport function PackageHostView({\n    configuration,\n    element,\n    mode = PackageHostRenderMode.Embedded,\n    dataContext,\n    queryResults,\n    componentOutputs,\n}: PackageHostViewProps) {\n    const host = resolvePackageHost(configuration);\n    if (host.blocked) {\n        return <section role='alert' data-scene-host-mode={mode} data-scene-host-blocked='true'>\n            <h2>Scene package host blocked rendering</h2>\n            <ul>{host.diagnostics.map(diagnostic => <li key={diagnostic}>{diagnostic}</li>)}</ul>\n        </section>;\n    }\n\n    return <section data-scene-host-mode={mode} data-scene-host-blocked='false'>\n        <PackageHostAssets assets={host.assets} fonts={host.fonts} />\n        <SceneElementView element={element} registry={host.components} dataContext={dataContext} queryResults={queryResults} componentOutputs={componentOutputs} />\n    </section>;\n}\n"],"names":["PackageHostView","configuration","element","mode","PackageHostRenderMode","Embedded","dataContext","queryResults","componentOutputs","host","resolvePackageHost","blocked","_jsxs","section","role","data-scene-host-mode","data-scene-host-blocked","_jsx","h2","ul","diagnostics","map","diagnostic","li","PackageHostAssets","assets","fonts","SceneElementView","registry","components"],"mappings":";;;;;;;;AAAA;AACA;AAiBA;;;AAGC,IACM,SAASA,eAAAA,CAAgB,EAC5BC,aAAa,EACbC,OAAO,EACPC,IAAAA,GAAOC,2CAAAA,CAAsBC,QAAQ,EACrCC,WAAW,EACXC,YAAY,EACZC,gBAAgB,EACG,EAAA;AACnB,IAAA,MAAMC,OAAOC,2CAAAA,CAAmBT,aAAAA,CAAAA;IAChC,IAAIQ,IAAAA,CAAKE,OAAO,EAAE;AACd,QAAA,qBAAOC,eAAA,CAACC,SAAAA,EAAAA;YAAQC,IAAAA,EAAK,OAAA;YAAQC,sBAAAA,EAAsBZ,IAAAA;YAAMa,yBAAAA,EAAwB,MAAA;;8BAC7EC,cAAA,CAACC,IAAAA,EAAAA;AAAG,oBAAA,QAAA,EAAA;;8BACJD,cAAA,CAACE,IAAAA,EAAAA;AAAIV,oBAAAA,QAAAA,EAAAA,IAAAA,CAAKW,WAAW,CAACC,GAAG,CAACC,CAAAA,2BAAcL,cAAA,CAACM,IAAAA,EAAAA;AAAqBD,4BAAAA,QAAAA,EAAAA;AAAbA,yBAAAA,EAAAA,UAAAA,CAAAA;;;;AAEzD,IAAA;AAEA,IAAA,qBAAOV,eAAA,CAACC,SAAAA,EAAAA;QAAQE,sBAAAA,EAAsBZ,IAAAA;QAAMa,yBAAAA,EAAwB,OAAA;;0BAChEC,cAAA,CAACO,mCAAAA,EAAAA;AAAkBC,gBAAAA,MAAAA,EAAQhB,KAAKgB,MAAM;AAAEC,gBAAAA,KAAAA,EAAOjB,KAAKiB;;0BACpDT,cAAA,CAACU,iCAAAA,EAAAA;gBAAiBzB,OAAAA,EAASA,OAAAA;AAAS0B,gBAAAA,QAAAA,EAAUnB,KAAKoB,UAAU;gBAAEvB,WAAAA,EAAaA,WAAAA;gBAAaC,YAAAA,EAAcA,YAAAA;gBAAcC,gBAAAA,EAAkBA;;;;AAE/I;;"}

package/dist/cjs/packages/StandalonePackageHost.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PackageHostView = require('./PackageHostView.js');
+var PackageHostRenderMode = require('./PackageHostRenderMode.js');
+
+/** A standalone browser package host example surface. */ function StandalonePackageHost(props) {
+    return /*#__PURE__*/ jsxRuntime.jsx(PackageHostView.PackageHostView, {
+        ...props,
+        mode: PackageHostRenderMode.PackageHostRenderMode.Standalone
+    });
+}
+
+exports.StandalonePackageHost = StandalonePackageHost;
+//# sourceMappingURL=StandalonePackageHost.js.map

package/dist/cjs/packages/StandalonePackageHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandalonePackageHost.js","sources":["../../../packages/StandalonePackageHost.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 { PackageHostView, PackageHostViewProps } from './PackageHostView';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\n/** A standalone browser package host example surface. */\nexport function StandalonePackageHost(props: Omit<PackageHostViewProps, 'mode'>) {\n    return <PackageHostView {...props} mode={PackageHostRenderMode.Standalone} />;\n}\n"],"names":["StandalonePackageHost","props","_jsx","PackageHostView","mode","PackageHostRenderMode","Standalone"],"mappings":";;;;;;AAMA,0DACO,SAASA,qBAAAA,CAAsBC,KAAyC,EAAA;AAC3E,IAAA,qBAAOC,cAAA,CAACC,+BAAAA,EAAAA;AAAiB,QAAA,GAAGF,KAAK;AAAEG,QAAAA,IAAAA,EAAMC,4CAAsBC;;AACnE;;"}

package/dist/cjs/packages/WebViewPackageHost.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PackageHostView = require('./PackageHostView.js');
+var PackageHostRenderMode = require('./PackageHostRenderMode.js');
+
+/** A constrained webview package host example surface. */ function WebViewPackageHost(props) {
+    return /*#__PURE__*/ jsxRuntime.jsx(PackageHostView.PackageHostView, {
+        ...props,
+        mode: PackageHostRenderMode.PackageHostRenderMode.WebView
+    });
+}
+
+exports.WebViewPackageHost = WebViewPackageHost;
+//# sourceMappingURL=WebViewPackageHost.js.map

package/dist/cjs/packages/WebViewPackageHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewPackageHost.js","sources":["../../../packages/WebViewPackageHost.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 { PackageHostView, PackageHostViewProps } from './PackageHostView';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\n/** A constrained webview package host example surface. */\nexport function WebViewPackageHost(props: Omit<PackageHostViewProps, 'mode'>) {\n    return <PackageHostView {...props} mode={PackageHostRenderMode.WebView} />;\n}\n"],"names":["WebViewPackageHost","props","_jsx","PackageHostView","mode","PackageHostRenderMode","WebView"],"mappings":";;;;;;AAMA,2DACO,SAASA,kBAAAA,CAAmBC,KAAyC,EAAA;AACxE,IAAA,qBAAOC,cAAA,CAACC,+BAAAA,EAAAA;AAAiB,QAAA,GAAGF,KAAK;AAAEG,QAAAA,IAAAA,EAAMC,4CAAsBC;;AACnE;;"}

package/dist/cjs/renderer/AbortableQueryRunner.js

@@ -0,0 +1,26 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Runs query bindings so a newer argument set aborts and ignores older work.
+ */ class AbortableQueryRunner {
+    #controller;
+    #generation = 0;
+    async run(query, argumentsValue, performer) {
+        this.#controller?.abort();
+        const controller = new AbortController();
+        const generation = ++this.#generation;
+        this.#controller = controller;
+        const result = await performer(query, argumentsValue, controller.signal);
+        return generation === this.#generation && !controller.signal.aborted ? result : undefined;
+    }
+    clear() {
+        this.#controller?.abort();
+        this.#generation++;
+        this.#controller = undefined;
+    }
+}
+
+exports.AbortableQueryRunner = AbortableQueryRunner;
+//# sourceMappingURL=AbortableQueryRunner.js.map

package/dist/cjs/renderer/AbortableQueryRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbortableQueryRunner.js","sources":["../../../renderer/AbortableQueryRunner.ts"],"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\nexport type QueryPerformer = (query: string, argumentsValue: unknown, signal: AbortSignal) => Promise<unknown>;\n\n/**\n * Runs query bindings so a newer argument set aborts and ignores older work.\n */\nexport class AbortableQueryRunner {\n    #controller?: AbortController;\n    #generation = 0;\n\n    async run(query: string, argumentsValue: unknown, performer: QueryPerformer): Promise<unknown | undefined> {\n        this.#controller?.abort();\n        const controller = new AbortController();\n        const generation = ++this.#generation;\n        this.#controller = controller;\n        const result = await performer(query, argumentsValue, controller.signal);\n        return generation === this.#generation && !controller.signal.aborted ? result : undefined;\n    }\n\n    clear(): void {\n        this.#controller?.abort();\n        this.#generation++;\n        this.#controller = undefined;\n    }\n}\n"],"names":["AbortableQueryRunner","run","query","argumentsValue","performer","abort","controller","AbortController","generation","result","signal","aborted","undefined","clear"],"mappings":";;AAAA;AACA;AAIA;;AAEC,IACM,MAAMA,oBAAAA,CAAAA;AACT,IAAA,WAAW;IACX,WAAW,GAAG,CAAA;AAEd,IAAA,MAAMC,IAAIC,KAAa,EAAEC,cAAuB,EAAEC,SAAyB,EAAgC;QACvG,IAAI,CAAC,WAAW,EAAEC,KAAAA,EAAAA;AAClB,QAAA,MAAMC,aAAa,IAAIC,eAAAA,EAAAA;AACvB,QAAA,MAAMC,UAAAA,GAAa,EAAE,IAAI,CAAC,WAAW;QACrC,IAAI,CAAC,WAAW,GAAGF,UAAAA;AACnB,QAAA,MAAMG,SAAS,MAAML,SAAAA,CAAUF,KAAAA,EAAOC,cAAAA,EAAgBG,WAAWI,MAAM,CAAA;AACvE,QAAA,OAAOF,UAAAA,KAAe,IAAI,CAAC,WAAW,IAAI,CAACF,UAAAA,CAAWI,MAAM,CAACC,OAAO,GAAGF,MAAAA,GAASG,SAAAA;AACpF,IAAA;IAEAC,KAAAA,GAAc;QACV,IAAI,CAAC,WAAW,EAAER,KAAAA,EAAAA;QAClB,IAAI,CAAC,WAAW,EAAA;QAChB,IAAI,CAAC,WAAW,GAAGO,SAAAA;AACvB,IAAA;AACJ;;"}

package/dist/cjs/renderer/InteractiveComponent.js

@@ -5,6 +5,7 @@ require('react/jsx-runtime');
 var useInteractions = require('../interactions/useInteractions.js');
 require('../interactions/NotificationHost.js');
 var BindingOutputContext = require('./BindingOutputContext.js');
+var RenderBindingScopeContext = require('./RenderBindingScopeContext.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -17,16 +18,48 @@ var BindingOutputContext = require('./BindingOutputContext.js');
  */ function InteractiveComponent({ component, element, slots }) {
     const interactions = useInteractions.useInteractions(element.id, element.behaviors);
     const bindingOutputs = BindingOutputContext.useBindingOutputs(element.id);
+    const resolveBinding = RenderBindingScopeContext.useRenderBindingResolver();
+    const resolvedElement = react.useMemo(()=>({
+            ...element,
+            properties: resolveProperties(element.properties, resolveBinding)
+        }), [
+        element,
+        resolveBinding
+    ]);
     react.useEffect(()=>()=>bindingOutputs.clearAll(), [
         element.id
     ]);
     return /*#__PURE__*/ react.createElement(component, {
-        element,
+        element: resolvedElement,
         slots,
         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 (isDestinationReference(value)) return 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';
+}
+function isDestinationReference(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value) && 'routeParameterBindings' in value;
+}
 
 exports.InteractiveComponent = InteractiveComponent;
 //# sourceMappingURL=InteractiveComponent.js.map

package/dist/cjs/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, useEffect } from 'react';\nimport { ExternalComponent } from '@cratis/scene.model';\nimport { useInteractions } from '../interactions';\nimport { useBindingOutputs } from './BindingOutputContext';\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    const bindingOutputs = useBindingOutputs(element.id);\n    useEffect(() => () => bindingOutputs.clearAll(), [element.id]);\n    return createElement(component, { element, slots, interactions, bindingOutputs });\n}\n"],"names":["InteractiveComponent","component","element","slots","interactions","useInteractions","id","behaviors","bindingOutputs","useBindingOutputs","useEffect","clearAll","createElement"],"mappings":";;;;;;;;AAAA;AACA;AAcA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,+BAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;IAClE,MAAMC,cAAAA,GAAiBC,sCAAAA,CAAkBP,OAAAA,CAAQI,EAAE,CAAA;AACnDI,IAAAA,eAAAA,CAAU,IAAM,IAAMF,cAAAA,CAAeG,QAAQ,EAAA,EAAI;AAACT,QAAAA,OAAAA,CAAQI;AAAG,KAAA,CAAA;AAC7D,IAAA,qBAAOM,oBAAcX,SAAAA,EAAW;AAAEC,QAAAA,OAAAA;AAASC,QAAAA,KAAAA;AAAOC,QAAAA,YAAAA;AAAcI,QAAAA;AAAe,KAAA,CAAA;AACnF;;"}
+{"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 (isDestinationReference(value)) return 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\nfunction isDestinationReference(value: unknown): boolean {\n    return value !== null && typeof value === 'object' && !Array.isArray(value) && 'routeParameterBindings' in value;\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","isDestinationReference","Array","isArray","entry","path"],"mappings":";;;;;;;;;AAAA;AACA;AAeA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,+BAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;IAClE,MAAMC,cAAAA,GAAiBC,sCAAAA,CAAkBP,OAAAA,CAAQI,EAAE,CAAA;AACnD,IAAA,MAAMI,cAAAA,GAAiBC,kDAAAA,EAAAA;IACvB,MAAMC,eAAAA,GAAkBC,aAAAA,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,eAAAA,CAAU,IAAM,IAAMR,cAAAA,CAAeS,QAAQ,EAAA,EAAI;AAACf,QAAAA,OAAAA,CAAQI;AAAG,KAAA,CAAA;AAC7D,IAAA,qBAAOY,oBAAcjB,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,sBAAAA,CAAuBH,QAAQ,OAAOA,KAAAA;IAC1C,IAAII,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,EAAQ,OAAOA,KAAAA,CAAMF,GAAG,CAACQ,CAAAA,KAAAA,GAASL,YAAAA,CAAaK,KAAAA,EAAOpB,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,EAAMO,MAAM,GAAK;AAACP,gBAAAA,IAAAA;AAAME,gBAAAA,YAAAA,CAAaK,KAAAA,EAAOpB,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,CAACI,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,IAAU,OAAO,KAACA,CAAkCO,IAAI,KAAK,QAAA;AACtI;AAEA,SAASJ,uBAAuBH,KAAc,EAAA;IAC1C,OAAOA,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,QAAA,IAAY,CAACI,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,IAAU,wBAAA,IAA4BA,KAAAA;AAC/G;;"}

package/dist/cjs/renderer/RenderBindingScopeContext.js

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

package/dist/cjs/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,mBAAAA,CAAmDC,SAAAA,CAAAA;AAWnE;;IAGO,SAASC,0BAAAA,CAA2BC,KAAsC,EAAA;AAC7E,IAAA,MAAMC,UAAUC,gBAAAA,CAAWN,OAAAA,CAAAA;AAC3B,IAAA,IAAIK,SAAS,qBAAOE,cAAA,CAAAC,mBAAA,EAAA;AAAGJ,QAAAA,QAAAA,EAAAA,KAAAA,CAAMK;;AAE7B,IAAA,qBACIF,cAAA,CAACG,0CAAAA,EAAAA;AAAsBC,QAAAA,gBAAAA,EAAkBP,MAAMQ,yBAAyB;AACpE,QAAA,QAAA,gBAAAL,cAAA,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,0CAAAA,EAAAA;IAChB,MAAMC,cAAAA,GAAiBC,aAAO,IAAIC,GAAAA,EAAAA,CAAAA;IAClC,MAAMC,KAAAA,GAAQC,aAAAA,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,kBAA6B,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,sCAAyBN,OAAAA,EAASJ,KAAAA,CAAAA;AAChD,QAAA,IAAII,QAAQO,YAAY,KAAKC,gCAAoBC,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,aAAAA,CAAiC,KAAO;YAAEP,cAAAA,EAAgBQ,QAAAA;AAAUF,YAAAA;AAAM,SAAA,CAAA,EAAI;AAACE,QAAAA,QAAAA;AAAUF,QAAAA;AAAM,KAAA,CAAA;IAC7G,qBAAOhB,cAAA,CAACP,QAAQuC,QAAQ,EAAA;QAACP,KAAAA,EAAOA,KAAAA;AAAQvB,QAAAA,QAAAA,EAAAA;;AAC5C;AAEO,SAAS+B,wBAAAA,GAAAA;AACZ,IAAA,MAAMC,UAAUnC,gBAAAA,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,gBAAAA,CAAWN,OAAAA,CAAAA,EAAUuB,KAAAA,IAAS,EAAC;AAC1C;;;;"}

package/dist/esm/SceneElementView.d.ts

@@ -4,9 +4,12 @@ import { ComponentRegistry } from './renderer';
 export interface SceneElementViewProps {
     element: SceneElement;
     registry: ComponentRegistry;
-    resolveBinding: BindingResolver;
+    resolveBinding?: BindingResolver;
+    dataContext?: unknown;
+    queryResults?: Record<string, unknown>;
+    componentOutputs?: Record<string, Record<string, unknown>>;
     configuration?: EffectiveConfiguration;
     onComponentOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;
 }
-export declare function SceneElementView({ element, registry, resolveBinding, configuration, onComponentOutputsChanged }: SceneElementViewProps): import("react").JSX.Element;
+export declare function SceneElementView({ element, registry, resolveBinding, configuration, onComponentOutputsChanged, dataContext, queryResults, componentOutputs, }: SceneElementViewProps): import("react").JSX.Element;
 //# sourceMappingURL=SceneElementView.d.ts.map

package/dist/esm/SceneElementView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneElementView.d.ts","sourceRoot":"","sources":["../../SceneElementView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8C,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAyB,iBAAiB,EAAuB,MAAM,YAAY,CAAC;AAE3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,EAAE,eAAe,CAAC;IAQhC,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAGvC,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1F;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,yBAAyB,EAAE,EAAE,qBAAqB,+BAQtI"}
+{"version":3,"file":"SceneElementView.d.ts","sourceRoot":"","sources":["../../SceneElementView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8C,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAA6E,MAAM,YAAY,CAAC;AAE1H,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,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;IAQ3D,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAGvC,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1F;AAMD,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,cAAc,EACd,aAAa,EACb,yBAAyB,EACzB,WAAW,EACX,YAAY,EACZ,gBAAgB,GACnB,EAAE,qBAAqB,+BAYvB"}

package/dist/esm/SceneElementView.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { applyEffectiveConfiguration, renderElement } from '@cratis/scene.engine';
-import { BindingOutputProvider } from './renderer/BindingOutputContext.js';
+import { RenderBindingScopeProvider, useRenderBindingResolver } from './renderer/RenderBindingScopeContext.js';
 import { createReactRenderer } from './renderer/createReactRenderer.js';
 import './interactions/useInteractions.js';
 import './interactions/NotificationHost.js';
@@ -9,17 +9,30 @@ import './interactions/NotificationHost.js';
 /**
  * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's
  * preview surface and Stage's shipped web bundle both consume unmodified.
- */ function SceneElementView({ element, registry, resolveBinding, configuration, onComponentOutputsChanged }) {
-    const renderer = useMemo(()=>createReactRenderer(registry), [
-        registry
-    ]);
+ */ function SceneElementView({ element, registry, resolveBinding, configuration, onComponentOutputsChanged, dataContext, queryResults, componentOutputs }) {
     const configured = useMemo(()=>configuration ? applyEffectiveConfiguration(element, configuration) : element, [
         element,
         configuration
     ]);
-    return /*#__PURE__*/ jsx(BindingOutputProvider, {
-        onOutputsChanged: onComponentOutputsChanged,
-        children: renderElement(configured, renderer, resolveBinding)
+    return /*#__PURE__*/ jsx(RenderBindingScopeProvider, {
+        dataContext: dataContext,
+        queryResults: queryResults,
+        componentOutputs: componentOutputs,
+        resolveBinding: resolveBinding,
+        onComponentOutputsChanged: onComponentOutputsChanged,
+        children: /*#__PURE__*/ jsx(RenderedElement, {
+            element: configured,
+            registry: registry
+        })
+    });
+}
+function RenderedElement({ element, registry }) {
+    const renderer = useMemo(()=>createReactRenderer(registry), [
+        registry
+    ]);
+    const resolveBinding = useRenderBindingResolver();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: renderElement(element, renderer, resolveBinding)
     });
 }
 

package/dist/esm/SceneElementView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneElementView.js","sources":["../../SceneElementView.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 { useMemo } from 'react';\nimport { applyEffectiveConfiguration, renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { EffectiveConfiguration, SceneElement } from '@cratis/scene.model';\nimport { BindingOutputProvider, ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\n\n    /**\n     * The resolved configuration of the template chain the element sits in, from `resolveEffectiveConfiguration`.\n     * When given, each configurable component renders with its resolved properties - what a screen's own values add\n     * to an inherited template. It is the same data the editor shows, and the same code path whether the screen is\n     * being edited or played: there is no design-time mode.\n     */\n    configuration?: EffectiveConfiguration;\n\n    /** Called when rendered components publish or clear output properties for typed bindings. */\n    onComponentOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;\n}\n\n/**\n * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's\n * preview surface and Stage's shipped web bundle both consume unmodified.\n */\nexport function SceneElementView({ element, registry, resolveBinding, configuration, onComponentOutputsChanged }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    const configured = useMemo(() => configuration ? applyEffectiveConfiguration(element, configuration) : element, [element, configuration]);\n    return (\n        <BindingOutputProvider onOutputsChanged={onComponentOutputsChanged}>\n            {renderElement(configured, renderer, resolveBinding)}\n        </BindingOutputProvider>\n    );\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","configuration","onComponentOutputsChanged","renderer","useMemo","createReactRenderer","configured","applyEffectiveConfiguration","_jsx","BindingOutputProvider","onOutputsChanged","renderElement"],"mappings":";;;;;;;;AAyBA;;;AAGC,IACM,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAEC,yBAAyB,EAAyB,EAAA;AACnI,IAAA,MAAMC,QAAAA,GAAWC,OAAAA,CAAQ,IAAMC,mBAAAA,CAAoBN,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;AACxE,IAAA,MAAMO,aAAaF,OAAAA,CAAQ,IAAMH,gBAAgBM,2BAAAA,CAA4BT,OAAAA,EAASG,iBAAiBH,OAAAA,EAAS;AAACA,QAAAA,OAAAA;AAASG,QAAAA;AAAc,KAAA,CAAA;AACxI,IAAA,qBACIO,GAAA,CAACC,qBAAAA,EAAAA;QAAsBC,gBAAAA,EAAkBR,yBAAAA;AACpCS,QAAAA,QAAAA,EAAAA,aAAAA,CAAcL,YAAYH,QAAAA,EAAUH,cAAAA;;AAGjD;;"}
+{"version":3,"file":"SceneElementView.js","sources":["../../SceneElementView.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 { useMemo } from 'react';\nimport { applyEffectiveConfiguration, renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { EffectiveConfiguration, SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, RenderBindingScopeProvider, createReactRenderer, useRenderBindingResolver } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding?: BindingResolver;\n    dataContext?: unknown;\n    queryResults?: Record<string, unknown>;\n    componentOutputs?: Record<string, Record<string, unknown>>;\n\n    /**\n     * The resolved configuration of the template chain the element sits in, from `resolveEffectiveConfiguration`.\n     * When given, each configurable component renders with its resolved properties - what a screen's own values add\n     * to an inherited template. It is the same data the editor shows, and the same code path whether the screen is\n     * being edited or played: there is no design-time mode.\n     */\n    configuration?: EffectiveConfiguration;\n\n    /** Called when rendered components publish or clear output properties for typed bindings. */\n    onComponentOutputsChanged?: (outputs: Record<string, Record<string, unknown>>) => void;\n}\n\n/**\n * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's\n * preview surface and Stage's shipped web bundle both consume unmodified.\n */\nexport function SceneElementView({\n    element,\n    registry,\n    resolveBinding,\n    configuration,\n    onComponentOutputsChanged,\n    dataContext,\n    queryResults,\n    componentOutputs,\n}: SceneElementViewProps) {\n    const configured = useMemo(() => configuration ? applyEffectiveConfiguration(element, configuration) : element, [element, configuration]);\n    return (\n        <RenderBindingScopeProvider\n            dataContext={dataContext}\n            queryResults={queryResults}\n            componentOutputs={componentOutputs}\n            resolveBinding={resolveBinding}\n            onComponentOutputsChanged={onComponentOutputsChanged}>\n            <RenderedElement element={configured} registry={registry} />\n        </RenderBindingScopeProvider>\n    );\n}\n\nfunction RenderedElement({ element, registry }: { element: SceneElement; registry: ComponentRegistry }) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    const resolveBinding = useRenderBindingResolver();\n    return <>{renderElement(element, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","configuration","onComponentOutputsChanged","dataContext","queryResults","componentOutputs","configured","useMemo","applyEffectiveConfiguration","_jsx","RenderBindingScopeProvider","RenderedElement","renderer","createReactRenderer","useRenderBindingResolver","_Fragment","renderElement"],"mappings":";;;;;;;;AA4BA;;;AAGC,IACM,SAASA,gBAAAA,CAAiB,EAC7BC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,yBAAyB,EACzBC,WAAW,EACXC,YAAY,EACZC,gBAAgB,EACI,EAAA;AACpB,IAAA,MAAMC,aAAaC,OAAAA,CAAQ,IAAMN,gBAAgBO,2BAAAA,CAA4BV,OAAAA,EAASG,iBAAiBH,OAAAA,EAAS;AAACA,QAAAA,OAAAA;AAASG,QAAAA;AAAc,KAAA,CAAA;AACxI,IAAA,qBACIQ,GAAA,CAACC,0BAAAA,EAAAA;QACGP,WAAAA,EAAaA,WAAAA;QACbC,YAAAA,EAAcA,YAAAA;QACdC,gBAAAA,EAAkBA,gBAAAA;QAClBL,cAAAA,EAAgBA,cAAAA;QAChBE,yBAAAA,EAA2BA,yBAAAA;AAC3B,QAAA,QAAA,gBAAAO,GAAA,CAACE,eAAAA,EAAAA;YAAgBb,OAAAA,EAASQ,UAAAA;YAAYP,QAAAA,EAAUA;;;AAG5D;AAEA,SAASY,eAAAA,CAAgB,EAAEb,OAAO,EAAEC,QAAQ,EAA0D,EAAA;AAClG,IAAA,MAAMa,QAAAA,GAAWL,OAAAA,CAAQ,IAAMM,mBAAAA,CAAoBd,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;AACxE,IAAA,MAAMC,cAAAA,GAAiBc,wBAAAA,EAAAA;IACvB,qBAAOL,GAAA,CAAAM,QAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,aAAAA,CAAclB,SAASc,QAAAA,EAAUZ,cAAAA;;AAC/C;;"}

package/dist/esm/core/coreComponents.js

@@ -1,3 +1,9 @@
+import 'react/jsx-runtime';
+import 'react';
+import '@cratis/scene.model';
+import '@cratis/scene.engine';
+import '../interactions/useInteractions.js';
+import '../interactions/NotificationHost.js';
 import { componentRegistryKey } from '../packages/ScenePackageBundle.js';
 import { CoreText } from './CoreText.js';
 import { CoreButton } from './CoreButton.js';

package/dist/esm/core/coreComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.ts"],"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 { ComponentRegistry } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\nimport { CoreNavigationBar } from './CoreNavigationBar';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile","CoreNavigationBar"],"mappings":";;;;;;;AAAA;AACA;AAsBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,QAAAA;IACxC,CAACD,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,UAAAA;IAC1C,CAACF,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,QAAAA;IACxC,CAACH,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,QAAAA;IACxC,CAACJ,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,UAAAA;IAC1C,CAACL,oBAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,WAAAA;IAC3C,CAACN,oBAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,YAAAA;IAC5C,CAACP,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,SAAAA;IACzC,CAACR,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,SAAAA;IACzC,CAACT,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,UAAAA;IAC1C,CAACV,oBAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,WAAAA;IAC3C,CAACX,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,SAAAA;IACzC,CAACZ,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,QAAAA;IACxC,CAACb,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc,QAAAA;IACxC,CAACd,oBAAAA,CAAqB,MAAA,EAAQ,eAAA,CAAA,GAAmBe;AACrD;;"}
+{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.ts"],"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 { ComponentRegistry } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\nimport { CoreNavigationBar } from './CoreNavigationBar';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile","CoreNavigationBar"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAsBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,QAAAA;IACxC,CAACD,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,UAAAA;IAC1C,CAACF,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,QAAAA;IACxC,CAACH,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,QAAAA;IACxC,CAACJ,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,UAAAA;IAC1C,CAACL,oBAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,WAAAA;IAC3C,CAACN,oBAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,YAAAA;IAC5C,CAACP,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,SAAAA;IACzC,CAACR,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,SAAAA;IACzC,CAACT,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,UAAAA;IAC1C,CAACV,oBAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,WAAAA;IAC3C,CAACX,oBAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,SAAAA;IACzC,CAACZ,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,QAAAA;IACxC,CAACb,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc,QAAAA;IACxC,CAACd,oBAAAA,CAAqB,MAAA,EAAQ,eAAA,CAAA,GAAmBe;AACrD;;"}

package/dist/esm/core/coreDescriptors.js

@@ -1,4 +1,9 @@
 import { PropertyValueType } from '@cratis/scene.model';
+import 'react/jsx-runtime';
+import 'react';
+import '@cratis/scene.engine';
+import '../interactions/useInteractions.js';
+import '../interactions/NotificationHost.js';
 import { componentRegistryKey } from '../packages/ScenePackageBundle.js';
 
 // Copyright (c) Cratis. All rights reserved.