@potok-web-framework/core 0.7.0 → 0.10.0

package/dist/index.mjs

@@ -1,7 +1,13 @@
-import { a as deepTrack, c as untrack, i as createSignal, o as getSignal, r as createEffect, s as isSignal, t as batch } from "./signals-ZsU9bGc3.mjs";
-import { i as normalizeChildren, n as mergeContext, o as LibBlock, r as normalizeArray, t as fragment } from "./fragment-BSt6shYv.mjs";
-import { n as Show, r as LibContextReader, t as Lifecycle } from "./lifecycle-C9_o5zOU.mjs";
-import { n as PortalOut, t as PortalIn } from "./portal-BxUviJsE.mjs";
+import { a as deepTrack, c as untrack, i as createSignal, l as LibBlock, n as batch, o as getSignal, r as createEffect, s as isSignal } from "./lib-node-DyXPvvVQ.mjs";
+import { i as mergeContext, n as text, t as normalizeChildren } from "./normalize-children-BWrn16R7.mjs";
+import { a as Lifecycle, i as HMR_STYLES, o as LibContextReader } from "./get-component-instance-id-CP6LDtpX.mjs";
+import { r as Show, t as isRegisteredComponentElement } from "./register-component-B92kGFqC.mjs";
+import { n as isPotokPreloader, t as htmlElement } from "./html-element-DBut4UCf.mjs";
+import { t as fragment } from "./fragment-CXNEPBWB.mjs";
+import { i as PRELOAD_SCRIPTS_SCRIPT_ID, n as HYDRATION_STATE_SCRIPT_ID } from "./constants-Bxn0R4hW.mjs";
+import { t as escapeFromScriptTag } from "./escape-from-script-tag-CRT2evI1.mjs";
+import { n as serializeWithTypes } from "./serialization-qOayQbjE.mjs";
+import { clientEntry } from "virtual:client-variables";
 function ClientOnly(e) {
 	return LibContextReader({ children: (t) => Show({
 		get when() {
@@ -43,88 +49,115 @@ function ErrorBoundary(e) {
 function Lazy(e) {
 	return LibContextReader({ children: (t) => {
 		let r = createSignal({ block: null });
-		return t.promises.push(e.import().then((t) => {
-			r.block = e.resolve(t);
-		})), fragment({ children: [Show({
-			get when() {
-				return r.block !== null;
+		return Lifecycle({
+			onMounted() {
+				if (isPotokPreloader(e.import)) {
+					let n = e.import.dependencies;
+					return t.preload.addScripts(n), createEffect(() => {
+						n.every((e) => t.preload.scripts.some((t) => t.path === e && t.isLoaded)) && r.block === null && t.promises.push(e.import().then((t) => {
+							let n = e.resolve(t);
+							process.env.NODE_ENV === "development" && isRegisteredComponentElement(n), r.block = n;
+						}).catch((e) => {
+							throw e;
+						}));
+					}, !0).dispose;
+				}
 			},
-			children: [r.block]
-		}), Show({
+			children: [fragment({ children: [Show({
+				get when() {
+					return r.block !== null;
+				},
+				children: [fragment({ get children() {
+					return r.block;
+				} })]
+			}), Show({
+				get when() {
+					return r.block === null;
+				},
+				children: [fragment({ get children() {
+					return e.fallback;
+				} })]
+			})] })]
+		});
+	} });
+}
+function FooterScripts() {
+	return LibContextReader({ children: (e) => {
+		let t = [Show({
 			get when() {
-				return r.block === null;
+				return e.isServer || e.isHydrating;
 			},
-			children: [e.fallback]
-		})] });
+			children: [htmlElement({
+				tag: "script",
+				id: HYDRATION_STATE_SCRIPT_ID,
+				type: "application/json",
+				children: [text({ get text() {
+					return escapeFromScriptTag(serializeWithTypes(e.states));
+				} })]
+			}), htmlElement({
+				tag: "script",
+				id: PRELOAD_SCRIPTS_SCRIPT_ID,
+				type: "application/json",
+				children: [text({ get text() {
+					return escapeFromScriptTag(serializeWithTypes(e.preload.scripts));
+				} })]
+			})]
+		})];
+		return process.env.NODE_ENV === "development" && t.push(htmlElement({
+			tag: "script",
+			type: "module",
+			src: "/@vite/client"
+		})), t.push(htmlElement({
+			tag: "script",
+			type: "module",
+			src: clientEntry
+		})), fragment({ children: t });
 	} });
 }
-function LibScripts() {
-	return PortalOut({ name: "lib-scripts" });
-}
 var ListClass = class extends LibBlock {
-	signals = [];
-	constructor(o, s) {
-		super(), this.props = o, this.context = s;
-		let l = [];
-		this.addEffect(createEffect(() => {
-			let i = o.items;
-			isSignal(i) && deepTrack(i, 1), untrack(() => {
-				this.diff(l, i).forEach((e) => {
-					if (e.type === "add") {
-						let t = createSignal({
-							item: e.item,
-							index: e.index
-						});
-						this.children.splice(e.index, 0, null), this.signals.splice(e.index, 0, getSignal(t));
-						let i = o.render(t)(mergeContext(s, {
-							parentBlock: this,
-							get index() {
-								return t.index;
-							}
-						}));
-						this.children[e.index] = i;
-					} else if (e.type === "replace") this.signals[e.index].proxy.item = e.newItem;
-					else if (e.type === "delete") {
-						let t = this.children[e.index];
-						this.children.splice(e.index, 1), this.signals.splice(e.index, 1), t?.unmount();
-					}
-				}), this.signals.forEach((e, t) => {
-					e.value.index !== t && (e.proxy.index = t);
-				}), l = [...i];
+	entries = /* @__PURE__ */ new Map();
+	constructor(n, r) {
+		super(), this.props = n, this.context = r, this.addEffect(createEffect(() => {
+			let r = n.items;
+			isSignal(r) && deepTrack(r, 1), untrack(() => {
+				batch(() => {
+					this.reconcile(r);
+				});
 			});
 		}, !0));
 	}
-	diff(e, t) {
-		let n = [];
-		for (let r = 0; r <= e.length; r++) {
-			n.push([r]);
-			for (let i = 1; i <= t.length; i++) if (r === 0) n[r].push(i);
-			else {
-				let a = n[r - 1][i] + 1, o = n[r][i - 1] + 1, s = n[r - 1][i - 1] + (e[r - 1] === t[i - 1] ? 0 : 1);
-				n[r].push(Math.min(a, o, s));
-			}
-		}
-		let r = [], i = t.length, a = e.length;
-		for (; i > 0 || a > 0;) {
-			let o = a > 0 ? n[a - 1][i] : Infinity, s = i > 0 ? n[a][i - 1] : Infinity, c = a > 0 && i > 0 ? n[a - 1][i - 1] : Infinity, l = Math.min(o, s, c);
-			l === c ? (e[a - 1] !== t[i - 1] && r.push({
-				type: "replace",
-				index: a - 1,
-				oldItem: e[a - 1],
-				newItem: t[i - 1]
-			}), i--, a--) : l === o ? (r.push({
-				type: "delete",
-				index: a - 1
-			}), a--) : (r.push({
-				type: "add",
-				index: a,
-				item: t[i - 1]
-			}), i--);
-		}
-		return r;
+	reconcile(e) {
+		this.children = [];
+		let t = /* @__PURE__ */ new Map(), r = [];
+		e.forEach((e, n) => {
+			let i = this.props.keyExtractor(e, n), a = this.entries.get(i);
+			a ? (a.signal.item = e, a.signal.index = n, this.children.push(a.block), t.set(i, a)) : (r.push({
+				key: i,
+				index: n,
+				item: e
+			}), this.children.push(null));
+		}), r.forEach(({ key: e, index: r, item: i }) => {
+			let a = createSignal({
+				item: i,
+				index: r
+			}), o = this.props.render(a)(mergeContext(this.context, {
+				parentBlock: this,
+				get index() {
+					return a.index;
+				}
+			}));
+			this.children[r] = o, t.set(e, {
+				signal: a,
+				block: o
+			});
+		}), this.entries.forEach((e, n) => {
+			t.has(n) || e.block.unmount();
+		}), this.children.forEach((e) => {
+			e?.isNode() && e.insert();
+		}), this.entries = t;
 	}
 	unmount() {
-		super.unmount(), this.signals = [];
+		super.unmount(), this.entries.clear();
 	}
 };
 function List(e) {
@@ -135,65 +168,106 @@ function List(e) {
 function createElementReference() {
 	return createSignal({ element: null });
 }
-var ContextProvider = class extends LibBlock {
-	constructor(e, t, n) {
-		super(), this.props = e, this.context = n, normalizeChildren(e.children).forEach((r, i) => {
-			this.children.push(r(mergeContext(n, {
-				parentBlock: this,
-				index: i,
-				contexts: { [t]: e.value }
-			})));
-		});
-	}
-}, ContextConsumer = class extends LibBlock {
-	constructor(e, t, n) {
+function HeaderScripts() {
+	return LibContextReader({ children: (e) => {
+		let n = [List({
+			get items() {
+				return e.preload.scripts;
+			},
+			keyExtractor(e) {
+				return e.path;
+			},
+			render(e) {
+				let n = createElementReference();
+				return Lifecycle({
+					onMounted() {
+						if (e.item.isLoaded) return;
+						let r = createEffect(() => {
+							let r = n.element;
+							r && (r.onload = () => {
+								untrack(() => {
+									e.item.isLoaded = !0;
+								});
+							});
+						}, !0);
+						return () => {
+							r.dispose(), n.element && (n.element.onload = null);
+						};
+					},
+					children: [htmlElement({
+						tag: "link",
+						get rel() {
+							return e.item.path.endsWith(".css") ? "stylesheet" : "modulepreload";
+						},
+						get href() {
+							return e.item.path;
+						},
+						ref: n
+					})]
+				});
+			}
+		})];
+		return process.env.NODE_ENV === "development" && n.push(ClientOnly({ children: [List({
+			get items() {
+				return HMR_STYLES.styles;
+			},
+			keyExtractor(e) {
+				return e.id;
+			},
+			render(e) {
+				return htmlElement({
+					tag: "style",
+					get "data-id"() {
+						return e.item.id;
+					},
+					children: [text({ get text() {
+						return e.item.css;
+					} })]
+				});
+			}
+		})] })), fragment({ children: n });
+	} });
+}
+var PortalInClass = class extends LibBlock {
+	constructor(e, n) {
 		super(), this.props = e, this.context = n;
-		let r = n.contexts[t];
-		if (!r) throw Error("Контекст не найден");
-		normalizeArray(e.children).forEach((e, t) => {
-			this.children.push(e(r)(mergeContext(n, {
-				parentBlock: this,
-				index: t
-			})));
-		});
+		let r;
+		n.portals[e.name] ? console.warn(`Портал ${e.name} уже существует`) : this.addEffect(createEffect(() => {
+			let i = e.name;
+			i !== r && untrack(() => {
+				delete n.portals[i], n.portals[i] = e.children;
+			}), r = i;
+		}));
+	}
+	unmount() {
+		super.unmount(), delete this.context.portals[this.props.name];
 	}
 };
-function createContext() {
-	let e = Symbol("context");
-	return {
-		provider(t) {
-			return function(n) {
-				return new ContextProvider(t, e, n);
-			};
-		},
-		reader(t) {
-			return function(n) {
-				return new ContextConsumer(t, e, n);
-			};
-		}
+function PortalIn(e) {
+	return function(t) {
+		return new PortalInClass(e, t);
 	};
 }
-function createStore() {
-	return function(e) {
-		let t = createContext();
-		return {
-			provider(r) {
-				let i = createSignal(e.state({ props: r })), a = e.actions({
-					props: r,
-					state: i
-				}), s = Object.entries(a).reduce((e, [t, n]) => (e[t] = (...e) => batch(() => n.apply(a, e)), e), {});
-				return t.provider({
-					value: {
-						state: i,
-						actions: s
-					},
-					children: r.children
+var PortalOutClass = class extends LibBlock {
+	constructor(e, n) {
+		super(), this.props = e, this.context = n;
+		let r;
+		this.addEffect(createEffect(() => {
+			let i = e.name, a = normalizeChildren(n.portals[i]);
+			a ? a !== r && (this.unmountChildren(), untrack(() => {
+				a.forEach((e, t) => {
+					this.children.push(e(mergeContext(n, {
+						parentBlock: this,
+						index: t
+					})));
 				});
-			},
-			reader(e) {
-				return t.reader({ children: (t) => e.children(t) });
-			}
-		};
+			}), r = a) : (this.unmountChildren(), r = null);
+		}));
+	}
+};
+function PortalOut(e) {
+	return function(t) {
+		return new PortalOutClass(e, t);
 	};
 }
-export { ClientOnly, ErrorBoundary, Lazy, LibContextReader, LibScripts, Lifecycle, List, PortalIn, PortalOut, Show, batch, createEffect, createElementReference, createSignal, createStore, deepTrack, getSignal, untrack };
+export { ClientOnly, ErrorBoundary, FooterScripts, HeaderScripts, Lazy, LibContextReader, Lifecycle, List, PortalIn, PortalOut, Show, batch, createEffect, createElementReference, createSignal, deepTrack, getSignal, untrack };

package/dist/is-pure-object-s_MkQp1w.mjs

@@ -0,0 +1,4 @@
+function isPureObject(e) {
+	return typeof e == "object" && !!e && Object.getPrototypeOf(e).isPrototypeOf(Object);
+}
+export { isPureObject as t };

package/dist/jsx-runtime.mjs

@@ -1,10 +1,10 @@
-import "./signals-ZsU9bGc3.mjs";
-import { a as text, t as fragment } from "./fragment-BSt6shYv.mjs";
-import { t as htmlElement } from "./html-element-DeGD0uGZ.mjs";
+import { n as text } from "./normalize-children-BWrn16R7.mjs";
+import { r as potokPreload, t as htmlElement } from "./html-element-DBut4UCf.mjs";
+import { t as fragment } from "./fragment-CXNEPBWB.mjs";
 function detectChild(e) {
 	let t = e.value, n = typeof t;
 	return n === "string" || n === "number" || n === "boolean" ? text({ get text() {
 		return e.value;
 	} }) : t;
 }
-export { detectChild, fragment, htmlElement, text };
+export { detectChild, fragment, htmlElement, potokPreload, text };

package/dist/lib-node-DyXPvvVQ.mjs

@@ -0,0 +1,192 @@
+var LibBlock = class {
+	effects = /* @__PURE__ */ new Set();
+	children = [];
+	get parentBlock() {
+		return this.context.parentBlock;
+	}
+	get parentElementNode() {
+		let e = this.parentBlock;
+		return e ? e.isHTMLElementNode() ? e : e.parentElementNode : null;
+	}
+	get previousBlock() {
+		let e = this.context.parentBlock;
+		return e ? e.children[this.context.index - 1] || (e.isNode() ? null : e.previousBlock) : null;
+	}
+	get nearestPreviousNode() {
+		if (this.isNode()) return this;
+		let e = this.children[this.children.length - 1];
+		if (e) return e.nearestPreviousNode;
+		let t = this.previousBlock;
+		return t ? t.nearestPreviousNode : null;
+	}
+	get previousNode() {
+		let e = this.previousBlock;
+		return e ? e.nearestPreviousNode : null;
+	}
+	isNode() {
+		return !1;
+	}
+	isHTMLElementNode() {
+		return !1;
+	}
+	isTextNode() {
+		return !1;
+	}
+	addEffect(e) {
+		this.effects.add(e);
+	}
+	unmountChildren() {
+		this.children.forEach((e) => {
+			e?.unmount();
+		}), this.children = [];
+	}
+	unmount() {
+		this.unmountChildren(), this.effects.forEach((e) => {
+			e.dispose();
+		}), this.effects.clear();
+	}
+}, currentEffect = null, currentBatch = null, currentDisposer = null, VALUE_SIGNAL_SYMBOL = Symbol("VALUE_SIGNAL"), ANY_KEY_SYMBOL = Symbol("ANY_KEY");
+function getSignal(e) {
+	return e[VALUE_SIGNAL_SYMBOL];
+}
+function isSignal(e) {
+	return getSignal(e) !== void 0;
+}
+function canBeSignal(e) {
+	return typeof e == "object" && !!e && (Array.isArray(e) || Object.getPrototypeOf(e).isPrototypeOf(Object));
+}
+function createSignal(e) {
+	let n = getSignal(e);
+	if (n) return n.proxy;
+	let r = {
+		value: e,
+		proxy: new Proxy(e, {
+			get(e, n, a) {
+				if (n === VALUE_SIGNAL_SYMBOL) return r;
+				let o = Reflect.get(e, n, a);
+				return currentEffect && r.subscribe(currentEffect, n), canBeSignal(o) ? createSignal(o) : typeof o == "function" ? o.bind(e) : o;
+			},
+			set(e, t, n, i) {
+				let o = Reflect.set(e, t, n, i);
+				return o && r.subscribers.forEach((e) => {
+					let n = e.subscriptions.get(r);
+					(e.ignoreVersion || n?.get(ANY_KEY_SYMBOL) === e.version || n?.get(t) === e.version) && e.runCallback();
+				}), o;
+			}
+		}),
+		subscribers: /* @__PURE__ */ new Set(),
+		subscribe(e, t) {
+			let n = e.subscriptions.get(r);
+			n || (n = /* @__PURE__ */ new Map(), e.subscriptions.set(r, n), r.subscribers.add(e)), n.get(t) !== e.version && n.set(t, e.version);
+		}
+	};
+	return Object.defineProperty(e, VALUE_SIGNAL_SYMBOL, {
+		value: r,
+		enumerable: !1,
+		writable: !1,
+		configurable: !1
+	}), r.proxy;
+}
+function createEffect(e, i = !1) {
+	let a = !1, o = {
+		callback: e,
+		subscriptions: /* @__PURE__ */ new Map(),
+		version: 0,
+		ignoreVersion: i,
+		dispose() {
+			a = !0;
+		},
+		runCallback() {
+			if (a) {
+				o.subscriptions.forEach((e, t) => {
+					t.subscribers.delete(o);
+				}), o.subscriptions.clear();
+				return;
+			}
+			if (currentBatch) {
+				currentBatch.add(o);
+				return;
+			}
+			currentEffect = o, o.version++, e(), currentEffect = null;
+		}
+	};
+	return currentDisposer && currentDisposer.effects.add(o), o.runCallback(), o;
+}
+function batch(e) {
+	if (currentBatch) return e();
+	currentBatch = {
+		effects: /* @__PURE__ */ new Set(),
+		add(e) {
+			this.effects.add(e);
+		},
+		run() {
+			this.effects.forEach((e) => {
+				e.runCallback();
+			});
+		}
+	};
+	let t = e(), r = currentBatch;
+	return currentBatch = null, r.run(), t;
+}
+function untrack(e) {
+	let n = currentEffect;
+	currentEffect = null;
+	let r = e();
+	return currentEffect = n, r;
+}
+function _deepTrack(e, n, r = 0) {
+	if (n !== void 0 && n <= 0) {
+		console.warn(`depth=${n} не может быть меньше или равен 0`);
+		return;
+	}
+	if (!currentEffect) {
+		console.warn("deepTrack можно использовать только внутри эффекта");
+		return;
+	}
+	let i = currentEffect;
+	untrack(() => {
+		let s = getSignal(e);
+		if (!s) {
+			console.warn("deepTrack можно использовать только с сигналами");
+			return;
+		}
+		if (s.subscribe(i, ANY_KEY_SYMBOL), r++, !(n !== void 0 && r >= n)) if (Array.isArray(e)) for (let a = 0; a < e.length; a++) {
+			let o = e[a];
+			canBeSignal(o) && (currentEffect = i, _deepTrack(o, n, r));
+		}
+		else for (let a in e) {
+			let o = e[a];
+			canBeSignal(o) && (currentEffect = i, _deepTrack(o, n, r));
+		}
+	});
+}
+function deepTrack(e, t) {
+	_deepTrack(e, t);
+}
+function createDisposer(e) {
+	let t = {
+		effects: /* @__PURE__ */ new Set(),
+		dispose() {
+			t.effects.forEach((e) => {
+				e.dispose();
+			});
+		}
+	};
+	return currentDisposer = t, e(), currentDisposer = null, t;
+}
+var LibNode = class extends LibBlock {
+	isNode() {
+		return !0;
+	}
+	insert() {
+		createDisposer(() => {
+			this.context.insertNode(this);
+		}).effects.forEach((e) => {
+			this.effects.add(e);
+		});
+	}
+	unmount() {
+		this.context.removeNode(this), super.unmount();
+	}
+};
+export { deepTrack as a, untrack as c, createSignal as i, LibBlock as l, batch as n, getSignal as o, createEffect as r, isSignal as s, LibNode as t };

package/dist/lib-node.d.ts

@@ -0,0 +1,6 @@
+import { LibBlock } from './block';
+export declare abstract class LibNode extends LibBlock {
+    isNode(): this is LibNode;
+    insert(): void;
+    unmount(): void;
+}

package/dist/list.d.ts

@@ -1,9 +1,12 @@
 import { PotokElement } from './types';
+type ListKey = string | number;
 export type ListProps<Item> = {
     items: Item[];
+    keyExtractor: (item: Item, index: number) => ListKey;
     render: (each: {
         item: Item;
         index: number;
     }) => PotokElement;
 };
 export declare function List<Item>(props: ListProps<Item>): PotokElement;
+export {};

package/dist/normalize-children-BWrn16R7.mjs

@@ -0,0 +1,48 @@
+import { t as LibNode } from "./lib-node-DyXPvvVQ.mjs";
+function mergeContext(e, t) {
+	return {
+		parentBlock: t.parentBlock,
+		get index() {
+			return t.index;
+		},
+		portals: e.portals,
+		preload: e.preload,
+		states: e.states,
+		contexts: {
+			...e.contexts,
+			...t.contexts
+		},
+		isServer: e.isServer,
+		promises: e.promises,
+		get isHydrating() {
+			return e.isHydrating;
+		},
+		insertNode: e.insertNode,
+		removeNode: e.removeNode
+	};
+}
+function normalizeArray(e) {
+	return Array.isArray(e) ? e : [e];
+}
+var LibTextNode = class extends LibNode {
+	constructor(e, t) {
+		super(), this.props = e, this.context = t, this.insert();
+	}
+	isTextNode() {
+		return !0;
+	}
+};
+function text(e) {
+	return function(t) {
+		return new LibTextNode(e, t);
+	};
+}
+function normalizeChild(e) {
+	return typeof e == "string" || typeof e == "number" ? [text({ get text() {
+		return String(e);
+	} })] : Array.isArray(e) ? e.flatMap(normalizeChildren) : [e];
+}
+function normalizeChildren(e) {
+	return e ? normalizeArray(e).filter((e) => e != null).flatMap(normalizeChild) : [];
+}
+export { mergeContext as i, text as n, normalizeArray as r, normalizeChildren as t };