@lotics/cli 0.247.0 → 0.251.0

package/dist/probe_page.js

@@ -716,13 +716,7 @@ var __loticsProbe = (() => {
   var HEADER = ".lotics-record-header";
   var BLOCK = ".lotics-record-frame__block";
   var PRIMARY = '.lotics-button[data-variant="primary"]';
-  var FIRST_VIEWPORTS = [
-    { width: 1280, height: 800 },
-    { width: 375, height: 667 }
-  ];
-  function firstViewport(width) {
-    return FIRST_VIEWPORTS.reduce((near, one) => Math.abs(one.width - width) < Math.abs(near.width - width) ? one : near);
-  }
+  var FIELD = `${FRAME}__fields .lotics-form-field, .lotics-fact-groups__field`;
   function surfaces(root) {
     return within(root, FRAME).filter(onScreen).map((frame) => {
       const head = frame.closest(".lotics-drawer__popup") ?? frame;
@@ -738,21 +732,10 @@ var __loticsProbe = (() => {
   function headingPrimaries(root = document.body) {
     const drawn = surfaces(root);
     const loud = drawn.flatMap(
-      (surface) => within(surface.frame, PRIMARY).filter(
-        (act) => onScreen(act) && act.closest(BLOCK) !== null && (act.closest(`${FRAME}__action`) !== null || act.closest(".lotics-section-heading") !== null)
-      ).map((act) => ({ record: surface.name, act: nameOf(act) || words2(act) }))
+      (surface) => within(surface.frame, PRIMARY).filter((act) => onScreen(act) && act.closest(BLOCK) !== null && act.closest(".lotics-section-heading") !== null).map((act) => ({ record: surface.name, act: nameOf(act) || words2(act) }))
     );
     return { total: drawn.length, loud };
   }
-  function actsBelowFold(root = document.body, width = window.innerWidth) {
-    const fold = firstViewport(width).height;
-    const acts = surfaces(root).flatMap((surface) => {
-      const seat = within(surface.frame, `${FRAME}__act`).find(onScreen);
-      const button = seat === void 0 ? void 0 : within(seat, ".lotics-button").find(onScreen);
-      return button === void 0 ? [] : [{ record: surface.name, act: nameOf(button) || words2(button), bottom: Math.round(button.getBoundingClientRect().bottom) }];
-    });
-    return { total: acts.length, fold, below: acts.filter((one) => one.bottom > fold) };
-  }
   function factRepeats(root = document.body) {
     let total = 0;
     const repeated = surfaces(root).flatMap((surface) => {
@@ -761,7 +744,7 @@ var __loticsProbe = (() => {
       const head = new Set(
         within(header, "*").filter((el) => el.childElementCount === 0 && el.closest('button, [role="button"], [role="menu"]') === null && onScreen(el)).map((el) => said(words2(el))).filter((text) => text.length > 1)
       );
-      const fields = within(surface.frame, ".lotics-fact-groups__field").filter(onScreen);
+      const fields = within(surface.frame, FIELD).filter((field) => onScreen(field) && !header.contains(field));
       total += fields.length;
       return fields.flatMap((field) => {
         const label = within(field, ".lotics-form-field__label")[0];
@@ -777,10 +760,8 @@ var __loticsProbe = (() => {
       const blocks = within(surface.frame, BLOCK).filter(onScreen);
       total += blocks.length;
       return blocks.flatMap((block) => {
-        const body = Array.from(block.children).filter(
-          (child) => !child.matches(`.lotics-section-heading, ${FRAME}__strip`) && onScreen(child)
-        );
-        const drawn = body.some((child) => words2(child) !== "" || child.querySelector("img, svg, input, textarea, button") !== null);
+        const body = Array.from(block.children).filter((child) => !child.matches(".lotics-section-heading") && onScreen(child));
+        const drawn = body.some((child) => words2(child) !== "" || child.querySelector("img, svg, input, textarea, button, [contenteditable]") !== null);
         return drawn ? [] : [{ record: surface.name, block: block.getAttribute("aria-label") ?? "" }];
       });
     });
@@ -1075,7 +1056,7 @@ var __loticsProbe = (() => {
   var CONTROL = 'a[href], button, summary, [role="button"], [role="link"], [role="menuitem"], [role="tab"], [role="checkbox"], [role="switch"]';
   var NAVIGATION = 'nav, [role="navigation"], [role="banner"]';
   var EDITOR = 'input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], [role="textbox"], [role="searchbox"], [role="combobox"], [role="spinbutton"]';
-  var FIELD = EDITOR + ', [role="checkbox"], [role="switch"], [role="radio"], [role="slider"]';
+  var FIELD2 = EDITOR + ', [role="checkbox"], [role="switch"], [role="radio"], [role="slider"]';
   var GROUP = '[role="group"], fieldset';
   var TEXT_ENTRY = /* @__PURE__ */ new Set([
     "text",
@@ -1177,7 +1158,7 @@ var __loticsProbe = (() => {
       offenders: badges
     });
     const editors = editorsIn(root);
-    const fieldsIn = (box) => within(box, FIELD).filter(onScreen);
+    const fieldsIn = (box) => within(box, FIELD2).filter(onScreen);
     const labelsIn = (box) => within(box, "label").filter((el) => onScreen(el) && words3(el) !== "");
     const oneControl = (el) => el.matches(GROUP) || (el.getAttribute("aria-label") || "").trim() !== "" || (el.getAttribute("aria-labelledby") || "").trim() !== "";
     const around = (outer, inner) => outer.left <= inner.left + HAIR && outer.top <= inner.top + HAIR && outer.right + HAIR >= inner.right && outer.bottom + HAIR >= inner.bottom;
@@ -1858,12 +1839,7 @@ var __loticsProbe = (() => {
     record_primary: {
       law: "hierarchy.md",
       section: "One primary act per surface",
-      fix: "Draw a block's add secondary: the record's one primary act is the act open now, in its `ActPanel`."
-    },
-    act_fold: {
-      law: "hierarchy.md",
-      section: "Budgets a reviewer can count",
-      fix: "Seat the open act where the frame pins it \u2014 `RecordFrame`'s `act`, never a button of the page's own \u2014 so it stays in view while the facts run on."
+      fix: "Draw a block's add secondary: the record's primaries are its acts \u2014 the next step at a section's foot."
     },
     fact_repeats: {
       law: "hierarchy.md",
@@ -2105,17 +2081,7 @@ var __loticsProbe = (() => {
         ...signature("record_primary"),
         total: primaries.total,
         count: primaries.loud.length,
-        detail: primaries.loud.slice(0, 5).map((one) => `"${one.record}": "${one.act}" is primary in a block's heading row, beside the record's open act`)
-      });
-    }
-    const folded = actsBelowFold(surface);
-    if (folded.below.length > 0) {
-      findings.push({
-        probe: "act_fold",
-        ...signature("act_fold"),
-        total: folded.total,
-        count: folded.below.length,
-        detail: folded.below.slice(0, 5).map((one) => `"${one.record}": "${one.act}" ends at ${one.bottom}px, past the ${folded.fold}px first viewport`)
+        detail: primaries.loud.slice(0, 5).map((one) => `"${one.record}": "${one.act}" is primary in a block's heading row, beside the record's own acts`)
       });
     }
     const repeats = factRepeats(surface);