@craft-ts/component 0.7.0-beta.13

package/src/lib/ai/ai-context-menu.d.ts

@@ -0,0 +1,140 @@
+import type { Input, Output } from '../types';
+/**
+ * Context menu shown at the pointer position when a component is
+ * right-clicked. Mounted imperatively by the AI overlay controller.
+ */
+export declare const AiContextMenu: import("../types").CraftComponent<{
+    x: import("../types").InputValue<number>;
+    y: import("../types").InputValue<number>;
+    onSelect: () => void;
+    onDismiss: () => void;
+}, {
+    deps: {};
+    propertiesDeps: {};
+    provided: {};
+    publicProperties: {
+        x: import("../types").InputValue<number>;
+        y: import("../types").InputValue<number>;
+        onSelect: () => void;
+        onDismiss: () => void;
+    };
+    missingProvider: {};
+}, (x: Input<number>, y: Input<number>, onSelect: Output<() => void>, onDismiss: Output<() => void>) => {
+    x: Input<number>;
+    y: Input<number>;
+    onSelect: Output<() => void>;
+    onDismiss: Output<() => void>;
+}, {
+    readonly styles: "\n      .craft-ai-menu {\n        position: fixed;\n        min-width: 180px;\n        background: #ffffff;\n        border: 1px solid #d1d5db;\n        border-radius: 6px;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n        padding: 4px;\n        pointer-events: auto;\n        font-family:\n          system-ui,\n          -apple-system,\n          sans-serif;\n        font-size: 13px;\n        color: #111827;\n      }\n      .craft-ai-menu-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        padding: 6px 10px;\n        background: transparent;\n        border: none;\n        text-align: left;\n        cursor: pointer;\n        border-radius: 4px;\n      }\n      .craft-ai-menu-item:hover {\n        background: #f3f4f6;\n      }\n    ";
+}, (x: Input<number>, y: Input<number>, onSelect: Output<() => void>, onDismiss: Output<() => void>) => {
+    x: Input<number>;
+    y: Input<number>;
+    onSelect: Output<() => void>;
+    onDismiss: Output<() => void>;
+}, import("../render/vnode").CraftNodeChildrenDependencies<import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<[import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>]>, "button", NoInfer<{
+    readonly type: "button";
+    readonly role: "menuitem";
+    readonly class: "craft-ai-menu-item";
+    readonly click: () => Generator<unknown, void, unknown>;
+}>, [import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>], "aiSendToIa", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>>, "div", NoInfer<{
+    readonly class: "craft-ai-menu";
+    readonly role: "menu";
+    readonly tabIndex: -1;
+    readonly 'aria-label': "Component actions";
+    readonly style: () => {
+        left: string;
+        top: string;
+    };
+    readonly click: (event: MouseEvent) => void;
+    readonly contextmenu: (event: MouseEvent) => void;
+}>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<[import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>]>, "button", NoInfer<{
+    readonly type: "button";
+    readonly role: "menuitem";
+    readonly class: "craft-ai-menu-item";
+    readonly click: () => Generator<unknown, void, unknown>;
+}>, [import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>], "aiSendToIa", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>, "aiContextMenu", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>>, ({ x, y, onSelect }: {
+    x: () => Generator<unknown, number, unknown>;
+    y: () => Generator<unknown, number, unknown>;
+    onSelect: import("../types").YieldableTemplateCallback<[], void, unknown, "onSelect">;
+    onDismiss: import("../types").YieldableTemplateCallback<[], void, unknown, "onDismiss">;
+}) => import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<[import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>]>, "button", NoInfer<{
+    readonly type: "button";
+    readonly role: "menuitem";
+    readonly class: "craft-ai-menu-item";
+    readonly click: () => Generator<unknown, void, unknown>;
+}>, [import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>], "aiSendToIa", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>>, "div", NoInfer<{
+    readonly class: "craft-ai-menu";
+    readonly role: "menu";
+    readonly tabIndex: -1;
+    readonly 'aria-label': "Component actions";
+    readonly style: () => {
+        left: string;
+        top: string;
+    };
+    readonly click: (event: MouseEvent) => void;
+    readonly contextmenu: (event: MouseEvent) => void;
+}>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<[import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>]>, "button", NoInfer<{
+    readonly type: "button";
+    readonly role: "menuitem";
+    readonly class: "craft-ai-menu-item";
+    readonly click: () => Generator<unknown, void, unknown>;
+}>, [import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"✨">, "span", NoInfer<{
+    readonly 'aria-hidden': "true";
+}>, "✨", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>, import("../render/vnode").ElementNode<import("../render/vnode").CraftNodeChildrenDependencies<"Send to IA">, "span", Record<never, never>, "Send to IA", string | undefined, string, never, never, import("../css-vars.type").EmptyCssVarContract, never, never>], "aiSendToIa", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>, "aiContextMenu", string, never, never, {
+    readonly required: never;
+    readonly optional: never;
+    readonly declared: never;
+    readonly inherited: never;
+    readonly nonInherited: never;
+    readonly unknownCss: false;
+}, never, never>, "AiContextMenu", never, {}, never>;
+//# sourceMappingURL=ai-context-menu.d.ts.map

package/src/lib/ai/ai-context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-context-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/ai-context-menu.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,aAAa;;;oBAwCC,IAAI;qBACH,IAAI;;;;;;;;wBADL,IAAI;yBACH,IAAI;;;OAHzB,KAAK,CAAC,MAAM,CAAC,KACb,KAAK,CAAC,MAAM,CAAC,YACN,MAAM,CAAC,MAAM,IAAI,CAAC,aACjB,MAAM,CAAC,MAAM,IAAI,CAAC;;;2BADN,IAAI;4BACH,IAAI;;;OAHzB,KAAK,CAAC,MAAM,CAAC,KACb,KAAK,CAAC,MAAM,CAAC,YACN,MAAM,CAAC,MAAM,IAAI,CAAC,aACjB,MAAM,CAAC,MAAM,IAAI,CAAC;;;2BADN,IAAI;4BACH,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;4BA0BT,UAAU;kCACJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BADhB,UAAU;kCACJ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;oDAatC,CAAC"}

package/src/lib/ai/ai-context-menu.js

@@ -0,0 +1,66 @@
+import { fromEventToSource$ } from '@craft-ts/core';
+import { craftComponent } from '../component';
+import { button, div, span } from '../hyperscript';
+/**
+ * Context menu shown at the pointer position when a component is
+ * right-clicked. Mounted imperatively by the AI overlay controller.
+ */
+export const AiContextMenu = craftComponent('AiContextMenu', {
+    styles: `
+      .craft-ai-menu {
+        position: fixed;
+        min-width: 180px;
+        background: #ffffff;
+        border: 1px solid #d1d5db;
+        border-radius: 6px;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+        padding: 4px;
+        pointer-events: auto;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
+        font-size: 13px;
+        color: #111827;
+      }
+      .craft-ai-menu-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        width: 100%;
+        padding: 6px 10px;
+        background: transparent;
+        border: none;
+        text-align: left;
+        cursor: pointer;
+        border-radius: 4px;
+      }
+      .craft-ai-menu-item:hover {
+        background: #f3f4f6;
+      }
+    `,
+}, (x, y, onSelect, onDismiss) => {
+    // Clicks inside the menu stop propagating, so anything reaching the
+    // document is an outside click.
+    fromEventToSource$(document, 'click').subscribe(() => onDismiss());
+    fromEventToSource$(document, 'keydown').subscribe((event) => {
+        if (event.key === 'Escape') {
+            onDismiss();
+        }
+    });
+    return { x, y, onSelect, onDismiss };
+}, ({ x, y, onSelect }) => div('aiContextMenu', {
+    class: 'craft-ai-menu',
+    role: 'menu',
+    tabIndex: -1,
+    'aria-label': 'Component actions',
+    style: () => ({ left: `${x()}px`, top: `${y()}px` }),
+    click: (event) => event.stopPropagation(),
+    contextmenu: (event) => event.preventDefault(),
+}, button('aiSendToIa', {
+    type: 'button',
+    role: 'menuitem',
+    class: 'craft-ai-menu-item',
+    click: () => onSelect(),
+}, [span({ 'aria-hidden': 'true' }, '✨'), span('Send to IA')])));
+//# sourceMappingURL=ai-context-menu.js.map

package/src/lib/ai/ai-context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-context-menu.js","sourceRoot":"","sources":["../../../../../../libs/component/src/lib/ai/ai-context-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CACzC,eAAe,EACf;IACE,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCP;CACF,EACD,CACE,CAAgB,EAChB,CAAgB,EAChB,QAA4B,EAC5B,SAA6B,EAC7B,EAAE;IACF,oEAAoE;IACpE,gCAAgC;IAChC,kBAAkB,CAAa,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAC/D,SAAS,EAAE,CACZ,CAAC;IACF,kBAAkB,CAAgB,QAAQ,EAAE,SAAS,CAAC,CAAC,SAAS,CAC9D,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CACF,CAAC;IAEF,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AACvC,CAAC,EACD,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACrB,GAAG,CACD,eAAe,EACf;IACE,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,CAAC,CAAC;IACZ,YAAY,EAAE,mBAAmB;IACjC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IACpD,KAAK,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;IACrD,WAAW,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE;CAC3D,EACD,MAAM,CACJ,YAAY,EACZ;IACE,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE;CACxB,EACD,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAC3D,CACF,CACJ,CAAC","sourcesContent":["import { fromEventToSource$ } from '@craft-ts/core';\nimport { craftComponent } from '../component';\nimport { button, div, span } from '../hyperscript';\nimport type { Input, Output } from '../types';\n\n/**\n * Context menu shown at the pointer position when a component is\n * right-clicked. Mounted imperatively by the AI overlay controller.\n */\nexport const AiContextMenu = craftComponent(\n  'AiContextMenu',\n  {\n    styles: `\n      .craft-ai-menu {\n        position: fixed;\n        min-width: 180px;\n        background: #ffffff;\n        border: 1px solid #d1d5db;\n        border-radius: 6px;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n        padding: 4px;\n        pointer-events: auto;\n        font-family:\n          system-ui,\n          -apple-system,\n          sans-serif;\n        font-size: 13px;\n        color: #111827;\n      }\n      .craft-ai-menu-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        padding: 6px 10px;\n        background: transparent;\n        border: none;\n        text-align: left;\n        cursor: pointer;\n        border-radius: 4px;\n      }\n      .craft-ai-menu-item:hover {\n        background: #f3f4f6;\n      }\n    `,\n  },\n  (\n    x: Input<number>,\n    y: Input<number>,\n    onSelect: Output<() => void>,\n    onDismiss: Output<() => void>,\n  ) => {\n    // Clicks inside the menu stop propagating, so anything reaching the\n    // document is an outside click.\n    fromEventToSource$<MouseEvent>(document, 'click').subscribe(() =>\n      onDismiss(),\n    );\n    fromEventToSource$<KeyboardEvent>(document, 'keydown').subscribe(\n      (event) => {\n        if (event.key === 'Escape') {\n          onDismiss();\n        }\n      },\n    );\n\n    return { x, y, onSelect, onDismiss };\n  },\n  ({ x, y, onSelect }) =>\n    div(\n      'aiContextMenu',\n      {\n        class: 'craft-ai-menu',\n        role: 'menu',\n        tabIndex: -1,\n        'aria-label': 'Component actions',\n        style: () => ({ left: `${x()}px`, top: `${y()}px` }),\n        click: (event: MouseEvent) => event.stopPropagation(),\n        contextmenu: (event: MouseEvent) => event.preventDefault(),\n      },\n      button(\n        'aiSendToIa',\n        {\n          type: 'button',\n          role: 'menuitem',\n          class: 'craft-ai-menu-item',\n          click: () => onSelect(),\n        },\n        [span({ 'aria-hidden': 'true' }, '✨'), span('Send to IA')],\n      ),\n    ),\n);\n"]}