@yuneta/gobj-ui 7.23.30 → 7.23.31

package/README.md

@@ -1430,7 +1430,19 @@ gclass of a **backend** yuno the host passes the answer of `view-gclass` as
 
 `gclass_view_available()` reports whether the app registers `C_YUI_JSON` — the
 gobj tree asks it before drawing its `gclass` button, so an app that does not
-carry the viewer shows no control rather than one that fails.
+carry the viewer shows no control rather than one that fails. **Importing
+`c_yui_json.js` is not registering it**: an app that only pulls it in
+transitively (through the treedb graph, say) still has to call
+`register_c_yui_json()` for the button to appear.
+
+> **Mount before you start a hosted view.** `mt_create` builds the DOM;
+> `mt_start` renders it, and a view that measures a canvas or observes its box
+> needs to be IN the document by then. A host that creates a viewer, reads its
+> `$container` and hands it to a window as `body` must therefore start the
+> viewer **after** the window — the window is what puts it in the document.
+> Started before, a graph viewer measures nothing, attaches no
+> `ResizeObserver`, and its canvas keeps its birth size for the life of the
+> window while everything resizes around it (fixed in 7.23.31).
 
 ### Toolbar badge — a count pinned to an item's icon
 

package/dist/gobj-ui.cjs.js

@@ -10983,6 +10983,26 @@ function make_toolbar$3(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount$1(gobj) {
+	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$3(gobj) {
@@ -11026,8 +11046,9 @@ function build_graph$3(gobj) {
 	});
 	graph.on(_antv_g6.CanvasEvent.CLICK, (evt) => {});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount$1(gobj);
+		if (!$canvas) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -11964,10 +11985,9 @@ function ac_node_click$4(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$8(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -11986,10 +12006,9 @@ function ac_show$8(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$2(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -13843,7 +13862,6 @@ function open_gclass_view(host, gclass_name, opts) {
 		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(host)}: cannot create the gclass viewer`);
 		return null;
 	}
-	(0, _yuneta_gobj_js.gobj_start)(jv);
 	let handle = {
 		json_gobj: jv,
 		win: null,
@@ -13867,6 +13885,7 @@ function open_gclass_view(host, gclass_name, opts) {
 			t: i18next.t,
 			on_close
 		});
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 		return handle;
 	}
 	let $win_parent = window_layer_of(host, shell);
@@ -13895,6 +13914,7 @@ function open_gclass_view(host, gclass_name, opts) {
 		return null;
 	}
 	(0, _yuneta_gobj_js.gobj_start)(handle.win);
+	(0, _yuneta_gobj_js.gobj_start)(jv);
 	return handle;
 }
 /************************************************************
@@ -14636,6 +14656,26 @@ function make_toolbar$1(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount(gobj) {
+	let $container = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$2(gobj) {
@@ -14679,8 +14719,9 @@ function build_graph$2(gobj) {
 		hide_popover(gobj);
 	});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount(gobj);
+		if (!$canvas) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -15678,12 +15719,11 @@ function ac_node_click$3(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$6(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	save_view_state(gobj);
 	refresh_tree(gobj);
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -15702,10 +15742,9 @@ function ac_show$6(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$1(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -55366,7 +55405,6 @@ function open_json_viewer(gobj) {
 		return;
 	}
 	priv.json_gobj = jv;
-	(0, _yuneta_gobj_js.gobj_start)(jv);
 	let $box = (0, _yuneta_gobj_js.gobj_read_pointer_attr)(jv, "$container");
 	if (mobile) {
 		if (!shell) {
@@ -55385,6 +55423,7 @@ function open_json_viewer(gobj) {
 				(0, _yuneta_gobj_js.gobj_send_event)(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 	} else {
 		let $win_parent = shell && yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null;
 		priv.json_win = (0, _yuneta_gobj_js.gobj_create_service)(`treedb-jsonwin-${(0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj))}`, "C_YUI_WINDOW", {
@@ -55415,6 +55454,7 @@ function open_json_viewer(gobj) {
 			return;
 		}
 		(0, _yuneta_gobj_js.gobj_start)(priv.json_win);
+		(0, _yuneta_gobj_js.gobj_start)(jv);
 	}
 	request_print_tranger(gobj, "");
 }
@@ -55442,7 +55482,7 @@ function close_json_viewer(gobj) {
 		(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: already gone: ${e}`);
 	}
 	if (jv && (0, _yuneta_gobj_js.is_gobj)(jv)) try {
-		(0, _yuneta_gobj_js.gobj_stop)(jv);
+		if ((0, _yuneta_gobj_js.gobj_is_running)(jv)) (0, _yuneta_gobj_js.gobj_stop)(jv);
 		(0, _yuneta_gobj_js.gobj_destroy)(jv);
 	} catch (e) {
 		(0, _yuneta_gobj_js.log_warning)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: already gone: ${e}`);

package/dist/gobj-ui.es.js

@@ -10978,6 +10978,26 @@ function make_toolbar$3(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount$1(gobj) {
+	let $container = gobj_read_attr(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$3(gobj) {
@@ -11021,8 +11041,9 @@ function build_graph$3(gobj) {
 	});
 	graph.on(CanvasEvent.CLICK, (evt) => {});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount$1(gobj);
+		if (!$canvas) log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -11959,10 +11980,9 @@ function ac_node_click$4(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$8(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -11981,10 +12001,9 @@ function ac_show$8(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$2(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount$1(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -13838,7 +13857,6 @@ function open_gclass_view(host, gclass_name, opts) {
 		log_error(`${gobj_short_name(host)}: cannot create the gclass viewer`);
 		return null;
 	}
-	gobj_start(jv);
 	let handle = {
 		json_gobj: jv,
 		win: null,
@@ -13862,6 +13880,7 @@ function open_gclass_view(host, gclass_name, opts) {
 			t,
 			on_close
 		});
+		gobj_start(jv);
 		return handle;
 	}
 	let $win_parent = window_layer_of(host, shell);
@@ -13890,6 +13909,7 @@ function open_gclass_view(host, gclass_name, opts) {
 		return null;
 	}
 	gobj_start(handle.win);
+	gobj_start(jv);
 	return handle;
 }
 /************************************************************
@@ -14631,6 +14651,26 @@ function make_toolbar$1(gobj) {
 	return $toolbar;
 }
 /************************************************************
+*  The element G6 mounts its canvas in.
+*
+*  Read from THIS gclass's own $container, never with
+*  `document.getElementById()`: a view is not always in the
+*  document when it is started -- a host that builds the
+*  viewer and mounts it into a window afterwards starts it
+*  DETACHED -- and a global lookup answers null there. It cost
+*  a resize that never worked: the ResizeObserver below was
+*  simply never attached, silently, and the canvas kept the
+*  size it was born with for the life of the window.
+*
+*  Null only if the UI was never built; that is a bug, and it
+*  is logged where it matters rather than skipped.
+************************************************************/
+function canvas_mount(gobj) {
+	let $container = gobj_read_attr(gobj, "$container");
+	if (!$container) return null;
+	return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+/************************************************************
 *  Build a G6 graph instance
 ************************************************************/
 function build_graph$2(gobj) {
@@ -14674,8 +14714,9 @@ function build_graph$2(gobj) {
 		hide_popover(gobj);
 	});
 	if (typeof ResizeObserver !== "undefined") {
-		let $canvas = document.getElementById(priv.canvas_id);
-		if ($canvas) {
+		let $canvas = canvas_mount(gobj);
+		if (!$canvas) log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+		else {
 			let ro = new ResizeObserver(() => {
 				if (priv._resize_raf) cancelAnimationFrame(priv._resize_raf);
 				priv._resize_raf = requestAnimationFrame(() => {
@@ -15673,12 +15714,11 @@ function ac_node_click$3(gobj, event, kw, src) {
 *
 ************************************************************/
 function ac_show$6(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	save_view_state(gobj);
 	refresh_tree(gobj);
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -15697,10 +15737,9 @@ function ac_show$6(gobj, event, kw, src) {
 *  No fitView: preserve the user's current pan/zoom.
 ************************************************************/
 function ac_resize$1(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let graph = priv.graph;
+	let graph = gobj.priv.graph;
 	if (graph) {
-		let $canvas = document.getElementById(priv.canvas_id);
+		let $canvas = canvas_mount(gobj);
 		if ($canvas) {
 			let cw = $canvas.clientWidth;
 			let ch = $canvas.clientHeight;
@@ -55361,7 +55400,6 @@ function open_json_viewer(gobj) {
 		return;
 	}
 	priv.json_gobj = jv;
-	gobj_start(jv);
 	let $box = gobj_read_pointer_attr(jv, "$container");
 	if (mobile) {
 		if (!shell) {
@@ -55380,6 +55418,7 @@ function open_json_viewer(gobj) {
 				gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
 			}
 		});
+		gobj_start(jv);
 	} else {
 		let $win_parent = shell && yui_shell_popup_layer(shell) || typeof document !== "undefined" && document.getElementById("top-layer") || null;
 		priv.json_win = gobj_create_service(`treedb-jsonwin-${clean_name(gobj_name(gobj))}`, "C_YUI_WINDOW", {
@@ -55410,6 +55449,7 @@ function open_json_viewer(gobj) {
 			return;
 		}
 		gobj_start(priv.json_win);
+		gobj_start(jv);
 	}
 	request_print_tranger(gobj, "");
 }
@@ -55437,7 +55477,7 @@ function close_json_viewer(gobj) {
 		log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);
 	}
 	if (jv && is_gobj(jv)) try {
-		gobj_stop(jv);
+		if (gobj_is_running(jv)) gobj_stop(jv);
 		gobj_destroy(jv);
 	} catch (e) {
 		log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);

package/package.json

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

package/src/c_yui_gobj_tree_js.js

@@ -903,6 +903,30 @@ function make_toolbar(gobj)
     return $toolbar;
 }
 
+/************************************************************
+ *  The element G6 mounts its canvas in.
+ *
+ *  Read from THIS gclass's own $container, never with
+ *  `document.getElementById()`: a view is not always in the
+ *  document when it is started -- a host that builds the
+ *  viewer and mounts it into a window afterwards starts it
+ *  DETACHED -- and a global lookup answers null there. It cost
+ *  a resize that never worked: the ResizeObserver below was
+ *  simply never attached, silently, and the canvas kept the
+ *  size it was born with for the life of the window.
+ *
+ *  Null only if the UI was never built; that is a bug, and it
+ *  is logged where it matters rather than skipped.
+ ************************************************************/
+function canvas_mount(gobj)
+{
+    let $container = gobj_read_attr(gobj, "$container");
+    if(!$container) {
+        return null;
+    }
+    return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+
 /************************************************************
  *  Build a G6 graph instance
  ************************************************************/
@@ -991,8 +1015,10 @@ function build_graph(gobj)
      *  the observed box so there is no feedback loop.
      */
     if(typeof ResizeObserver !== "undefined") {
-        let $canvas = document.getElementById(priv.canvas_id);
-        if($canvas) {
+        let $canvas = canvas_mount(gobj);
+        if(!$canvas) {
+            log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+        } else {
             let ro = new ResizeObserver(() => {
                 if(priv._resize_raf) {
                     cancelAnimationFrame(priv._resize_raf);
@@ -2501,7 +2527,7 @@ function ac_show(gobj, event, kw, src)
     refresh_tree(gobj);
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             /*
              *  Content box (clientWidth/Height), not getBoundingClientRect:
@@ -2534,7 +2560,7 @@ function ac_resize(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             let cw = $canvas.clientWidth;
             let ch = $canvas.clientHeight;

package/src/c_yui_json_graph.js

@@ -674,6 +674,30 @@ function make_toolbar(gobj)
     return $toolbar;
 }
 
+/************************************************************
+ *  The element G6 mounts its canvas in.
+ *
+ *  Read from THIS gclass's own $container, never with
+ *  `document.getElementById()`: a view is not always in the
+ *  document when it is started -- a host that builds the
+ *  viewer and mounts it into a window afterwards starts it
+ *  DETACHED -- and a global lookup answers null there. It cost
+ *  a resize that never worked: the ResizeObserver below was
+ *  simply never attached, silently, and the canvas kept the
+ *  size it was born with for the life of the window.
+ *
+ *  Null only if the UI was never built; that is a bug, and it
+ *  is logged where it matters rather than skipped.
+ ************************************************************/
+function canvas_mount(gobj)
+{
+    let $container = gobj_read_attr(gobj, "$container");
+    if(!$container) {
+        return null;
+    }
+    return $container.querySelector("#" + gobj.priv.canvas_id);
+}
+
 /************************************************************
  *  Build a G6 graph instance
  ************************************************************/
@@ -778,8 +802,10 @@ function build_graph(gobj)
      *  the observed box so there is no feedback loop.
      */
     if(typeof ResizeObserver !== "undefined") {
-        let $canvas = document.getElementById(priv.canvas_id);
-        if($canvas) {
+        let $canvas = canvas_mount(gobj);
+        if(!$canvas) {
+            log_error(`${gobj_short_name(gobj)}: no canvas mount, the graph will never resize`);
+        } else {
             let ro = new ResizeObserver(() => {
                 if(priv._resize_raf) {
                     cancelAnimationFrame(priv._resize_raf);
@@ -2333,7 +2359,7 @@ function ac_show(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             /*
              *  Content box (clientWidth/Height), not getBoundingClientRect:
@@ -2366,7 +2392,7 @@ function ac_resize(gobj, event, kw, src)
     let graph = priv.graph;
 
     if(graph) {
-        let $canvas = document.getElementById(priv.canvas_id);
+        let $canvas = canvas_mount(gobj);
         if($canvas) {
             let cw = $canvas.clientWidth;
             let ch = $canvas.clientHeight;

package/src/c_yui_treedb_graph.js

@@ -771,7 +771,14 @@ function open_json_viewer(gobj)
         return;
     }
     priv.json_gobj = jv;
-    gobj_start(jv);
+
+    /*  CREATED, not started. `mt_create` builds the DOM; `mt_start`
+     *  RENDERS it -- and the viewer's graph view measures a canvas and
+     *  puts a ResizeObserver on it, both of which need the element to be
+     *  in the document, which the presenter below is what does. Started
+     *  here it worked only while the reader had last used the tree view;
+     *  with the graph view remembered it built detached, attached no
+     *  observer, and the canvas never followed the window again.  */
     let $box = gobj_read_pointer_attr(jv, "$container");
 
     if(mobile) {
@@ -793,6 +800,7 @@ function open_json_viewer(gobj)
                 gobj_send_event(gobj, "EV_JSON_CLOSED", {}, gobj);
             }
         });
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
     } else {
         let $win_parent = (shell && yui_shell_popup_layer(shell)) ||
             (typeof document !== "undefined" && document.getElementById("top-layer")) ||
@@ -833,6 +841,7 @@ function open_json_viewer(gobj)
             return;
         }
         gobj_start(priv.json_win);
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
     }
 
     request_print_tranger(gobj, "");    /*  first fetch: whole tranger, collapsed  */
@@ -877,11 +886,16 @@ function close_json_viewer(gobj)
     }
     if(jv && is_gobj(jv)) {
         try {
-            /*  STOP, then destroy — the viewer was STARTED in open_json_viewer.
-             *  gobj_destroy() raises the `destroying` flag before it can stop a
-             *  running gobj, so destroying it straight logs "Destroying a
-             *  RUNNING gobj" + "gobj NULL or DESTROYED" and skips its mt_stop. */
-            gobj_stop(jv);
+            /*  STOP, then destroy: gobj_destroy() raises the `destroying`
+             *  flag before it can stop a running gobj, so destroying it
+             *  straight logs "Destroying a RUNNING gobj" + "gobj NULL or
+             *  DESTROYED" and skips its mt_stop. GUARDED, because the
+             *  viewer is now started AFTER its presenter is up: the two
+             *  failure paths that get here arrive with it created and
+             *  never started. */
+            if(gobj_is_running(jv)) {
+                gobj_stop(jv);
+            }
             gobj_destroy(jv);
         } catch(e) {
             log_warning(`${gobj_short_name(gobj)}: already gone: ${e}`);

package/src/yui_gclass_view.js

@@ -115,8 +115,19 @@ function open_gclass_view(host, gclass_name, opts)
         log_error(`${gobj_short_name(host)}: cannot create the gclass viewer`);
         return null;
     }
-    gobj_start(jv);
 
+    /*  CREATED, not started. `mt_create` builds the DOM; `mt_start`
+     *  RENDERS it -- and the viewer's graph view measures a canvas and
+     *  puts a ResizeObserver on it, both of which need the element to be
+     *  in the document. The window below is what puts it there, so the
+     *  start goes after the window, at the bottom of this function.
+     *
+     *  Starting it here worked for as long as the reader had last used
+     *  the tree view: the graph is built on first entry, which was after
+     *  the window. The moment the viewer REMEMBERED the graph view, it
+     *  built it inside mt_start, detached, found no mount, attached no
+     *  observer -- and the canvas kept its birth size for the life of
+     *  the window while the window resized around it.  */
     let handle = {json_gobj: jv, win: null, modal: null};
     let $box = gobj_read_pointer_attr(jv, "$container");
 
@@ -140,6 +151,7 @@ function open_gclass_view(host, gclass_name, opts)
             t:             t,
             on_close:      on_close,
         });
+        gobj_start(jv);     /*  mounted: now it can measure itself  */
         return handle;
     }
 
@@ -180,6 +192,7 @@ function open_gclass_view(host, gclass_name, opts)
         return null;
     }
     gobj_start(handle.win);
+    gobj_start(jv);         /*  mounted: now it can measure itself  */
 
     return handle;
 }