revojs 0.0.40 → 0.0.42

package/dist/html/index.d.ts

@@ -39,16 +39,13 @@ export type AttributeOptions<T = unknown> = {
     type: T;
     default?: Infer<T>;
 };
-export type ShadowRootOptions = ShadowRootInit & {
-    globalStyles?: boolean;
-};
 export type Events = Record<string, EventOptions>;
 export type Attributes = Record<string, AttributeOptions>;
 export interface ComponentOptions<TEvents extends Events, TAttributes extends Attributes> {
     name: string;
     events?: TEvents;
     attributes?: TAttributes;
-    shadowRoot?: Partial<ShadowRootOptions>;
+    shadowRoot?: ShadowRootInit;
     styles?: Array<string>;
     setup: (component: Component<TEvents, TAttributes>) => Slot | Promise<Slot>;
 }
@@ -56,7 +53,7 @@ export interface Component<TEvents extends Events, TAttributes extends Attribute
     readonly scope: Scope;
     readonly events: EventOutput<TEvents>;
     readonly attributes: State<AttributeOutput<TAttributes>>;
-    readonly shadowRoot?: ShadowRootOptions;
+    readonly shadowRoot?: ShadowRootInit;
     setup: () => Slot | Promise<Slot>;
 }
 export interface ComponentConstructor<TEvents extends Events, TAttributes extends Attributes> {
@@ -97,7 +94,6 @@ export declare const preventDefault: (event: Event) => void;
 export declare const stopPropagation: (event: Event) => void;
 export declare const stopImmediatePropagation: (event: Event) => void;
 export declare const components: Map<string, ComponentConstructor<Events, Attributes>>;
-export declare const globalStyles: CSSStyleSheet[];
 export declare const HOST_CONTEXT: import("..").Descriptor<HostContext>;
 declare global {
     interface HTMLElementEventMap {

package/dist/index.js

@@ -275,22 +275,25 @@ const hydrate = async (scope, parentNode, slot, index, previous) => {
 		if (items.length) hydration = items;
 		else if (previous || !(hydration instanceof Comment)) hydration = document.createComment("");
 	}
-	if (typeof slot === "function") await createCompute(scope, async (scope$1) => {
-		let input = slot;
-		while (typeof input === "function") input = await input();
-		hydration = await hydrate(scope$1, parentNode, input, index, previous);
-		if (previous && hydration !== previous) if (Array.isArray(hydration)) if (Array.isArray(previous)) {
-			const range = toRange(previous);
-			range.deleteContents();
-			for (const childNode of toArray(hydration)) range.insertNode(childNode);
-		} else parentNode.replaceChild(toFragment(hydration), previous);
-		else if (Array.isArray(previous)) {
-			const range = toRange(previous);
-			range.deleteContents();
-			range.insertNode(hydration);
-		} else parentNode.replaceChild(hydration, previous);
-		previous = hydration;
-	});
+	if (typeof slot === "function") {
+		let previous$1;
+		await createCompute(scope, async (scope$1) => {
+			let input = slot;
+			while (typeof input === "function") input = await input();
+			hydration = await hydrate(scope$1, parentNode, input, index, previous$1);
+			if (previous$1 && hydration !== previous$1) if (Array.isArray(hydration)) if (Array.isArray(previous$1)) {
+				const range = toRange(previous$1);
+				range.deleteContents();
+				for (const childNode of toArray(hydration)) range.insertNode(childNode);
+			} else parentNode.replaceChild(toFragment(hydration), previous$1);
+			else if (Array.isArray(previous$1)) {
+				const range = toRange(previous$1);
+				range.deleteContents();
+				range.insertNode(hydration);
+			} else parentNode.replaceChild(hydration, previous$1);
+			previous$1 = hydration;
+		});
+	}
 	if ((slot === null || slot === void 0) && (previous || !(hydration instanceof Comment))) hydration = document.createComment("");
 	if (typeof slot === "number" || typeof slot === "bigint" || typeof slot === "boolean" || typeof slot === "string" || typeof slot === "symbol") {
 		const textContent = slot.toString();
@@ -378,7 +381,7 @@ const defineComponent = (options) => {
 				Reflect.set(attributes.value, name, fromValue(input?.[name]) ?? attribute.default, attributes.value);
 				return attributes;
 			}, createState({}));
-			if (options.shadowRoot) this.shadowRoot = defu(options.shadowRoot, { mode: "open" });
+			this.shadowRoot = options.shadowRoot;
 		}
 		setup = () => options.setup(this);
 	}
@@ -400,10 +403,7 @@ const toCustomElement = (Component) => {
 			};
 			const parentNode = findParent(this.parentNode);
 			if (parentNode) this.component.scope.parentScope = parentNode.component.scope;
-			if (this.component.shadowRoot) {
-				rootNode = this.shadowRoot ?? this.attachShadow(this.component.shadowRoot);
-				if (this.component.shadowRoot.globalStyles) rootNode.adoptedStyleSheets = globalStyles;
-			}
+			if (this.component.shadowRoot) rootNode = this.shadowRoot ?? this.attachShadow(this.component.shadowRoot);
 			for (const [name, event] of Object.entries(Component.$events)) Reflect.set(this.component.events, name, (value) => {
 				if (value instanceof Event) return;
 				this.dispatchEvent(new CustomEvent(name.substring(2).toLowerCase(), {
@@ -478,12 +478,6 @@ const preventDefault = (event) => event.preventDefault();
 const stopPropagation = (event) => event.stopPropagation();
 const stopImmediatePropagation = (event) => event.stopImmediatePropagation();
 const components = new Map();
-const globalStyles = Array.from(isClient() ? document.styleSheets : []).map((style) => {
-	const sheet = new CSSStyleSheet();
-	const css = Array.from(style.cssRules).map((rule) => rule.cssText).join(" ");
-	sheet.replaceSync(css);
-	return sheet;
-});
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
 //#endregion
@@ -904,4 +898,4 @@ const markdownToSlot = (input, options) => {
 };
 
 //#endregion
-export { $fetch, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, RUNTIME_CONTEXT, Radix, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createEvent, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, globalStyles, hydrate, isClient, isServer, isTemplate, markdownToSlot, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useEvent, useHost, useLocale, useRouter, useRuntime };
+export { $fetch, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, RUNTIME_CONTEXT, Radix, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createEvent, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, hydrate, isClient, isServer, isTemplate, markdownToSlot, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useEvent, useHost, useLocale, useRouter, useRuntime };

package/dist/jsx/index.js

@@ -1,45 +1,4 @@
 
-//#region ../../node_modules/defu/dist/defu.mjs
-function isPlainObject(value) {
-	if (value === null || typeof value !== "object") return false;
-	const prototype = Object.getPrototypeOf(value);
-	if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
-	if (Symbol.iterator in value) return false;
-	if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
-	return true;
-}
-function _defu(baseObject, defaults, namespace$1 = ".", merger) {
-	if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace$1, merger);
-	const object = Object.assign({}, defaults);
-	for (const key in baseObject) {
-		if (key === "__proto__" || key === "constructor") continue;
-		const value = baseObject[key];
-		if (value === null || value === void 0) continue;
-		if (merger && merger(object, key, value, namespace$1)) continue;
-		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
-		else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace$1 ? `${namespace$1}.` : "") + key.toString(), merger);
-		else object[key] = value;
-	}
-	return object;
-}
-function createDefu(merger) {
-	return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
-}
-const defu = createDefu();
-const defuFn = createDefu((object, key, currentValue) => {
-	if (object[key] !== void 0 && typeof currentValue === "function") {
-		object[key] = currentValue(object[key]);
-		return true;
-	}
-});
-const defuArrayFn = createDefu((object, key, currentValue) => {
-	if (Array.isArray(object[key]) && typeof currentValue === "function") {
-		object[key] = currentValue(object[key]);
-		return true;
-	}
-});
-
-//#endregion
 //#region src/signals/index.ts
 function defineContext(key) {
 	return key;
@@ -59,13 +18,6 @@ const createElement = (input, attributes, ...children) => {
 	}
 	return template;
 };
-const isClient = () => typeof window !== "undefined";
-const globalStyles = Array.from(isClient() ? document.styleSheets : []).map((style) => {
-	const sheet = new CSSStyleSheet();
-	const css = Array.from(style.cssRules).map((rule) => rule.cssText).join(" ");
-	sheet.replaceSync(css);
-	return sheet;
-});
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "revojs",
-    "version": "0.0.40",
+    "version": "0.0.42",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",