@davidcal/frosth 1.0.1 → 1.0.3

package/README.md

@@ -1,6 +1,6 @@
 # Frosth - Yet another UI framework
 
-**Latest version**: v1.0.1
+**Latest version**: v1.0.3
 
 ## Motivation
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@davidcal/frosth",
-	"version": "1.0.1",
+	"version": "1.0.3",
 	"description": "Async-first CRUD-last UI framework that treats encapsulation as a solved problem.",
 	"type": "module",
 	"main": "./src/sigew.js",

package/src/create_self.js

@@ -21,6 +21,10 @@ class Self {
 		}
 	}
 	
+	_create_child(run_effect, options) {
+		return create_self(this, run_effect, options);
+	}
+	
 	create_effect(callback) {
 		let child;
 		

package/src/h.js

@@ -27,7 +27,14 @@ export const h = (s, tag, props, children) => {
 			});
 		} else {
 			s.create_effect((s) => {
-				el.setAttribute(key, props[key](s));
+				const prop$ = props[key](s);
+				
+				if (prop$ === undefined) {
+					el.removeAttribute(key);					
+					return;
+				}
+				
+				el.setAttribute(key, prop$);
 			});
 		}
 	}

package/src/render.js

@@ -20,11 +20,13 @@ const render_diff = (s, prev, next, target) => {
 			return prev_map.get(item);
 		}
 
-		const item_self = create_self(s);
+		const item_self = s._create_child();
 		const fragment = create_fragment(target);
 		const new_state = { prev: [] };
 		
-		render(item_self, fragment, item(item_self), new_state);
+		item_self.create_effect((s) => {
+			render(s._create_child(), fragment, item(s), new_state);
+		});
 		
 		return { item, item_self, fragment, state: new_state };
 	});
@@ -33,8 +35,6 @@ const render_diff = (s, prev, next, target) => {
 };
 
 export const render = async (s, target, installed, state) => {
-	console.log("rendering", installed, typeof installed);
-	
 	if (typeof installed === "string") {
 		target.textContent = installed;