Update live.js.

package.json

@@ -1,6 +1,6 @@
 {
 	"dependencies": {
-		"@socketry/live": "^0.7.0"
+		"@socketry/live": "^0.8"
 	},
 	"scripts": {
 		"postinstall": "bundle exec bake utopia:node:update"

public/_components/@socketry/live/Live.js

@@ -97,9 +97,9 @@ export class Live {
 		}
 	}
 
-	bindElementsByClassName(selector = 'live') {
+	bindElementsByClassName(parent = this.document, className = 'live') {
 		this.bind(
-			this.document.getElementsByClassName(selector)
+			parent.getElementsByClassName(className)
 		);
 
 		this.flush();
@@ -126,7 +126,7 @@ export class Live {
 	}
 
 	reply(options) {
-		if (options && options.reply) {
+		if (options?.reply) {
 			this.send(JSON.stringify({reply: options.reply}));
 		}
 	}
@@ -139,6 +139,8 @@ export class Live {
 
 		morphdom(element, fragment);
 
+		if (options?.bind) this.bindElementsByClassName(element);
+
 		this.reply(options);
 	}
 

public/_components/@socketry/live/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@socketry/live",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Live HTML tags for Ruby.",
   "main": "Live.js",
   "repository": {

public/_components/@socketry/live/test/Live.js

@@ -96,7 +96,38 @@ describe('Live', function () {
 		live.disconnect();
 	});
 
+	it('should handle updates with child live elements', async function () {
+		const live = new Live(dom.window, webSocketServerURL);
+
+		live.connect();
+
+		const connected = new Promise(resolve => {
+			webSocketServer.on('connection', resolve);
+		});
+
+		let socket = await connected;
+
+		const reply = new Promise((resolve, reject) => {
+			socket.on('message', message => {
+				let payload = JSON.parse(message);
+				if (payload.bind) resolve(payload);
+			});
+		});
+
+		socket.send(
+			JSON.stringify(['update', 'my', '<div id="my"><div id="mychild" class="live"></div></div>', {bind: true}])
+		);
+
+		let binding = await reply;
+
+		strictEqual(binding.bind, 'mychild');
+
+		live.disconnect();
+	});
+
 	it('should handle replacements', async function () {
+		dom.window.document.body.innerHTML = '<div id="my"><p>Hello World</p></div>';
+
 		const live = new Live(dom.window, webSocketServerURL);
 
 		live.connect();