@wildwinter/expr-editor 0.8.0 → 0.9.0

package/README.md

@@ -63,6 +63,11 @@ Notable options beyond the basics:
 Pills carry `aria-haspopup`/labels and the tree controls carry aria-labels for
 assistive tech. A comparison of a numeric dialect function against a number
 (e.g. `turns_since_tag("x") > 3`) deletes as a unit.
+
+`renderConditionPreview(src, opts)` / `renderEffectsPreview(effects, opts)`
+return read-only pill strips (same pills as the editor, non-interactive). Pass
+`propertyActions` to make property pills right-click interactive (e.g. "Go to
+definition") while left-click still falls through to the host.
 - `setText(on)` — the host's raw-text toggle (`</>`); unparseable input falls
   back to raw text automatically.
 

package/dist/index.cjs

@@ -492,9 +492,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();
@@ -1664,7 +1665,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 };
 }
@@ -1673,7 +1680,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");