@bpmnkit/plugins 0.0.8

package/dist/ai-bridge/index.js

@@ -0,0 +1,132 @@
+import { DEFAULT_SERVER, createAiPanel } from "./panel.js";
+function searchContainer(container, id) {
+    for (const el of container.flowElements) {
+        if (el.id === id)
+            return { id: el.id, type: el.type, name: el.name };
+        if (el.flowElements) {
+            const nested = searchContainer(el, id);
+            if (nested)
+                return nested;
+        }
+    }
+    for (const sf of container.sequenceFlows) {
+        if (sf.id === id)
+            return { id: sf.id, type: "sequenceFlow", name: sf.name };
+    }
+    for (const ann of container.textAnnotations) {
+        if (ann.id === id)
+            return { id: ann.id, type: "textAnnotation", name: ann.text };
+    }
+    return null;
+}
+function findElementById(defs, id) {
+    if (!defs)
+        return null;
+    for (const proc of defs.processes) {
+        const found = searchContainer(proc, id);
+        if (found)
+            return found;
+    }
+    return null;
+}
+const AI_ICON = `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6"/><path d="M5.5 6.5C5.5 5.4 6.4 4.5 7.5 4.5h1C9.6 4.5 10.5 5.4 10.5 6.5S9.6 8.5 8.5 8.5H8V10"/><circle cx="8" cy="12" r="0.5" fill="currentColor" stroke="none"/></svg>`;
+/**
+ * Creates an AI bridge plugin that provides a chat panel for AI-assisted
+ * BPMN diagram creation and modification.
+ *
+ * The returned `button` should be passed to `initEditorHud` as `aiButton`.
+ * The panel is injected into `document.body` on first open.
+ */
+export function createAiBridgePlugin(options) {
+    const serverUrl = options.serverUrl ?? DEFAULT_SERVER;
+    let panelInstance = null;
+    let panelOpen = false;
+    let _pendingContext = null;
+    let _canvasApi = null;
+    function getOrCreatePanel() {
+        if (!panelInstance) {
+            panelInstance = createAiPanel({
+                serverUrl,
+                getDefinitions: options.getDefinitions,
+                loadXml: options.loadXml,
+                getCurrentContext: options.getCurrentContext,
+                createCompanionFile: options.createCompanionFile,
+                getTheme: options.getTheme
+                    ? options.getTheme
+                    : _canvasApi
+                        ? () => {
+                            const t = _canvasApi?.getTheme();
+                            return t === "light" ? "light" : "dark";
+                        }
+                        : undefined,
+            });
+            if (_pendingContext !== null) {
+                panelInstance.setContext(_pendingContext);
+            }
+            if (options.container) {
+                panelInstance.panel.classList.add("ai-panel--docked");
+                options.container.append(panelInstance.panel);
+            }
+            else {
+                document.body.append(panelInstance.panel);
+            }
+        }
+        return panelInstance;
+    }
+    const button = document.createElement("button");
+    button.title = "AI Assistant";
+    button.innerHTML = AI_ICON;
+    button.addEventListener("click", () => {
+        const p = getOrCreatePanel();
+        if (options.container) {
+            options.onOpen?.();
+            p.open();
+        }
+        else if (panelOpen) {
+            p.close();
+            panelOpen = false;
+        }
+        else {
+            p.open();
+            panelOpen = true;
+        }
+    });
+    function openPanel() {
+        const p = getOrCreatePanel();
+        if (options.container) {
+            options.onOpen?.();
+            p.open();
+        }
+        else {
+            p.open();
+            panelOpen = true;
+        }
+    }
+    function setContext(node) {
+        _pendingContext = node;
+        panelInstance?.setContext(node);
+    }
+    function install(api) {
+        _canvasApi = api;
+        const on = api.on.bind(api);
+        on("editor:select", (rawIds) => {
+            const ids = rawIds;
+            if (ids.length !== 1) {
+                setContext(null);
+                return;
+            }
+            const id = ids[0];
+            if (!id)
+                return;
+            setContext(findElementById(options.getDefinitions(), id));
+        });
+    }
+    return {
+        name: "ai-bridge",
+        install,
+        button,
+        openPanel,
+        setContext,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/ai-bridge/panel.d.ts

@@ -0,0 +1,27 @@
+import type { BpmnDefinitions } from "@bpmnkit/core";
+declare const DEFAULT_SERVER = "http://localhost:3033";
+export interface NodeContext {
+    id: string;
+    type: string;
+    name?: string;
+}
+interface PanelOptions {
+    serverUrl: string;
+    getDefinitions(): BpmnDefinitions | null;
+    loadXml(xml: string): void;
+    getCurrentContext?(): {
+        projectId: string;
+        fileId: string;
+    } | null;
+    getTheme?(): "dark" | "light";
+    /** Called when the user requests creation of a companion DMN or Form file. */
+    createCompanionFile?(name: string, type: "dmn" | "form", content: string): Promise<void>;
+}
+export declare function createAiPanel(options: PanelOptions): {
+    panel: HTMLElement;
+    open(): void;
+    close(): void;
+    setContext(node: NodeContext | null): void;
+};
+export { DEFAULT_SERVER };
+//# sourceMappingURL=panel.d.ts.map