@hypen-space/web 0.4.5 → 0.4.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypen-space/web",
-  "version": "0.4.5",
+  "version": "0.4.12",
   "description": "Hypen web renderers - DOM and Canvas rendering for browsers",
   "type": "module",
   "main": "./dist/index.js",
@@ -56,7 +56,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@hypen-space/core": "^0.4.5"
+    "@hypen-space/core": "^0.4.12"
   },
   "devDependencies": {
     "@types/bun": "latest",

package/src/canvas/renderer.ts

@@ -141,6 +141,10 @@ export class CanvasRenderer implements Renderer {
         this.onSetProp(patch.id!, patch.name!, patch.value);
         break;
 
+      case "removeProp":
+        this.onRemoveProp(patch.id!, patch.name!);
+        break;
+
       case "setText":
         this.onSetText(patch.id!, patch.text!);
         break;
@@ -202,6 +206,25 @@ export class CanvasRenderer implements Renderer {
     this.accessibilityLayer.updateNode(node);
   }
 
+  /**
+   * Remove a property from a node
+   */
+  private onRemoveProp(id: string, name: string): void {
+    const node = this.nodes.get(id);
+    if (!node) return;
+
+    delete node.props[name];
+
+    if (name === "visible") {
+      node.visible = true;
+    }
+    if (name === "opacity") {
+      node.opacity = 1;
+    }
+
+    this.accessibilityLayer.updateNode(node);
+  }
+
   /**
    * Set text on node
    */

package/src/dom/applicators/advanced-layout.ts

@@ -23,10 +23,6 @@ export const advancedLayoutHandlers: Record<string, ApplicatorHandler> = {
     el.style.alignContent = String(value);
   },
 
-  alignSelf: (el, value) => {
-    el.style.alignSelf = String(value);
-  },
-
   order: (el, value) => {
     el.style.order = String(value);
   },

package/src/dom/renderer.ts

@@ -144,6 +144,9 @@ export class DOMRenderer {
       case "setProp":
         this.onSetProp(id!, patch.name!, patch.value);
         break;
+      case "removeProp":
+        this.onRemoveProp(id!, patch.name!);
+        break;
       case "setText":
         this.onSetText(id!, patch.text!);
         break;
@@ -239,6 +242,17 @@ export class DOMRenderer {
     this.applicators.apply(element, name, value);
   }
 
+  /**
+   * Remove a property from an element
+   */
+  private onRemoveProp(id: string, name: string): void {
+    const element = this.nodes.get(id);
+    if (!element) return;
+
+    this.debugTracker.trackRerender(id, element, `removeProp:${name}`);
+    this.applicators.apply(element, name, undefined);
+  }
+
   /**
    * Set text content
    */