@wildwinter/expr-editor 0.8.0 → 0.9.0

package/dist/index.d.cts

@@ -214,6 +214,10 @@ interface EditCtx {
     apply(next: ExprNode | null): void;
     /** Open a popover anchored to `anchor`; `render(close)` builds the content. */
     openPopover(anchor: HTMLElement, render: (close: () => void) => Node): void;
+    /** Opener for the property right-click menu; falls back to openPopover. The
+     *  read-only preview sets this (a real popover) while leaving openPopover a
+     *  no-op, so property pills get their menu but left-click editing stays inert. */
+    openMenu?(anchor: HTMLElement, render: (close: () => void) => Node): void;
     /** Host-provided picker for a flow-node reference arg (e.g. `seen(...)` / `visits(...)`). When set,
      *  the node-ref arg renders as a pill that opens this instead of a free-text field; `onPick` receives
      *  the chosen node id. Absent in dialects / hosts that have no node catalogue. */
@@ -383,6 +387,18 @@ interface PreviewOptions {
     scopeOrder?: string[];
     /** Resolve a node id to a readable label for seen()/visits() node pills. */
     nodeLabel?: (id: string) => string;
+    /** Host actions for a property pill (e.g. "Go to definition"). When set, the
+     *  preview becomes right-click interactive on property pills (left-click still
+     *  falls through to the host); otherwise the preview is fully non-interactive. */
+    propertyActions?(ref: {
+        scope: string;
+        name: string;
+    }): Array<{
+        label: string;
+        run: () => void;
+    }>;
+    /** Where the property menu mounts (default document.body). */
+    popoverContainer?: HTMLElement;
 }
 /** Read-only pill strip for a condition (name-form). Empty/unparseable is the caller's concern; a
  *  non-empty unparseable string falls back to its raw text. */

package/dist/index.d.ts

@@ -214,6 +214,10 @@ interface EditCtx {
     apply(next: ExprNode | null): void;
     /** Open a popover anchored to `anchor`; `render(close)` builds the content. */
     openPopover(anchor: HTMLElement, render: (close: () => void) => Node): void;
+    /** Opener for the property right-click menu; falls back to openPopover. The
+     *  read-only preview sets this (a real popover) while leaving openPopover a
+     *  no-op, so property pills get their menu but left-click editing stays inert. */
+    openMenu?(anchor: HTMLElement, render: (close: () => void) => Node): void;
     /** Host-provided picker for a flow-node reference arg (e.g. `seen(...)` / `visits(...)`). When set,
      *  the node-ref arg renders as a pill that opens this instead of a free-text field; `onPick` receives
      *  the chosen node id. Absent in dialects / hosts that have no node catalogue. */
@@ -383,6 +387,18 @@ interface PreviewOptions {
     scopeOrder?: string[];
     /** Resolve a node id to a readable label for seen()/visits() node pills. */
     nodeLabel?: (id: string) => string;
+    /** Host actions for a property pill (e.g. "Go to definition"). When set, the
+     *  preview becomes right-click interactive on property pills (left-click still
+     *  falls through to the host); otherwise the preview is fully non-interactive. */
+    propertyActions?(ref: {
+        scope: string;
+        name: string;
+    }): Array<{
+        label: string;
+        run: () => void;
+    }>;
+    /** Where the property menu mounts (default document.body). */
+    popoverContainer?: HTMLElement;
 }
 /** Read-only pill strip for a condition (name-form). Empty/unparseable is the caller's concern; a
  *  non-empty unparseable string falls back to its raw text. */

package/dist/index.js

@@ -490,9 +490,10 @@ function attachPropertyMenu(ctx, node, pillEl) {
   if (!ctx.propertyActions) return;
   const actions = ctx.propertyActions({ scope: node.scope, name: node.name });
   if (!actions.length) return;
+  const open = ctx.openMenu ?? ctx.openPopover;
   pillEl.addEventListener("contextmenu", (e) => {
     e.preventDefault();
-    ctx.openPopover(pillEl, (close) => {
+    open(pillEl, (close) => {
       const wrap = el("div", "exed-menu");
       for (const a of actions) wrap.append(button("exed-opt", a.label, () => {
         a.run();
@@ -1662,7 +1663,13 @@ function frozenCtx(src, o) {
     pickNode: () => {
     },
     // enables labelled node pills; never fires (preview is read-only)
-    ...o.nodeLabel ? { nodeLabel: o.nodeLabel } : {}
+    ...o.nodeLabel ? { nodeLabel: o.nodeLabel } : {},
+    ...o.propertyActions ? {
+      propertyActions: o.propertyActions,
+      openMenu: (anchor, render) => {
+        openPopover(anchor, render, { container: o.popoverContainer });
+      }
+    } : {}
   };
   return { ctx, ast: v.ast };
 }
@@ -1671,7 +1678,8 @@ function exprPills(src, o) {
   return ast ? renderNode(ast, [], ctx) : el("span", "exed-preview-raw", [src]);
 }
 function renderConditionPreview(src, o) {
-  return el("div", "exed-preview", [exprPills(src, o)]);
+  const cls = o.propertyActions ? "exed-preview exed-preview-interactive" : "exed-preview";
+  return el("div", cls, [exprPills(src, o)]);
 }
 function renderEffectsPreview(effects, o) {
   const wrap = el("div", "exed-preview exed-preview-effects");