enigmatic 0.32.0 → 0.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "enigmatic",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "unpkg": "./public/client.js",
   "scripts": {
     "start": "bun --hot ./bun-server.js",

package/public/client.js

@@ -3,7 +3,11 @@ const D = document, W = window, Enc = encodeURIComponent;
 // 1. Unified Render Logic (Handles both State & Custom Elements)
 const ren = async (el, v) => {
   const f = W.custom?.[el.tagName.toLowerCase()];
-  if (f) try { el.innerHTML = await (f.render || f)(v) } catch(e) { console.error(e) }
+  if (f) {
+    const dataAttr = el.getAttribute('data');
+    const val = v !== undefined ? v : (dataAttr ? W.state[dataAttr] : undefined);
+    try { el.innerHTML = await (f.render || f)(val) } catch(e) { console.error(e) }
+  }
 };
 
 // 2. Proxies setup
@@ -51,12 +55,26 @@ Object.assign(W, {
     a.click();
     URL.revokeObjectURL(a.href);
   },
-  initCustomElements: () => Object.keys(W.custom).forEach(t => W.$$(t).forEach(el => ren(el)))
+  initCustomElements: () => Object.keys(W.custom || {}).forEach(t => W.$$(t).forEach(el => ren(el)))
 });
 
 // 4. Initialization & Observers
 const boot = () => {
   W.initCustomElements();
-  new MutationObserver(W.initCustomElements).observe(D.body, { childList: true, subtree: true });
+  new MutationObserver((mutations) => {
+    mutations.forEach(m => {
+      m.addedNodes.forEach(node => {
+        if (node.nodeType === 1) { // Element node
+          const tag = node.tagName?.toLowerCase();
+          if (tag && W.custom?.[tag]) ren(node);
+          // Also check children
+          node.querySelectorAll && Array.from(node.querySelectorAll('*')).forEach(child => {
+            const childTag = child.tagName?.toLowerCase();
+            if (childTag && W.custom?.[childTag]) ren(child);
+          });
+        }
+      });
+    });
+  }).observe(D.body, { childList: true, subtree: true });
 };
 D.readyState === 'loading' ? D.addEventListener('DOMContentLoaded', boot) : boot();

package/public/index2.html

@@ -1,8 +1,9 @@
-<script src='https://unpkg.com/enigmatic@0.32.0/public/client.js'></script>
+<script src='client.js'></script>
 
 <script>
   window.api_url = 'http://localhost:3000';
   custom.hw = (data) => `Hello ${data}`;
+  state.message = "World";
 </script>
 
-<hw></hw>
+<hw data="message"></hw>