bimba-cli 0.5.17 → 0.5.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bimba-cli",
-  "version": "0.5.17",
+  "version": "0.5.19",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/HeapVoid/bimba.git"

package/serve.js

@@ -28,6 +28,7 @@ const hmrClient = `
 	const _newClasses = new Map(); // tagName → latest class from HMR import
 	const _oldNs = new Map();  // tagName → previous _ns_ (saved before _patchClass wipes it)
 	let _collector = null;      // when set, captures tag names defined during one HMR import
+	let _stableSlots = false;   // when true, _patchClass skips Symbol-keyed props (CSS-only HMR)
 
 	customElements.define = function(name, cls, opts) {
 		if (_collector) _collector.push(name);
@@ -50,12 +51,13 @@ const hmrClient = `
 
 	// Copy all own property descriptors from source to target, skipping keys
 	// that match the shouldSkip predicate. Handles both string and symbol keys.
-	function _copyDescriptors(target, source, shouldSkip) {
+	function _copyDescriptors(target, source, shouldSkip, skipSymbols) {
 		for (const key of Object.getOwnPropertyNames(source)) {
 			if (shouldSkip(key)) continue;
 			const d = Object.getOwnPropertyDescriptor(source, key);
 			if (d) try { Object.defineProperty(target, key, d); } catch(_) {}
 		}
+		if (skipSymbols) return; // CSS-only: keep existing Symbol-keyed render caches
 		for (const key of Object.getOwnPropertySymbols(source)) {
 			const d = Object.getOwnPropertyDescriptor(source, key);
 			if (d) try { Object.defineProperty(target, key, d); } catch(_) {}
@@ -63,8 +65,8 @@ const hmrClient = `
 	}
 
 	function _patchClass(target, source) {
-		_copyDescriptors(target.prototype, source.prototype, k => k === 'constructor');
-		_copyDescriptors(target, source, k => _skipStatics.has(k));
+		_copyDescriptors(target.prototype, source.prototype, k => k === 'constructor', _stableSlots);
+		_copyDescriptors(target, source, k => _skipStatics.has(k), _stableSlots);
 	}
 
 	// ── HMR update handler ─────────────────────────────────────────────────────
@@ -106,10 +108,12 @@ const hmrClient = `
 		const collected = [];
 		const prev = _collector;
 		_collector = collected;
+		_stableSlots = (slots === 'stable');
 		try {
 			await import('/' + file + '?t=' + Date.now());
 		} finally {
 			_collector = prev;
+			_stableSlots = false;
 		}
 
 		// Sync _ns_ (CSS namespace) from the new classes. imba_defineTag sets
@@ -135,23 +139,27 @@ const hmrClient = `
 			_oldNs.delete(tag);
 		}
 
-		// Destructive HMR: wipe inner DOM and re-render each collected tag
-		for (const tag of collected) {
-			const els = document.querySelectorAll(tag);
-			els.forEach(el => {
-				const state = {};
-				for (const k of Object.keys(el)) state[k] = el[k];
-				_disconnectDescendants(el);
-				for (const sym of Object.getOwnPropertySymbols(el)) {
-					if (Symbol.keyFor(sym) !== undefined) continue;
-					try { delete el[sym]; } catch(_) {}
-				}
-				el.innerHTML = '';
-				Object.assign(el, state);
-				try { el.render && el.render(); } catch(e) { console.error('[bimba] render error:', e); }
-				try { el.connectedCallback && el.connectedCallback(); } catch(_) {}
-				try { el.mount && el.mount(); } catch(_) {}
-			});
+		// Destructive HMR: wipe inner DOM and re-render each collected tag.
+		// Skip when slots === 'stable' (CSS-only change) — no template diff,
+		// so wiping innerHTML would destroy DOM state (inputs, focus) for nothing.
+		if (slots !== 'stable') {
+			for (const tag of collected) {
+				const els = document.querySelectorAll(tag);
+				els.forEach(el => {
+					const state = {};
+					for (const k of Object.keys(el)) state[k] = el[k];
+					_disconnectDescendants(el);
+					for (const sym of Object.getOwnPropertySymbols(el)) {
+						if (Symbol.keyFor(sym) !== undefined) continue;
+						try { delete el[sym]; } catch(_) {}
+					}
+					el.innerHTML = '';
+					Object.assign(el, state);
+					try { el.render && el.render(); } catch(e) { console.error('[bimba] render error:', e); }
+					try { el.connectedCallback && el.connectedCallback(); } catch(_) {}
+					try { el.mount && el.mount(); } catch(_) {}
+				});
+			}
 		}
 
 		if (typeof imba !== 'undefined') imba.commit();