thunderous 0.4.3 → 0.5.0

package/dist/index.cjs

@@ -1468,7 +1468,15 @@ You must set an initial value before calling a property signal's getter.
     }
   }
   let _tagname = null;
-  return {
+  let _registry = null;
+  let _registered = false;
+  const register = () => {
+    if (_tagname === null || _registry === null || _registered) return;
+    _registry.register(_tagname, CustomElement);
+    _registry.register(_tagname, elementResult);
+    _registered = true;
+  };
+  const elementResult = {
     define(tagname) {
       if (customElements.get(tagname) !== void 0) {
         console.warn(`Custom element "${tagname}" was already defined. Skipping...`);
@@ -1476,18 +1484,17 @@ You must set an initial value before calling a property signal's getter.
       }
       customElements.define(tagname, CustomElement);
       _tagname = tagname;
+      register();
       return this;
     },
     register(registry) {
-      if (_tagname === null) {
-        console.error("Custom element must be defined before registering.");
-        return this;
-      }
-      registry.register(_tagname, CustomElement);
+      _registry = registry;
+      register();
       return this;
     },
     eject: () => CustomElement
   };
+  return elementResult;
 };
 var createRegistry = () => {
   const registry = /* @__PURE__ */ new Map();

package/dist/index.d.cts

@@ -98,11 +98,16 @@ type RenderFunction<Props extends CustomElementProps> = (args: RenderArgs<Props>
  */
 declare const customElement: <Props extends CustomElementProps>(render: RenderFunction<Props>, options?: Partial<RenderOptions>) => ElementResult;
 type Registry = {
-    register: (tagName: string, element: CustomElementConstructor) => void;
-    getTagName: (element: CustomElementConstructor) => string | undefined;
+    register: (tagName: string, element: CustomElementConstructor | ElementResult) => void;
+    getTagName: (element: CustomElementConstructor | ElementResult) => string | undefined;
 };
 /**
  * Create a registry for custom elements.
+ *
+ * This allows you to delegate custom element definitions to the consumer of your library,
+ * by using their associated classes to look up tag names dynamically.
+ *
+ * This can be useful when you need to select a custom element whose tag name is variable.
  * @example
  * ```ts
  * const registry = createRegistry();

package/dist/index.d.ts

@@ -98,11 +98,16 @@ type RenderFunction<Props extends CustomElementProps> = (args: RenderArgs<Props>
  */
 declare const customElement: <Props extends CustomElementProps>(render: RenderFunction<Props>, options?: Partial<RenderOptions>) => ElementResult;
 type Registry = {
-    register: (tagName: string, element: CustomElementConstructor) => void;
-    getTagName: (element: CustomElementConstructor) => string | undefined;
+    register: (tagName: string, element: CustomElementConstructor | ElementResult) => void;
+    getTagName: (element: CustomElementConstructor | ElementResult) => string | undefined;
 };
 /**
  * Create a registry for custom elements.
+ *
+ * This allows you to delegate custom element definitions to the consumer of your library,
+ * by using their associated classes to look up tag names dynamically.
+ *
+ * This can be useful when you need to select a custom element whose tag name is variable.
  * @example
  * ```ts
  * const registry = createRegistry();

package/dist/index.js

@@ -1436,7 +1436,15 @@ You must set an initial value before calling a property signal's getter.
     }
   }
   let _tagname = null;
-  return {
+  let _registry = null;
+  let _registered = false;
+  const register = () => {
+    if (_tagname === null || _registry === null || _registered) return;
+    _registry.register(_tagname, CustomElement);
+    _registry.register(_tagname, elementResult);
+    _registered = true;
+  };
+  const elementResult = {
     define(tagname) {
       if (customElements.get(tagname) !== void 0) {
         console.warn(`Custom element "${tagname}" was already defined. Skipping...`);
@@ -1444,18 +1452,17 @@ You must set an initial value before calling a property signal's getter.
       }
       customElements.define(tagname, CustomElement);
       _tagname = tagname;
+      register();
       return this;
     },
     register(registry) {
-      if (_tagname === null) {
-        console.error("Custom element must be defined before registering.");
-        return this;
-      }
-      registry.register(_tagname, CustomElement);
+      _registry = registry;
+      register();
       return this;
     },
     eject: () => CustomElement
   };
+  return elementResult;
 };
 var createRegistry = () => {
   const registry = /* @__PURE__ */ new Map();

package/package.json

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