gonia 0.0.2 → 0.0.3

package/dist/directives/html.js

@@ -1,4 +1,5 @@
 import { directive } from '../types.js';
+import { effect } from '../reactivity.js';
 /**
  * Set element's innerHTML from an expression.
  *
@@ -14,6 +15,8 @@ import { directive } from '../types.js';
  * ```
  */
 export const html = function html($expr, $element, $eval) {
-    $element.innerHTML = String($eval($expr) ?? '');
+    effect(() => {
+        $element.innerHTML = String($eval($expr) ?? '');
+    });
 };
 directive('g-html', html);

package/dist/directives/show.js

@@ -1,4 +1,5 @@
 import { directive } from '../types.js';
+import { effect } from '../reactivity.js';
 /**
  * Toggle element visibility based on an expression.
  *
@@ -13,7 +14,9 @@ import { directive } from '../types.js';
  * ```
  */
 export const show = function show($expr, $element, $eval) {
-    const value = $eval($expr);
-    $element.style.display = value ? '' : 'none';
+    effect(() => {
+        const value = $eval($expr);
+        $element.style.display = value ? '' : 'none';
+    });
 };
 directive('g-show', show);

package/dist/directives/text.js

@@ -1,4 +1,5 @@
 import { directive } from '../types.js';
+import { effect } from '../reactivity.js';
 /**
  * Set element's text content from an expression.
  *
@@ -13,6 +14,8 @@ import { directive } from '../types.js';
  * ```
  */
 export const text = function text($expr, $element, $eval) {
-    $element.textContent = String($eval($expr) ?? '');
+    effect(() => {
+        $element.textContent = String($eval($expr) ?? '');
+    });
 };
 directive('g-text', text);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gonia",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A lightweight, SSR-first reactive UI library with declarative directives",
   "type": "module",
   "license": "MIT",
@@ -16,7 +16,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/monokrome/cubist.js"
+    "url": "https://github.com/monokrome/gonia"
   },
   "files": [
     "dist",