@rogatio/cli 6.1.0 → 6.2.0

package/dist/editor/index.js

@@ -3339,6 +3339,37 @@ var EditorControllerImpl = class {
       this.applyGroupEnablementLabel(button, enabled.has(groupId), groupName);
     }
   }
+  /**
+   * Scroll a rendered rule card into view and focus it. Explicit `behavior`
+   * overrides the stylesheet's `scroll-behavior`, so the reduced-motion
+   * preference has to be read here too.
+   */
+  revealRuleCard(groupId, ruleId) {
+    const card = this.document.getElementById(ruleAnchorId(groupId, ruleId));
+    if (!card) return;
+    const view = this.document.defaultView;
+    const reduceMotion = typeof view?.matchMedia === "function" && view.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    card.scrollIntoView({
+      block: "start",
+      behavior: reduceMotion ? "auto" : "smooth"
+    });
+    card.focus({ preventScroll: true });
+  }
+  /**
+   * Deep-link to a rule: route to the group that owns it, render, then reveal
+   * the rule card. Resolves against the draft, because the editor renders the
+   * draft and a rule id from committed storage may have been renamed there. An
+   * unknown rule still lands on its group; an unknown group falls back to
+   * Overview. Never throws, so a stale link lands somewhere real rather than
+   * failing.
+   */
+  navigateToRule(groupId, ruleId) {
+    this.navigateToGroup(groupId);
+    const resolvedGroup = safeText(this.currentGroupId());
+    const resolvedRule = safeText(ruleId);
+    if (resolvedGroup.length === 0 || resolvedRule.length === 0) return;
+    this.revealRuleCard(resolvedGroup, resolvedRule);
+  }
   navigateToSearchResult(path) {
     const segments = decodePointer(path);
     if (segments?.[0] !== "groups") {
@@ -3357,12 +3388,7 @@ var EditorControllerImpl = class {
     this.statusMessage = "Jumped to rule.";
     this.render();
     if (rule && typeof rule.id === "string") {
-      const anchor = `rogatio-rule-${safeText(group.id)}-${safeText(rule.id)}`;
-      const card = this.document.getElementById(anchor);
-      if (card) {
-        card.scrollIntoView({ block: "start", behavior: "smooth" });
-        card.focus({ preventScroll: true });
-      }
+      this.revealRuleCard(group.id, rule.id);
     }
   }
   navigateToPath(path) {
@@ -3872,7 +3898,7 @@ var EditorControllerImpl = class {
     const card = this.document.createElement("article");
     card.dataset.ruleCard = "true";
     card.dataset.ruleId = ruleId;
-    card.id = `rogatio-rule-${groupId}-${ruleId}`;
+    card.id = ruleAnchorId(groupId, ruleId);
     card.tabIndex = -1;
     const headingRow = this.document.createElement("div");
     headingRow.dataset.ruleHeading = "true";
@@ -4551,6 +4577,17 @@ function saveFailureDiagnostic(value) {
   const message = typeof value.message === "string" && value.message.length > 0 ? value.message : "The host could not save the project.";
   return diagnostic(code, path, message);
 }
+function encodeAnchorSegment(value) {
+  return encodeURIComponent(value).replace(
+    /[!'()*]/g,
+    (character) => `%${character.charCodeAt(0).toString(16).toUpperCase()}`
+  );
+}
+function ruleAnchorId(groupId, ruleId) {
+  return `rogatio-rule-${encodeAnchorSegment(safeText(groupId))}:${encodeAnchorSegment(
+    safeText(ruleId)
+  )}`;
+}
 function resolveGroupRoute(groupId, groupIds) {
   if (typeof groupId === "string" && groupId.length > 0 && groupIds.has(groupId)) {
     return { kind: "group", groupId };
@@ -4595,5 +4632,6 @@ export {
   createRequestBodyRuleType,
   createResponseBodyRuleType,
   queryRuleType,
+  ruleAnchorId,
   urlToExactRegex
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogatio/cli",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "private": false,
   "type": "module",
   "description": "Local-first browser request and response rules — editor host, file verification, test runner, and runtime dispatch.",