thunderous 0.6.0 → 0.6.2

package/dist/index.cjs

@@ -1223,6 +1223,14 @@ var DEFAULT_RENDER_OPTIONS = {
     mode: "closed"
   }
 };
+var TrackableCustomElementRegistry = class extends CustomElementRegistry {
+  __tagNames = /* @__PURE__ */ new Set();
+  define(tagName, constructor) {
+    super.define(tagName, constructor);
+    this.__tagNames.add(tagName);
+  }
+};
+window.CustomElementRegistry = TrackableCustomElementRegistry;
 var getPropName = (attrName) => attrName.replace(/^([A-Z]+)/, (_, letter) => letter.toLowerCase()).replace(/(-|_| )([a-zA-Z])/g, (_, letter) => letter.toUpperCase());
 var customElement = (render, options) => {
   const {
@@ -1234,7 +1242,6 @@ var customElement = (render, options) => {
   } = { ...DEFAULT_RENDER_OPTIONS, ...options };
   const shadowRootOptions = { ...DEFAULT_RENDER_OPTIONS.shadowRootOptions, ..._shadowRootOptions };
   shadowRootOptions.registry = shadowRootOptions.customElements = shadowRootOptions.registry instanceof CustomElementRegistry ? shadowRootOptions.registry : shadowRootOptions.registry?.eject();
-  console.log(shadowRootOptions);
   const observedAttributesSet = new Set(_observedAttributes);
   const attributesAsPropertiesMap = /* @__PURE__ */ new Map();
   for (const [attrName, coerce] of attributesAsProperties) {
@@ -1373,8 +1380,19 @@ You must set an initial value before calling a property signal's getter.
         }
       });
       fragment.host = this;
+      const registry = shadowRootOptions.registry instanceof CustomElementRegistry ? shadowRootOptions.registry : shadowRootOptions.registry?.eject();
+      const tempContainer = document.createElement("div");
+      tempContainer.append(fragment.cloneNode(true));
+      const fragmentContent = tempContainer.innerHTML;
+      root.innerHTML = fragmentContent;
+      if (registry !== void 0 && registry.__tagNames !== void 0) {
+        for (const tagName of registry.__tagNames) {
+          const upgradedElement = root.querySelector(tagName);
+          const nonUpgradedElement = fragment.querySelector(tagName);
+          nonUpgradedElement.replaceWith(upgradedElement);
+        }
+      }
       setInnerHTML(root, fragment);
-      root.innerHTML = root.innerHTML;
     }
     static get formAssociated() {
       return formAssociated;
@@ -1482,7 +1500,6 @@ You must set an initial value before calling a property signal's getter.
   const elementResult = {
     define(tagName) {
       const registry = _registry?.scoped ? _registry.eject() : customElements;
-      console.log(tagName, registry);
       if (registry.get(tagName) !== void 0) {
         console.warn(`Custom element "${tagName}" was already defined. Skipping...`);
         return this;

package/dist/index.d.cts

@@ -89,6 +89,11 @@ type RenderOptions = {
     };
 };
 type RenderFunction<Props extends CustomElementProps> = (args: RenderArgs<Props>) => DocumentFragment;
+declare global {
+    interface CustomElementRegistry {
+        __tagNames: Set<string>;
+    }
+}
 /**
  * Create a custom element that can be defined for use in the DOM.
  * @example

package/dist/index.d.ts

@@ -89,6 +89,11 @@ type RenderOptions = {
     };
 };
 type RenderFunction<Props extends CustomElementProps> = (args: RenderArgs<Props>) => DocumentFragment;
+declare global {
+    interface CustomElementRegistry {
+        __tagNames: Set<string>;
+    }
+}
 /**
  * Create a custom element that can be defined for use in the DOM.
  * @example

package/dist/index.js

@@ -1191,6 +1191,14 @@ var DEFAULT_RENDER_OPTIONS = {
     mode: "closed"
   }
 };
+var TrackableCustomElementRegistry = class extends CustomElementRegistry {
+  __tagNames = /* @__PURE__ */ new Set();
+  define(tagName, constructor) {
+    super.define(tagName, constructor);
+    this.__tagNames.add(tagName);
+  }
+};
+window.CustomElementRegistry = TrackableCustomElementRegistry;
 var getPropName = (attrName) => attrName.replace(/^([A-Z]+)/, (_, letter) => letter.toLowerCase()).replace(/(-|_| )([a-zA-Z])/g, (_, letter) => letter.toUpperCase());
 var customElement = (render, options) => {
   const {
@@ -1202,7 +1210,6 @@ var customElement = (render, options) => {
   } = { ...DEFAULT_RENDER_OPTIONS, ...options };
   const shadowRootOptions = { ...DEFAULT_RENDER_OPTIONS.shadowRootOptions, ..._shadowRootOptions };
   shadowRootOptions.registry = shadowRootOptions.customElements = shadowRootOptions.registry instanceof CustomElementRegistry ? shadowRootOptions.registry : shadowRootOptions.registry?.eject();
-  console.log(shadowRootOptions);
   const observedAttributesSet = new Set(_observedAttributes);
   const attributesAsPropertiesMap = /* @__PURE__ */ new Map();
   for (const [attrName, coerce] of attributesAsProperties) {
@@ -1341,8 +1348,19 @@ You must set an initial value before calling a property signal's getter.
         }
       });
       fragment.host = this;
+      const registry = shadowRootOptions.registry instanceof CustomElementRegistry ? shadowRootOptions.registry : shadowRootOptions.registry?.eject();
+      const tempContainer = document.createElement("div");
+      tempContainer.append(fragment.cloneNode(true));
+      const fragmentContent = tempContainer.innerHTML;
+      root.innerHTML = fragmentContent;
+      if (registry !== void 0 && registry.__tagNames !== void 0) {
+        for (const tagName of registry.__tagNames) {
+          const upgradedElement = root.querySelector(tagName);
+          const nonUpgradedElement = fragment.querySelector(tagName);
+          nonUpgradedElement.replaceWith(upgradedElement);
+        }
+      }
       setInnerHTML(root, fragment);
-      root.innerHTML = root.innerHTML;
     }
     static get formAssociated() {
       return formAssociated;
@@ -1450,7 +1468,6 @@ You must set an initial value before calling a property signal's getter.
   const elementResult = {
     define(tagName) {
       const registry = _registry?.scoped ? _registry.eject() : customElements;
-      console.log(tagName, registry);
       if (registry.get(tagName) !== void 0) {
         console.warn(`Custom element "${tagName}" was already defined. Skipping...`);
         return this;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "thunderous",
-	"version": "0.6.0",
+	"version": "0.6.2",
 	"description": "",
 	"type": "module",
 	"main": "./dist/index.cjs",