Add runtime object editor example with screen/object DnD modeling and metadata mutation

README.md

@@ -201,12 +201,12 @@ Full details in [WEB/codeX PKI Manager](https://www.webcodex.de/index.html?menu=
 
 ## :bulb: Examples
 
-Try 15 live examples (after local docker containers have been started):
+Try 16 live examples (after local docker containers have been started):
 
 ```
 http://x0-app.x0.localnet/python/Index.py?appid=example1
 ...
-http://x0-app.x0.localnet/python/Index.py?appid=example15
+http://x0-app.x0.localnet/python/Index.py?appid=example16
 ```
 
 Most examples now include a descriptive video: [./example/README.md](./example/README.md).

example/README.md

@@ -24,6 +24,7 @@ get started quickly.
 - [net_messages](https://github.com/WEBcodeX1/x0/tree/main/example/net_messages) - Network messaging between sessions
 - [object_instances](https://github.com/WEBcodeX1/x0/tree/main/example/object_instances) - Dynamic object instancing (experimental)
 - [open_close_container](https://github.com/WEBcodeX1/x0/tree/main/example/open_close_container) - Collapsible container sections
+- [object_editor](https://github.com/WEBcodeX1/x0/tree/main/example/object_editor) - In-browser object/screen editor with runtime drag & drop
 - [screen_overlay](https://github.com/WEBcodeX1/x0/tree/main/example/screen_overlay) - Modal overlay functionality
 - [tree_simple](https://github.com/WEBcodeX1/x0/tree/main/example/tree_simple) - Hierarchical tree structures with navigation
 

example/object_editor/README.md

@@ -0,0 +1,26 @@
+# Example #16 (Object Editor)
+
+This example provides an in-browser x0 editor application with runtime object and screen editing.
+
+## URL
+
+Open URL: `http://x0-app.x0.localnet/python/Index.py?appid=example16`
+
+## Features
+
+- Main object bar with:
+  - **screen section** (add, remove, switch screen)
+  - **system-object section** (all registered x0 system objects)
+- Object properties form with editable JSON attributes.
+- Workspace/canvas for drag and drop object placement.
+- Drag and drop for:
+  - adding new objects from system-object section
+  - reparenting existing connected objects
+- Runtime updates of:
+  - `sysFactory.DataObject.XMLRPCResultData` (object.json structure)
+  - `sysFactory.DataSkeleton.XMLRPCResultData` (skeleton.json structure)
+
+## Notes
+
+- Changes are runtime/in-memory only.
+- No backend persistence endpoint is included in this example.

example/object_editor/sql/sys-config.sql

@@ -0,0 +1,11 @@
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'index_title', 'x0 Example Object Editor');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'debug_level', '10');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'display_language', 'en');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'default_screen', 'Screen1');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'parent_window_url', 'null');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'subdir', '/examples/object_editor');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'config_file_menu', 'menu.json');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'config_file_object', 'object.json');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'config_file_skeleton', 'skeleton.json');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'template_file', 'examples/object_editor/sysObjObjectEditor.js');
+INSERT INTO system.config (app_id, config_group, "value") VALUES ('example16', 'setup_class', "['ObjectEditor']=sysObjObjectEditor");

example/object_editor/static/menu.json

@@ -0,0 +1 @@
+[]

example/object_editor/static/object.json

@@ -0,0 +1,8 @@
+{
+  "ObjectEditor1": {
+    "Type": "ObjectEditor",
+    "Attributes": {
+      "Style": "container-fluid py-3"
+    }
+  }
+}

example/object_editor/static/skeleton.json

@@ -0,0 +1,9 @@
+{
+  "Screen1": [
+    {
+      "ObjectEditor1": {
+        "RefID": "Screen1"
+      }
+    }
+  ]
+}