@bpmnkit/editor 0.0.19 → 0.0.23

package/README.md

@@ -6,6 +6,8 @@
   [![npm](https://img.shields.io/npm/v/@bpmnkit/editor?style=flat-square&color=6244d7)](https://www.npmjs.com/package/@bpmnkit/editor)
   [![license](https://img.shields.io/npm/l/@bpmnkit/editor?style=flat-square)](https://github.com/bpmnkit/monorepo/blob/main/LICENSE)
   [![typescript](https://img.shields.io/badge/TypeScript-strict-6244d7?style=flat-square&logo=typescript&logoColor=white)](https://github.com/bpmnkit/monorepo)
+  [![ai-assisted](https://img.shields.io/badge/AI--assisted-claude-8b5cf6?style=flat-square)](https://github.com/bpmnkit/monorepo)
+  [![experimental](https://img.shields.io/badge/status-experimental-f59e0b?style=flat-square)](https://github.com/bpmnkit/monorepo)
 
   [Website](https://bpmnkit.com) · [Documentation](https://docs.bpmnkit.com) · [GitHub](https://github.com/bpmnkit/monorepo) · [Changelog](https://github.com/bpmnkit/monorepo/blob/main/packages/editor/CHANGELOG.md)
 </div>

package/dist/dock.d.ts

@@ -6,11 +6,12 @@ export interface SideDock {
     playPane: HTMLDivElement;
     docsPane: HTMLDivElement;
     deployPane: HTMLDivElement;
-    switchTab(tab: "properties" | "history" | "ai" | "play" | "docs" | "deploy"): void;
+    testsPane: HTMLDivElement;
+    switchTab(tab: "properties" | "history" | "ai" | "play" | "docs" | "deploy" | "tests"): void;
     expand(): void;
     collapse(): void;
     get collapsed(): boolean;
-    get activeTab(): "properties" | "history" | "ai" | "play" | "docs" | "deploy";
+    get activeTab(): "properties" | "history" | "ai" | "play" | "docs" | "deploy" | "tests";
     /** Update the info shown in the Properties empty state. */
     setDiagramInfo(processName: string | null, fileName: string | null): void;
     /** Hide the empty state when a config panel is displayed. */
@@ -35,6 +36,10 @@ export interface SideDock {
     setDocsTabClickHandler(fn: () => void): void;
     /** Register a callback invoked when the Deploy tab is clicked. */
     setDeployTabClickHandler(fn: () => void): void;
+    /** Show or hide the Tests tab. */
+    setTestsTabVisible(visible: boolean): void;
+    /** Register a callback invoked when the Tests tab is clicked. */
+    setTestsTabClickHandler(fn: () => void): void;
 }
 export declare function createSideDock(): SideDock;
 //# sourceMappingURL=dock.d.ts.map

package/dist/dock.js

@@ -169,12 +169,17 @@ export function createSideDock() {
     const deployTab = document.createElement("button");
     deployTab.className = "bpmnkit-side-dock__tab";
     deployTab.textContent = "Deploy";
+    const testsTab = document.createElement("button");
+    testsTab.className = "bpmnkit-side-dock__tab";
+    testsTab.textContent = "Tests";
+    testsTab.style.display = "none";
     tabStrip.appendChild(propertiesTab);
     tabStrip.appendChild(historyTab);
     tabStrip.appendChild(aiTab);
     tabStrip.appendChild(playTab);
     tabStrip.appendChild(docsTab);
     tabStrip.appendChild(deployTab);
+    tabStrip.appendChild(testsTab);
     // Properties pane — contains the info empty state
     const propertiesPane = document.createElement("div");
     propertiesPane.className = "bpmnkit-side-dock__pane";
@@ -223,6 +228,9 @@ export function createSideDock() {
     // Deploy pane
     const deployPane = document.createElement("div");
     deployPane.className = "bpmnkit-side-dock__pane bpmnkit-side-dock__pane--hidden";
+    // Tests pane
+    const testsPane = document.createElement("div");
+    testsPane.className = "bpmnkit-side-dock__pane bpmnkit-side-dock__pane--hidden";
     el.appendChild(collapseHandle);
     el.appendChild(resizeHandle);
     el.appendChild(tabStrip);
@@ -232,6 +240,7 @@ export function createSideDock() {
     el.appendChild(playPane);
     el.appendChild(docsPane);
     el.appendChild(deployPane);
+    el.appendChild(testsPane);
     // ── State ──
     let _collapsed = false;
     let _width = DEFAULT_WIDTH;
@@ -241,6 +250,7 @@ export function createSideDock() {
     let _playTabHandler = null;
     let _docsTabHandler = null;
     let _deployTabHandler = null;
+    let _testsTabHandler = null;
     function setDocWidth(w) {
         el.style.width = `${w}px`;
         document.body.style.setProperty("--bpmnkit-dock-width", `${w}px`);
@@ -281,12 +291,14 @@ export function createSideDock() {
         playTab.classList.toggle("active", tab === "play");
         docsTab.classList.toggle("active", tab === "docs");
         deployTab.classList.toggle("active", tab === "deploy");
+        testsTab.classList.toggle("active", tab === "tests");
         propertiesPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "properties");
         historyPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "history");
         aiPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "ai");
         playPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "play");
         docsPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "docs");
         deployPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "deploy");
+        testsPane.classList.toggle("bpmnkit-side-dock__pane--hidden", tab !== "tests");
     }
     // ── Expand / collapse ──
     function expand() {
@@ -362,6 +374,15 @@ export function createSideDock() {
     function setDeployTabClickHandler(fn) {
         _deployTabHandler = fn;
     }
+    function setTestsTabVisible(visible) {
+        testsTab.style.display = visible ? "" : "none";
+        if (!visible && testsTab.classList.contains("active")) {
+            switchTab("properties");
+        }
+    }
+    function setTestsTabClickHandler(fn) {
+        _testsTabHandler = fn;
+    }
     function setVisible(visible) {
         if (visible) {
             el.style.display = "";
@@ -394,6 +415,10 @@ export function createSideDock() {
         switchTab("deploy");
         _deployTabHandler?.();
     });
+    testsTab.addEventListener("click", () => {
+        switchTab("tests");
+        _testsTabHandler?.();
+    });
     collapseHandle.addEventListener("click", () => {
         if (_collapsed)
             expand();
@@ -436,6 +461,7 @@ export function createSideDock() {
         playPane,
         docsPane,
         deployPane,
+        testsPane,
         switchTab,
         expand,
         collapse,
@@ -451,6 +477,8 @@ export function createSideDock() {
         setPlayTabClickHandler,
         setDocsTabClickHandler,
         setDeployTabClickHandler,
+        setTestsTabVisible,
+        setTestsTabClickHandler,
         get collapsed() {
             return _collapsed;
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmnkit/editor",
-  "version": "0.0.19",
+  "version": "0.0.23",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -17,8 +17,8 @@
     "dist/**/*.d.ts"
   ],
   "dependencies": {
-    "@bpmnkit/canvas": "0.0.16",
-    "@bpmnkit/core": "0.0.16"
+    "@bpmnkit/canvas": "0.0.20",
+    "@bpmnkit/core": "0.0.20"
   },
   "description": "Full-featured interactive BPMN editor with undo/redo, HUD, and side-dock UI",
   "keywords": [