enigmatic 0.30.0 → 0.31.0

package/package.json

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

package/public/client.js

@@ -25,10 +25,14 @@ const customProxy = new Proxy(window.custom, {
     if (typeof value === 'function' || (value && typeof value.render === 'function')) {
       setTimeout(() => {
         $$(prop).forEach(async el => {
-          if (typeof value === 'function') {
-            el.innerHTML = await value();
-          } else {
-            el.innerHTML = value.render();
+          try {
+            if (typeof value === 'function') {
+              el.innerHTML = await value();
+            } else if (value && typeof value.render === 'function') {
+              el.innerHTML = value.render();
+            }
+          } catch (e) {
+            console.error('Custom element error:', e);
           }
         });
       }, 0);
@@ -39,7 +43,8 @@ const customProxy = new Proxy(window.custom, {
 Object.defineProperty(window, 'custom', {
   get: () => customProxy,
   set: (val) => {
-    Object.assign(customProxy, val || {});
+    Object.keys(val || {}).forEach(key => customProxy[key] = val[key]);
+    window.initCustomElements();
   },
   configurable: true
 });
@@ -119,9 +124,14 @@ window.logout = function() {
   window.location.href = `${window.api_url}/logout`
 }
 
-// Auto-initialize on load
+// Auto-initialize on load and watch for new elements
 if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', window.initCustomElements);
+  document.addEventListener('DOMContentLoaded', () => {
+    window.initCustomElements();
+    // Watch for new custom elements added to DOM
+    new MutationObserver(() => window.initCustomElements()).observe(document.body, { childList: true, subtree: true });
+  });
 } else {
   window.initCustomElements();
+  new MutationObserver(() => window.initCustomElements()).observe(document.body, { childList: true, subtree: true });
 }

package/public/index2.html

@@ -0,0 +1,3 @@
+<script src='https://unpkg.com/enigmatic@0.30.0/public/client.js'></script>
+
+<hello-world></hello-world>