@bpmnkit/plugins 0.0.8

package/dist/dmn-editor/index.d.ts

@@ -0,0 +1,3 @@
+export { DmnEditor } from "./dmn-editor.js";
+export type { DmnEditorOptions } from "./dmn-editor.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/dmn-editor/index.js

@@ -0,0 +1,2 @@
+export { DmnEditor } from "./dmn-editor.js";
+//# sourceMappingURL=index.js.map

package/dist/dmn-viewer/css.d.ts

@@ -0,0 +1,3 @@
+export declare const DMN_VIEWER_CSS: string;
+export declare function injectDmnViewerStyles(): void;
+//# sourceMappingURL=css.d.ts.map

package/dist/dmn-viewer/css.js

@@ -0,0 +1,151 @@
+export const DMN_VIEWER_CSS = `
+.dmn-viewer {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-size: 13px;
+  overflow: auto;
+  height: 100%;
+  box-sizing: border-box;
+  background: var(--dmn-bg, #1e1e2e);
+  color: var(--dmn-fg, #cdd6f4);
+}
+
+.dmn-viewer-body {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+.dmn-viewer.light {
+  --dmn-bg: #ffffff;
+  --dmn-fg: #1c1c1c;
+  --dmn-border: #d0d0d0;
+  --dmn-header-bg: #f0f4f8;
+  --dmn-input-bg: #e8f0fe;
+  --dmn-output-bg: #e8f5e9;
+  --dmn-row-hover: #f5f5f5;
+  --dmn-row-even: #fafafa;
+  --dmn-badge-bg: #e2e8f0;
+  --dmn-badge-fg: #334155;
+  --feel-keyword: #7c3aed;
+  --feel-string: #15803d;
+  --feel-number: #b45309;
+  --feel-operator: #0369a1;
+  --feel-range: #be123c;
+  --feel-empty: #9ca3af;
+}
+
+.dmn-viewer.dark {
+  --dmn-bg: var(--bpmnkit-surface-2, #1e1e2e);
+  --dmn-fg: #cdd6f4;
+  --dmn-border: #313244;
+  --dmn-header-bg: var(--bpmnkit-surface-2, #1e1e2e);
+  --dmn-input-bg: #1e1e3a;
+  --dmn-output-bg: #1a2e1a;
+  --dmn-row-hover: #2a2a3e;
+  --dmn-row-even: #252535;
+  --dmn-badge-bg: #313244;
+  --dmn-badge-fg: #bac2de;
+  --feel-keyword: #cba6f7;
+  --feel-string: #a6e3a1;
+  --feel-number: #fab387;
+  --feel-operator: #89dceb;
+  --feel-range: #f38ba8;
+  --feel-empty: #6c7086;
+}
+
+.dmn-decision-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.dmn-decision-name {
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.dmn-hit-policy {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 4px;
+  background: var(--dmn-badge-bg);
+  color: var(--dmn-badge-fg);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+
+.dmn-table {
+  border-collapse: collapse;
+  width: 100%;
+  min-width: 400px;
+}
+
+.dmn-table th,
+.dmn-table td {
+  border: 1px solid var(--dmn-border);
+  padding: 6px 10px;
+  text-align: left;
+  vertical-align: top;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dmn-table thead th {
+  background: var(--dmn-header-bg);
+  font-weight: 600;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.dmn-th-input {
+  background: var(--dmn-input-bg) !important;
+}
+
+.dmn-th-output {
+  background: var(--dmn-output-bg) !important;
+}
+
+.dmn-table tr:nth-child(even) td {
+  background: var(--dmn-row-even);
+}
+
+.dmn-table tr:hover td {
+  background: var(--dmn-row-hover);
+}
+
+.dmn-row-num {
+  color: var(--dmn-badge-fg);
+  font-size: 11px;
+  min-width: 24px;
+  text-align: center !important;
+  user-select: none;
+}
+
+/* FEEL syntax highlighting */
+.feel-keyword { color: var(--feel-keyword); font-weight: 600; }
+.feel-string  { color: var(--feel-string); }
+.feel-number  { color: var(--feel-number); }
+.feel-operator { color: var(--feel-operator); }
+.feel-range   { color: var(--feel-range); font-weight: 600; }
+.feel-empty   { color: var(--feel-empty); font-style: italic; }
+
+.dmn-empty {
+  text-align: center;
+  padding: 32px;
+  color: var(--feel-empty);
+}
+`.trim();
+const STYLE_ID = "bpmn-sdk-dmn-viewer-css";
+export function injectDmnViewerStyles() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    const style = document.createElement("style");
+    style.id = STYLE_ID;
+    style.textContent = DMN_VIEWER_CSS;
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=css.js.map

package/dist/dmn-viewer/dmn-viewer.d.ts

@@ -0,0 +1,30 @@
+import type { DmnDefinitions } from "@bpmnkit/core";
+export interface DmnViewerOptions {
+    container: HTMLElement;
+    /** "dark" (default) or "light". */
+    theme?: "dark" | "light";
+}
+/**
+ * Standalone DMN decision table viewer.
+ *
+ * Renders a `DmnDefinitions` object as an HTML decision table with
+ * FEEL syntax highlighting. Does not depend on `@bpmnkit/canvas`.
+ */
+export declare class DmnViewer {
+    private readonly _container;
+    private readonly _root;
+    private _theme;
+    private _defs;
+    constructor(options: DmnViewerOptions);
+    /** Load and render a DMN definitions object. */
+    load(defs: DmnDefinitions): void;
+    /** Clear the view. */
+    clear(): void;
+    /** Set the theme. */
+    setTheme(theme: "dark" | "light"): void;
+    /** Remove the viewer from the DOM. */
+    destroy(): void;
+    private _render;
+    private _renderDecision;
+}
+//# sourceMappingURL=dmn-viewer.d.ts.map

package/dist/dmn-viewer/dmn-viewer.js

@@ -0,0 +1,160 @@
+import { injectDmnViewerStyles } from "./css.js";
+import { highlightFeel } from "./feel.js";
+/**
+ * Standalone DMN decision table viewer.
+ *
+ * Renders a `DmnDefinitions` object as an HTML decision table with
+ * FEEL syntax highlighting. Does not depend on `@bpmnkit/canvas`.
+ */
+export class DmnViewer {
+    _container;
+    _root;
+    _theme;
+    _defs = null;
+    constructor(options) {
+        this._container = options.container;
+        this._theme = options.theme ?? "dark";
+        injectDmnViewerStyles();
+        this._root = document.createElement("div");
+        this._root.className = `dmn-viewer ${this._theme}`;
+        this._container.appendChild(this._root);
+    }
+    /** Load and render a DMN definitions object. */
+    load(defs) {
+        this._defs = defs;
+        this._render();
+    }
+    /** Clear the view. */
+    clear() {
+        this._defs = null;
+        this._root.innerHTML = "";
+    }
+    /** Set the theme. */
+    setTheme(theme) {
+        this._root.classList.remove(this._theme);
+        this._theme = theme;
+        this._root.classList.add(theme);
+    }
+    /** Remove the viewer from the DOM. */
+    destroy() {
+        this._root.remove();
+    }
+    _render() {
+        if (!this._defs)
+            return;
+        this._root.innerHTML = "";
+        const body = document.createElement("div");
+        body.className = "dmn-viewer-body";
+        if (this._defs.decisions.length === 0) {
+            const empty = document.createElement("div");
+            empty.className = "dmn-empty";
+            empty.textContent = "No decisions found.";
+            body.appendChild(empty);
+        }
+        else {
+            for (const decision of this._defs.decisions) {
+                body.appendChild(this._renderDecision(decision));
+            }
+        }
+        this._root.appendChild(body);
+    }
+    _renderDecision(decision) {
+        const section = document.createElement("div");
+        section.style.marginBottom = "24px";
+        // Header: name + hit policy badge
+        const header = document.createElement("div");
+        header.className = "dmn-decision-header";
+        const nameEl = document.createElement("span");
+        nameEl.className = "dmn-decision-name";
+        nameEl.textContent = decision.name ?? decision.id;
+        header.appendChild(nameEl);
+        if (decision.decisionTable) {
+            const hp = decision.decisionTable.hitPolicy ?? "UNIQUE";
+            const badge = document.createElement("span");
+            badge.className = "dmn-hit-policy";
+            badge.textContent = hp;
+            header.appendChild(badge);
+        }
+        section.appendChild(header);
+        if (!decision.decisionTable) {
+            const empty = document.createElement("div");
+            empty.className = "dmn-empty";
+            empty.textContent = "No decision table.";
+            section.appendChild(empty);
+            return section;
+        }
+        const dt = decision.decisionTable;
+        const table = document.createElement("table");
+        table.className = "dmn-table";
+        // Build thead
+        const thead = document.createElement("thead");
+        const headerRow = document.createElement("tr");
+        // Row number column
+        const thNum = document.createElement("th");
+        thNum.textContent = "#";
+        thNum.style.width = "32px";
+        headerRow.appendChild(thNum);
+        // Input columns
+        for (const input of dt.inputs) {
+            const th = document.createElement("th");
+            th.className = "dmn-th-input";
+            th.innerHTML = `${escHtml(input.label ?? input.inputExpression.text ?? "")} <span style="opacity:0.55;font-weight:400">(${escHtml(input.inputExpression.typeRef ?? "string")})</span>`;
+            headerRow.appendChild(th);
+        }
+        // Output columns
+        for (const output of dt.outputs) {
+            const th = document.createElement("th");
+            th.className = "dmn-th-output";
+            th.innerHTML = `${escHtml(output.label ?? output.name ?? "")} <span style="opacity:0.55;font-weight:400">(${escHtml(output.typeRef ?? "string")})</span>`;
+            headerRow.appendChild(th);
+        }
+        thead.appendChild(headerRow);
+        table.appendChild(thead);
+        // Build tbody
+        const tbody = document.createElement("tbody");
+        if (dt.rules.length === 0) {
+            const tr = document.createElement("tr");
+            const td = document.createElement("td");
+            td.colSpan = 1 + dt.inputs.length + dt.outputs.length;
+            td.className = "dmn-empty";
+            td.textContent = "No rules defined.";
+            tr.appendChild(td);
+            tbody.appendChild(tr);
+        }
+        else {
+            for (let rIdx = 0; rIdx < dt.rules.length; rIdx++) {
+                const rule = dt.rules[rIdx];
+                if (!rule)
+                    continue;
+                const tr = document.createElement("tr");
+                // Row number
+                const tdNum = document.createElement("td");
+                tdNum.className = "dmn-row-num";
+                tdNum.textContent = String(rIdx + 1);
+                tr.appendChild(tdNum);
+                // Input entries
+                for (let iIdx = 0; iIdx < dt.inputs.length; iIdx++) {
+                    const entry = rule.inputEntries[iIdx];
+                    const td = document.createElement("td");
+                    td.innerHTML = highlightFeel(entry?.text ?? "");
+                    tr.appendChild(td);
+                }
+                // Output entries
+                for (let oIdx = 0; oIdx < dt.outputs.length; oIdx++) {
+                    const entry = rule.outputEntries[oIdx];
+                    const td = document.createElement("td");
+                    td.innerHTML = highlightFeel(entry?.text ?? "");
+                    tr.appendChild(td);
+                }
+                tbody.appendChild(tr);
+            }
+        }
+        table.appendChild(tbody);
+        section.appendChild(table);
+        return section;
+    }
+}
+function escHtml(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+//# sourceMappingURL=dmn-viewer.js.map

package/dist/dmn-viewer/feel.d.ts

@@ -0,0 +1,3 @@
+export { highlightFeel, tokenize as tokenizeFeel } from "@bpmnkit/feel";
+export type { AnnotatedToken as FeelToken, HighlightKind as FeelTokenType } from "@bpmnkit/feel";
+//# sourceMappingURL=feel.d.ts.map

package/dist/dmn-viewer/feel.js

@@ -0,0 +1,2 @@
+export { highlightFeel, tokenize as tokenizeFeel } from "@bpmnkit/feel";
+//# sourceMappingURL=feel.js.map

package/dist/dmn-viewer/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @bpmnkit/canvas-plugin-dmn-viewer — DMN decision table viewer.
+ *
+ * Provides a standalone `DmnViewer` class that renders a DMN decision table
+ * as an HTML table with FEEL syntax highlighting.
+ *
+ * @packageDocumentation
+ */
+export { DmnViewer } from "./dmn-viewer.js";
+export type { DmnViewerOptions } from "./dmn-viewer.js";
+export { tokenizeFeel, highlightFeel } from "./feel.js";
+export type { FeelToken, FeelTokenType } from "./feel.js";
+export { DMN_VIEWER_CSS, injectDmnViewerStyles } from "./css.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/dmn-viewer/index.js

@@ -0,0 +1,12 @@
+/**
+ * @bpmnkit/canvas-plugin-dmn-viewer — DMN decision table viewer.
+ *
+ * Provides a standalone `DmnViewer` class that renders a DMN decision table
+ * as an HTML table with FEEL syntax highlighting.
+ *
+ * @packageDocumentation
+ */
+export { DmnViewer } from "./dmn-viewer.js";
+export { tokenizeFeel, highlightFeel } from "./feel.js";
+export { DMN_VIEWER_CSS, injectDmnViewerStyles } from "./css.js";
+//# sourceMappingURL=index.js.map

package/dist/element-docs/content.d.ts

@@ -0,0 +1,20 @@
+export interface DocEntry {
+    /** Display title */
+    title: string;
+    /** Short subtitle, e.g. "Event · Start" */
+    subtitle: string;
+    /** Markdown body — supports ## headings, **bold**, _italic_, `code`, - lists, > callouts, --- rules */
+    body: string;
+}
+/** Map key: elementType, or elementType:eventDefinitionType for typed events. */
+export declare const ENTRIES: Record<string, DocEntry>;
+export interface DocCategory {
+    label: string;
+    items: Array<{
+        key: string;
+        title: string;
+        brief: string;
+    }>;
+}
+export declare const CATEGORIES: DocCategory[];
+//# sourceMappingURL=content.d.ts.map