@craft-ts/component 0.7.0-beta.13

package/src/lib/ai/ai-send-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-send-dialog.d.ts","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/ai-send-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAgBxB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA6C9C;;;GAGG;AACH,eAAO,MAAM,YAAY;;mBA4H8C,IAAI;;;;;;;uBAAJ,IAAI;;;aAArD,KAAK,CAAC,kBAAkB,CAAC,WAAW,MAAM,CAAC,MAAM,IAAI,CAAC;;0BAAL,IAAI;uBAsEpD,MAAM;8BACG,MAAM,KAAG,IAAI;kBAG3B,OAAO;;;;aA1EH,KAAK,CAAC,kBAAkB,CAAC,WAAW,MAAM,CAAC,MAAM,IAAI,CAAC;;0BAAL,IAAI;uBAsEpD,MAAM;8BACG,MAAM,KAAG,IAAI;kBAG3B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA+DE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDA4C/B,CAAC"}

package/src/lib/ai/ai-send-dialog.js

@@ -0,0 +1,288 @@
+import { CRAFT_TEMPORAL_RUNTIME, craftMethod, craftUse, fromEventToSource$, state, } from '@craft-ts/core';
+import { ɵtoCraftService as toCraftService } from '@craft-ts/core';
+import { liveRegion } from '../a11y';
+import { craftComponent } from '../component';
+import { button, dialog, div, footer, header, label, section, span, strong, textarea, } from '../hyperscript';
+const { CraftTemporalRuntime } = toCraftService({
+    name: 'CraftTemporalRuntime',
+    providedIn: 'global',
+    token: CRAFT_TEMPORAL_RUNTIME,
+});
+function formatPrompt(payload) {
+    const snapshotJson = (() => {
+        try {
+            return JSON.stringify(payload.snapshot, null, 2);
+        }
+        catch {
+            return '[unserializable snapshot]';
+        }
+    })();
+    return [
+        `# Instruction`,
+        payload.instruction,
+        ``,
+        `# Component clicked`,
+        `- hostName: ${payload.hostName}`,
+        `- tagList: ${JSON.stringify(payload.tagList)}`,
+        `- coords: (${payload.coords.x}, ${payload.coords.y})`,
+        ``,
+        `# Element outerHTML (truncated)`,
+        '```html',
+        payload.outerHTML,
+        '```',
+        ``,
+        `# App snapshot (${payload.snapshot.length} reports)`,
+        '```json',
+        snapshotJson,
+        '```',
+    ].join('\n');
+}
+/**
+ * Modal that collects an instruction and copies the formatted prompt, with the
+ * captured component context and app snapshot, to the clipboard.
+ */
+export const AiSendDialog = craftComponent('AiSendDialog', {
+    styles: `
+      .craft-ai-overlay {
+        position: fixed;
+        inset: unset;
+        border: none;
+        background: transparent;
+        padding: 24px;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
+        font-size: 13px;
+        color: #111827;
+      }
+      .craft-ai-overlay::backdrop {
+        background: rgba(15, 23, 42, 0.5);
+      }
+      .craft-ai-card {
+        background: #ffffff;
+        border-radius: 8px;
+        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
+        width: min(560px, 100%);
+        max-height: 90vh;
+        overflow: auto;
+        padding: 16px 20px 20px;
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+      }
+      .craft-ai-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 14px;
+      }
+      .craft-ai-close {
+        background: transparent;
+        border: none;
+        font-size: 20px;
+        line-height: 1;
+        cursor: pointer;
+        color: #6b7280;
+      }
+      .craft-ai-context {
+        background: #f9fafb;
+        border: 1px solid #e5e7eb;
+        border-radius: 6px;
+        padding: 8px 10px;
+        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+        font-size: 12px;
+        display: grid;
+        gap: 4px;
+      }
+      .craft-ai-context .label {
+        color: #6b7280;
+        margin-right: 4px;
+      }
+      .craft-ai-label {
+        font-weight: 600;
+      }
+      .craft-ai-textarea {
+        width: 100%;
+        box-sizing: border-box;
+        font-family: inherit;
+        font-size: 13px;
+        padding: 8px 10px;
+        border: 1px solid #d1d5db;
+        border-radius: 6px;
+        resize: vertical;
+        min-height: 96px;
+      }
+      .craft-ai-textarea:focus {
+        outline: 2px solid #3b82f6;
+        outline-offset: -1px;
+      }
+      .craft-ai-success {
+        background: #ecfdf5;
+        border: 1px solid #a7f3d0;
+        color: #065f46;
+        padding: 8px 10px;
+        border-radius: 6px;
+      }
+      .craft-ai-footer {
+        display: flex;
+        justify-content: flex-end;
+        gap: 8px;
+      }
+      .craft-ai-cancel {
+        background: #ffffff;
+        border: 1px solid #d1d5db;
+        padding: 6px 12px;
+        border-radius: 6px;
+        cursor: pointer;
+      }
+      .craft-ai-copy {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        background: #2563eb;
+        color: #ffffff;
+        border: none;
+        padding: 6px 14px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 500;
+        transition: background 0.15s;
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .craft-ai-copy {
+          transition: none;
+        }
+      }
+      .craft-ai-copy--done {
+        background: #059669;
+      }
+      .craft-ai-copy:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+    `,
+}, function* (payload, onClose) {
+    const temporalRuntime = yield* CraftTemporalRuntime();
+    // This component ships in a published package, so its inferred type goes
+    // through declaration emit. Reactive values (craft `state()`, Angular
+    // signals) carry `unique symbol`s that the emitter cannot name (TS4023),
+    // so the signals stay local and the context exposes plain accessors only.
+    const instruction = yield* state('instruction', '', ({ set }) => ({
+        setInstruction: (value) => set(value),
+    }));
+    const copied = yield* state('copied', false, ({ set }) => ({
+        setCopied: (value) => set(value),
+    }));
+    const setInstruction = craftMethod('setInstruction', function* (value) {
+        yield* instruction.setInstruction(value);
+    });
+    const setCopied = craftMethod('setCopied', function* (value) {
+        yield* copied.setCopied(value);
+    });
+    let copiedTimer = null;
+    fromEventToSource$(document, 'keydown').subscribe((event) => {
+        if (event.key === 'Escape') {
+            onClose();
+        }
+    });
+    const copy = () => {
+        const text = instruction().trim();
+        if (!text)
+            return;
+        const content = formatPrompt({
+            ...craftUse(payload()),
+            instruction: text,
+        });
+        void navigator.clipboard.writeText(content).then(() => {
+            setCopied(true);
+            copiedTimer?.cancel();
+            copiedTimer = temporalRuntime.schedule(() => {
+                setCopied(false);
+            }, 2500, {
+                kind: 'ai-copy-feedback',
+                owner: 'ai-send-dialog',
+            });
+        });
+    };
+    return {
+        payload,
+        onClose,
+        instruction: () => instruction(),
+        writeInstruction: (value) => {
+            setInstruction(value);
+        },
+        copied: () => copied(),
+        copy,
+    };
+}, ({ payload, onClose, instruction, writeInstruction, copied, copy }) => dialog({
+    class: 'craft-ai-overlay',
+    open: true,
+    labelledBy: 'craft-ai-dialog-title',
+    onClose: () => onClose(),
+}, div({
+    class: 'craft-ai-card',
+}, [
+    header({ class: 'craft-ai-header' }, [
+        strong({ id: 'craft-ai-dialog-title' }, 'Send context to AI'),
+        button('aiDialogClose', {
+            type: 'button',
+            class: 'craft-ai-close',
+            'aria-label': 'Close',
+            click: () => onClose(),
+        }, '×'),
+    ]),
+    section({ class: 'craft-ai-context' }, [
+        div([
+            span({ class: 'label' }, 'Component:'),
+            function* () {
+                return (yield* payload()).hostName;
+            },
+        ]),
+        div([
+            span({ class: 'label' }, 'Coords:'),
+            function* () {
+                const value = yield* payload();
+                return `(${value.coords.x}, ${value.coords.y})`;
+            },
+        ]),
+        div([
+            span({ class: 'label' }, 'Snapshot:'),
+            function* () {
+                return `${(yield* payload()).snapshot.length} report(s)`;
+            },
+        ]),
+    ]),
+    label({ class: 'craft-ai-label', htmlFor: 'craft-ai-instruction' }, 'Instruction'),
+    textarea('aiDialogInstruction', {
+        id: 'craft-ai-instruction',
+        class: 'craft-ai-textarea',
+        rows: 6,
+        value: instruction,
+        placeholder: 'Describe what you want the AI to do…',
+        input: (event) => writeInstruction(event.target.value),
+    }),
+    // Toggled by style rather than `ifBlock`, which needs a *named* craft
+    // value and would leak the same internal symbols into the type.
+    liveRegion({ politeness: 'polite' }, div({
+        class: 'craft-ai-success',
+        style: () => (copied() ? null : { display: 'none' }),
+    }, 'Copié dans le presse-papier ✓')),
+    footer({ class: 'craft-ai-footer' }, [
+        button('aiDialogCancel', {
+            type: 'button',
+            class: 'craft-ai-cancel',
+            click: () => onClose(),
+        }, 'Fermer'),
+        button('aiDialogCopy', {
+            type: 'button',
+            class: () => [
+                'craft-ai-copy',
+                copied() && 'craft-ai-copy--done',
+            ],
+            disabled: () => !instruction().trim(),
+            click: copy,
+        }, () => (copied() ? '✓ Copié' : '⧉ Copier')),
+    ]),
+])));
+//# sourceMappingURL=ai-send-dialog.js.map

package/src/lib/ai/ai-send-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-send-dialog.js","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/ai-send-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CRAFT_TEMPORAL_RUNTIME,\n  craftMethod,\n  craftUse,\n  fromEventToSource$,\n  state,\n  type CraftTemporalRuntime as CraftTemporalRuntimeApi,\n  type TemporalTaskHandle,\n  type SendContextPayload,\n} from '@craft-ts/core';\nimport { ɵtoCraftService as toCraftService } from '@craft-ts/core';\nimport { liveRegion } from '../a11y';\nimport { craftComponent } from '../component';\nimport {\n  button,\n  dialog,\n  div,\n  footer,\n  header,\n  label,\n  section,\n  span,\n  strong,\n  textarea,\n} from '../hyperscript';\nimport type { Input, Output } from '../types';\n\nconst { CraftTemporalRuntime } = toCraftService({\n  name: 'CraftTemporalRuntime',\n  providedIn: 'global',\n  token: CRAFT_TEMPORAL_RUNTIME,\n}) as unknown as {\n  CraftTemporalRuntime: () => Generator<\n    never,\n    CraftTemporalRuntimeApi,\n    unknown\n  >;\n};\n\nfunction formatPrompt(\n  payload: SendContextPayload & { instruction: string },\n): string {\n  const snapshotJson = (() => {\n    try {\n      return JSON.stringify(payload.snapshot, null, 2);\n    } catch {\n      return '[unserializable snapshot]';\n    }\n  })();\n  return [\n    `# Instruction`,\n    payload.instruction,\n    ``,\n    `# Component clicked`,\n    `- hostName: ${payload.hostName}`,\n    `- tagList: ${JSON.stringify(payload.tagList)}`,\n    `- coords: (${payload.coords.x}, ${payload.coords.y})`,\n    ``,\n    `# Element outerHTML (truncated)`,\n    '```html',\n    payload.outerHTML,\n    '```',\n    ``,\n    `# App snapshot (${payload.snapshot.length} reports)`,\n    '```json',\n    snapshotJson,\n    '```',\n  ].join('\\n');\n}\n\n/**\n * Modal that collects an instruction and copies the formatted prompt, with the\n * captured component context and app snapshot, to the clipboard.\n */\nexport const AiSendDialog = craftComponent(\n  'AiSendDialog',\n  {\n    styles: `\n      .craft-ai-overlay {\n        position: fixed;\n        inset: unset;\n        border: none;\n        background: transparent;\n        padding: 24px;\n        font-family:\n          system-ui,\n          -apple-system,\n          sans-serif;\n        font-size: 13px;\n        color: #111827;\n      }\n      .craft-ai-overlay::backdrop {\n        background: rgba(15, 23, 42, 0.5);\n      }\n      .craft-ai-card {\n        background: #ffffff;\n        border-radius: 8px;\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\n        width: min(560px, 100%);\n        max-height: 90vh;\n        overflow: auto;\n        padding: 16px 20px 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n      .craft-ai-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        font-size: 14px;\n      }\n      .craft-ai-close {\n        background: transparent;\n        border: none;\n        font-size: 20px;\n        line-height: 1;\n        cursor: pointer;\n        color: #6b7280;\n      }\n      .craft-ai-context {\n        background: #f9fafb;\n        border: 1px solid #e5e7eb;\n        border-radius: 6px;\n        padding: 8px 10px;\n        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n        font-size: 12px;\n        display: grid;\n        gap: 4px;\n      }\n      .craft-ai-context .label {\n        color: #6b7280;\n        margin-right: 4px;\n      }\n      .craft-ai-label {\n        font-weight: 600;\n      }\n      .craft-ai-textarea {\n        width: 100%;\n        box-sizing: border-box;\n        font-family: inherit;\n        font-size: 13px;\n        padding: 8px 10px;\n        border: 1px solid #d1d5db;\n        border-radius: 6px;\n        resize: vertical;\n        min-height: 96px;\n      }\n      .craft-ai-textarea:focus {\n        outline: 2px solid #3b82f6;\n        outline-offset: -1px;\n      }\n      .craft-ai-success {\n        background: #ecfdf5;\n        border: 1px solid #a7f3d0;\n        color: #065f46;\n        padding: 8px 10px;\n        border-radius: 6px;\n      }\n      .craft-ai-footer {\n        display: flex;\n        justify-content: flex-end;\n        gap: 8px;\n      }\n      .craft-ai-cancel {\n        background: #ffffff;\n        border: 1px solid #d1d5db;\n        padding: 6px 12px;\n        border-radius: 6px;\n        cursor: pointer;\n      }\n      .craft-ai-copy {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        background: #2563eb;\n        color: #ffffff;\n        border: none;\n        padding: 6px 14px;\n        border-radius: 6px;\n        cursor: pointer;\n        font-weight: 500;\n        transition: background 0.15s;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        .craft-ai-copy {\n          transition: none;\n        }\n      }\n      .craft-ai-copy--done {\n        background: #059669;\n      }\n      .craft-ai-copy:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n    `,\n  },\n  function* (payload: Input<SendContextPayload>, onClose: Output<() => void>) {\n    const temporalRuntime = yield* CraftTemporalRuntime();\n    type InstructionState = (() => string) & {\n      setInstruction: (value: string) => Generator<unknown, unknown, unknown>;\n    };\n    type CopiedState = (() => boolean) & {\n      setCopied: (value: boolean) => Generator<unknown, unknown, unknown>;\n    };\n\n    // This component ships in a published package, so its inferred type goes\n    // through declaration emit. Reactive values (craft `state()`, Angular\n    // signals) carry `unique symbol`s that the emitter cannot name (TS4023),\n    // so the signals stay local and the context exposes plain accessors only.\n    const instruction = yield* state('instruction', '', ({ set }) => ({\n      setInstruction: (value: string) => set(value),\n    })) as unknown as Generator<never, InstructionState, unknown>;\n    const copied = yield* state('copied', false, ({ set }) => ({\n      setCopied: (value: boolean) => set(value),\n    })) as unknown as Generator<never, CopiedState, unknown>;\n\n    const setInstruction: (value: string) => void = craftMethod(\n      'setInstruction',\n      function* (value: string) {\n        yield* instruction.setInstruction(value);\n      },\n    );\n    const setCopied: (value: boolean) => void = craftMethod(\n      'setCopied',\n      function* (value: boolean) {\n        yield* copied.setCopied(value);\n      },\n    );\n\n    let copiedTimer: TemporalTaskHandle | null = null;\n\n    fromEventToSource$<KeyboardEvent>(document, 'keydown').subscribe(\n      (event) => {\n        if (event.key === 'Escape') {\n          onClose();\n        }\n      },\n    );\n\n    const copy = () => {\n      const text = instruction().trim();\n      if (!text) return;\n\n      const content = formatPrompt({\n        ...craftUse(payload()),\n        instruction: text,\n      });\n      void navigator.clipboard.writeText(content).then(() => {\n        setCopied(true);\n        copiedTimer?.cancel();\n        copiedTimer = temporalRuntime.schedule(\n          () => {\n            setCopied(false);\n          },\n          2500,\n          {\n            kind: 'ai-copy-feedback',\n            owner: 'ai-send-dialog',\n          },\n        );\n      });\n    };\n\n    return {\n      payload,\n      onClose,\n      instruction: (): string => instruction(),\n      writeInstruction: (value: string): void => {\n        setInstruction(value);\n      },\n      copied: (): boolean => copied(),\n      copy,\n    };\n  },\n  ({ payload, onClose, instruction, writeInstruction, copied, copy }) =>\n    dialog(\n      {\n        class: 'craft-ai-overlay',\n        open: true,\n        labelledBy: 'craft-ai-dialog-title',\n        onClose: () => onClose(),\n      },\n      div(\n        {\n          class: 'craft-ai-card',\n        },\n        [\n          header({ class: 'craft-ai-header' }, [\n            strong({ id: 'craft-ai-dialog-title' }, 'Send context to AI'),\n            button(\n              'aiDialogClose',\n              {\n                type: 'button',\n                class: 'craft-ai-close',\n                'aria-label': 'Close',\n                click: () => onClose(),\n              },\n              '×',\n            ),\n          ]),\n\n          section({ class: 'craft-ai-context' }, [\n            div([\n              span({ class: 'label' }, 'Component:'),\n              function* () {\n                return (yield* payload()).hostName;\n              },\n            ]),\n            div([\n              span({ class: 'label' }, 'Coords:'),\n              function* () {\n                const value = yield* payload();\n                return `(${value.coords.x}, ${value.coords.y})`;\n              },\n            ]),\n            div([\n              span({ class: 'label' }, 'Snapshot:'),\n              function* () {\n                return `${(yield* payload()).snapshot.length} report(s)`;\n              },\n            ]),\n          ]),\n\n          label(\n            { class: 'craft-ai-label', htmlFor: 'craft-ai-instruction' },\n            'Instruction',\n          ),\n          textarea('aiDialogInstruction', {\n            id: 'craft-ai-instruction',\n            class: 'craft-ai-textarea',\n            rows: 6,\n            value: instruction,\n            placeholder: 'Describe what you want the AI to do…',\n            input: (event: Event) =>\n              writeInstruction((event.target as HTMLTextAreaElement).value),\n          }),\n\n          // Toggled by style rather than `ifBlock`, which needs a *named* craft\n          // value and would leak the same internal symbols into the type.\n          liveRegion(\n            { politeness: 'polite' },\n            div(\n              {\n                class: 'craft-ai-success',\n                style: () => (copied() ? null : { display: 'none' }),\n              },\n              'Copié dans le presse-papier ✓',\n            ),\n          ),\n\n          footer({ class: 'craft-ai-footer' }, [\n            button(\n              'aiDialogCancel',\n              {\n                type: 'button',\n                class: 'craft-ai-cancel',\n                click: () => onClose(),\n              },\n              'Fermer',\n            ),\n            button(\n              'aiDialogCopy',\n              {\n                type: 'button',\n                class: () => [\n                  'craft-ai-copy',\n                  copied() && 'craft-ai-copy--done',\n                ],\n                disabled: () => !instruction().trim(),\n                click: copy,\n              },\n              () => (copied() ? '✓ Copié' : '⧉ Copier'),\n            ),\n          ]),\n        ],\n      ),\n    ),\n);\n"]}

package/src/lib/ai/send-context-to-ai.d.ts

@@ -0,0 +1,29 @@
+import { DestroyRef, Injector, type Provider } from '../host-runtime';
+import { SendContextToAiBuffer, TAKE_APP_SNAPSHOT, type CraftToken, type GetDeps, type SendContextPayload, type TemporalTaskHandle } from '@craft-ts/core';
+export type AiContextMenuController = {
+    open(ctx: Omit<SendContextPayload, 'snapshot'>): void;
+};
+export declare const AI_CONTEXT_MENU_CONTROLLER: CraftToken<AiContextMenuController>;
+export declare function createAiContextMenuController({ injector, buffer, takeSnapshot, temporalRuntime, destroyRef, }: {
+    injector: Injector;
+    buffer: SendContextToAiBuffer;
+    takeSnapshot: () => void;
+    temporalRuntime: {
+        schedule(callback: () => void, delay: number, options: {
+            kind: string;
+            owner: string;
+            destroyRef: DestroyRef;
+        }): TemporalTaskHandle;
+    };
+    destroyRef: DestroyRef;
+}): AiContextMenuController;
+export declare function provideSendContextToAi(): Provider[];
+export type GenDeps_AiContextMenuController = GetDeps<{
+    deps: {};
+    provided: {};
+    missingProvider: {
+        Injector: Injector;
+        TAKE_APP_SNAPSHOT: typeof TAKE_APP_SNAPSHOT;
+    };
+}>;
+//# sourceMappingURL=send-context-to-ai.d.ts.map

package/src/lib/ai/send-context-to-ai.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-context-to-ai.d.ts","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/send-context-to-ai.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAGV,QAAQ,EAER,KAAK,QAAQ,EAEd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAUL,qBAAqB,EACrB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAuCxB,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,0BAA0B,qCAEtC,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,eAAe,EACf,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE;QACf,QAAQ,CACN,QAAQ,EAAE,MAAM,IAAI,EACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,UAAU,EAAE,UAAU,CAAC;SACxB,GACA,kBAAkB,CAAC;KACvB,CAAC;IACF,UAAU,EAAE,UAAU,CAAC;CACxB,GAAG,uBAAuB,CAiE1B;AAMD,wBAAgB,sBAAsB,IAAI,QAAQ,EAAE,CA+CnD;AAED,MAAM,MAAM,+BAA+B,GAAG,OAAO,CAAC;IACpD,IAAI,EAAE,EAAE,CAAC;IACT,QAAQ,EAAE,EAAE,CAAC;IACb,eAAe,EAAE;QACf,QAAQ,EAAE,QAAQ,CAAC;QACnB,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;KAC7C,CAAC;CACH,CAAC,CAAC"}

package/src/lib/ai/send-context-to-ai.js

@@ -0,0 +1,127 @@
+import { DestroyRef, ElementRef, inject, Injector, runInInjectionContext, } from '../host-runtime';
+import { APP_SNAPSHOT_REGISTRY, craftToken, createSendContextToAiBuffer, fromEventToSource$, HOST_TAG_LIST, CRAFT_TEMPORAL_RUNTIME, injectHostName, provideComponentMonitoring, SEND_CONTEXT_TO_AI_BUFFER, TAKE_APP_SNAPSHOT, } from '@craft-ts/core';
+import { mountCraftComponent } from '../bridge';
+import { AiContextMenu } from './ai-context-menu';
+import { AiSendDialog } from './ai-send-dialog';
+const HANDLED_FLAG = Symbol('craft-ai-contextmenu-handled');
+/**
+ * Creates the full-screen host element the craft overlay is mounted into.
+ * These are the styles the components used to carry on their `:host`.
+ */
+function openOverlay(zIndex, pointerEvents, mount) {
+    const host = document.createElement('div');
+    host.style.position = 'fixed';
+    host.style.inset = '0';
+    host.style.zIndex = String(zIndex);
+    host.style.pointerEvents = pointerEvents;
+    document.body.appendChild(host);
+    return { host, mount: mount(host) };
+}
+function closeOverlay(overlay) {
+    if (overlay) {
+        overlay.mount.destroy();
+        overlay.host.remove();
+    }
+    return null;
+}
+export const AI_CONTEXT_MENU_CONTROLLER = craftToken('AiContextMenuController');
+export function createAiContextMenuController({ injector, buffer, takeSnapshot, temporalRuntime, destroyRef, }) {
+    let menu = null;
+    let dialog = null;
+    let dialogTimer = null;
+    function closeMenu() {
+        menu = closeOverlay(menu);
+    }
+    function closeDialog() {
+        dialog = closeOverlay(dialog);
+    }
+    function openDialog(payload) {
+        dialog = openOverlay(99999, 'auto', (host) => mountCraftComponent(AiSendDialog, host, injector, {
+            payload: function* () {
+                return payload;
+            },
+            onClose: closeDialog,
+        }));
+    }
+    function onSelect(ctx) {
+        closeMenu();
+        // Wait for the snapshot buffer's debounceTime(500ms) to settle.
+        dialogTimer = temporalRuntime.schedule(() => {
+            dialogTimer = null;
+            openDialog({ ...ctx, snapshot: buffer.latestReports });
+        }, 550, {
+            kind: 'ai-context-debounce',
+            owner: 'ai-context-menu',
+            destroyRef,
+        });
+    }
+    return {
+        open(ctx) {
+            dialogTimer?.cancel();
+            dialogTimer = null;
+            closeMenu();
+            closeDialog();
+            // Trigger a snapshot collection now so the buffer is populated
+            // by the time the user submits the dialog.
+            takeSnapshot();
+            menu = openOverlay(99998, 'none', (host) => mountCraftComponent(AiContextMenu, host, injector, {
+                x: function* () {
+                    return ctx.coords.x;
+                },
+                y: function* () {
+                    return ctx.coords.y;
+                },
+                onSelect: () => onSelect(ctx),
+                onDismiss: closeMenu,
+            }));
+        },
+    };
+}
+function asAngularToken(token) {
+    return token;
+}
+export function provideSendContextToAi() {
+    return [
+        {
+            provide: asAngularToken(SEND_CONTEXT_TO_AI_BUFFER),
+            useFactory: () => createSendContextToAiBuffer(inject(APP_SNAPSHOT_REGISTRY)),
+        },
+        {
+            provide: asAngularToken(AI_CONTEXT_MENU_CONTROLLER),
+            useFactory: () => createAiContextMenuController({
+                injector: inject(Injector),
+                buffer: inject(asAngularToken(SEND_CONTEXT_TO_AI_BUFFER)),
+                takeSnapshot: inject(TAKE_APP_SNAPSHOT),
+                temporalRuntime: inject(CRAFT_TEMPORAL_RUNTIME),
+                destroyRef: inject(DestroyRef),
+            }),
+        },
+        provideComponentMonitoring(() => {
+            const el = inject(ElementRef).nativeElement;
+            const tagList = inject(HOST_TAG_LIST, { optional: true });
+            const injector = inject(Injector);
+            const controller = inject(asAngularToken(AI_CONTEXT_MENU_CONTROLLER));
+            // Eagerly instantiate the buffer so snapshot reports start being collected.
+            inject(asAngularToken(SEND_CONTEXT_TO_AI_BUFFER));
+            fromEventToSource$(el, 'contextmenu').subscribe((event) => {
+                const handled = event;
+                if (handled[HANDLED_FLAG])
+                    return;
+                handled[HANDLED_FLAG] = true;
+                event.preventDefault();
+                event.stopPropagation();
+                runInInjectionContext(injector, () => {
+                    const hostName = injectHostName();
+                    const outerHTML = (el.outerHTML ?? '').slice(0, 2000);
+                    controller.open({
+                        hostName,
+                        tagList,
+                        coords: { x: event.clientX, y: event.clientY },
+                        outerHTML,
+                    });
+                });
+            });
+        }),
+    ];
+}
+//# sourceMappingURL=send-context-to-ai.js.map

package/src/lib/ai/send-context-to-ai.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-context-to-ai.js","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/send-context-to-ai.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DestroyRef,\n  ElementRef,\n  inject,\n  Injector,\n  runInInjectionContext,\n  type Provider,\n  type ProviderToken,\n} from '../host-runtime';\nimport {\n  APP_SNAPSHOT_REGISTRY,\n  craftToken,\n  createSendContextToAiBuffer,\n  fromEventToSource$,\n  HOST_TAG_LIST,\n  CRAFT_TEMPORAL_RUNTIME,\n  injectHostName,\n  provideComponentMonitoring,\n  SEND_CONTEXT_TO_AI_BUFFER,\n  SendContextToAiBuffer,\n  TAKE_APP_SNAPSHOT,\n  type CraftToken,\n  type GetDeps,\n  type SendContextPayload,\n  type TemporalTaskHandle,\n} from '@craft-ts/core';\nimport { mountCraftComponent } from '../bridge';\nimport { AiContextMenu } from './ai-context-menu';\nimport { AiSendDialog } from './ai-send-dialog';\n\nconst HANDLED_FLAG = Symbol('craft-ai-contextmenu-handled');\ntype HandledEvent = MouseEvent & { [HANDLED_FLAG]?: true };\n\ntype Overlay = {\n  readonly host: HTMLElement;\n  readonly mount: { destroy(): void };\n};\n\n/**\n * Creates the full-screen host element the craft overlay is mounted into.\n * These are the styles the components used to carry on their `:host`.\n */\nfunction openOverlay(\n  zIndex: number,\n  pointerEvents: 'none' | 'auto',\n  mount: (host: HTMLElement) => { destroy(): void },\n): Overlay {\n  const host = document.createElement('div');\n  host.style.position = 'fixed';\n  host.style.inset = '0';\n  host.style.zIndex = String(zIndex);\n  host.style.pointerEvents = pointerEvents;\n  document.body.appendChild(host);\n  return { host, mount: mount(host) };\n}\n\nfunction closeOverlay(overlay: Overlay | null): null {\n  if (overlay) {\n    overlay.mount.destroy();\n    overlay.host.remove();\n  }\n  return null;\n}\n\nexport type AiContextMenuController = {\n  open(ctx: Omit<SendContextPayload, 'snapshot'>): void;\n};\n\nexport const AI_CONTEXT_MENU_CONTROLLER = craftToken<AiContextMenuController>(\n  'AiContextMenuController',\n);\n\nexport function createAiContextMenuController({\n  injector,\n  buffer,\n  takeSnapshot,\n  temporalRuntime,\n  destroyRef,\n}: {\n  injector: Injector;\n  buffer: SendContextToAiBuffer;\n  takeSnapshot: () => void;\n  temporalRuntime: {\n    schedule(\n      callback: () => void,\n      delay: number,\n      options: {\n        kind: string;\n        owner: string;\n        destroyRef: DestroyRef;\n      },\n    ): TemporalTaskHandle;\n  };\n  destroyRef: DestroyRef;\n}): AiContextMenuController {\n  let menu: Overlay | null = null;\n  let dialog: Overlay | null = null;\n  let dialogTimer: TemporalTaskHandle | null = null;\n\n  function closeMenu(): void {\n    menu = closeOverlay(menu);\n  }\n\n  function closeDialog(): void {\n    dialog = closeOverlay(dialog);\n  }\n\n  function openDialog(payload: SendContextPayload): void {\n    dialog = openOverlay(99999, 'auto', (host) =>\n      mountCraftComponent(AiSendDialog, host, injector, {\n        payload: function* () {\n          return payload;\n        },\n        onClose: closeDialog,\n      }),\n    );\n  }\n\n  function onSelect(ctx: Omit<SendContextPayload, 'snapshot'>): void {\n    closeMenu();\n    // Wait for the snapshot buffer's debounceTime(500ms) to settle.\n    dialogTimer = temporalRuntime.schedule(\n      () => {\n        dialogTimer = null;\n        openDialog({ ...ctx, snapshot: buffer.latestReports });\n      },\n      550,\n      {\n        kind: 'ai-context-debounce',\n        owner: 'ai-context-menu',\n        destroyRef,\n      },\n    );\n  }\n\n  return {\n    open(ctx: Omit<SendContextPayload, 'snapshot'>): void {\n      dialogTimer?.cancel();\n      dialogTimer = null;\n      closeMenu();\n      closeDialog();\n      // Trigger a snapshot collection now so the buffer is populated\n      // by the time the user submits the dialog.\n      takeSnapshot();\n\n      menu = openOverlay(99998, 'none', (host) =>\n        mountCraftComponent(AiContextMenu, host, injector, {\n          x: function* () {\n            return ctx.coords.x;\n          },\n          y: function* () {\n            return ctx.coords.y;\n          },\n          onSelect: () => onSelect(ctx),\n          onDismiss: closeMenu,\n        }),\n      );\n    },\n  };\n}\n\nfunction asAngularToken<T>(token: CraftToken<T>): ProviderToken<T> {\n  return token as unknown as ProviderToken<T>;\n}\n\nexport function provideSendContextToAi(): Provider[] {\n  return [\n    {\n      provide: asAngularToken(SEND_CONTEXT_TO_AI_BUFFER),\n      useFactory: () =>\n        createSendContextToAiBuffer(inject(APP_SNAPSHOT_REGISTRY)),\n    },\n    {\n      provide: asAngularToken(AI_CONTEXT_MENU_CONTROLLER),\n      useFactory: () =>\n        createAiContextMenuController({\n          injector: inject(Injector),\n          buffer: inject(asAngularToken(SEND_CONTEXT_TO_AI_BUFFER)),\n          takeSnapshot: inject(TAKE_APP_SNAPSHOT),\n          temporalRuntime: inject(CRAFT_TEMPORAL_RUNTIME),\n          destroyRef: inject(DestroyRef),\n        }),\n    },\n    provideComponentMonitoring(() => {\n      const el = inject(ElementRef).nativeElement as HTMLElement;\n      const tagList = inject(HOST_TAG_LIST, { optional: true }) as unknown;\n      const injector = inject(Injector);\n      const controller = inject(asAngularToken(AI_CONTEXT_MENU_CONTROLLER));\n      // Eagerly instantiate the buffer so snapshot reports start being collected.\n      inject(asAngularToken(SEND_CONTEXT_TO_AI_BUFFER));\n\n      fromEventToSource$<MouseEvent>(el, 'contextmenu').subscribe((event) => {\n        const handled = event as HandledEvent;\n        if (handled[HANDLED_FLAG]) return;\n        handled[HANDLED_FLAG] = true;\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        runInInjectionContext(injector, () => {\n          const hostName = injectHostName();\n          const outerHTML = (el.outerHTML ?? '').slice(0, 2000);\n          controller.open({\n            hostName,\n            tagList,\n            coords: { x: event.clientX, y: event.clientY },\n            outerHTML,\n          });\n        });\n      });\n    }),\n  ];\n}\n\nexport type GenDeps_AiContextMenuController = GetDeps<{\n  deps: {};\n  provided: {};\n  missingProvider: {\n    Injector: Injector;\n    TAKE_APP_SNAPSHOT: typeof TAKE_APP_SNAPSHOT;\n  };\n}>;\n"]}

package/src/lib/assert-defined-input.d.ts

@@ -0,0 +1,26 @@
+import { type CatchTagExhaustiveCodesCheck, type CraftExceptionResult } from '@craft-ts/core';
+import type { CraftInputExceptionsCarrier, Input } from './types';
+export declare const CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE: "CraftUndefinedPropertyException";
+export type CraftUndefinedPropertyException = CraftExceptionResult<{
+    readonly _tag: typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE;
+}, {
+    readonly property?: string;
+}>;
+type InputPipeOperator<SourceValue, OutputValue> = (source: Input<SourceValue>) => Input<OutputValue>;
+export type PipeableInput<Value> = Input<Value> & {
+    pipe<OutputValue>(operator: InputPipeOperator<Value, OutputValue>): PipeableInput<OutputValue>;
+};
+type AssertDefinedInputHandler = (exception: CraftUndefinedPropertyException) => unknown;
+type AssertDefinedInputHandlers = Record<typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE, AssertDefinedInputHandler>;
+type HandlerOutput<Handlers extends AssertDefinedInputHandlers> = ReturnType<Handlers[typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE]>;
+export declare function craftUndefinedPropertyException(property?: string): CraftUndefinedPropertyException;
+export type AssertDefinedInput<Value> = Input<Exclude<Value, undefined>> & CraftInputExceptionsCarrier<typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE> & Pick<PipeableInput<Exclude<Value, undefined>>, 'pipe'>;
+/** Creates an input which narrows away undefined and short-circuits when absent. */
+export declare function assertDefinedInput<Value>(source: Input<Value | undefined>, options?: {
+    readonly property?: string;
+}): AssertDefinedInput<Value>;
+export declare const catchInput: {
+    exhaustive<const Handlers extends AssertDefinedInputHandlers>(handlers: Handlers & CatchTagExhaustiveCodesCheck<typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE, Handlers>): <Value>(source: Input<Value>) => PipeableInput<Exclude<Value, undefined> | HandlerOutput<Handlers>>;
+};
+export {};
+//# sourceMappingURL=assert-defined-input.d.ts.map

package/src/lib/assert-defined-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assert-defined-input.d.ts","sourceRoot":"","sources":["../../../../../libs/component/src/lib/assert-defined-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,4BAA4B,EACjC,KAAK,oBAAoB,EAC1B,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,uCAAuC,EAClD,iCAA0C,CAAC;AAE7C,MAAM,MAAM,+BAA+B,GAAG,oBAAoB,CAChE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,uCAAuC,CAAA;CAAE,EACjE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAC/B,CAAC;AAEF,KAAK,iBAAiB,CAAC,WAAW,EAAE,WAAW,IAAI,CACjD,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,KACvB,KAAK,CAAC,WAAW,CAAC,CAAC;AAExB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG;IAChD,IAAI,CAAC,WAAW,EACd,QAAQ,EAAE,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,GAC9C,aAAa,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAEF,KAAK,yBAAyB,GAAG,CAC/B,SAAS,EAAE,+BAA+B,KACvC,OAAO,CAAC;AAEb,KAAK,0BAA0B,GAAG,MAAM,CACtC,OAAO,uCAAuC,EAC9C,yBAAyB,CAC1B,CAAC;AAEF,KAAK,aAAa,CAAC,QAAQ,SAAS,0BAA0B,IAAI,UAAU,CAC1E,QAAQ,CAAC,OAAO,uCAAuC,CAAC,CACzD,CAAC;AAEF,wBAAgB,+BAA+B,CAC7C,QAAQ,CAAC,EAAE,MAAM,GAChB,+BAA+B,CAQjC;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,GACtE,2BAA2B,CAAC,OAAO,uCAAuC,CAAC,GAC3E,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAiBzD,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,KAAK,EACtC,MAAM,EAAE,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,EAChC,OAAO,GAAE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAO,GAC3C,kBAAkB,CAAC,KAAK,CAAC,CAW3B;AAED,eAAO,MAAM,UAAU;qBACJ,QAAQ,SAAS,0BAA0B,YAChD,QAAQ,GAChB,4BAA4B,CAC1B,OAAO,uCAAuC,EAC9C,QAAQ,CACT,IAEK,KAAK,EACX,QAAQ,KAAK,CAAC,KAAK,CAAC,KACnB,aAAa,CACd,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CACpD;CAsBJ,CAAC"}

package/src/lib/assert-defined-input.js

@@ -0,0 +1,47 @@
+import { CraftGenShortCircuit, craftException, isCraftGenShortCircuit, } from '@craft-ts/core';
+export const CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE = 'CraftUndefinedPropertyException';
+export function craftUndefinedPropertyException(property) {
+    const payload = property === undefined ? {} : { property };
+    return craftException({ _tag: CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE }, payload);
+}
+function pipeableInput(source) {
+    const input = source;
+    if (Object.prototype.hasOwnProperty.call(input, 'pipe')) {
+        return input;
+    }
+    Object.defineProperty(input, 'pipe', {
+        value: (operator) => pipeableInput(operator(input)),
+        enumerable: false,
+    });
+    return input;
+}
+/** Creates an input which narrows away undefined and short-circuits when absent. */
+export function assertDefinedInput(source, options = {}) {
+    return pipeableInput(function* () {
+        const value = yield* source();
+        if (value !== undefined) {
+            return value;
+        }
+        throw new CraftGenShortCircuit(craftUndefinedPropertyException(options.property));
+    });
+}
+export const catchInput = {
+    exhaustive(handlers) {
+        return (source) => pipeableInput(function* () {
+            try {
+                return (yield* source());
+            }
+            catch (error) {
+                if (!isCraftGenShortCircuit(error)) {
+                    throw error;
+                }
+                if (error.exception._tag !==
+                    CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE) {
+                    throw error;
+                }
+                return handlers[CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE](error.exception);
+            }
+        });
+    },
+};
+//# sourceMappingURL=assert-defined-input.js.map

package/src/lib/assert-defined-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assert-defined-input.js","sourceRoot":"","sources":["../../../../../libs/component/src/lib/assert-defined-input.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,sBAAsB,GAGvB,MAAM,gBAAgB,CAAC;AAGxB,MAAM,CAAC,MAAM,uCAAuC,GAClD,iCAA0C,CAAC;AA8B7C,MAAM,UAAU,+BAA+B,CAC7C,QAAiB;IAEjB,MAAM,OAAO,GACX,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;IAE7C,OAAO,cAAc,CACnB,EAAE,IAAI,EAAE,uCAAuC,EAAE,EACjD,OAAO,CACR,CAAC;AACJ,CAAC;AAMD,SAAS,aAAa,CAAQ,MAAoB;IAChD,MAAM,KAAK,GAAG,MAA8B,CAAC;IAC7C,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;QACxD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE;QACnC,KAAK,EAAE,CACL,QAA+C,EACnB,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/D,UAAU,EAAE,KAAK;KAClB,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,kBAAkB,CAChC,MAAgC,EAChC,UAA0C,EAAE;IAE5C,OAAO,aAAa,CAAC,QAAQ,CAAC;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,KAAkC,CAAC;QAC5C,CAAC;QAED,MAAM,IAAI,oBAAoB,CAC5B,+BAA+B,CAAC,OAAO,CAAC,QAAQ,CAAC,CAClD,CAAC;IACJ,CAAqC,CAA8B,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,CACR,QAIG;QAEH,OAAO,CACL,MAAoB,EAGpB,EAAE,CACF,aAAa,CAAC,QAAQ,CAAC;YACrB,IAAI,CAAC;gBACH,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAA8B,CAAC;YACxD,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;oBACnC,MAAM,KAAK,CAAC;gBACd,CAAC;gBAED,IACE,KAAK,CAAC,SAAS,CAAC,IAAI;oBACpB,uCAAuC,EACvC,CAAC;oBACD,MAAM,KAAK,CAAC;gBACd,CAAC;gBAED,OAAO,QAAQ,CAAC,uCAAuC,CAAC,CACtD,KAAK,CAAC,SAA4C,CACI,CAAC;YAC3D,CAAC;QACH,CAA+D,CAAC,CAAC;IACrE,CAAC;CACF,CAAC","sourcesContent":["import {\n  CraftGenShortCircuit,\n  craftException,\n  isCraftGenShortCircuit,\n  type CatchTagExhaustiveCodesCheck,\n  type CraftExceptionResult,\n} from '@craft-ts/core';\nimport type { CraftInputExceptionsCarrier, Input } from './types';\n\nexport const CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE =\n  'CraftUndefinedPropertyException' as const;\n\nexport type CraftUndefinedPropertyException = CraftExceptionResult<\n  { readonly _tag: typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE },\n  { readonly property?: string }\n>;\n\ntype InputPipeOperator<SourceValue, OutputValue> = (\n  source: Input<SourceValue>,\n) => Input<OutputValue>;\n\nexport type PipeableInput<Value> = Input<Value> & {\n  pipe<OutputValue>(\n    operator: InputPipeOperator<Value, OutputValue>,\n  ): PipeableInput<OutputValue>;\n};\n\ntype AssertDefinedInputHandler = (\n  exception: CraftUndefinedPropertyException,\n) => unknown;\n\ntype AssertDefinedInputHandlers = Record<\n  typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE,\n  AssertDefinedInputHandler\n>;\n\ntype HandlerOutput<Handlers extends AssertDefinedInputHandlers> = ReturnType<\n  Handlers[typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE]\n>;\n\nexport function craftUndefinedPropertyException(\n  property?: string,\n): CraftUndefinedPropertyException {\n  const payload: { readonly property?: string } =\n    property === undefined ? {} : { property };\n\n  return craftException(\n    { _tag: CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE },\n    payload,\n  );\n}\n\nexport type AssertDefinedInput<Value> = Input<Exclude<Value, undefined>> &\n  CraftInputExceptionsCarrier<typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE> &\n  Pick<PipeableInput<Exclude<Value, undefined>>, 'pipe'>;\n\nfunction pipeableInput<Value>(source: Input<Value>): PipeableInput<Value> {\n  const input = source as PipeableInput<Value>;\n  if (Object.prototype.hasOwnProperty.call(input, 'pipe')) {\n    return input;\n  }\n\n  Object.defineProperty(input, 'pipe', {\n    value: <OutputValue>(\n      operator: InputPipeOperator<Value, OutputValue>,\n    ): PipeableInput<OutputValue> => pipeableInput(operator(input)),\n    enumerable: false,\n  });\n  return input;\n}\n\n/** Creates an input which narrows away undefined and short-circuits when absent. */\nexport function assertDefinedInput<Value>(\n  source: Input<Value | undefined>,\n  options: { readonly property?: string } = {},\n): AssertDefinedInput<Value> {\n  return pipeableInput(function* () {\n    const value = yield* source();\n    if (value !== undefined) {\n      return value as Exclude<Value, undefined>;\n    }\n\n    throw new CraftGenShortCircuit(\n      craftUndefinedPropertyException(options.property),\n    );\n  } as Input<Exclude<Value, undefined>>) as AssertDefinedInput<Value>;\n}\n\nexport const catchInput = {\n  exhaustive<const Handlers extends AssertDefinedInputHandlers>(\n    handlers: Handlers &\n      CatchTagExhaustiveCodesCheck<\n        typeof CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE,\n        Handlers\n      >,\n  ) {\n    return <Value>(\n      source: Input<Value>,\n    ): PipeableInput<\n      Exclude<Value, undefined> | HandlerOutput<Handlers>\n    > =>\n      pipeableInput(function* () {\n        try {\n          return (yield* source()) as Exclude<Value, undefined>;\n        } catch (error) {\n          if (!isCraftGenShortCircuit(error)) {\n            throw error;\n          }\n\n          if (\n            error.exception._tag !==\n            CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE\n          ) {\n            throw error;\n          }\n\n          return handlers[CRAFT_UNDEFINED_PROPERTY_EXCEPTION_CODE](\n            error.exception as CraftUndefinedPropertyException,\n          ) as Exclude<Value, undefined> | HandlerOutput<Handlers>;\n        }\n      } as Input<Exclude<Value, undefined> | HandlerOutput<Handlers>>);\n  },\n};\n"]}

package/src/lib/block.d.ts

@@ -0,0 +1,36 @@
+import type { AnyCraftException } from '@craft-ts/core';
+import { COMPONENT_CATCH_BLOCK, type ComponentOperator, type ComponentExceptionHandler, type ComponentExceptionHandlerDefinition, type ComponentExceptionHandlerEntry, type ComponentExceptionHandlerOptions, type CraftDirective } from './types';
+import type { CraftNodeChildren } from './render/vnode';
+export declare const CATCH_BLOCK_DIRECTIVE: unique symbol;
+export type CatchBlockPosition = 'before' | 'after';
+export declare class CraftUnhandledExceptionError extends Error {
+    readonly _tag: string;
+    constructor(exception: AnyCraftException);
+}
+export type CatchBlockHandler = ComponentExceptionHandler;
+export type CatchBlockHandlerOptions = ComponentExceptionHandlerOptions;
+export type CatchBlockHandlerDefinition = ComponentExceptionHandlerDefinition;
+export type CatchBlockHandlerEntry = ComponentExceptionHandlerEntry;
+export type CatchBlockHandlers = Record<string, CatchBlockHandlerEntry>;
+export type CatchBlockHandlerChildren<Handler> = Handler extends ComponentExceptionHandlerEntry ? Handler extends (...args: any[]) => infer Children ? Children : Handler extends {
+    readonly render: (...args: any[]) => infer Children;
+} ? Children : never : never;
+export declare function resolveCatchBlockHandler(handler: CatchBlockHandlerEntry, exception: AnyCraftException, defaultShowSource: boolean, defaultPosition: CatchBlockPosition): {
+    readonly children: CraftNodeChildren;
+    readonly showSource: boolean;
+    readonly position: CatchBlockPosition;
+};
+export type CatchBlockDirective<Handlers extends CatchBlockHandlers> = CraftDirective & ComponentOperator<readonly [], Extract<keyof Handlers, string>> & {
+    readonly [COMPONENT_CATCH_BLOCK]: true;
+    readonly [CATCH_BLOCK_DIRECTIVE]: {
+        readonly handlers: Handlers;
+        readonly position: CatchBlockPosition;
+    };
+};
+/** A template boundary which keeps its source block and inserts a fallback. */
+export declare const catchBlock: {
+    exhaustive<const Handlers extends CatchBlockHandlers>(handlers: Handlers, options?: {
+        readonly position?: CatchBlockPosition;
+    }): CatchBlockDirective<Handlers>;
+};
+//# sourceMappingURL=block.d.ts.map

package/src/lib/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../libs/component/src/lib/block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAEL,qBAAqB,EACrB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,mCAAmC,EACxC,KAAK,8BAA8B,EACnC,KAAK,gCAAgC,EACrC,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,eAAO,MAAM,qBAAqB,eAAwC,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,qBAAa,4BAA6B,SAAQ,KAAK;IACrD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;gBAEV,SAAS,EAAE,iBAAiB;CAOzC;AAED,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAC1D,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,CAAC;AACxE,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAC;AAC9E,MAAM,MAAM,sBAAsB,GAAG,8BAA8B,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACxE,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC3C,OAAO,SAAS,8BAA8B,GAC1C,OAAO,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,QAAQ,GAChD,QAAQ,GACR,OAAO,SAAS;IAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,QAAQ,CAAA;CAAE,GACrE,QAAQ,GACR,KAAK,GACT,KAAK,CAAC;AAEZ,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EAAE,OAAO,EAC1B,eAAe,EAAE,kBAAkB,GAClC;IACD,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;CACvC,CAcA;AAED,MAAM,MAAM,mBAAmB,CAAC,QAAQ,SAAS,kBAAkB,IACjE,cAAc,GACZ,iBAAiB,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC,MAAM,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG;IAChE,QAAQ,CAAC,CAAC,qBAAqB,CAAC,EAAE,IAAI,CAAC;IACvC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,EAAE;QAChC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAC5B,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;KACvC,CAAC;CACH,CAAC;AAEN,+EAA+E;AAC/E,eAAO,MAAM,UAAU;qBACJ,QAAQ,SAAS,kBAAkB,YACxC,QAAQ,YACT;QAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;KAAE,GAClD,mBAAmB,CAAC,QAAQ,CAAC;CA4BjC,CAAC"}