@cratis/scene.react 3.7.0 → 4.1.0

package/dist/cjs/interactions/useInteractionHosts.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ConfirmHost = require('./ConfirmHost.js');
+var NotificationHost = require('./NotificationHost.js');
+var UnresolvedActionHost = require('./UnresolvedActionHost.js');
+
+/**
+ * Provides the default surfaces for the actions that need somewhere to appear.
+ *
+ * `notify` and `confirm` are the two actions a document can take that have no backend and no route: they are
+ * purely things the user sees. Without a surface, a host either invents one or the action goes to the console,
+ * which is why these ship with Scene rather than being every application's first chore.
+ *
+ * The three are returned as one unit because they are wired the same way and forgetting to render one of them
+ * is exactly the failure they exist to prevent:
+ *
+ * ```tsx
+ * const { host, surfaces } = useInteractionHosts();
+ * const dispatcher = useMemo(() => createBrowserDispatcher({ ...host, executeCommand, navigate }), [host]);
+ *
+ * return <InteractionScope dispatcher={dispatcher}>{children}{surfaces}</InteractionScope>;
+ * ```
+ *
+ * An application with a design system of its own passes its own `notify` after the spread and keeps the rest.
+ * @param options The {@link InteractionHostOptions}.
+ * @returns The {@link InteractionHosts}.
+ */ function useInteractionHosts(options = {}) {
+    const { dismissAfter = 6000 } = options;
+    const [notifications, setNotifications] = react.useState([]);
+    const [unresolved, setUnresolved] = react.useState([]);
+    const [request, setRequest] = react.useState(undefined);
+    const nextId = react.useRef(0);
+    const dismiss = react.useCallback((id)=>setNotifications((current)=>current.filter((_)=>_.id !== id)), []);
+    const notify = react.useCallback((level, message)=>{
+        const id = nextId.current++;
+        setNotifications((current)=>[
+                ...current,
+                {
+                    id,
+                    level,
+                    message
+                }
+            ]);
+        if (dismissAfter > 0) {
+            setTimeout(()=>setNotifications((current)=>current.filter((_)=>_.id !== id)), dismissAfter);
+        }
+    }, [
+        dismissAfter
+    ]);
+    const confirm = react.useCallback((message)=>new Promise((resolve)=>{
+            setRequest({
+                message,
+                answer (confirmed) {
+                    // Cleared before resolving, so the sequence that continues cannot find a question on screen
+                    // that has already been answered.
+                    setRequest(undefined);
+                    resolve(confirmed);
+                }
+            });
+        }), []);
+    const onUnsupported = react.useCallback((action)=>{
+        // Reported once per distinct action. An unsupported action on a hover or an interval would otherwise
+        // grow the list until it covered the application it is trying to tell you about.
+        setUnresolved((current)=>current.some((_)=>_.action === action) ? current : [
+                ...current,
+                {
+                    id: nextId.current++,
+                    action
+                }
+            ]);
+    }, []);
+    const host = react.useMemo(()=>({
+            notify,
+            confirm,
+            onUnsupported
+        }), [
+        notify,
+        confirm,
+        onUnsupported
+    ]);
+    const surfaces = react.useMemo(()=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(NotificationHost.NotificationHost, {
+                    notifications: notifications,
+                    onDismiss: dismiss
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(ConfirmHost.ConfirmHost, {
+                    request: request
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(UnresolvedActionHost.UnresolvedActionHost, {
+                    unresolved: unresolved
+                })
+            ]
+        }), [
+        notifications,
+        dismiss,
+        request,
+        unresolved
+    ]);
+    return {
+        host,
+        surfaces
+    };
+}
+
+exports.useInteractionHosts = useInteractionHosts;
+//# sourceMappingURL=useInteractionHosts.js.map

package/dist/cjs/interactions/useInteractionHosts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractionHosts.js","sources":["../../../interactions/useInteractionHosts.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, useCallback, useMemo, useRef, useState } from 'react';\nimport { NotificationLevel } from '@cratis/scene.model';\nimport { BrowserDispatcherHost } from './createBrowserDispatcher';\nimport { ConfirmHost } from './ConfirmHost';\nimport { ConfirmRequest } from './ConfirmRequest';\nimport { NotificationHost } from './NotificationHost';\nimport { SceneNotification } from './SceneNotification';\nimport { UnresolvedAction } from './UnresolvedAction';\nimport { UnresolvedActionHost } from './UnresolvedActionHost';\n\n/**\n * What {@link useInteractionHosts} gives an application.\n */\nexport interface InteractionHosts {\n    /** The parts of a {@link BrowserDispatcherHost} these surfaces provide. Spread it into the host you build. */\n    readonly host: Pick<BrowserDispatcherHost, 'notify' | 'confirm' | 'onUnsupported'>;\n\n    /** The surfaces themselves. Render them once, anywhere inside the application. */\n    readonly surfaces: ReactNode;\n}\n\n/**\n * How long a notification stays before it removes itself, in milliseconds.\n */\nexport interface InteractionHostOptions {\n    /** How long a notification stays up. `0` keeps it until it is dismissed. */\n    readonly dismissAfter?: number;\n}\n\n/**\n * Provides the default surfaces for the actions that need somewhere to appear.\n *\n * `notify` and `confirm` are the two actions a document can take that have no backend and no route: they are\n * purely things the user sees. Without a surface, a host either invents one or the action goes to the console,\n * which is why these ship with Scene rather than being every application's first chore.\n *\n * The three are returned as one unit because they are wired the same way and forgetting to render one of them\n * is exactly the failure they exist to prevent:\n *\n * ```tsx\n * const { host, surfaces } = useInteractionHosts();\n * const dispatcher = useMemo(() => createBrowserDispatcher({ ...host, executeCommand, navigate }), [host]);\n *\n * return <InteractionScope dispatcher={dispatcher}>{children}{surfaces}</InteractionScope>;\n * ```\n *\n * An application with a design system of its own passes its own `notify` after the spread and keeps the rest.\n * @param options The {@link InteractionHostOptions}.\n * @returns The {@link InteractionHosts}.\n */\nexport function useInteractionHosts(options: InteractionHostOptions = {}): InteractionHosts {\n    const { dismissAfter = 6000 } = options;\n    const [notifications, setNotifications] = useState<readonly SceneNotification[]>([]);\n    const [unresolved, setUnresolved] = useState<readonly UnresolvedAction[]>([]);\n    const [request, setRequest] = useState<ConfirmRequest | undefined>(undefined);\n    const nextId = useRef(0);\n\n    const dismiss = useCallback((id: number) => setNotifications(current => current.filter(_ => _.id !== id)), []);\n\n    const notify = useCallback((level: NotificationLevel, message: string) => {\n        const id = nextId.current++;\n        setNotifications(current => [...current, { id, level, message }]);\n\n        if (dismissAfter > 0) {\n            setTimeout(() => setNotifications(current => current.filter(_ => _.id !== id)), dismissAfter);\n        }\n    }, [dismissAfter]);\n\n    const confirm = useCallback((message: string) => new Promise<boolean>(resolve => {\n        setRequest({\n            message,\n            answer(confirmed) {\n                // Cleared before resolving, so the sequence that continues cannot find a question on screen\n                // that has already been answered.\n                setRequest(undefined);\n                resolve(confirmed);\n            },\n        });\n    }), []);\n\n    const onUnsupported = useCallback((action: string) => {\n        // Reported once per distinct action. An unsupported action on a hover or an interval would otherwise\n        // grow the list until it covered the application it is trying to tell you about.\n        setUnresolved(current => current.some(_ => _.action === action) ? current : [...current, { id: nextId.current++, action }]);\n    }, []);\n\n    const host = useMemo(() => ({ notify, confirm, onUnsupported }), [notify, confirm, onUnsupported]);\n\n    const surfaces = useMemo(() => (\n        <>\n            <NotificationHost notifications={notifications} onDismiss={dismiss} />\n            <ConfirmHost request={request} />\n            <UnresolvedActionHost unresolved={unresolved} />\n        </>\n    ), [notifications, dismiss, request, unresolved]);\n\n    return { host, surfaces };\n}\n"],"names":["useInteractionHosts","options","dismissAfter","notifications","setNotifications","useState","unresolved","setUnresolved","request","setRequest","undefined","nextId","useRef","dismiss","useCallback","id","current","filter","_","notify","level","message","setTimeout","confirm","Promise","resolve","answer","confirmed","onUnsupported","action","some","host","useMemo","surfaces","_jsxs","_Fragment","_jsx","NotificationHost","onDismiss","ConfirmHost","UnresolvedActionHost"],"mappings":"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"}

package/dist/cjs/interactions/useInteractions.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var react = require('react');
+var scene_engine = require('@cratis/scene.engine');
+var scene_model = require('@cratis/scene.model');
+var InteractionScope = require('./InteractionScope.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const domTriggers = [
+    [
+        'onClick',
+        scene_model.InteractionTriggerKind.Click
+    ],
+    [
+        'onDoubleClick',
+        scene_model.InteractionTriggerKind.DoubleClick
+    ],
+    [
+        'onChange',
+        scene_model.InteractionTriggerKind.Change
+    ],
+    [
+        'onSubmit',
+        scene_model.InteractionTriggerKind.Submit
+    ],
+    [
+        'onSelect',
+        scene_model.InteractionTriggerKind.Select
+    ]
+];
+/**
+ * Wires the behaviors attached to an element to the events that start them.
+ *
+ * The hook resolves and runs; it decides nothing. Which bindings a trigger runs, in what order, and where a
+ * sequence stops are all the engine's, so a different renderer inherits the same semantics instead of
+ * reimplementing them - and so all of it stays testable without a DOM.
+ *
+ * Lifecycle triggers are handled here rather than by the caller because React is what knows when an element
+ * mounts: `load` and `unload` follow the element, and `enter` and `leave` follow the screen. An `interval`
+ * becomes a timer that is cleared on unmount, because a document declaring one is asking for it to run while
+ * the thing it is attached to is on screen and not afterwards.
+ *
+ * @param level What is being attached to, used when reporting a finding.
+ * @param behaviors The behaviors attached to this element.
+ * @returns The handlers to spread onto the rendered element.
+ */ function useInteractions(level, behaviors) {
+    const scope = InteractionScope.useInteractionScope();
+    const attachments = react.useMemo(()=>[
+            ...scope?.attachments ?? [],
+            ...InteractionScope.attachmentFor(level, behaviors)
+        ], [
+        scope,
+        level,
+        behaviors
+    ]);
+    const run = react.useCallback(async (kind)=>{
+        if (!scope) return;
+        const result = await scene_engine.runBindings(scene_engine.resolveBehaviors(attachments, kind), scope.dispatcher, scope.context);
+        if (result.findings.length > 0) scope.onFindings?.(result.findings);
+    }, [
+        scope,
+        attachments
+    ]);
+    // Mount and unmount, for the element and for the screen it is on. Running the unload and leave bindings
+    // from the cleanup is what makes them reliable: React guarantees it, a component remembering to call
+    // something on the way out does not.
+    react.useEffect(()=>{
+        void run(scene_model.InteractionTriggerKind.Load);
+        void run(scene_model.InteractionTriggerKind.Enter);
+        return ()=>{
+            void run(scene_model.InteractionTriggerKind.Unload);
+            void run(scene_model.InteractionTriggerKind.Leave);
+        };
+    }, [
+        run
+    ]);
+    react.useEffect(()=>{
+        const intervals = scene_engine.resolveIntervalBehaviors(attachments);
+        if (intervals.length === 0 || !scope) return;
+        const timers = intervals.map((candidate)=>{
+            const seconds = candidate.binding.trigger.seconds ?? 0;
+            return setInterval(()=>void scene_engine.runBindings([
+                    candidate
+                ], scope.dispatcher, scope.context), Math.max(seconds, 1) * 1000);
+        });
+        return ()=>timers.forEach(clearInterval);
+    }, [
+        attachments,
+        scope
+    ]);
+    return react.useMemo(()=>{
+        const handlers = {};
+        if (!scope) return handlers;
+        for (const [handler, kind] of domTriggers){
+            // Nothing attached for this trigger means no handler at all. Attaching an empty one would make
+            // every element look interactive and would stop clicks reaching whatever encloses it.
+            if (scene_engine.resolveBehaviors(attachments, kind).length === 0) continue;
+            if (handler === 'onSubmit') {
+                handlers.onSubmit = (event)=>{
+                    event.preventDefault();
+                    void run(kind);
+                };
+                continue;
+            }
+            handlers[handler] = (event)=>{
+                // An interaction that ran here is handled here. Without this, a click on a row inside a table
+                // that both declare `on click` would run the table's twice: once for the row, once on the way up.
+                event?.stopPropagation();
+                void run(kind);
+            };
+        }
+        return handlers;
+    }, [
+        scope,
+        attachments,
+        run
+    ]);
+}
+
+exports.useInteractions = useInteractions;
+//# sourceMappingURL=useInteractions.js.map

package/dist/cjs/interactions/useInteractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractions.js","sources":["../../../interactions/useInteractions.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 { useCallback, useEffect, useMemo } from 'react';\nimport { BehaviorAttachment, resolveBehaviors, resolveIntervalBehaviors, runBindings } from '@cratis/scene.engine';\nimport { Behavior, InteractionTriggerKind } from '@cratis/scene.model';\nimport { attachmentFor, useInteractionScope } from './InteractionScope';\n\n/**\n * The DOM handlers an element should spread onto whatever it renders.\n *\n * Only the handlers a document actually asks for are present. An element with no `on click` gets no `onClick`,\n * so it does not become clickable - and, just as importantly, does not swallow the click from something\n * enclosing it that does.\n */\nexport interface InteractionHandlers {\n    onClick?: (event: { stopPropagation(): void }) => void;\n    onDoubleClick?: (event: { stopPropagation(): void }) => void;\n    onChange?: () => void;\n    onSubmit?: (event: { preventDefault(): void }) => void;\n    onSelect?: () => void;\n}\n\nconst domTriggers: [keyof InteractionHandlers, InteractionTriggerKind][] = [\n    ['onClick', InteractionTriggerKind.Click],\n    ['onDoubleClick', InteractionTriggerKind.DoubleClick],\n    ['onChange', InteractionTriggerKind.Change],\n    ['onSubmit', InteractionTriggerKind.Submit],\n    ['onSelect', InteractionTriggerKind.Select],\n];\n\n/**\n * Wires the behaviors attached to an element to the events that start them.\n *\n * The hook resolves and runs; it decides nothing. Which bindings a trigger runs, in what order, and where a\n * sequence stops are all the engine's, so a different renderer inherits the same semantics instead of\n * reimplementing them - and so all of it stays testable without a DOM.\n *\n * Lifecycle triggers are handled here rather than by the caller because React is what knows when an element\n * mounts: `load` and `unload` follow the element, and `enter` and `leave` follow the screen. An `interval`\n * becomes a timer that is cleared on unmount, because a document declaring one is asking for it to run while\n * the thing it is attached to is on screen and not afterwards.\n *\n * @param level What is being attached to, used when reporting a finding.\n * @param behaviors The behaviors attached to this element.\n * @returns The handlers to spread onto the rendered element.\n */\nexport function useInteractions(level: string, behaviors?: Behavior[]): InteractionHandlers {\n    const scope = useInteractionScope();\n\n    const attachments = useMemo<BehaviorAttachment[]>(\n        () => [...(scope?.attachments ?? []), ...attachmentFor(level, behaviors)],\n        [scope, level, behaviors]);\n\n    const run = useCallback(async (kind: InteractionTriggerKind) => {\n        if (!scope) return;\n\n        const result = await runBindings(resolveBehaviors(attachments, kind), scope.dispatcher, scope.context);\n        if (result.findings.length > 0) scope.onFindings?.(result.findings);\n    }, [scope, attachments]);\n\n    // Mount and unmount, for the element and for the screen it is on. Running the unload and leave bindings\n    // from the cleanup is what makes them reliable: React guarantees it, a component remembering to call\n    // something on the way out does not.\n    useEffect(() => {\n        void run(InteractionTriggerKind.Load);\n        void run(InteractionTriggerKind.Enter);\n\n        return () => {\n            void run(InteractionTriggerKind.Unload);\n            void run(InteractionTriggerKind.Leave);\n        };\n    }, [run]);\n\n    useEffect(() => {\n        const intervals = resolveIntervalBehaviors(attachments);\n        if (intervals.length === 0 || !scope) return;\n\n        const timers = intervals.map(candidate => {\n            const seconds = (candidate.binding.trigger as { seconds?: number }).seconds ?? 0;\n            return setInterval(\n                () => void runBindings([candidate], scope.dispatcher, scope.context),\n                Math.max(seconds, 1) * 1000);\n        });\n\n        return () => timers.forEach(clearInterval);\n    }, [attachments, scope]);\n\n    return useMemo(() => {\n        const handlers: InteractionHandlers = {};\n        if (!scope) return handlers;\n\n        for (const [handler, kind] of domTriggers) {\n            // Nothing attached for this trigger means no handler at all. Attaching an empty one would make\n            // every element look interactive and would stop clicks reaching whatever encloses it.\n            if (resolveBehaviors(attachments, kind).length === 0) continue;\n\n            if (handler === 'onSubmit') {\n                handlers.onSubmit = event => {\n                    event.preventDefault();\n                    void run(kind);\n                };\n                continue;\n            }\n\n            handlers[handler] = ((event?: { stopPropagation(): void }) => {\n                // An interaction that ran here is handled here. Without this, a click on a row inside a table\n                // that both declare `on click` would run the table's twice: once for the row, once on the way up.\n                event?.stopPropagation();\n                void run(kind);\n            }) as never;\n        }\n\n        return handlers;\n    }, [scope, attachments, run]);\n}\n"],"names":["domTriggers","InteractionTriggerKind","Click","DoubleClick","Change","Submit","Select","useInteractions","level","behaviors","scope","useInteractionScope","attachments","useMemo","attachmentFor","run","useCallback","kind","result","runBindings","resolveBehaviors","dispatcher","context","findings","length","onFindings","useEffect","Load","Enter","Unload","Leave","intervals","resolveIntervalBehaviors","timers","map","candidate","seconds","binding","trigger","setInterval","Math","max","forEach","clearInterval","handlers","handler","onSubmit","event","preventDefault","stopPropagation"],"mappings":"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"}

package/dist/cjs/renderer/InteractiveComponent.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var react = require('react');
+require('react/jsx-runtime');
+var useInteractions = require('../interactions/useInteractions.js');
+require('../interactions/NotificationHost.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Resolves an element's interactions and hands them to the component that renders it.
+ *
+ * This exists as a component rather than as a call inside the renderer because resolving them is a hook, and a
+ * hook cannot run inside the plain function a {@link Renderer} is. Keeping the renderer plain is what lets the
+ * same element tree be rendered by something that is not React at all.
+ */ function InteractiveComponent({ component, element, slots }) {
+    const interactions = useInteractions.useInteractions(element.id, element.behaviors);
+    return /*#__PURE__*/ react.createElement(component, {
+        element,
+        slots,
+        interactions
+    });
+}
+
+exports.InteractiveComponent = InteractiveComponent;
+//# sourceMappingURL=InteractiveComponent.js.map

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

@@ -0,0 +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,+BAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;AAClE,IAAA,qBAAOC,oBAAcP,SAAAA,EAAW;AAAEC,QAAAA,OAAAA;AAASC,QAAAA,KAAAA;AAAOC,QAAAA;AAAa,KAAA,CAAA;AACnE;;"}

package/dist/cjs/renderer/createReactRenderer.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var react = require('react');
+var InteractiveComponent = require('./InteractiveComponent.js');
 var panelLayout = require('./panelLayout.js');
 var UnresolvedComponent = require('./UnresolvedComponent.js');
 
@@ -31,8 +32,9 @@ var UnresolvedComponent = require('./UnresolvedComponent.js');
         },
         renderExternalComponent (element, slots) {
             const Component = registry[element.componentName] ?? UnresolvedComponent.UnresolvedComponent;
-            return /*#__PURE__*/ react.createElement(Component, {
+            return /*#__PURE__*/ react.createElement(InteractiveComponent.InteractiveComponent, {
                 key: element.id,
+                component: Component,
                 element,
                 slots
             });

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

@@ -1 +1 @@
-{"version":3,"file":"createReactRenderer.js","sources":["../../../renderer/createReactRenderer.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, createElement } from 'react';\nimport { Renderer } from '@cratis/scene.engine';\nimport { ContentControl, ExternalComponent, ItemsControl, Panel } from '@cratis/scene.model';\nimport { ComponentRegistry } from './ComponentRegistry';\nimport { childStyle, panelStyle } from './panelLayout';\nimport { UnresolvedComponent } from './UnresolvedComponent';\n\n/**\n * Creates a {@link Renderer} that turns a Scene element tree into React elements.\n *\n * `ItemsControl` and `ContentControl` render as plain wrapping `div`s. A `Panel` renders as the\n * arrangement it declares - a grid, a stack, a wrap or a dock - because that is what those panels are\n * for; see `panelLayout` for the mapping. Arranging a *layout's slots* by `flow`/`freeform` is a\n * different thing and stays Scene#4's, layered on top of this renderer rather than folded into it.\n */\nexport function createReactRenderer(registry: ComponentRegistry): Renderer<ReactNode> {\n    return {\n        renderContentControl(element: ContentControl, content: ReactNode): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ContentControl' }, content);\n        },\n\n        renderItemsControl(element: ItemsControl, items: ReactNode[]): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ItemsControl' }, items);\n        },\n\n        renderExternalComponent(element: ExternalComponent, slots: Record<string, ReactNode[]>): ReactNode {\n            const Component = registry[element.componentName] ?? UnresolvedComponent;\n            return createElement(Component, { key: element.id, element, slots });\n        },\n\n        renderPanel(element: Panel, children: ReactNode[]): ReactNode {\n            // The rendered children arrive in the same order as `element.children`, so a panel that places\n            // its children individually - a grid cell, a docked edge - can wrap each one in the box that\n            // places it without needing to re-render anything.\n            const placed = children.map((child, index) => {\n                const style = childStyle(element, element.children[index], index);\n                return style\n                    ? createElement('div', { key: `${element.id}-${index}`, 'data-scene-placement': index, style }, child)\n                    : child;\n            });\n\n            return createElement(\n                'div',\n                { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'Panel', style: panelStyle(element) },\n                placed);\n        },\n    };\n}\n"],"names":["createReactRenderer","registry","renderContentControl","element","content","createElement","key","id","renderItemsControl","items","renderExternalComponent","slots","Component","componentName","UnresolvedComponent","renderPanel","children","placed","map","child","index","style","childStyle","panelStyle"],"mappings":";;;;;;AAAA;AACA;AASA;;;;;;;IAQO,SAASA,mBAAAA,CAAoBC,QAA2B,EAAA;IAC3D,OAAO;QACHC,oBAAAA,CAAAA,CAAqBC,OAAuB,EAAEC,OAAkB,EAAA;AAC5D,YAAA,qBAAOC,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAiB,EAAGH,OAAAA,CAAAA;AACvH,QAAA,CAAA;QAEAI,kBAAAA,CAAAA,CAAmBL,OAAqB,EAAEM,KAAkB,EAAA;AACxD,YAAA,qBAAOJ,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAe,EAAGE,KAAAA,CAAAA;AACrH,QAAA,CAAA;QAEAC,uBAAAA,CAAAA,CAAwBP,OAA0B,EAAEQ,KAAkC,EAAA;AAClF,YAAA,MAAMC,YAAYX,QAAQ,CAACE,OAAAA,CAAQU,aAAa,CAAC,IAAIC,uCAAAA;AACrD,YAAA,qBAAOT,oBAAcO,SAAAA,EAAW;AAAEN,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAEJ,gBAAAA,OAAAA;AAASQ,gBAAAA;AAAM,aAAA,CAAA;AACtE,QAAA,CAAA;QAEAI,WAAAA,CAAAA,CAAYZ,OAAc,EAAEa,QAAqB,EAAA;;;;AAI7C,YAAA,MAAMC,MAAAA,GAASD,QAAAA,CAASE,GAAG,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;AAChC,gBAAA,MAAMC,QAAQC,sBAAAA,CAAWnB,OAAAA,EAASA,QAAQa,QAAQ,CAACI,MAAM,EAAEA,KAAAA,CAAAA;gBAC3D,OAAOC,KAAAA,iBACDhB,oBAAc,KAAA,EAAO;AAAEC,oBAAAA,GAAAA,EAAK,GAAGH,OAAAA,CAAQI,EAAE,CAAC,CAAC,EAAEa,KAAAA,CAAAA,CAAO;oBAAE,sBAAA,EAAwBA,KAAAA;AAAOC,oBAAAA;AAAM,iBAAA,EAAGF,KAAAA,CAAAA,GAC9FA,KAAAA;AACV,YAAA,CAAA,CAAA;AAEA,YAAA,qBAAOd,oBACH,KAAA,EACA;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB,OAAA;AAASc,gBAAAA,KAAAA,EAAOE,sBAAAA,CAAWpB,OAAAA;aAAS,EACvGc,MAAAA,CAAAA;AACR,QAAA;AACJ,KAAA;AACJ;;"}
+{"version":3,"file":"createReactRenderer.js","sources":["../../../renderer/createReactRenderer.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, createElement } from 'react';\nimport { Renderer } from '@cratis/scene.engine';\nimport { ContentControl, ExternalComponent, ItemsControl, Panel } from '@cratis/scene.model';\nimport { ComponentRegistry } from './ComponentRegistry';\nimport { InteractiveComponent } from './InteractiveComponent';\nimport { childStyle, panelStyle } from './panelLayout';\nimport { UnresolvedComponent } from './UnresolvedComponent';\n\n/**\n * Creates a {@link Renderer} that turns a Scene element tree into React elements.\n *\n * `ItemsControl` and `ContentControl` render as plain wrapping `div`s. A `Panel` renders as the\n * arrangement it declares - a grid, a stack, a wrap or a dock - because that is what those panels are\n * for; see `panelLayout` for the mapping. Arranging a *layout's slots* by `flow`/`freeform` is a\n * different thing and stays Scene#4's, layered on top of this renderer rather than folded into it.\n */\nexport function createReactRenderer(registry: ComponentRegistry): Renderer<ReactNode> {\n    return {\n        renderContentControl(element: ContentControl, content: ReactNode): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ContentControl' }, content);\n        },\n\n        renderItemsControl(element: ItemsControl, items: ReactNode[]): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ItemsControl' }, items);\n        },\n\n        renderExternalComponent(element: ExternalComponent, slots: Record<string, ReactNode[]>): ReactNode {\n            const Component = registry[element.componentName] ?? UnresolvedComponent;\n            return createElement(InteractiveComponent, { key: element.id, component: Component, element, slots });\n        },\n\n        renderPanel(element: Panel, children: ReactNode[]): ReactNode {\n            // The rendered children arrive in the same order as `element.children`, so a panel that places\n            // its children individually - a grid cell, a docked edge - can wrap each one in the box that\n            // places it without needing to re-render anything.\n            const placed = children.map((child, index) => {\n                const style = childStyle(element, element.children[index], index);\n                return style\n                    ? createElement('div', { key: `${element.id}-${index}`, 'data-scene-placement': index, style }, child)\n                    : child;\n            });\n\n            return createElement(\n                'div',\n                { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'Panel', style: panelStyle(element) },\n                placed);\n        },\n    };\n}\n"],"names":["createReactRenderer","registry","renderContentControl","element","content","createElement","key","id","renderItemsControl","items","renderExternalComponent","slots","Component","componentName","UnresolvedComponent","InteractiveComponent","component","renderPanel","children","placed","map","child","index","style","childStyle","panelStyle"],"mappings":";;;;;;;AAAA;AACA;AAUA;;;;;;;IAQO,SAASA,mBAAAA,CAAoBC,QAA2B,EAAA;IAC3D,OAAO;QACHC,oBAAAA,CAAAA,CAAqBC,OAAuB,EAAEC,OAAkB,EAAA;AAC5D,YAAA,qBAAOC,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAiB,EAAGH,OAAAA,CAAAA;AACvH,QAAA,CAAA;QAEAI,kBAAAA,CAAAA,CAAmBL,OAAqB,EAAEM,KAAkB,EAAA;AACxD,YAAA,qBAAOJ,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAe,EAAGE,KAAAA,CAAAA;AACrH,QAAA,CAAA;QAEAC,uBAAAA,CAAAA,CAAwBP,OAA0B,EAAEQ,KAAkC,EAAA;AAClF,YAAA,MAAMC,YAAYX,QAAQ,CAACE,OAAAA,CAAQU,aAAa,CAAC,IAAIC,uCAAAA;AACrD,YAAA,qBAAOT,oBAAcU,yCAAAA,EAAsB;AAAET,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;gBAAES,SAAAA,EAAWJ,SAAAA;AAAWT,gBAAAA,OAAAA;AAASQ,gBAAAA;AAAM,aAAA,CAAA;AACvG,QAAA,CAAA;QAEAM,WAAAA,CAAAA,CAAYd,OAAc,EAAEe,QAAqB,EAAA;;;;AAI7C,YAAA,MAAMC,MAAAA,GAASD,QAAAA,CAASE,GAAG,CAAC,CAACC,KAAAA,EAAOC,KAAAA,GAAAA;AAChC,gBAAA,MAAMC,QAAQC,sBAAAA,CAAWrB,OAAAA,EAASA,QAAQe,QAAQ,CAACI,MAAM,EAAEA,KAAAA,CAAAA;gBAC3D,OAAOC,KAAAA,iBACDlB,oBAAc,KAAA,EAAO;AAAEC,oBAAAA,GAAAA,EAAK,GAAGH,OAAAA,CAAQI,EAAE,CAAC,CAAC,EAAEe,KAAAA,CAAAA,CAAO;oBAAE,sBAAA,EAAwBA,KAAAA;AAAOC,oBAAAA;AAAM,iBAAA,EAAGF,KAAAA,CAAAA,GAC9FA,KAAAA;AACV,YAAA,CAAA,CAAA;AAEA,YAAA,qBAAOhB,oBACH,KAAA,EACA;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB,OAAA;AAASgB,gBAAAA,KAAAA,EAAOE,sBAAAA,CAAWtB,OAAAA;aAAS,EACvGgB,MAAAA,CAAAA;AACR,QAAA;AACJ,KAAA;AACJ;;"}

package/dist/esm/SceneElementView.js

@@ -2,6 +2,8 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { renderElement } from '@cratis/scene.engine';
 import { createReactRenderer } from './renderer/createReactRenderer.js';
+import './interactions/useInteractions.js';
+import './interactions/NotificationHost.js';
 
 /**
  * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's

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 { renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\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 }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    return <>{renderElement(element, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","renderer","useMemo","createReactRenderer","_jsx","_Fragment","renderElement"],"mappings":";;;;;AAcA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAyB,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAWC,OAAAA,CAAQ,IAAMC,mBAAAA,CAAoBJ,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;IACxE,qBAAOK,GAAA,CAAAC,QAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,aAAAA,CAAcR,SAASG,QAAAA,EAAUD,cAAAA;;AAC/C;;"}
+{"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 { renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\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 }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    return <>{renderElement(element, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","renderer","useMemo","createReactRenderer","_jsx","_Fragment","renderElement"],"mappings":";;;;;;;AAcA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAyB,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAWC,OAAAA,CAAQ,IAAMC,mBAAAA,CAAoBJ,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;IACxE,qBAAOK,GAAA,CAAAC,QAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,aAAAA,CAAcR,SAASG,QAAAA,EAAUD,cAAAA;;AAC/C;;"}

package/dist/esm/core/CoreButton.d.ts

@@ -1,3 +1,3 @@
 import { RegisteredComponentProps } from '../renderer';
-export declare function CoreButton({ element, slots }: RegisteredComponentProps): import("react").JSX.Element;
+export declare function CoreButton({ element, slots, interactions }: RegisteredComponentProps): import("react").JSX.Element;
 //# sourceMappingURL=CoreButton.d.ts.map

package/dist/esm/core/CoreButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreButton.d.ts","sourceRoot":"","sources":["../../../core/CoreButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAKvD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAQtE"}
+{"version":3,"file":"CoreButton.d.ts","sourceRoot":"","sources":["../../../core/CoreButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAKvD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAQpF"}

package/dist/esm/core/CoreButton.js

@@ -4,11 +4,12 @@ import { jsxs } from 'react/jsx-runtime';
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.
- */ function CoreButton({ element, slots }) {
+ */ function CoreButton({ element, slots, interactions }) {
     const label = typeof element.properties.label === 'string' ? element.properties.label : '';
     return /*#__PURE__*/ jsxs("button", {
         type: "button",
         "data-scene-id": element.id,
+        ...interactions,
         children: [
             label,
             slots.content

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

@@ -1 +1 @@
-{"version":3,"file":"CoreButton.js","sources":["../../../core/CoreButton.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 { RegisteredComponentProps } from '../renderer';\n\n/**\n * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreButton({ element, slots }: RegisteredComponentProps) {\n    const label = typeof element.properties.label === 'string' ? element.properties.label : '';\n    return (\n        <button type=\"button\" data-scene-id={element.id}>\n            {label}\n            {slots.content}\n        </button>\n    );\n}\n"],"names":["CoreButton","element","slots","label","properties","_jsxs","button","type","data-scene-id","id","content"],"mappings":";;AAAA;AACA;AAIA;;AAEC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACnE,IAAA,MAAMC,KAAAA,GAAQ,OAAOF,OAAAA,CAAQG,UAAU,CAACD,KAAK,KAAK,QAAA,GAAWF,OAAAA,CAAQG,UAAU,CAACD,KAAK,GAAG,EAAA;AACxF,IAAA,qBACIE,IAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;AAASC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;;AAC1CN,YAAAA,KAAAA;AACAD,YAAAA,KAAAA,CAAMQ;;;AAGnB;;"}
+{"version":3,"file":"CoreButton.js","sources":["../../../core/CoreButton.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 { RegisteredComponentProps } from '../renderer';\n\n/**\n * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreButton({ element, slots, interactions }: RegisteredComponentProps) {\n    const label = typeof element.properties.label === 'string' ? element.properties.label : '';\n    return (\n        <button type=\"button\" data-scene-id={element.id} {...interactions}>\n            {label}\n            {slots.content}\n        </button>\n    );\n}\n"],"names":["CoreButton","element","slots","interactions","label","properties","_jsxs","button","type","data-scene-id","id","content"],"mappings":";;AAAA;AACA;AAIA;;IAGO,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,KAAK,EAAEC,YAAY,EAA4B,EAAA;AACjF,IAAA,MAAMC,KAAAA,GAAQ,OAAOH,OAAAA,CAAQI,UAAU,CAACD,KAAK,KAAK,QAAA,GAAWH,OAAAA,CAAQI,UAAU,CAACD,KAAK,GAAG,EAAA;AACxF,IAAA,qBACIE,IAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;AAASC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;AAAG,QAAA,GAAGP,YAAY;;AAC5DC,YAAAA,KAAAA;AACAF,YAAAA,KAAAA,CAAMS;;;AAGnB;;"}

package/dist/esm/for_useInteractionHosts/when_a_document_asks_the_user_something.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_a_document_asks_the_user_something.d.ts.map

package/dist/esm/for_useInteractionHosts/when_a_document_asks_the_user_something.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_a_document_asks_the_user_something.d.ts","sourceRoot":"","sources":["../../../for_useInteractionHosts/when_a_document_asks_the_user_something.tsx"],"names":[],"mappings":""}

package/dist/esm/for_useInteractionHosts/when_a_document_asks_the_user_something.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { useMemo } from 'react';
+import { InteractionActionKind, InteractionTriggerKind, NotificationLevel } from '@cratis/scene.model';
+import { InteractionScope, createBrowserDispatcher, useInteractionHosts, useInteractions } from '../interactions';
+const executed = [];
+const confirmThenExecute = {
+    name: 'CancelInvoice',
+    bindings: [
+        {
+            trigger: { kind: InteractionTriggerKind.Click },
+            actions: [
+                { kind: InteractionActionKind.Confirm, message: { text: 'Cancel this invoice?' } },
+                { kind: InteractionActionKind.ExecuteCommand, command: 'CancelInvoice' },
+                { kind: InteractionActionKind.Notify, level: NotificationLevel.Info, message: { text: 'Invoice cancelled' } },
+            ],
+        },
+    ],
+};
+function Button({ behaviors }) {
+    const handlers = useInteractions('element', behaviors);
+    return _jsx("button", { type: "button", ...handlers, children: "Cancel" });
+}
+function Application({ behaviors }) {
+    const { host, surfaces } = useInteractionHosts();
+    const dispatcher = useMemo(() => createBrowserDispatcher({
+        ...host,
+        executeCommand: async (command) => {
+            executed.push(command);
+            return { isSuccess: true };
+        },
+    }), [host]);
+    return (_jsxs(InteractionScope, { dispatcher: dispatcher, attachments: [], children: [_jsx(Button, { behaviors: behaviors }), surfaces] }));
+}
+describe('when a document asks the user something', () => {
+    beforeEach(() => { executed.length = 0; });
+    it('should ask in the page rather than in a browser prompt', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        screen.getByRole('alertdialog').getAttribute('aria-label').should.equal('Cancel this invoice?');
+    });
+    it('should not run what follows until the question is answered', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        executed.should.have.lengthOf(0);
+    });
+    it('should run what follows when the answer is yes', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        await userEvent.click(screen.getByRole('button', { name: 'OK' }));
+        executed.should.eql(['CancelInvoice']);
+    });
+    it('should abandon the sequence when the answer is no', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        await userEvent.click(within(screen.getByRole('alertdialog')).getByRole('button', { name: 'Cancel' }));
+        executed.should.have.lengthOf(0);
+    });
+    it('should take the question down once it is answered', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        await userEvent.click(screen.getByRole('button', { name: 'OK' }));
+        (screen.queryByRole('alertdialog') === null).should.equal(true);
+    });
+    it('should show what the document said after the command ran', async () => {
+        render(_jsx(Application, { behaviors: [confirmThenExecute] }));
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        await userEvent.click(screen.getByRole('button', { name: 'OK' }));
+        screen.getByText('Invoice cancelled').textContent.should.equal('Invoice cancelled');
+    });
+});
+//# sourceMappingURL=when_a_document_asks_the_user_something.js.map

package/dist/esm/for_useInteractionHosts/when_a_document_asks_the_user_something.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_a_document_asks_the_user_something.js","sourceRoot":"","sources":["../../../for_useInteractionHosts/when_a_document_asks_the_user_something.tsx"],"names":[],"mappings":"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"}

package/dist/esm/for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_host_cannot_do_what_was_asked.d.ts.map

package/dist/esm/for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_host_cannot_do_what_was_asked.d.ts","sourceRoot":"","sources":["../../../for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.tsx"],"names":[],"mappings":""}

package/dist/esm/for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { useMemo } from 'react';
+import { InteractionActionKind, InteractionTriggerKind } from '@cratis/scene.model';
+import { InteractionScope, createBrowserDispatcher, useInteractionHosts, useInteractions } from '../interactions';
+const navigateSomewhere = {
+    name: 'GoToInvoice',
+    bindings: [
+        {
+            trigger: { kind: InteractionTriggerKind.Click },
+            actions: [{ kind: InteractionActionKind.Navigate, screen: 'InvoiceDetails' }],
+        },
+    ],
+};
+function Button() {
+    const handlers = useInteractions('element', [navigateSomewhere]);
+    return _jsx("button", { type: "button", ...handlers, children: "Open" });
+}
+function Application() {
+    const { host, surfaces } = useInteractionHosts();
+    const dispatcher = useMemo(() => createBrowserDispatcher(host), [host]);
+    return (_jsxs(InteractionScope, { dispatcher: dispatcher, attachments: [], children: [_jsx(Button, {}), surfaces] }));
+}
+describe('when the host cannot do what was asked', () => {
+    it('should say so on the screen rather than do nothing', async () => {
+        render(_jsx(Application, {}));
+        await userEvent.click(screen.getByRole('button', { name: 'Open' }));
+        screen.getByText('navigate to InvoiceDetails').textContent.should.equal('navigate to InvoiceDetails');
+    });
+    it('should report the same action once however often it is asked for', async () => {
+        render(_jsx(Application, {}));
+        await userEvent.click(screen.getByRole('button', { name: 'Open' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Open' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Open' }));
+        screen.getAllByText('navigate to InvoiceDetails').should.have.lengthOf(1);
+    });
+    it('should say nothing when nothing has failed', () => {
+        render(_jsx(Application, {}));
+        (screen.queryByText(/cannot do what the document asked/) === null).should.equal(true);
+    });
+});
+//# sourceMappingURL=when_the_host_cannot_do_what_was_asked.js.map

package/dist/esm/for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_host_cannot_do_what_was_asked.js","sourceRoot":"","sources":["../../../for_useInteractionHosts/when_the_host_cannot_do_what_was_asked.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAY,MAAM,qBAAqB,CAAC;AAC9F,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElH,MAAM,iBAAiB,GAAa;IAChC,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE;QACN;YACI,OAAO,EAAE,EAAE,IAAI,EAAE,sBAAsB,CAAC,KAAK,EAAW;YACxD,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAW,CAAC;SACzF;KACJ;CACJ,CAAC;AAEF,SAAS,MAAM;IACX,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,OAAO,iBAAQ,IAAI,EAAC,QAAQ,KAAK,QAAQ,qBAAe,CAAC;AAC7D,CAAC;AAKD,SAAS,WAAW;IAChB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAExE,OAAO,CACH,MAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,aACrD,KAAC,MAAM,KAAG,EACT,QAAQ,IACM,CACtB,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,wCAAwC,EAAE,GAAG,EAAE;IACpD,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC;QAExB,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,WAAY,CAAC,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAC3G,CAAC,CAAC,CAAC;IAIH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC;QAExB,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,YAAY,CAAC,4BAA4B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC;QAExB,CAAC,MAAM,CAAC,WAAW,CAAC,mCAAmC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_useInteractions/when_clicking_an_element_that_executes_a_command.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_clicking_an_element_that_executes_a_command.d.ts.map

package/dist/esm/for_useInteractions/when_clicking_an_element_that_executes_a_command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_clicking_an_element_that_executes_a_command.d.ts","sourceRoot":"","sources":["../../../for_useInteractions/when_clicking_an_element_that_executes_a_command.tsx"],"names":[],"mappings":""}