thunderous 2.2.0 → 2.3.2

package/dist/index.cjs

@@ -293,7 +293,8 @@ var renderState = {
   currentShadowRoot: null,
   signalMap: /* @__PURE__ */ new Map(),
   callbackMap: /* @__PURE__ */ new Map(),
-  fragmentMap: /* @__PURE__ */ new Map()
+  fragmentMap: /* @__PURE__ */ new Map(),
+  registry: customElements
 };
 var logValueError = (value) => {
   console.error(
@@ -528,7 +529,8 @@ var html = (strings, ...values) => {
   if (isServer) return innerHTML;
   const template = document.createElement("template");
   template.innerHTML = innerHTML;
-  const fragment = renderState.currentShadowRoot === null ? template.content : renderState.currentShadowRoot.importNode?.(template.content, true) ?? template.content;
+  const fragment = renderState.currentShadowRoot?.importNode?.(template.content, true) ?? document.importNode(template.content, true);
+  renderState.registry.upgrade(fragment);
   evaluateBindings(fragment, fragment);
   return fragment;
 };
@@ -675,6 +677,7 @@ var customElement = (render, options) => {
     #render() {
       const root = this.#shadowRoot ?? this;
       renderState.currentShadowRoot = this.#shadowRoot;
+      renderState.registry = shadowRootOptions.customElements ?? customElements;
       const fragment = render({
         elementRef: this,
         root,
@@ -795,6 +798,8 @@ You must set an initial value before calling a property signal's getter.
         fn();
       }
       root.replaceChildren(fragment);
+      renderState.currentShadowRoot = null;
+      renderState.registry = customElements;
     }
     static get formAssociated() {
       return formAssociated;

package/dist/index.d.cts

@@ -110,6 +110,8 @@ type SignalWithInit<T = unknown> = Signal<T> & { init: (value: T) => Signal<T> }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type AnyFn = (...args: any[]) => any;
 
+type HTMLCustomElement<T extends Record<PropertyKey, unknown>> = Omit<HTMLElement, keyof T> & T;
+
 /**
  * Create a custom element that can be defined for use in the DOM.
  * @example
@@ -180,4 +182,4 @@ declare const createEffect: (fn: () => void) => void;
 declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => DocumentFragment;
 declare const css: (strings: TemplateStringsArray, ...values: unknown[]) => Styles;
 
-export { type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };
+export { type HTMLCustomElement, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };

package/dist/index.d.ts

@@ -110,6 +110,8 @@ type SignalWithInit<T = unknown> = Signal<T> & { init: (value: T) => Signal<T> }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type AnyFn = (...args: any[]) => any;
 
+type HTMLCustomElement<T extends Record<PropertyKey, unknown>> = Omit<HTMLElement, keyof T> & T;
+
 /**
  * Create a custom element that can be defined for use in the DOM.
  * @example
@@ -180,4 +182,4 @@ declare const createEffect: (fn: () => void) => void;
 declare const html: (strings: TemplateStringsArray, ...values: unknown[]) => DocumentFragment;
 declare const css: (strings: TemplateStringsArray, ...values: unknown[]) => Styles;
 
-export { type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };
+export { type HTMLCustomElement, type RenderArgs, type RenderFunction, type Signal, type SignalGetter, type SignalSetter, clientOnlyCallback, createEffect, createRegistry, createSignal, css, customElement, derived, html, insertTemplates, onServerDefine };

package/dist/index.js

@@ -258,7 +258,8 @@ var renderState = {
   currentShadowRoot: null,
   signalMap: /* @__PURE__ */ new Map(),
   callbackMap: /* @__PURE__ */ new Map(),
-  fragmentMap: /* @__PURE__ */ new Map()
+  fragmentMap: /* @__PURE__ */ new Map(),
+  registry: customElements
 };
 var logValueError = (value) => {
   console.error(
@@ -493,7 +494,8 @@ var html = (strings, ...values) => {
   if (isServer) return innerHTML;
   const template = document.createElement("template");
   template.innerHTML = innerHTML;
-  const fragment = renderState.currentShadowRoot === null ? template.content : renderState.currentShadowRoot.importNode?.(template.content, true) ?? template.content;
+  const fragment = renderState.currentShadowRoot?.importNode?.(template.content, true) ?? document.importNode(template.content, true);
+  renderState.registry.upgrade(fragment);
   evaluateBindings(fragment, fragment);
   return fragment;
 };
@@ -640,6 +642,7 @@ var customElement = (render, options) => {
     #render() {
       const root = this.#shadowRoot ?? this;
       renderState.currentShadowRoot = this.#shadowRoot;
+      renderState.registry = shadowRootOptions.customElements ?? customElements;
       const fragment = render({
         elementRef: this,
         root,
@@ -760,6 +763,8 @@ You must set an initial value before calling a property signal's getter.
         fn();
       }
       root.replaceChildren(fragment);
+      renderState.currentShadowRoot = null;
+      renderState.registry = customElements;
     }
     static get formAssociated() {
       return formAssociated;

package/package.json

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