@potok-web-framework/core 0.7.0 → 0.9.0

package/dist/block.d.ts

@@ -1,17 +1,22 @@
+import { LibHTMLElementNode } from './html-element';
+import { LibNode } from './lib-node';
 import { Effect } from './signals';
-import { LibContext, LibHtmlElementNode, LibNode, LibProps } from './types';
+import { LibTextNode } from './text-node';
+import { LibContext, LibProps } from './types';
 export declare abstract class LibBlock {
-    node: LibNode | null;
     abstract context: LibContext;
     abstract props: LibProps;
     effects: Set<Effect>;
     children: (LibBlock | null)[];
-    get nearestParentElement(): LibHtmlElementNode | null;
-    get previousBlock(): LibBlock | null;
-    get nearestPreviousNode(): LibNode | null;
+    get parentBlock(): LibBlock | null;
+    get parentElementNode(): LibHTMLElementNode | null;
+    private get previousBlock();
+    private get nearestPreviousNode();
     get previousNode(): LibNode | null;
+    isNode(): this is LibNode;
+    isHTMLElementNode(): this is LibHTMLElementNode;
+    isTextNode(): this is LibTextNode;
     addEffect(effect: Effect): void;
     unmountChildren(): void;
-    insertNode(): void;
     unmount(): void;
 }

package/dist/client/potok-preload.d.ts

@@ -0,0 +1,6 @@
+export type PotokPreloader = {
+    (): Promise<any>;
+    dependencies: string[];
+};
+export declare function potokPreload(loader: () => Promise<any>, dependencies: string[]): PotokPreloader;
+export declare function isPotokPreloader(obj: any): obj is PotokPreloader;

package/dist/{dom/utils.d.ts → client/utils/dom.d.ts}

@@ -1,4 +1,4 @@
-import { LibNode } from '../types';
+import { LibNode } from '../../lib-node';
 export declare function isTextNode(node: Node): node is Text;
 export declare function isHTMLElementNode(node: Node): node is HTMLElement;
 export declare function isLibNodeEqualToDomNode(libNode: LibNode, domNode: Node): boolean;

package/dist/client.mjs

@@ -1,5 +1,7 @@
-import { i as createSignal, r as createEffect } from "./signals-ZsU9bGc3.mjs";
-import { n as HTML_ELEMENT_STYLE_PX_PROPERTIES } from "./constants-BOAOReQ3.mjs";
+import { i as createSignal, n as batch, r as createEffect } from "./lib-node-DyXPvvVQ.mjs";
+import { i as PRELOAD_SCRIPTS_SCRIPT_ID, n as HYDRATION_STATE_SCRIPT_ID, r as NON_BUBBLING_EVENTS } from "./constants-Bxn0R4hW.mjs";
+import { t as deserializeWithTypes } from "./serialization-qOayQbjE.mjs";
+import { n as normalizeCssPropertyValue, t as normalizeCssPropertyName } from "./css-BercB0Kp.mjs";
 function isTextNode(e) {
 	return e.nodeType === Node.TEXT_NODE;
 }
@@ -7,97 +9,117 @@ function isHTMLElementNode(e) {
 	return e.nodeType === Node.ELEMENT_NODE;
 }
 function isLibNodeEqualToDomNode(e, t) {
-	return e.type === "text" && isTextNode(t) ? String(e.props.text) === t.textContent : e.type === "html-element" && isHTMLElementNode(t) ? e.props.tag === t.tagName.toLowerCase() : !1;
+	return e.isTextNode() && isTextNode(t) ? String(e.props.text) === t.textContent : e.isHTMLElementNode() && isHTMLElementNode(t) ? e.props.tag === t.tagName.toLowerCase() : !1;
 }
-function hydrate(r) {
-	let o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = createSignal({
+function hydrate(s) {
+	let c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = document.getElementById(PRELOAD_SCRIPTS_SCRIPT_ID), f = createSignal({
 		portals: {},
-		isHydrating: !0
-	});
-	function u(e, t, r, a) {
-		if (e.type === "text") t.textContent = String(a);
-		else if (e.type === "html-element" && isHTMLElementNode(t)) if (r.startsWith("on")) if (a) {
-			if (s.has(r) || s.set(r, /* @__PURE__ */ new Map()), s.get(r).set(t, a), !c.has(r)) {
-				let e = r.replace(/^on/, "").toLowerCase();
-				document.addEventListener(e, (e) => {
-					let t = !1, n = e.target, i = e.stopPropagation.bind(e), a = e.stopImmediatePropagation.bind(e);
-					for (e.stopPropagation = () => {
-						t = !0, i();
-					}, e.stopImmediatePropagation = () => {
-						t = !0, a();
-					}; n;) {
-						let i = s.get(r)?.get(n);
-						if (i && (Object.defineProperty(e, "currentTarget", {
-							configurable: !0,
-							enumerable: !0,
-							get: () => n
-						}), i(e), t)) break;
-						n = n.parentElement;
-					}
-				}), c.add(r);
+		preload: {
+			scripts: d?.textContent ? deserializeWithTypes(d.textContent) : [],
+			addScripts(n) {
+				batch(() => {
+					for (let t of n) f.preload.scripts.some((e) => e.path === t) || (f.preload.scripts = [...f.preload.scripts, createSignal({
+						path: t,
+						isLoaded: !1
+					})]);
+				});
 			}
-		} else s.get(r)?.delete(t);
-		else if (r.startsWith("aria")) {
-			let e = r.toLowerCase().replace("aria", "aria-");
-			a ? t.setAttribute(e, a) : t.removeAttribute(e);
-		} else r === "className" ? a ? t.className = a : t.removeAttribute("class") : r === "style" ? a ? Object.keys(a).forEach((e) => {
-			let r = a[e];
-			if (r !== void 0) {
-				let i = String(HTML_ELEMENT_STYLE_PX_PROPERTIES.has(e) && typeof r == "number" ? `${r}px` : r);
-				t.style.setProperty(e, i);
-			} else t.style.removeProperty(e);
-		}) : t.removeAttribute("style") : a == null ? t.removeAttribute(r) : t.setAttribute(r, String(a));
+		},
+		isHydrating: !0
+	}), p = document.getElementById(HYDRATION_STATE_SCRIPT_ID), m = p?.textContent ? deserializeWithTypes(p.textContent) : {};
+	function h(e, t) {
+		let r = Object.getOwnPropertyDescriptors(e.props);
+		for (let [e, i] of Object.entries(r)) {
+			if ([
+				"tag",
+				"children",
+				"ref"
+			].includes(e)) continue;
+			i.value && t(e, i.value);
+			let r = i.get;
+			r && createEffect(() => {
+				t(e, r());
+			}, !0);
+		}
 	}
-	let d = {
+	let g = {
 		parentBlock: null,
 		index: 0,
-		portals: l.portals,
+		portals: f.portals,
+		preload: f.preload,
+		states: m,
 		contexts: {},
 		isServer: !1,
 		promises: [],
 		get isHydrating() {
-			return l.isHydrating;
+			return f.isHydrating;
 		},
-		insertNode(e, n, r) {
-			let i;
-			if (e) {
-				if (!o.has(e)) {
-					if (l.isHydrating) throw Error("Ошибка гидрации");
-					o.set(e, document.createElement(e.props.tag));
+		insertNode(e) {
+			let t, n = e.parentElementNode;
+			if (n) {
+				if (!c.has(n)) {
+					if (f.isHydrating) throw Error("Ошибка гидрации: родительский узел должен быть уже отрендерен");
+					c.set(n, document.createElement(n.props.tag));
 				}
-				i = o.get(e);
-			} else i = document;
-			let s = null;
-			if (r && (s = o.get(r) ?? null), l.isHydrating) {
-				let e = s ? s.nextSibling : i.firstChild;
+				t = c.get(n);
+			} else t = document;
+			let r = null, i = e.previousNode;
+			i && (r = c.get(i) ?? null);
+			let o = c.get(e);
+			if (o && o.parentElement === t && o === (r ? r.nextSibling : t.firstChild)) return;
+			if (f.isHydrating) {
+				let n = r ? r.nextSibling : t.firstChild;
 				for (;;) {
-					if (!e) throw Error("Ошибка гидрации");
-					if (isLibNodeEqualToDomNode(n, e)) {
-						o.set(n, e);
+					if (!n) throw Error("Ошибка гидрации: не найден соответствующий DOM-узел для ноды библиотеки");
+					if (isLibNodeEqualToDomNode(e, n)) {
+						c.set(e, n);
 						break;
 					} else {
-						let t = e;
-						e = e.nextSibling, t.parentElement?.removeChild(t);
+						let e = n;
+						n = n.nextSibling, e.parentElement?.removeChild(e);
 					}
 				}
-			} else o.has(n) || (n.type === "text" ? o.set(n, document.createTextNode(String(n.props.text))) : n.type === "html-element" && o.set(n, document.createElement(n.props.tag)));
-			let c = o.get(n), d = Object.getOwnPropertyDescriptors(n.props);
-			for (let [e, r] of Object.entries(d)) [
-				"tag",
-				"children",
-				"ref"
-			].includes(e) || (r.value && u(n, c, e, r.value), r.get && createEffect(() => {
-				u(n, c, e, r.get());
-			}, !0));
-			l.isHydrating || i.insertBefore(c, s ? s.nextSibling : i.firstChild);
+			} else c.has(e) || (e.isTextNode() ? c.set(e, document.createTextNode(String(e.props.text))) : e.isHTMLElementNode() && c.set(e, document.createElement(e.props.tag)));
+			let s = c.get(e);
+			h(e, (t, n) => {
+				if (e.isTextNode()) s.textContent = String(n);
+				else if (e.isHTMLElementNode() && isHTMLElementNode(s)) if (t.startsWith("on")) if (n) {
+					if (l.has(t) || l.set(t, /* @__PURE__ */ new Map()), l.get(t).set(s, n), !u.has(t)) {
+						let e = t.replace(/^on/, "").toLowerCase();
+						(NON_BUBBLING_EVENTS.includes(e) ? s : document).addEventListener(e, (e) => {
+							let n = !1, r = e.target, i = e.stopPropagation.bind(e), a = e.stopImmediatePropagation.bind(e);
+							for (e.stopPropagation = () => {
+								n = !0, i();
+							}, e.stopImmediatePropagation = () => {
+								n = !0, a();
+							}; r;) {
+								let i = l.get(t)?.get(r);
+								if (i && (Object.defineProperty(e, "currentTarget", {
+									configurable: !0,
+									enumerable: !0,
+									get: () => r
+								}), i(e), n)) break;
+								r = r.parentElement;
+							}
+						}), u.add(t);
+					}
+				} else l.get(t)?.delete(s);
+				else if (t.startsWith("aria")) {
+					let e = t.toLowerCase().replace("aria", "aria-");
+					n == null ? s.removeAttribute(e) : s.setAttribute(e, String(n));
+				} else t === "className" ? n == null ? s.removeAttribute("class") : s.className = String(n) : t === "style" ? n ? (s.style.cssText = "", Object.keys(n).forEach((e) => {
+					let t = n[e], r = normalizeCssPropertyName(e);
+					t != null && t !== "" ? s.style.setProperty(r, normalizeCssPropertyValue(e, t)) : s.style.removeProperty(r);
+				})) : s.removeAttribute("style") : t in s ? s[t] = n : n == null ? s.removeAttribute(t) : s.setAttribute(t, String(n));
+			}), f.isHydrating || t.insertBefore(s, r ? r.nextSibling : t.firstChild), e.isHTMLElementNode() && e.props.ref && (e.props.ref.element = s);
 		},
 		removeNode(e) {
-			let t = o.get(e);
-			t && (o.delete(e), isHTMLElementNode(t) ? (t.remove(), s.forEach((e) => {
+			let t = c.get(e);
+			t && (c.delete(e), isHTMLElementNode(t) ? (t.remove(), l.forEach((e) => {
 				e.delete(t);
 			})) : t.parentElement?.removeChild(t));
 		}
 	};
-	r.app()(d), l.isHydrating = !1;
+	s.app()(g), f.isHydrating = !1, g.states = {};
 }
 export { hydrate };

package/dist/constants-Bxn0R4hW.mjs

@@ -0,0 +1,34 @@
+const HTML_ELEMENT_STYLE_PX_PROPERTIES = [
+	"width",
+	"height",
+	"top",
+	"left",
+	"right",
+	"bottom",
+	"margin",
+	"marginTop",
+	"marginBottom",
+	"marginLeft",
+	"marginRight",
+	"padding",
+	"paddingTop",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingRight",
+	"fontSize",
+	"borderWidth",
+	"borderRadius",
+	"maxWidth",
+	"minWidth",
+	"maxHeight",
+	"minHeight"
+], NON_BUBBLING_EVENTS = [
+	"blur",
+	"focus",
+	"mouseenter",
+	"mouseleave",
+	"scroll",
+	"load",
+	"unload"
+], HYDRATION_STATE_SCRIPT_ID = "potok-initial-states", PRELOAD_SCRIPTS_SCRIPT_ID = "potok-preload-scripts";
+export { PRELOAD_SCRIPTS_SCRIPT_ID as i, HYDRATION_STATE_SCRIPT_ID as n, NON_BUBBLING_EVENTS as r, HTML_ELEMENT_STYLE_PX_PROPERTIES as t };

package/dist/constants.d.ts

@@ -1,2 +1,4 @@
-export declare const HTML_ELEMENT_STYLE_PX_PROPERTIES: Set<string>;
-export declare const CLIENT_ENTRY_FILE_NAME = "client";
+export declare const HTML_ELEMENT_STYLE_PX_PROPERTIES: readonly ["width", "height", "top", "left", "right", "bottom", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "fontSize", "borderWidth", "borderRadius", "maxWidth", "minWidth", "maxHeight", "minHeight"];
+export declare const NON_BUBBLING_EVENTS: string[];
+export declare const HYDRATION_STATE_SCRIPT_ID = "potok-initial-states";
+export declare const PRELOAD_SCRIPTS_SCRIPT_ID = "potok-preload-scripts";

package/dist/css-BercB0Kp.mjs

@@ -0,0 +1,8 @@
+import { t as HTML_ELEMENT_STYLE_PX_PROPERTIES } from "./constants-Bxn0R4hW.mjs";
+function normalizeCssPropertyName(e) {
+	return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function normalizeCssPropertyValue(t, n) {
+	return typeof n == "number" && HTML_ELEMENT_STYLE_PX_PROPERTIES.includes(t) ? `${n}px` : String(n);
+}
+export { normalizeCssPropertyValue as n, normalizeCssPropertyName as t };

package/dist/escape-from-script-tag-CRT2evI1.mjs

@@ -0,0 +1,4 @@
+function escapeFromScriptTag(e) {
+	return e.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+export { escapeFromScriptTag as t };

package/dist/exports/client.d.ts

@@ -1 +1 @@
-export { hydrate } from '../dom/hydrate';
+export { hydrate } from '../client/hydrate';

package/dist/exports/hmr.d.ts

@@ -1 +1,3 @@
 export { registerComponent } from '../hmr/register-component';
+export { registerStyle } from '../hmr/register-style';
+export { removeStyle } from '../hmr/remove-style';

package/dist/exports/index.d.ts

@@ -2,13 +2,13 @@ export { ClientOnly } from '../client-only';
 export { ErrorBoundary } from '../error-boundary';
 export { Lazy } from '../lazy';
 export { LibContextReader } from '../lib-context-reader';
-export { LibScripts } from '../lib-scripts';
+export { FooterScripts } from '../footer-scripts';
+export { HeaderScripts } from '../header-scripts';
 export { Lifecycle } from '../lifecycle';
 export { List } from '../list';
 export { PortalIn, PortalOut } from '../portal';
 export { createElementReference } from '../ref';
 export { Show } from '../show';
 export { createSignal, createEffect, batch, untrack, deepTrack, getSignal, } from '../signals';
-export { createStore } from '../store';
 export type { PotokElement, WithChildren } from '../types';
 export type * from '../jsx-types';

package/dist/exports/jsx-runtime.d.ts

@@ -1,4 +1,5 @@
 export { fragment } from '../fragment';
 export { htmlElement } from '../html-element';
-export { text } from '../text';
+export { text } from '../text-node';
 export { detectChild } from '../detect-child';
+export { potokPreload } from '../client/potok-preload';

package/dist/exports/server.d.ts

@@ -1 +1,2 @@
-export { bootstrapApp } from '../bootstrap-app';
+export { bootstrapApp } from '../server/bootstrap-app';
+export { renderToString } from '../server/render-to-string';

package/dist/exports/store.d.ts

@@ -0,0 +1,2 @@
+export { createStore } from '../store/create-store';
+export { httpExtension } from '../store/http-extension';

package/dist/footer-scripts.d.ts

@@ -0,0 +1,2 @@
+import { PotokElement } from './types';
+export declare function FooterScripts(): PotokElement;

package/dist/fragment-CXNEPBWB.mjs

@@ -0,0 +1,18 @@
+import { l as LibBlock } from "./lib-node-DyXPvvVQ.mjs";
+import { i as mergeContext, t as normalizeChildren } from "./normalize-children-BWrn16R7.mjs";
+var FragmentClass = class extends LibBlock {
+	constructor(e, r) {
+		super(), this.props = e, this.context = r, normalizeChildren(e.children).forEach((e, n) => {
+			this.children.push(e(mergeContext(r, {
+				parentBlock: this,
+				index: n
+			})));
+		});
+	}
+};
+function fragment(e) {
+	return function(t) {
+		return new FragmentClass(e, t);
+	};
+}
+export { fragment as t };

package/dist/get-component-instance-id-CP6LDtpX.mjs

@@ -0,0 +1,97 @@
+import { i as createSignal, l as LibBlock } from "./lib-node-DyXPvvVQ.mjs";
+import { i as mergeContext, r as normalizeArray, t as normalizeChildren } from "./normalize-children-BWrn16R7.mjs";
+var LibContextReaderClass = class extends LibBlock {
+	constructor(e, t) {
+		super(), this.props = e, this.context = t, normalizeArray(e.children).forEach((e, r) => {
+			this.children.push(e(t)(mergeContext(t, {
+				parentBlock: this,
+				index: r
+			})));
+		});
+	}
+};
+function LibContextReader(e) {
+	return function(t) {
+		return new LibContextReaderClass(e, t);
+	};
+}
+var LifecycleClass = class extends LibBlock {
+	onMountedReturn;
+	constructor(e, t) {
+		super(), this.props = e, this.context = t, normalizeChildren(e.children).forEach((e, r) => {
+			this.children.push(e(mergeContext(t, {
+				parentBlock: this,
+				index: r
+			})));
+		}), this.onMountedReturn = e.onMounted?.();
+	}
+	unmount() {
+		super.unmount(), this.onMountedReturn?.(), this.props.onUnmounted?.();
+	}
+};
+function Lifecycle(e) {
+	return function(t) {
+		return new LifecycleClass(e, t);
+	};
+}
+var RegisteredComponent = class {
+	component;
+	subscribers;
+	cachedInstances;
+	constructor(e) {
+		this.component = e, this.subscribers = /* @__PURE__ */ new Set(), this.cachedInstances = /* @__PURE__ */ new Map();
+	}
+	getCachedInstance(e) {
+		return this.cachedInstances.get(e);
+	}
+	addCachedInstance(e, t) {
+		this.cachedInstances.set(e, {
+			isRemovable: !1,
+			element: t
+		});
+	}
+	markInstanceAsRemovable(e) {
+		let t = this.cachedInstances.get(e);
+		t && (t.isRemovable = !0);
+	}
+	unmarkInstanceAsRemovable(e) {
+		let t = this.cachedInstances.get(e);
+		t && (t.isRemovable = !1);
+	}
+	removeCachedInstance(e) {
+		this.cachedInstances.delete(e);
+	}
+};
+const HMR_COMPONENTS_REGISTRY = new class {
+	components = /* @__PURE__ */ new Map();
+	getModuleComponentsMap(e) {
+		return this.components.has(e) || this.components.set(e, /* @__PURE__ */ new Map()), this.components.get(e);
+	}
+	addComponent(e, t, n) {
+		let r = this.getModuleComponentsMap(e);
+		r.has(t) || r.set(t, new RegisteredComponent(n));
+		let i = r.get(t);
+		return i.component = n, i;
+	}
+	getRegisteredComponent(e, t) {
+		return this.getModuleComponentsMap(e).get(t);
+	}
+	subscribeToComponent(e, t, n) {
+		return this.getRegisteredComponent(e, t)?.subscribers.add(n), () => {
+			this.unsubscribeFromComponent(e, t, n);
+		};
+	}
+	unsubscribeFromComponent(e, t, n) {
+		this.getRegisteredComponent(e, t)?.subscribers.delete(n);
+	}
+	notifyComponentUpdate(e, t) {
+		let n = this.getRegisteredComponent(e, t);
+		if (n) for (let e of n.subscribers) e(n);
+	}
+}(), HMR_STATE_CACHE = /* @__PURE__ */ new Map(), HMR_STYLES = createSignal({ styles: [] });
+function getComponentInstanceId(e) {
+	let t = [], n = e;
+	for (; n;) t.push(n.index), n = n.parentBlock ? n.parentBlock.context : null;
+	return t.reverse().join("_");
+}
+export { Lifecycle as a, HMR_STYLES as i, HMR_COMPONENTS_REGISTRY as n, LibContextReader as o, HMR_STATE_CACHE as r, getComponentInstanceId as t };

package/dist/header-scripts.d.ts

@@ -0,0 +1,2 @@
+import { PotokElement } from './types';
+export declare function HeaderScripts(): PotokElement;

package/dist/hmr/constants.d.ts

@@ -0,0 +1,12 @@
+import { HMRRegistry } from './registry';
+export declare const HMR_COMPONENTS_REGISTRY: HMRRegistry;
+export declare const HMR_STATE_CACHE: Map<string, {
+    value: unknown;
+    isRemovable: boolean;
+}>;
+export declare const HMR_STYLES: {
+    styles: {
+        id: string;
+        css: string;
+    }[];
+};

package/dist/hmr/register-component.d.ts

@@ -1,2 +1,6 @@
 import { Component, ComponentProps, PotokElement } from '../types';
+export interface RegisteredComponentElement extends PotokElement {
+    dependencies: string[];
+}
 export declare function registerComponent<Props extends ComponentProps>(component: (props: Props) => PotokElement, moduleId: string, componentId: string): Component<Props>;
+export declare function isRegisteredComponentElement(value: any): value is RegisteredComponentElement;

package/dist/hmr/register-style.d.ts

@@ -0,0 +1 @@
+export declare function registerStyle(id: string, css: string): void;

package/dist/hmr/registered-component.d.ts

@@ -1,13 +1,8 @@
 import { Component, PotokElement } from '../types';
 import { HMRSubscriber } from './types';
-export type CachedInstanceState = {
-    current: unknown;
-    initial: unknown;
-};
 type CachedInstance = {
     isRemovable: boolean;
     element: PotokElement;
-    states: CachedInstanceState[];
 };
 export declare class RegisteredComponent {
     component: Component<any>;
@@ -15,7 +10,7 @@ export declare class RegisteredComponent {
     private cachedInstances;
     constructor(component: Component<any>);
     getCachedInstance(instanceId: string): CachedInstance | undefined;
-    addCachedInstance(instanceId: string, element: PotokElement, states: CachedInstanceState[]): void;
+    addCachedInstance(instanceId: string, element: PotokElement): void;
     markInstanceAsRemovable(instanceId: string): void;
     unmarkInstanceAsRemovable(instanceId: string): void;
     removeCachedInstance(instanceId: string): void;

package/dist/hmr/remove-style.d.ts

@@ -0,0 +1 @@
+export declare function removeStyle(id: string): void;

package/dist/hmr/utils.d.ts

@@ -1,3 +1 @@
-import { LibContext } from '../types';
 export declare function isWindowDefined(): boolean;
-export declare function getComponentInstanceId(context: LibContext): string;

package/dist/hmr.mjs

@@ -1,42 +1,14 @@
-import { d as HMR_DEV, i as createSignal, l as getComponentInstanceId, u as isWindowDefined } from "./signals-ZsU9bGc3.mjs";
-import { t as fragment } from "./fragment-BSt6shYv.mjs";
-import { n as Show, r as LibContextReader, t as Lifecycle } from "./lifecycle-C9_o5zOU.mjs";
-function registerComponent(o, s, c) {
-	if (!isWindowDefined()) return o;
-	let l = HMR_DEV.registry.addComponent(s, c, o);
-	HMR_DEV.registry.notifyComponentUpdate(s, c);
-	function u(e, t, n = !1) {
-		let r = getComponentInstanceId(t), i = l.getCachedInstance(r);
-		if (!n && i) return i.element;
-		HMR_DEV.currentInstance = {
-			states: i ? i.states : [],
-			stateIndex: 0
-		};
-		let a = l.component(e);
-		return l.addCachedInstance(r, a, HMR_DEV.currentInstance.states), HMR_DEV.currentInstance = null, a;
-	}
-	return (t) => LibContextReader({ children(i) {
-		let o = createSignal({ element: u(t, i) }), d = getComponentInstanceId(i);
-		return Lifecycle({
-			onMounted() {
-				let e = HMR_DEV.registry.subscribeToComponent(s, c, () => {
-					o.element = null, o.element = u(t, i, !0);
-				});
-				return l.unmarkInstanceAsRemovable(d), () => {
-					e(), l.markInstanceAsRemovable(d), setTimeout(() => {
-						l.getCachedInstance(d)?.isRemovable && l.removeCachedInstance(d);
-					});
-				};
-			},
-			children: [Show({
-				get when() {
-					return o.element !== null;
-				},
-				children: [fragment({ get children() {
-					return [o.element];
-				} })]
-			})]
-		});
-	} });
+import { i as createSignal } from "./lib-node-DyXPvvVQ.mjs";
+import { i as HMR_STYLES } from "./get-component-instance-id-CP6LDtpX.mjs";
+import { n as registerComponent } from "./register-component-B92kGFqC.mjs";
+function registerStyle(n, r) {
+	let i = HMR_STYLES.styles.find((e) => e.id === n);
+	i ? i.css = r : HMR_STYLES.styles = [...HMR_STYLES.styles, createSignal({
+		id: n,
+		css: r
+	})];
 }
-export { registerComponent };
+function removeStyle(e) {
+	HMR_STYLES.styles = HMR_STYLES.styles.filter((t) => t.id !== e);
+}
+export { registerComponent, registerStyle, removeStyle };

package/dist/html-element-DBut4UCf.mjs

@@ -0,0 +1,31 @@
+import { t as LibNode } from "./lib-node-DyXPvvVQ.mjs";
+import { i as mergeContext, t as normalizeChildren } from "./normalize-children-BWrn16R7.mjs";
+function potokPreload(e, t) {
+	let n = () => e();
+	return n.dependencies = t, n;
+}
+function isPotokPreloader(e) {
+	return typeof e == "function" && Array.isArray(e.dependencies);
+}
+var LibHTMLElementNode = class extends LibNode {
+	constructor(e, r) {
+		super(), this.props = e, this.context = r, r.isHydrating && this.insert(), normalizeChildren(e.children).forEach((e, n) => {
+			this.children.push(e(mergeContext(r, {
+				parentBlock: this,
+				index: n
+			})));
+		}), r.isHydrating || this.insert();
+	}
+	isHTMLElementNode() {
+		return !0;
+	}
+	unmount() {
+		this.props.ref && (this.props.ref.element = null), super.unmount();
+	}
+};
+function htmlElement(e) {
+	return function(t) {
+		return new LibHTMLElementNode(e, t);
+	};
+}
+export { isPotokPreloader as n, potokPreload as r, htmlElement as t };

package/dist/html-element.d.ts

@@ -1,6 +1,14 @@
+import { LibNode } from './lib-node';
 import { LibHTMLElementTagNameMap } from './prop-types';
-import { PotokElement } from './types';
+import { LibContext, PotokElement } from './types';
 export type LibHTMLElementProps<Tag extends keyof LibHTMLElementTagNameMap> = {
     tag: Tag;
 } & LibHTMLElementTagNameMap[Tag];
+export declare class LibHTMLElementNode<Tag extends keyof LibHTMLElementTagNameMap = keyof LibHTMLElementTagNameMap> extends LibNode {
+    readonly props: LibHTMLElementProps<Tag>;
+    readonly context: LibContext;
+    constructor(props: LibHTMLElementProps<Tag>, context: LibContext);
+    isHTMLElementNode(): this is LibHTMLElementNode;
+    unmount(): void;
+}
 export declare function htmlElement<Tag extends keyof LibHTMLElementTagNameMap>(props: LibHTMLElementProps<Tag>): PotokElement;