@yuneta/gobj-ui 5.15.0 → 5.16.0

package/README.md

@@ -432,10 +432,11 @@ Logical DOM classes: `JSON_VIEWER`, `JSON_TOOLBAR`, `JSON_SEARCH`, `JSON_TREE`,
 
 ### Read-only treedbs: `readonly`
 
-`C_YUI_TREEDB_TOPICS` takes a **`readonly`** attr, propagated to every topic it
-builds. It is not one more button flag: it is the STATE of the treedb and it
-beats each `with_*` flag at once, because a treedb whose tranger the yuno does
-not master answers **every** write with
+`C_YUI_TREEDB_TOPICS` and `C_YUI_TREEDB_GRAPH` take a **`readonly`** attr; the
+topics view propagates it to every topic it builds. It is not one more button
+flag: it is the STATE of the treedb and it beats each `with_*` flag at once,
+because a treedb whose tranger the yuno does not master answers **every** write
+with
 
 ```
 ERROR -1: <yuno>: treedb '<name>' is READ-ONLY, this yuno is not the master of its tranger
@@ -453,11 +454,17 @@ buttons, the in-row edit icons, and the write half of the record form's toolbar
 (`copy` stays — reading a record includes taking it with you) with the cells not
 editable. The record form still OPENS: looking is the point of a replica.
 
+In the **graph** it takes away the `edition` operation mode, which is the only
+one that draws the create / delete / link affordances — the mode select stops
+offering it, and a graph left in edition on a master comes back in `reading` on
+a replica (the mode is a persisted preference). The other modes are untouched:
+panning, zooming and opening a node are reading.
+
 Two implementation notes worth keeping:
 
 - the decision lives in **`treedb_write_plan.js`** (pure, tested), not in five
   `!readonly && with_x` expressions — five places to forget the sixth;
-- and the write **events** are refused as well, in both gclasses, with a
+- and the write **events** are refused as well, in every gclass, with a
   `log_error`. Hiding a button is not the same as refusing a write: an event can
   still arrive from a keyboard path or a form that outlived the flag, and an
   ignored write is exactly the behaviour this whole change exists to stop.

package/dist/gobj-ui.cjs.js

@@ -15505,7 +15505,7 @@ function request_print_tranger$1(gobj, path) {
 *  would travel, be refused by the yuno, and come back as a toast --
 *  after the table had already drawn the row.
 ***************************************************************/
-function refuse_if_readonly$1(gobj, event) {
+function refuse_if_readonly$2(gobj, event) {
 	if (!(0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly")) return false;
 	(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} refused, treedb '${(0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")}' is READ-ONLY`);
 	return true;
@@ -15577,7 +15577,8 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 				treedb_name: (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "treedb_name", "", 0),
 				topic_name: (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "topic_name", "", 0),
 				record: (0, _yuneta_gobj_js.kw_get_dict)(gobj, kw_command, "record", {}, 0),
-				created: command === "create-node"
+				created: command === "create-node",
+				command
 			});
 			break;
 		case "delete-node": break;
@@ -15782,7 +15783,7 @@ function ac_treedb_node_deleted$1(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_create_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name");
 	let topic_name = (0, _yuneta_gobj_js.gobj_read_attr)(src, "topic_name");
 	let record = kw.record;
@@ -15800,7 +15801,7 @@ function ac_create_record(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_update_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name");
 	let topic_name = (0, _yuneta_gobj_js.gobj_read_attr)(src, "topic_name");
 	let record = kw.record;
@@ -15817,7 +15818,7 @@ function ac_update_record(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_delete_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name");
 	let topic_name = (0, _yuneta_gobj_js.gobj_read_attr)(src, "topic_name");
 	let record = kw.record;
@@ -17638,7 +17639,7 @@ function write_plan(gobj) {
 *  A read-only topic refuses the write EVENTS too, not only their
 *  buttons.
 ***************************************************************/
-function refuse_if_readonly(gobj, event) {
+function refuse_if_readonly$1(gobj, event) {
 	if (!(0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly")) return false;
 	(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} refused, topic '${(0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name")}' is READ-ONLY`);
 	return true;
@@ -17710,7 +17711,10 @@ function ac_load_node_updated(gobj, event, kw, src) {
 		return -1;
 	}
 	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
-	if (tabulator) for (let record of data) tabulator.updateData([record]);
+	if (tabulator) {
+		for (let record of data) if (tabulator.getRow(record.id)) tabulator.updateData([record]);
+		else if (tabulator.getDataCount() > 0) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: updated node is not in the loaded table: ${record.id}`);
+	}
 	return 0;
 }
 /************************************************************
@@ -17735,7 +17739,7 @@ function ac_node_deleted$1(gobj, event, kw, src) {
 *      and the Op column is visible (with row's edit/delete icons)
 ************************************************************/
 function ac_edition_mode(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
 	let editable = (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "editable");
 	editable = !editable;
@@ -17779,7 +17783,7 @@ function ac_edition_mode(gobj, event, kw, src) {
 *      - the backend will broadcast the new record that will be added to table
 ************************************************************/
 function ac_new_row(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let row = {};
 	let desc = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "desc");
 	for (let i = 0; i < desc.cols.length; i++) {
@@ -17809,7 +17813,7 @@ function ac_new_row(gobj, event, kw, src) {
 *          kw {index:, row:}
 ************************************************************/
 function ac_delete_rows(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let tabulator = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "tabulator");
 	if ((0, _yuneta_gobj_js.json_size)(kw) === 0) {
 		let rows = tabulator.getSelectedData();
@@ -17873,7 +17877,7 @@ function ac_copy_rows(gobj, event, kw, src) {
 *  From internal
 ************************************************************/
 function ac_paste_rows(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	if (kw.topic_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name") && kw.treedb_name === (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")) for (let row of kw.rows) (0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_CREATE_RECORD", {
 		topic_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name"),
 		record: row
@@ -17886,7 +17890,7 @@ function ac_paste_rows(gobj, event, kw, src) {
 *  fkeys, times and numbers). Route by the form's mode.
 ************************************************************/
 function ac_form_save_record(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let mode = (0, _yuneta_gobj_js.gobj_read_str_attr)(src, "form_mode");
 	(0, _yuneta_gobj_js.gobj_publish_event)(gobj, mode === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
 		topic_name: (0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "topic_name"),
@@ -18302,6 +18306,7 @@ var attrs_table$3 = [
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "treedb_name", 0, null, "Remote service treedb name"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_DICT, "descs", 0, null, "Descriptions of topics obtained"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "system", 0, false, "Manage system topics (true) or user topics (false)"),
+	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_BOOLEAN, "readonly", 0, false, "The whole treedb is read-only: the graph drops its `edition` mode (the only one that draws write affordances) and refuses every write event. Set it when this yuno is not the MASTER of the treedb's tranger -- only the master can write, and the yuno answers 'READ-ONLY' to a write since SDK 7.13.0 (ask `treedb-info`)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "back_route", 0, "", "Optional hash route for a '← topics' button back to the topics grid (host-supplied; empty = no button)"),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_STRING, "base_route", 0, "", "This view's base route (host-supplied); used to declare its per-topic focus sub-routes to the site map (ROUTING.md contributor)."),
 	(0, _yuneta_gobj_js.SDATA)(_yuneta_gobj_js.data_type_t.DTP_DICT, "records", 0, "{}", "Data of topics"),
@@ -18352,6 +18357,7 @@ function mt_create$3(gobj) {
 	if (!subscriber) subscriber = (0, _yuneta_gobj_js.gobj_parent)(gobj);
 	(0, _yuneta_gobj_js.gobj_subscribe_event)(gobj, null, {}, subscriber);
 	if (!priv.treedb_name) (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_name)(gobj)} -> treedb_name not configured`);
+	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly") && priv.operation_mode === "edition") (0, _yuneta_gobj_js.gobj_write_str_attr)(gobj, "operation_mode", "reading");
 	let canvas_id = (0, _yuneta_gobj_js.clean_name)((0, _yuneta_gobj_js.gobj_name)(gobj)) + "-canvas";
 	(0, _yuneta_gobj_js.gobj_write_attr)(gobj, "canvas_id", canvas_id);
 	let $container_canvas = build_ui$3(gobj).querySelector(`#${priv.canvas_id}`);
@@ -18506,6 +18512,8 @@ function destroy_ui(gobj) {
 ************************************************************/
 function make_toolbar(gobj) {
 	gobj.priv;
+	let modes = (0, _yuneta_gobj_js.gobj_read_attr)(gobj, "operation_modes");
+	if ((0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly")) modes = modes.filter((mode) => mode !== "edition");
 	const $toolbar_header = yui_toolbar({}, [
 		[
 			"div",
@@ -18544,7 +18552,7 @@ function make_toolbar(gobj) {
 					[[
 						"select",
 						{ class: "GRAPH_MODE_SELECT" },
-						(0, _yuneta_gobj_js.gobj_read_attr)(gobj, "operation_modes").map((item) => [
+						modes.map((item) => [
 							"option",
 							{},
 							item
@@ -19096,6 +19104,19 @@ function refresh_data(gobj) {
 	if (priv.gobj_nodes_tree) (0, _yuneta_gobj_js.gobj_send_event)(priv.gobj_nodes_tree, "EV_CLEAR_DATA", {}, gobj);
 	request_treedb_descs(gobj);
 }
+/********************************************
+*  The last gate before a write leaves for the yuno. The `edition`
+*  mode is gone on a replica, so no button can raise these -- but the
+*  G6 child also publishes them from its undo/redo history and from
+*  saving the node geometry, and a write that got this far would
+*  travel, be refused by the yuno, and come back as a toast with the
+*  graph already redrawn.
+********************************************/
+function refuse_if_readonly(gobj, event) {
+	if (!(0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly")) return false;
+	(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: ${event} refused, treedb '${(0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")}' is READ-ONLY`);
+	return true;
+}
 /***************************
 *      Actions
 ***************************/
@@ -19164,7 +19185,15 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		case "update-node":
 		case "delete-node":
 		case "link-nodes":
-		case "unlink-nodes": break;
+		case "unlink-nodes":
+			if (result >= 0 && (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "topic_name", "", 0) !== "__graphs__") (0, _yuneta_gobj_js.gobj_publish_event)(gobj, "EV_RECORD_WRITTEN", {
+				treedb_name: (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "treedb_name", "", 0),
+				topic_name: (0, _yuneta_gobj_js.kw_get_str)(gobj, kw_command, "topic_name", "", 0),
+				record: (0, _yuneta_gobj_js.kw_get_dict)(gobj, kw_command, "record", {}, 0),
+				created: command === "create-node",
+				command
+			});
+			break;
 		default: (0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)} Command unknown: ${command}`);
 	}
 	return 0;
@@ -19383,7 +19412,9 @@ function ac_edge_clicked(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_create_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_create_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19398,7 +19429,9 @@ function ac_create_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_update_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_update_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19413,7 +19446,9 @@ function ac_update_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_delete_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_delete_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19428,7 +19463,9 @@ function ac_delete_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_link_nodes(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let parent_ref = kw.parent_ref;
 	let child_ref = kw.child_ref;
 	return treedb_link_nodes(gobj, treedb_name, parent_ref, child_ref, kw.options || {});
@@ -19443,7 +19480,9 @@ function ac_link_nodes(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_unlink_nodes(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let parent_ref = kw.parent_ref;
 	let child_ref = kw.child_ref;
 	return treedb_unlink_nodes(gobj, treedb_name, parent_ref, child_ref, kw.options || {});
@@ -19483,6 +19522,10 @@ function ac_set_layout$1(gobj, event, kw, src) {
 function ac_set_operation_mode$1(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let operation_mode = kw.operation_mode;
+	if (operation_mode === "edition" && (0, _yuneta_gobj_js.gobj_read_bool_attr)(gobj, "readonly")) {
+		(0, _yuneta_gobj_js.log_error)(`${(0, _yuneta_gobj_js.gobj_short_name)(gobj)}: edition mode refused, treedb '${(0, _yuneta_gobj_js.gobj_read_str_attr)(gobj, "treedb_name")}' is READ-ONLY`);
+		return -1;
+	}
 	(0, _yuneta_gobj_js.gobj_write_str_attr)(gobj, "operation_mode", operation_mode);
 	(0, _yuneta_gobj_js.gobj_save_persistent_attrs)(gobj, "operation_mode");
 	let $operation_mode_select = priv.$container.querySelector(".GRAPH_MODE_SELECT");
@@ -19704,6 +19747,7 @@ function create_gclass$3(gclass_name) {
 		["EV_SET_OPERATION_MODE", 0],
 		["EV_SET_FOCUS_TOPIC", 0],
 		["EV_OPERATION_MODE_CHANGED", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
+		["EV_RECORD_WRITTEN", _yuneta_gobj_js.event_flag_t.EVF_OUTPUT_EVENT | _yuneta_gobj_js.event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TRANSPORT_STATE", 0]

package/dist/gobj-ui.es.js

@@ -15500,7 +15500,7 @@ function request_print_tranger$1(gobj, path) {
 *  would travel, be refused by the yuno, and come back as a toast --
 *  after the table had already drawn the row.
 ***************************************************************/
-function refuse_if_readonly$1(gobj, event) {
+function refuse_if_readonly$2(gobj, event) {
 	if (!gobj_read_bool_attr(gobj, "readonly")) return false;
 	log_error(`${gobj_short_name(gobj)}: ${event} refused, treedb '${gobj_read_str_attr(gobj, "treedb_name")}' is READ-ONLY`);
 	return true;
@@ -15572,7 +15572,8 @@ function ac_mt_command_answer$1(gobj, event, kw, src) {
 				treedb_name: kw_get_str(gobj, kw_command, "treedb_name", "", 0),
 				topic_name: kw_get_str(gobj, kw_command, "topic_name", "", 0),
 				record: kw_get_dict(gobj, kw_command, "record", {}, 0),
-				created: command === "create-node"
+				created: command === "create-node",
+				command
 			});
 			break;
 		case "delete-node": break;
@@ -15777,7 +15778,7 @@ function ac_treedb_node_deleted$1(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_create_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = gobj_read_str_attr(gobj, "treedb_name");
 	let topic_name = gobj_read_attr(src, "topic_name");
 	let record = kw.record;
@@ -15795,7 +15796,7 @@ function ac_create_record(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_update_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = gobj_read_str_attr(gobj, "treedb_name");
 	let topic_name = gobj_read_attr(src, "topic_name");
 	let record = kw.record;
@@ -15812,7 +15813,7 @@ function ac_update_record(gobj, event, kw, src) {
 *  }
 ********************************************/
 function ac_delete_record(gobj, event, kw, src) {
-	if (refuse_if_readonly$1(gobj, event)) return -1;
+	if (refuse_if_readonly$2(gobj, event)) return -1;
 	let treedb_name = gobj_read_str_attr(gobj, "treedb_name");
 	let topic_name = gobj_read_attr(src, "topic_name");
 	let record = kw.record;
@@ -17633,7 +17634,7 @@ function write_plan(gobj) {
 *  A read-only topic refuses the write EVENTS too, not only their
 *  buttons.
 ***************************************************************/
-function refuse_if_readonly(gobj, event) {
+function refuse_if_readonly$1(gobj, event) {
 	if (!gobj_read_bool_attr(gobj, "readonly")) return false;
 	log_error(`${gobj_short_name(gobj)}: ${event} refused, topic '${gobj_read_str_attr(gobj, "topic_name")}' is READ-ONLY`);
 	return true;
@@ -17705,7 +17706,10 @@ function ac_load_node_updated(gobj, event, kw, src) {
 		return -1;
 	}
 	let tabulator = gobj_read_attr(gobj, "tabulator");
-	if (tabulator) for (let record of data) tabulator.updateData([record]);
+	if (tabulator) {
+		for (let record of data) if (tabulator.getRow(record.id)) tabulator.updateData([record]);
+		else if (tabulator.getDataCount() > 0) log_error(`${gobj_short_name(gobj)}: updated node is not in the loaded table: ${record.id}`);
+	}
 	return 0;
 }
 /************************************************************
@@ -17730,7 +17734,7 @@ function ac_node_deleted$1(gobj, event, kw, src) {
 *      and the Op column is visible (with row's edit/delete icons)
 ************************************************************/
 function ac_edition_mode(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let tabulator = gobj_read_attr(gobj, "tabulator");
 	let editable = gobj_read_bool_attr(gobj, "editable");
 	editable = !editable;
@@ -17774,7 +17778,7 @@ function ac_edition_mode(gobj, event, kw, src) {
 *      - the backend will broadcast the new record that will be added to table
 ************************************************************/
 function ac_new_row(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let row = {};
 	let desc = gobj_read_attr(gobj, "desc");
 	for (let i = 0; i < desc.cols.length; i++) {
@@ -17804,7 +17808,7 @@ function ac_new_row(gobj, event, kw, src) {
 *          kw {index:, row:}
 ************************************************************/
 function ac_delete_rows(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let tabulator = gobj_read_attr(gobj, "tabulator");
 	if (json_size(kw) === 0) {
 		let rows = tabulator.getSelectedData();
@@ -17868,7 +17872,7 @@ function ac_copy_rows(gobj, event, kw, src) {
 *  From internal
 ************************************************************/
 function ac_paste_rows(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	if (kw.topic_name === gobj_read_str_attr(gobj, "topic_name") && kw.treedb_name === gobj_read_str_attr(gobj, "treedb_name")) for (let row of kw.rows) gobj_publish_event(gobj, "EV_CREATE_RECORD", {
 		topic_name: gobj_read_str_attr(gobj, "topic_name"),
 		record: row
@@ -17881,7 +17885,7 @@ function ac_paste_rows(gobj, event, kw, src) {
 *  fkeys, times and numbers). Route by the form's mode.
 ************************************************************/
 function ac_form_save_record(gobj, event, kw, src) {
-	if (refuse_if_readonly(gobj, event)) return -1;
+	if (refuse_if_readonly$1(gobj, event)) return -1;
 	let mode = gobj_read_str_attr(src, "form_mode");
 	gobj_publish_event(gobj, mode === "create" ? "EV_CREATE_RECORD" : "EV_UPDATE_RECORD", {
 		topic_name: gobj_read_str_attr(gobj, "topic_name"),
@@ -18289,6 +18293,7 @@ var attrs_table$3 = [
 	SDATA(data_type_t.DTP_STRING, "treedb_name", 0, null, "Remote service treedb name"),
 	SDATA(data_type_t.DTP_DICT, "descs", 0, null, "Descriptions of topics obtained"),
 	SDATA(data_type_t.DTP_BOOLEAN, "system", 0, false, "Manage system topics (true) or user topics (false)"),
+	SDATA(data_type_t.DTP_BOOLEAN, "readonly", 0, false, "The whole treedb is read-only: the graph drops its `edition` mode (the only one that draws write affordances) and refuses every write event. Set it when this yuno is not the MASTER of the treedb's tranger -- only the master can write, and the yuno answers 'READ-ONLY' to a write since SDK 7.13.0 (ask `treedb-info`)"),
 	SDATA(data_type_t.DTP_STRING, "back_route", 0, "", "Optional hash route for a '← topics' button back to the topics grid (host-supplied; empty = no button)"),
 	SDATA(data_type_t.DTP_STRING, "base_route", 0, "", "This view's base route (host-supplied); used to declare its per-topic focus sub-routes to the site map (ROUTING.md contributor)."),
 	SDATA(data_type_t.DTP_DICT, "records", 0, "{}", "Data of topics"),
@@ -18339,6 +18344,7 @@ function mt_create$3(gobj) {
 	if (!subscriber) subscriber = gobj_parent(gobj);
 	gobj_subscribe_event(gobj, null, {}, subscriber);
 	if (!priv.treedb_name) log_error(`${gobj_name(gobj)} -> treedb_name not configured`);
+	if (gobj_read_bool_attr(gobj, "readonly") && priv.operation_mode === "edition") gobj_write_str_attr(gobj, "operation_mode", "reading");
 	let canvas_id = clean_name(gobj_name(gobj)) + "-canvas";
 	gobj_write_attr(gobj, "canvas_id", canvas_id);
 	let $container_canvas = build_ui$3(gobj).querySelector(`#${priv.canvas_id}`);
@@ -18493,6 +18499,8 @@ function destroy_ui(gobj) {
 ************************************************************/
 function make_toolbar(gobj) {
 	gobj.priv;
+	let modes = gobj_read_attr(gobj, "operation_modes");
+	if (gobj_read_bool_attr(gobj, "readonly")) modes = modes.filter((mode) => mode !== "edition");
 	const $toolbar_header = yui_toolbar({}, [
 		[
 			"div",
@@ -18531,7 +18539,7 @@ function make_toolbar(gobj) {
 					[[
 						"select",
 						{ class: "GRAPH_MODE_SELECT" },
-						gobj_read_attr(gobj, "operation_modes").map((item) => [
+						modes.map((item) => [
 							"option",
 							{},
 							item
@@ -19083,6 +19091,19 @@ function refresh_data(gobj) {
 	if (priv.gobj_nodes_tree) gobj_send_event(priv.gobj_nodes_tree, "EV_CLEAR_DATA", {}, gobj);
 	request_treedb_descs(gobj);
 }
+/********************************************
+*  The last gate before a write leaves for the yuno. The `edition`
+*  mode is gone on a replica, so no button can raise these -- but the
+*  G6 child also publishes them from its undo/redo history and from
+*  saving the node geometry, and a write that got this far would
+*  travel, be refused by the yuno, and come back as a toast with the
+*  graph already redrawn.
+********************************************/
+function refuse_if_readonly(gobj, event) {
+	if (!gobj_read_bool_attr(gobj, "readonly")) return false;
+	log_error(`${gobj_short_name(gobj)}: ${event} refused, treedb '${gobj_read_str_attr(gobj, "treedb_name")}' is READ-ONLY`);
+	return true;
+}
 /***************************
 *      Actions
 ***************************/
@@ -19151,7 +19172,15 @@ function ac_mt_command_answer(gobj, event, kw, src) {
 		case "update-node":
 		case "delete-node":
 		case "link-nodes":
-		case "unlink-nodes": break;
+		case "unlink-nodes":
+			if (result >= 0 && kw_get_str(gobj, kw_command, "topic_name", "", 0) !== "__graphs__") gobj_publish_event(gobj, "EV_RECORD_WRITTEN", {
+				treedb_name: kw_get_str(gobj, kw_command, "treedb_name", "", 0),
+				topic_name: kw_get_str(gobj, kw_command, "topic_name", "", 0),
+				record: kw_get_dict(gobj, kw_command, "record", {}, 0),
+				created: command === "create-node",
+				command
+			});
+			break;
 		default: log_error(`${gobj_short_name(gobj)} Command unknown: ${command}`);
 	}
 	return 0;
@@ -19370,7 +19399,9 @@ function ac_edge_clicked(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_create_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_create_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19385,7 +19416,9 @@ function ac_create_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_update_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_update_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19400,7 +19433,9 @@ function ac_update_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_delete_node(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let topic_name = kw.topic_name;
 	let record = kw.record;
 	return treedb_delete_node(gobj, treedb_name, topic_name, record, kw.options || {});
@@ -19415,7 +19450,9 @@ function ac_delete_node(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_link_nodes(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let parent_ref = kw.parent_ref;
 	let child_ref = kw.child_ref;
 	return treedb_link_nodes(gobj, treedb_name, parent_ref, child_ref, kw.options || {});
@@ -19430,7 +19467,9 @@ function ac_link_nodes(gobj, event, kw, src) {
 *  Send to backend
 ********************************************/
 function ac_unlink_nodes(gobj, event, kw, src) {
-	let treedb_name = gobj.priv.treedb_name;
+	let priv = gobj.priv;
+	if (refuse_if_readonly(gobj, event)) return -1;
+	let treedb_name = priv.treedb_name;
 	let parent_ref = kw.parent_ref;
 	let child_ref = kw.child_ref;
 	return treedb_unlink_nodes(gobj, treedb_name, parent_ref, child_ref, kw.options || {});
@@ -19470,6 +19509,10 @@ function ac_set_layout$1(gobj, event, kw, src) {
 function ac_set_operation_mode$1(gobj, event, kw, src) {
 	let priv = gobj.priv;
 	let operation_mode = kw.operation_mode;
+	if (operation_mode === "edition" && gobj_read_bool_attr(gobj, "readonly")) {
+		log_error(`${gobj_short_name(gobj)}: edition mode refused, treedb '${gobj_read_str_attr(gobj, "treedb_name")}' is READ-ONLY`);
+		return -1;
+	}
 	gobj_write_str_attr(gobj, "operation_mode", operation_mode);
 	gobj_save_persistent_attrs(gobj, "operation_mode");
 	let $operation_mode_select = priv.$container.querySelector(".GRAPH_MODE_SELECT");
@@ -19691,6 +19734,7 @@ function create_gclass$3(gclass_name) {
 		["EV_SET_OPERATION_MODE", 0],
 		["EV_SET_FOCUS_TOPIC", 0],
 		["EV_OPERATION_MODE_CHANGED", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
+		["EV_RECORD_WRITTEN", event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
 		["EV_SHOW", 0],
 		["EV_HIDE", 0],
 		["EV_TRANSPORT_STATE", 0]

package/package.json

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

package/src/c_yui_treedb_graph.js

@@ -115,6 +115,7 @@ SDATA(data_type_t.DTP_POINTER,  "gobj_remote_yuno", 0,  null,   "Remote Yuno to
 SDATA(data_type_t.DTP_STRING,   "treedb_name",      0,  null,   "Remote service treedb name"),
 SDATA(data_type_t.DTP_DICT,     "descs",            0,  null,   "Descriptions of topics obtained"),
 SDATA(data_type_t.DTP_BOOLEAN,  "system",           0,  false,  "Manage system topics (true) or user topics (false)"),
+SDATA(data_type_t.DTP_BOOLEAN,  "readonly",         0,  false,  "The whole treedb is read-only: the graph drops its `edition` mode (the only one that draws write affordances) and refuses every write event. Set it when this yuno is not the MASTER of the treedb's tranger -- only the master can write, and the yuno answers 'READ-ONLY' to a write since SDK 7.13.0 (ask `treedb-info`)"),
 SDATA(data_type_t.DTP_STRING,   "back_route",       0,  "",     "Optional hash route for a '← topics' button back to the topics grid (host-supplied; empty = no button)"),
 SDATA(data_type_t.DTP_STRING,   "base_route",       0,  "",     "This view's base route (host-supplied); used to declare its per-topic focus sub-routes to the site map (ROUTING.md contributor)."),
 SDATA(data_type_t.DTP_DICT,     "records",          0,  "{}",   "Data of topics"),
@@ -193,6 +194,16 @@ function mt_create(gobj)
         log_error(`${gobj_name(gobj)} -> treedb_name not configured`);
     }
 
+    /*
+     *  `edition` is the ONLY mode that draws write affordances, and the
+     *  mode is a PERSISTED user preference: a graph that was left in
+     *  edition on a master would come back in edition on a replica.
+     *  Fall back to `reading` before the G6 child is born with it.
+     */
+    if(gobj_read_bool_attr(gobj, "readonly") && priv.operation_mode === "edition") {
+        gobj_write_str_attr(gobj, "operation_mode", "reading");
+    }
+
     /*
      *  set canvas_id, before build_ui()
      */
@@ -433,6 +444,11 @@ function make_toolbar(gobj)
      *      Top Header toolbar
      *---------------------------------------*/
     let modes = gobj_read_attr(gobj, "operation_modes");
+    if(gobj_read_bool_attr(gobj, "readonly")) {
+        /*  A mode the user cannot have is not offered: `edition` is the
+         *  one that draws the create / delete / link affordances.  */
+        modes = modes.filter(mode => mode !== "edition");
+    }
     let mode_options = modes.map(item => ['option', {}, item]);
 
     /*
@@ -1342,6 +1358,24 @@ function refresh_data(gobj)
     request_treedb_descs(gobj);
 }
 
+/********************************************
+ *  The last gate before a write leaves for the yuno. The `edition`
+ *  mode is gone on a replica, so no button can raise these -- but the
+ *  G6 child also publishes them from its undo/redo history and from
+ *  saving the node geometry, and a write that got this far would
+ *  travel, be refused by the yuno, and come back as a toast with the
+ *  graph already redrawn.
+ ********************************************/
+function refuse_if_readonly(gobj, event)
+{
+    if(!gobj_read_bool_attr(gobj, "readonly")) {
+        return false;
+    }
+    log_error(`${gobj_short_name(gobj)}: ${event} refused, treedb ` +
+        `'${gobj_read_str_attr(gobj, "treedb_name")}' is READ-ONLY`);
+    return true;
+}
+
 
 
 
@@ -1468,7 +1502,36 @@ function ac_mt_command_answer(gobj, event, kw, src)
         case "delete-node":
         case "link-nodes":
         case "unlink-nodes":
-            // Don't process here, process on subscribed events.
+            /*
+             *  The graph redraws itself from the treedb's own EV_TREEDB_NODE_*
+             *  events, which arrive for EVERY writer. This says what those
+             *  cannot: THIS view has just written, and the yuno took it. A host
+             *  whose save is not finished with the record -- a schema editor,
+             *  where the yuno still has to be restarted to re-read the schema --
+             *  needs exactly that, and cannot use the node events without
+             *  answering its own writes in a loop.
+             *
+             *  Same event and same kw as C_YUI_TREEDB_TOPICS, plus `command`:
+             *  in a graph a LINK is as much a write as a record is, and the
+             *  three of them carry different halves of the kw.
+             *
+             *  `__graphs__` is EXCLUDED, and that exclusion is the point of
+             *  reading this comment: the view writes that topic ITSELF, one
+             *  record per topic, every time the layout is saved. It is this
+             *  view's bookkeeping, not the operator's data -- reporting it
+             *  would tell a schema editor that the schema changed because
+             *  somebody dragged a node.
+             */
+            if(result >= 0 &&
+                kw_get_str(gobj, kw_command, "topic_name", "", 0) !== "__graphs__") {
+                gobj_publish_event(gobj, "EV_RECORD_WRITTEN", {
+                    treedb_name: kw_get_str(gobj, kw_command, "treedb_name", "", 0),
+                    topic_name:  kw_get_str(gobj, kw_command, "topic_name", "", 0),
+                    record:      kw_get_dict(gobj, kw_command, "record", {}, 0),
+                    created:     (command === "create-node"),
+                    command:     command
+                });
+            }
             break;
 
         default:
@@ -1787,6 +1850,11 @@ function ac_edge_clicked(gobj, event, kw, src)
 function ac_create_node(gobj, event, kw, src)
 {
     let priv = gobj.priv;
+
+    if(refuse_if_readonly(gobj, event)) {
+        return -1;
+    }
+
     let treedb_name = priv.treedb_name;
     let topic_name = kw.topic_name;
     let record = kw.record;
@@ -1813,6 +1881,11 @@ function ac_create_node(gobj, event, kw, src)
 function ac_update_node(gobj, event, kw, src)
 {
     let priv = gobj.priv;
+
+    if(refuse_if_readonly(gobj, event)) {
+        return -1;
+    }
+
     let treedb_name = priv.treedb_name;
     let topic_name = kw.topic_name;
     let record = kw.record;
@@ -1839,6 +1912,11 @@ function ac_update_node(gobj, event, kw, src)
 function ac_delete_node(gobj, event, kw, src)
 {
     let priv = gobj.priv;
+
+    if(refuse_if_readonly(gobj, event)) {
+        return -1;
+    }
+
     let treedb_name = priv.treedb_name;
     let topic_name = kw.topic_name;
     let record = kw.record;
@@ -1865,6 +1943,11 @@ function ac_delete_node(gobj, event, kw, src)
 function ac_link_nodes(gobj, event, kw, src)
 {
     let priv = gobj.priv;
+
+    if(refuse_if_readonly(gobj, event)) {
+        return -1;
+    }
+
     let treedb_name = priv.treedb_name;
     let parent_ref = kw.parent_ref;
     let child_ref = kw.child_ref;
@@ -1891,6 +1974,11 @@ function ac_link_nodes(gobj, event, kw, src)
 function ac_unlink_nodes(gobj, event, kw, src)
 {
     let priv = gobj.priv;
+
+    if(refuse_if_readonly(gobj, event)) {
+        return -1;
+    }
+
     let treedb_name = priv.treedb_name;
     let parent_ref = kw.parent_ref;
     let child_ref = kw.child_ref;
@@ -2001,6 +2089,14 @@ function ac_set_operation_mode(gobj, event, kw, src)
     let priv = gobj.priv;
 
     let operation_mode = kw.operation_mode;
+    if(operation_mode === "edition" && gobj_read_bool_attr(gobj, "readonly")) {
+        /*  The select does not offer it on a replica, so getting here means
+         *  the event came from somewhere else -- and it is the mode that
+         *  turns on every write affordance.  */
+        log_error(`${gobj_short_name(gobj)}: edition mode refused, treedb ` +
+            `'${gobj_read_str_attr(gobj, "treedb_name")}' is READ-ONLY`);
+        return -1;
+    }
     gobj_write_str_attr(gobj, "operation_mode", operation_mode);
     gobj_save_persistent_attrs(gobj, "operation_mode");
 
@@ -2168,6 +2264,8 @@ function create_gclass(gclass_name)
         ["EV_SET_FOCUS_TOPIC",          0],
         ["EV_OPERATION_MODE_CHANGED",
             event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
+        ["EV_RECORD_WRITTEN",
+            event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
         ["EV_SHOW",                     0],
         ["EV_HIDE",                     0],
         ["EV_TRANSPORT_STATE",          0],

package/src/c_yui_treedb_topic_with_form.js

@@ -2242,7 +2242,22 @@ function ac_load_node_updated(gobj, event, kw, src)
     let tabulator = gobj_read_attr(gobj, "tabulator");
     if(tabulator) {
         for(let record of data) {
-            tabulator.updateData([record]);
+            /*
+             *  updateData() REJECTS the promise on a row it cannot find and
+             *  nobody awaits it, so the rejection surfaces as an unhandled
+             *  "Update Error - Unable to find row" that names neither the
+             *  gclass nor the topic. Ask first, like ac_node_deleted does.
+             *
+             *  A table nobody has opened holds NO rows, and a node event for
+             *  it is not news: its rows are read when the topic is shown. A
+             *  row missing from a table that IS loaded is.
+             */
+            if(tabulator.getRow(record.id)) {
+                tabulator.updateData([record]);
+            } else if(tabulator.getDataCount() > 0) {
+                log_error(`${gobj_short_name(gobj)}: updated node is not in ` +
+                    `the loaded table: ${record.id}`);
+            }
         }
     }
 

package/src/c_yui_treedb_topics.js

@@ -1755,7 +1755,8 @@ function ac_mt_command_answer(gobj, event, kw, src)
                 treedb_name: kw_get_str(gobj, kw_command, "treedb_name", "", 0),
                 topic_name:  kw_get_str(gobj, kw_command, "topic_name", "", 0),
                 record:      kw_get_dict(gobj, kw_command, "record", {}, 0),
-                created:     (command === "create-node")
+                created:     (command === "create-node"),
+                command:     command
             });
             break;