@yuneta/gobj-ui 7.23.33 → 7.23.35

package/dist/gobj-ui.cjs.js

@@ -64310,6 +64310,11 @@ function dev_view() {
 	return v === "compact" || v === "name" || v === "full" ? v : "detailed";
 }
 var HIDE_PERIODIC_DEFAULT = 1;
+var SIMPLE_MACH_DEFAULT = 1;
+var SIMPLE_MACH_KEY = "dev_mach_simple";
+function dev_simple_mach() {
+	return dev_num(SIMPLE_MACH_KEY, SIMPLE_MACH_DEFAULT) ? 1 : 0;
+}
 function dev_hide_periodic() {
 	return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
 }
@@ -64887,7 +64892,7 @@ function render_name(e) {
 	]);
 }
 function render_log(e) {
-	return (0, _yuneta_gobj_js.createElement2)([
+	let $row = (0, _yuneta_gobj_js.createElement2)([
 		"div",
 		{
 			class: "YDEV_LOGROW YDEV_LOG_" + e.level,
@@ -64902,7 +64907,7 @@ function render_log(e) {
 			[
 				"span",
 				{ class: "YDEV_LOG_TXT" },
-				e.text
+				""
 			],
 			[
 				"span",
@@ -64911,6 +64916,9 @@ function render_log(e) {
 			]
 		]
 	]);
+	let $txt = $row.querySelector(".YDEV_LOG_TXT");
+	if ($txt) $txt.textContent = e.text;
+	return $row;
 }
 function render_entry(e) {
 	if (e.kind === "log") return render_log(e);
@@ -64949,15 +64957,28 @@ function rerender_all() {
 		}
 	}
 	logger.replaceChildren(frag);
-	if (shown === 0) {
-		let $empty = document.createElement("div");
-		$empty.className = "YDEV_EMPTY";
-		$empty.textContent = TRAFFIC_LOG.length ? "No messages match the current filters." : "Waiting for activity — console logs and errors show automatically; enable Traffic or Automata for more.";
-		logger.appendChild($empty);
-	}
+	if (shown === 0) logger.appendChild(make_placeholder());
 	logger.scrollTop = logger.scrollHeight;
 	update_stats();
 }
+function make_placeholder() {
+	let $empty = document.createElement("div");
+	$empty.className = "YDEV_EMPTY";
+	$empty.textContent = placeholder_text();
+	return $empty;
+}
+function placeholder_text() {
+	if (TRAFFIC_LOG.length) return "No messages match the current filters.";
+	return "Waiting for activity — console logs and errors show automatically; enable Traffic or Automata for more.";
+}
+function refresh_placeholder() {
+	let logger = document.getElementById("developer-traffic-logger");
+	if (!logger) return;
+	let ph = logger.querySelector(".YDEV_EMPTY");
+	if (!ph) return;
+	let text = placeholder_text();
+	if (ph.textContent !== text) ph.textContent = text;
+}
 function update_stats() {
 	let $s = document.getElementById("ydev-stats");
 	if (!$s) return;
@@ -65061,7 +65082,7 @@ function info_traffic(title, msg, direction, size) {
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
 		append_and_follow(logger, node);
-	}
+	} else refresh_placeholder();
 	update_stats();
 }
 var __in_info_log__ = false;
@@ -65122,7 +65143,7 @@ function info_log(level, msg, hora) {
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
 			append_and_follow(logger, node);
-		}
+		} else refresh_placeholder();
 		update_stats();
 	} finally {
 		__in_info_log__ = false;
@@ -65219,7 +65240,7 @@ function refresh_dev_chrome() {
 		$b.classList.toggle("is-active", dev_hide_periodic());
 	});
 	document.querySelectorAll(".YDEV_CHIP[data-toggle=\"automata-simple\"]").forEach(($b) => {
-		$b.classList.toggle("is-active", !!dev_num("dev_automata_simple", 0));
+		$b.classList.toggle("is-active", !!dev_simple_mach());
 	});
 	let $m = document.getElementById("ydev-muted");
 	if ($m) {
@@ -65311,13 +65332,13 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "automata-simple",
 			type: "button",
-			title: "Compact automata format (one line per transition, like C)"
+			title: "Machine trace shape. On (default): one line per transition, event first, like the C kernel. Off: the legacy three-line shape (the call, the state change and the return)"
 		},
 		"Simple mach",
 		{ click: (ev) => {
 			ev.stopPropagation();
-			let v = dev_num("dev_automata_simple", 0) ? 0 : 1;
-			(0, _yuneta_gobj_js.kw_set_local_storage_value)("dev_automata_simple", v);
+			let v = dev_simple_mach() ? 0 : 1;
+			(0, _yuneta_gobj_js.kw_set_local_storage_value)(SIMPLE_MACH_KEY, v);
 			(0, _yuneta_gobj_js.gobj_set_trace_machine_format)(v);
 			refresh_dev_chrome();
 		} }
@@ -65606,7 +65627,7 @@ function apply_dev_traces() {
 	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "trace_subscriptions", subscriptions);
 	(0, _yuneta_gobj_js.gobj_write_attr)((0, _yuneta_gobj_js.gobj_yuno)(), "no_poll", no_poll);
 	i18next.default.options.debug = i18n ? true : false;
-	(0, _yuneta_gobj_js.gobj_set_trace_machine_format)(Number((0, _yuneta_gobj_js.kw_get_local_storage_value)("dev_automata_simple", 0, false)) ? 1 : 0);
+	(0, _yuneta_gobj_js.gobj_set_trace_machine_format)(dev_simple_mach());
 	(0, _yuneta_gobj_js.set_log_callback)(info_log);
 	apply_console_route();
 }

package/dist/gobj-ui.es.js

@@ -64305,6 +64305,11 @@ function dev_view() {
 	return v === "compact" || v === "name" || v === "full" ? v : "detailed";
 }
 var HIDE_PERIODIC_DEFAULT = 1;
+var SIMPLE_MACH_DEFAULT = 1;
+var SIMPLE_MACH_KEY = "dev_mach_simple";
+function dev_simple_mach() {
+	return dev_num(SIMPLE_MACH_KEY, SIMPLE_MACH_DEFAULT) ? 1 : 0;
+}
 function dev_hide_periodic() {
 	return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
 }
@@ -64882,7 +64887,7 @@ function render_name(e) {
 	]);
 }
 function render_log(e) {
-	return createElement2([
+	let $row = createElement2([
 		"div",
 		{
 			class: "YDEV_LOGROW YDEV_LOG_" + e.level,
@@ -64897,7 +64902,7 @@ function render_log(e) {
 			[
 				"span",
 				{ class: "YDEV_LOG_TXT" },
-				e.text
+				""
 			],
 			[
 				"span",
@@ -64906,6 +64911,9 @@ function render_log(e) {
 			]
 		]
 	]);
+	let $txt = $row.querySelector(".YDEV_LOG_TXT");
+	if ($txt) $txt.textContent = e.text;
+	return $row;
 }
 function render_entry(e) {
 	if (e.kind === "log") return render_log(e);
@@ -64944,15 +64952,28 @@ function rerender_all() {
 		}
 	}
 	logger.replaceChildren(frag);
-	if (shown === 0) {
-		let $empty = document.createElement("div");
-		$empty.className = "YDEV_EMPTY";
-		$empty.textContent = TRAFFIC_LOG.length ? "No messages match the current filters." : "Waiting for activity — console logs and errors show automatically; enable Traffic or Automata for more.";
-		logger.appendChild($empty);
-	}
+	if (shown === 0) logger.appendChild(make_placeholder());
 	logger.scrollTop = logger.scrollHeight;
 	update_stats();
 }
+function make_placeholder() {
+	let $empty = document.createElement("div");
+	$empty.className = "YDEV_EMPTY";
+	$empty.textContent = placeholder_text();
+	return $empty;
+}
+function placeholder_text() {
+	if (TRAFFIC_LOG.length) return "No messages match the current filters.";
+	return "Waiting for activity — console logs and errors show automatically; enable Traffic or Automata for more.";
+}
+function refresh_placeholder() {
+	let logger = document.getElementById("developer-traffic-logger");
+	if (!logger) return;
+	let ph = logger.querySelector(".YDEV_EMPTY");
+	if (!ph) return;
+	let text = placeholder_text();
+	if (ph.textContent !== text) ph.textContent = text;
+}
 function update_stats() {
 	let $s = document.getElementById("ydev-stats");
 	if (!$s) return;
@@ -65056,7 +65077,7 @@ function info_traffic(title, msg, direction, size) {
 		let ph = logger.querySelector(".YDEV_EMPTY");
 		if (ph) ph.remove();
 		append_and_follow(logger, node);
-	}
+	} else refresh_placeholder();
 	update_stats();
 }
 var __in_info_log__ = false;
@@ -65117,7 +65138,7 @@ function info_log(level, msg, hora) {
 			let ph = logger.querySelector(".YDEV_EMPTY");
 			if (ph) ph.remove();
 			append_and_follow(logger, node);
-		}
+		} else refresh_placeholder();
 		update_stats();
 	} finally {
 		__in_info_log__ = false;
@@ -65214,7 +65235,7 @@ function refresh_dev_chrome() {
 		$b.classList.toggle("is-active", dev_hide_periodic());
 	});
 	document.querySelectorAll(".YDEV_CHIP[data-toggle=\"automata-simple\"]").forEach(($b) => {
-		$b.classList.toggle("is-active", !!dev_num("dev_automata_simple", 0));
+		$b.classList.toggle("is-active", !!dev_simple_mach());
 	});
 	let $m = document.getElementById("ydev-muted");
 	if ($m) {
@@ -65306,13 +65327,13 @@ function build_control_bar() {
 			class: "YDEV_CHIP",
 			"data-toggle": "automata-simple",
 			type: "button",
-			title: "Compact automata format (one line per transition, like C)"
+			title: "Machine trace shape. On (default): one line per transition, event first, like the C kernel. Off: the legacy three-line shape (the call, the state change and the return)"
 		},
 		"Simple mach",
 		{ click: (ev) => {
 			ev.stopPropagation();
-			let v = dev_num("dev_automata_simple", 0) ? 0 : 1;
-			kw_set_local_storage_value("dev_automata_simple", v);
+			let v = dev_simple_mach() ? 0 : 1;
+			kw_set_local_storage_value(SIMPLE_MACH_KEY, v);
 			gobj_set_trace_machine_format(v);
 			refresh_dev_chrome();
 		} }
@@ -65601,7 +65622,7 @@ function apply_dev_traces() {
 	gobj_write_attr(gobj_yuno(), "trace_subscriptions", subscriptions);
 	gobj_write_attr(gobj_yuno(), "no_poll", no_poll);
 	i18next.options.debug = i18n ? true : false;
-	gobj_set_trace_machine_format(Number(kw_get_local_storage_value("dev_automata_simple", 0, false)) ? 1 : 0);
+	gobj_set_trace_machine_format(dev_simple_mach());
 	set_log_callback(info_log);
 	apply_console_route();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.23.33",
+  "version": "7.23.35",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/dev_machine_trace.test.js

@@ -20,6 +20,31 @@ const STATE_CHANGE =
 const NOT_DEFINED =
     "📛 mach(C_X^x), st: ST_IDLE, ev: EV_TIMEOUT, 📛📛ERROR Event NOT DEFINED in state📛📛, from(C_TIMER^t)";
 
+/*  The other four shapes the SIMPLER format emits (gobj-js 7.13.7 gave them
+ *  their format-1 branch; before that they leaked `mach(…)` into it).  */
+const SIMPLE_PUBLISH = "🔝🔝 EV_STATE_CHANGED C_PROT_MQTT^input-2 ST_WAIT_FRAME_HEADER";
+const SIMPLE_FORWARD = "🔝🔄 EV_TX_READY (EV_TX_READY) C_PROT_TCP4H^output-0";
+const SIMPLE_INJECT  = "🔜 EV_ON_MESSAGE C_GATE^gate ST_IDLE";
+const SIMPLE_NESTED  = "        🔄 EV_ON_MESSAGE C_IOGATE^output-iogate-0 ST_IDLE from C_CHANNEL^output-0";
+
+describe("the simpler format's other shapes", () => {
+    it("reads the event out of a publish, a forward and an injection", () => {
+        expect(machine_event_of(SIMPLE_PUBLISH)).toBe("EV_STATE_CHANGED");
+        expect(machine_event_of(SIMPLE_FORWARD)).toBe("EV_TX_READY");
+        expect(machine_event_of(SIMPLE_INJECT)).toBe("EV_ON_MESSAGE");
+    });
+
+    it("the leading INDENTATION does not hide the event", () => {
+        expect(machine_event_of(SIMPLE_NESTED)).toBe("EV_ON_MESSAGE");
+        expect(log_is_periodic("debug", SIMPLE_NESTED)).toBe(false);
+    });
+
+    it("a periodic one is still recognised in every shape", () => {
+        expect(log_is_periodic("debug", "🔝🔝 EV_TIMEOUT C_TIMER^t ST_IDLE")).toBe(true);
+        expect(log_is_periodic("debug", "  🔜 EV_TIMEOUT_PERIODIC C_YUNO^y ST_IDLE")).toBe(true);
+    });
+});
+
 describe("machine_event_of", () => {
     it("reads the event out of the verbose format, both lines of it", () => {
         expect(machine_event_of(VERBOSE_IN)).toBe("EV_TIMEOUT");

package/src/yui_dev.js

@@ -185,6 +185,35 @@ function dev_view()
  *  chip writes the value it already had and appears to do nothing. */
 const HIDE_PERIODIC_DEFAULT = 1;
 
+/*  Which SHAPE the machine trace is written in — the two the C kernel
+ *  offers, and the chip that swaps them:
+ *
+ *      1 (default)  one line per transition, event first
+ *      0            the legacy three-line shape: the call, the state
+ *                   change, and the `<- … ret: N` return
+ *
+ *  1 because that is what the C kernel defaults to, so a browser yuno and
+ *  a node read alike. Like HIDE_PERIODIC_DEFAULT, a CONSTANT and not a
+ *  literal in each of the three places that read it (the chip, the chrome
+ *  and start up): they have to agree on what "unset" means, or the chip
+ *  is born showing the wrong state and its first click does nothing. */
+const SIMPLE_MACH_DEFAULT = 1;
+
+/*  A NEW key, deliberately.
+ *
+ *  The default moved from 0 to 1 in 7.23.34, and a stored preference beats a
+ *  default: every browser that had ever clicked the old `Simple mach` chip
+ *  carried an explicit 0 and went on reading the legacy shape, so the change
+ *  reached nobody who had used the window before. A default that cannot reach
+ *  an existing browser is not a default. The old key is left where it is and
+ *  simply stops being read. */
+const SIMPLE_MACH_KEY = "dev_mach_simple";
+
+function dev_simple_mach()
+{
+    return dev_num(SIMPLE_MACH_KEY, SIMPLE_MACH_DEFAULT) ? 1 : 0;
+}
+
 function dev_hide_periodic()
 {
     return dev_num("dev_hide_periodic", HIDE_PERIODIC_DEFAULT) ? true : false;
@@ -821,13 +850,29 @@ function render_name(e)
 /*  A mirrored framework log line (error/warning/info/debug/msg). */
 function render_log(e)
 {
-    return createElement2(
+    let $row = createElement2(
         ['div', {class: 'YDEV_LOGROW YDEV_LOG_' + e.level, title: e.level}, [
             ['span', {class: 'YDEV_LOG_LVL'}, e.level],
-            ['span', {class: 'YDEV_LOG_TXT'}, e.text],
+            ['span', {class: 'YDEV_LOG_TXT'}, ''],
             ['span', {class: 'TRAFFIC_META'}, e.ts],
         ]]
     );
+
+    /*  The text is assigned AFTER, and that is the whole point.
+     *
+     *  createElement2() TRIMS a string content -- it has to, to decide
+     *  whether the string is HTML by looking at its first character -- and
+     *  the machine trace's leading spaces are its NESTING: gobj-js prefixes
+     *  every line with `tab()`, two spaces per level of __inside__, so an
+     *  event sent from inside another one's action is indented under it.
+     *  Passed through createElement2 that indentation was eaten, and the
+     *  window showed a flat column where the console showed a tree. */
+    let $txt = $row.querySelector('.YDEV_LOG_TXT');
+    if($txt) {
+        $txt.textContent = e.text;
+    }
+
+    return $row;
 }
 
 function render_entry(e)
@@ -889,17 +934,55 @@ function rerender_all()
     }
     logger.replaceChildren(frag);
     if(shown === 0) {
-        let $empty = document.createElement('div');
-        $empty.className = 'YDEV_EMPTY';
-        $empty.textContent = TRAFFIC_LOG.length
-            ? "No messages match the current filters."
-            : "Waiting for activity — console logs and errors show automatically; enable Traffic or Automata for more.";
-        logger.appendChild($empty);
+        logger.appendChild(make_placeholder());
     }
     logger.scrollTop = logger.scrollHeight;
     update_stats();
 }
 
+/*  The empty state, which has to say WHICH empty it is.  */
+function make_placeholder()
+{
+    let $empty = document.createElement('div');
+    $empty.className = 'YDEV_EMPTY';
+    $empty.textContent = placeholder_text();
+    return $empty;
+}
+
+function placeholder_text()
+{
+    if(TRAFFIC_LOG.length) {
+        return "No messages match the current filters.";
+    }
+    return "Waiting for activity — console logs and errors show automatically; " +
+        "enable Traffic or Automata for more.";
+}
+
+/*  Keep whatever placeholder is on screen TRUTHFUL.
+ *
+ *  A line that arrives and is filtered out changes the answer without
+ *  changing the screen: the buffer stops being empty, so "Waiting for
+ *  activity — enable Automata for more" becomes a lie, and the window reads
+ *  as "nothing is happening, your traces are off" while it is in fact hiding
+ *  36 of them. Measured on a yuno with one timer and the Periodic filter on,
+ *  which is now the default: the status line said `0/36 shown · 36 hidden`
+ *  and the panel said there was no activity. */
+function refresh_placeholder()
+{
+    let logger = document.getElementById('developer-traffic-logger');
+    if(!logger) {
+        return;
+    }
+    let ph = logger.querySelector('.YDEV_EMPTY');
+    if(!ph) {
+        return;
+    }
+    let text = placeholder_text();
+    if(ph.textContent !== text) {
+        ph.textContent = text;
+    }
+}
+
 /*  Live counters in the status strip. */
 function update_stats()
 {
@@ -1050,6 +1133,8 @@ function info_traffic(title, msg, direction, size)
             ph.remove();
         }
         append_and_follow(logger, node);
+    } else {
+        refresh_placeholder();  /*  hidden, but the buffer is no longer empty  */
     }
     update_stats();
 }
@@ -1140,6 +1225,8 @@ function info_log(level, msg, hora)
                 ph.remove();
             }
             append_and_follow(logger, node);
+        } else {
+            refresh_placeholder();  /*  hidden, but the buffer is no longer empty  */
         }
         update_stats();
     } finally {
@@ -1276,7 +1363,7 @@ function refresh_dev_chrome()
     });
 
     document.querySelectorAll('.YDEV_CHIP[data-toggle="automata-simple"]').forEach(($b) => {
-        $b.classList.toggle('is-active', !!dev_num('dev_automata_simple', 0));
+        $b.classList.toggle('is-active', !!dev_simple_mach());
     });
 
     let $m = document.getElementById('ydev-muted');
@@ -1384,12 +1471,14 @@ function build_control_bar()
      *  emitted while Automata is on. */
     let simple_mach = ['button', {
         class: 'YDEV_CHIP', 'data-toggle': 'automata-simple', type: 'button',
-        title: 'Compact automata format (one line per transition, like C)',
+        title: 'Machine trace shape. On (default): one line per transition, ' +
+            'event first, like the C kernel. Off: the legacy three-line shape ' +
+            '(the call, the state change and the return)',
     }, 'Simple mach', {
         click: (ev) => {
             ev.stopPropagation();
-            let v = dev_num('dev_automata_simple', 0) ? 0 : 1;
-            kw_set_local_storage_value('dev_automata_simple', v);
+            let v = dev_simple_mach() ? 0 : 1;
+            kw_set_local_storage_value(SIMPLE_MACH_KEY, v);
             gobj_set_trace_machine_format(v);
             refresh_dev_chrome();
         }
@@ -1581,9 +1670,8 @@ function apply_dev_traces()
     gobj_write_attr(gobj_yuno(), "no_poll", no_poll);
     i18next.options.debug = i18n ? true : false;
 
-    /*  Compact vs verbose automata trace format (persisted). */
-    gobj_set_trace_machine_format(
-        Number(kw_get_local_storage_value("dev_automata_simple", 0, false)) ? 1 : 0);
+    /*  Which shape the machine trace is written in (persisted). */
+    gobj_set_trace_machine_format(dev_simple_mach());
 
     /*  Mirror the browser console (log_error/warning/info/debug/msg — the
      *  automata FSM trace arrives as debug) into the monitor. info_log no-ops