@potok-web-framework/core 0.7.0 → 0.9.0

package/dist/signals.d.ts

@@ -22,6 +22,11 @@ export type Disposer = {
     effects: Set<Effect>;
     dispose(): void;
 };
+export type Batch = {
+    effects: Set<Effect>;
+    add(effect: Effect): void;
+    run(): void;
+};
 export declare function getSignal<Value extends SignalValue>(value: Value): Signal<Value> | undefined;
 export declare function isSignal<Value extends SignalValue>(value: Value): boolean;
 export declare function createSignal<Value extends SignalValue>(value: Value): Value;

package/dist/store/create-store.d.ts

@@ -0,0 +1,2 @@
+import { Actions, State, Store, StoreInitiator, Props, Extensions } from './types';
+export declare function createStore<P extends Props>(): <S extends State, E extends Extensions, A extends Actions>(initiator: StoreInitiator<P, S, E, A>) => Store<P, S, A>;

package/dist/store/http-extension.d.ts

@@ -0,0 +1,26 @@
+export type HttpRequest<Params, Data> = {
+    execute(options: HttpRequestExecutionOptions<Params, Data>): void;
+    controller: AbortController;
+    isPending: boolean;
+    defaultData: Data;
+    data: Data;
+    error: Error | null;
+};
+export type DefineRequestOptions<Params, Data> = {
+    getRequestInfo(params: Params): {
+        url: string;
+    } & RequestInit;
+    defaultData: Data;
+};
+type HttpRequestExecutionOptions<Params, Data> = {
+    params: Params;
+    onFulfilled?(data: Data): void;
+    onError?(error: Error): void;
+};
+export declare const httpExtension: () => {
+    api: {
+        defineRequest<Params, Data>(defineRequestOptions: DefineRequestOptions<Params, Data>): HttpRequest<Params, Data>;
+    };
+    onUnmounted: () => void;
+};
+export {};

package/dist/store/types.d.ts

@@ -0,0 +1,40 @@
+import { PotokElement, WithChildren } from '../types';
+export type State = Record<string, any>;
+type StateOptions<P extends Props, E extends Extensions> = {
+    props: P;
+    extensions: ResolvedExtensions<E>;
+};
+export type Actions = Record<string, (...args: any[]) => any>;
+type ActionsOptions<P extends Props, S extends State> = {
+    props: P;
+    state: S;
+};
+export type StoreExtensionOptions<P extends Props, S extends State, A extends Actions> = {
+    props: P;
+    state: S;
+    actions: A;
+};
+export type StoreExtension<A> = () => {
+    api: A;
+    onUnmounted?: () => void;
+};
+export type Extensions = Record<string, StoreExtension<any>>;
+export type ResolvedExtensions<E extends Extensions> = {
+    [K in keyof E]: ReturnType<E[K]>["api"];
+};
+export type Props = Record<string, any>;
+export type StoreInitiator<P extends Props, S extends State, E extends Extensions, A extends Actions> = {
+    state: (options: StateOptions<P, E>) => S;
+    extensions: E;
+    actions: (options: ActionsOptions<P, S>) => A;
+};
+export type Store<P extends Props, S extends State, A extends Actions> = {
+    provider(props: WithChildren<P>): PotokElement;
+    reader(props: {
+        children: (options: {
+            state: S;
+            actions: A;
+        }) => PotokElement;
+    }): PotokElement;
+};
+export {};

package/dist/store.mjs

@@ -0,0 +1,137 @@
+import { a as deepTrack, i as createSignal, l as LibBlock, n as batch, r as createEffect } from "./lib-node-DyXPvvVQ.mjs";
+import { i as mergeContext, r as normalizeArray, t as normalizeChildren } from "./normalize-children-BWrn16R7.mjs";
+import { a as Lifecycle, o as LibContextReader, r as HMR_STATE_CACHE, t as getComponentInstanceId } from "./get-component-instance-id-CP6LDtpX.mjs";
+import { t as isPureObject } from "./is-pure-object-s_MkQp1w.mjs";
+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) {
+		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
+			})));
+		});
+	}
+};
+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 deepAssignObject(e, t) {
+	for (let n in t) {
+		if (!Object.prototype.hasOwnProperty.call(t, n)) continue;
+		let r = t[n];
+		isPureObject(r) ? (isPureObject(e[n]) || (e[n] = {}), deepAssignObject(e[n], r)) : Array.isArray(r) ? (Array.isArray(e[n]) || (e[n] = []), e[n] = deepAssignObject(e[n], r)) : e[n] = r;
+	}
+	return e;
+}
+function createStore() {
+	return function(n) {
+		let a = createContext();
+		return {
+			provider(o) {
+				return LibContextReader({ children: (s) => {
+					let c = getComponentInstanceId(s), l = [], u = Object.entries(n.extensions).reduce((e, [t, n]) => {
+						let r = n();
+						return r.onUnmounted && l.push(r.onUnmounted), e[t] = r.api, e;
+					}, {}), d = s.states[c] ?? {}, f;
+					process.env.NODE_ENV === "development" && HMR_STATE_CACHE.has(c) ? f = HMR_STATE_CACHE.get(c).value : (f = createSignal(deepAssignObject(n.state({
+						props: o,
+						extensions: u
+					}), d)), process.env.NODE_ENV === "development" && HMR_STATE_CACHE.set(c, {
+						value: f,
+						isRemovable: !1
+					}));
+					let p = n.actions({
+						props: o,
+						state: f
+					}), m = Object.entries(p).reduce((e, [t, n]) => (e[t] = (...e) => batch(() => n.apply(p, e)), e), {});
+					return Lifecycle({
+						onMounted() {
+							if (process.env.NODE_ENV === "development") {
+								let e = HMR_STATE_CACHE.get(c);
+								e && (e.isRemovable = !1);
+							}
+							if (s.isServer) return createEffect(() => {
+								deepTrack(f), s.states[c] = f;
+							}, !0).dispose;
+						},
+						onUnmounted() {
+							if (l.forEach((e) => e()), process.env.NODE_ENV === "development") {
+								let e = HMR_STATE_CACHE.get(c);
+								e && (e.isRemovable = !0, setTimeout(() => {
+									e.isRemovable && HMR_STATE_CACHE.delete(c);
+								}));
+							}
+						},
+						children: a.provider({
+							value: {
+								state: f,
+								actions: m
+							},
+							children: o.children
+						})
+					});
+				} });
+			},
+			reader(e) {
+				return a.reader({ children: (t) => e.children(t) });
+			}
+		};
+	};
+}
+const httpExtension = () => {
+	let e = [];
+	return {
+		api: { defineRequest(n) {
+			let r = createSignal({
+				execute(e) {
+					r.isPending = !0;
+					let t = n.getRequestInfo(e.params);
+					fetch(t.url, t).then((e) => e.json()).then((t) => {
+						e.onFulfilled?.(t), r.data = t;
+					}).catch((t) => {
+						e.onError?.(t), r.error = t;
+					}).finally(() => {
+						r.isPending = !1;
+					});
+				},
+				controller: new AbortController(),
+				isPending: !1,
+				defaultData: n.defaultData,
+				data: n.defaultData,
+				error: null
+			});
+			return e.push(r), r;
+		} },
+		onUnmounted: () => {
+			e.forEach((e) => {
+				e.controller.abort();
+			});
+		}
+	};
+};
+export { createStore, httpExtension };

package/dist/text-node.d.ts

@@ -0,0 +1,12 @@
+import { LibNode } from './lib-node';
+import { LibContext, PotokElement } from './types';
+export type LibTextNodeProps = {
+    text: unknown;
+};
+export declare class LibTextNode extends LibNode {
+    readonly props: LibTextNodeProps;
+    readonly context: LibContext;
+    constructor(props: LibTextNodeProps, context: LibContext);
+    isTextNode(): this is LibTextNode;
+}
+export declare function text(props: LibTextNodeProps): PotokElement;

package/dist/types.d.ts

@@ -1,25 +1,21 @@
 import { LibBlock } from './block';
-import { LibHTMLElementProps } from './html-element';
-import { LibHTMLElementTagNameMap } from './prop-types';
-import { LibTextProps } from './text';
+import { LibNode } from './lib-node';
 export type LibProps = Record<string, any>;
-export type LibTextNode = {
-    type: "text";
-    context: LibContext;
-    props: LibTextProps;
+export type ModuleScript = {
+    path: string;
+    isLoaded: boolean;
 };
-export type LibHtmlElementNode<Tag extends keyof LibHTMLElementTagNameMap = keyof LibHTMLElementTagNameMap> = {
-    type: "html-element";
-    context: LibContext;
-    props: LibHTMLElementProps<Tag>;
-};
-export type LibNode = LibTextNode | LibHtmlElementNode;
 export type LibContext = {
     parentBlock: LibBlock | null;
     index: number;
-    insertNode(parent: LibHtmlElementNode | null, node: LibNode, after: LibNode | null): void;
+    insertNode(node: LibNode): void;
     removeNode(node: LibNode): void;
     portals: Record<string, WithChildren<{}>["children"]>;
+    preload: {
+        scripts: ModuleScript[];
+        addScripts(path: string[]): void;
+    };
+    states: Record<string, unknown>;
     contexts: Record<symbol, Record<string, unknown>>;
     isServer: boolean;
     promises: Promise<unknown>[];
@@ -27,6 +23,7 @@ export type LibContext = {
 };
 export type PotokElement = (context: LibContext) => LibBlock;
 export type MaybeArray<T> = T | T[];
+export type MaybePromise<T> = T | Promise<T>;
 export type Child = PotokElement | Child[] | string | number | null | undefined;
 export type Children = MaybeArray<Child> | undefined;
 export type WithChildren<Props extends Record<string, unknown>> = Props & {

package/dist/utils/css.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizeCssPropertyName(name: string): string;
+export declare function normalizeCssPropertyValue(name: string, value: unknown): string;

package/dist/utils/deep-assign-object.d.ts

@@ -0,0 +1 @@
+export declare function deepAssignObject<T extends Record<string, any>>(first: T, second: T): T;

package/dist/utils/escape-from-script-tag.d.ts

@@ -0,0 +1 @@
+export declare function escapeFromScriptTag(str: string): string;

package/dist/utils/escape-html.d.ts

@@ -0,0 +1 @@
+export declare function escapeHtml(str: string): string;

package/dist/utils/get-component-instance-id.d.ts

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

package/dist/utils/is-pure-object.d.ts

@@ -0,0 +1 @@
+export declare function isPureObject(input: any): input is Record<string, any>;

package/dist/utils/merge-context.d.ts

@@ -0,0 +1,2 @@
+import { LibContext } from '../types';
+export declare function mergeContext(rootContext: LibContext, childContext: Pick<LibContext, "parentBlock" | "index"> & Partial<Pick<LibContext, "contexts">>): LibContext;

package/dist/utils/normalize-array.d.ts

@@ -0,0 +1,2 @@
+import { MaybeArray } from '../types';
+export declare function normalizeArray<T>(array: MaybeArray<T>): T[];

package/dist/utils/normalize-children.d.ts

@@ -0,0 +1,2 @@
+import { Children, PotokElement } from '../types';
+export declare function normalizeChildren(children: Children): PotokElement[];

package/dist/utils/serialization.d.ts

@@ -0,0 +1,2 @@
+export declare function serializeWithTypes(data: unknown): string;
+export declare function deserializeWithTypes(serializedData: string): unknown;

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@potok-web-framework/core",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
       "types": "./dist/exports/index.d.ts"
     },
+    "./store": {
+      "import": "./dist/store.mjs",
+      "types": "./dist/exports/store.d.ts"
+    },
     "./server": {
       "import": "./dist/server.mjs",
       "types": "./dist/exports/server.d.ts"
@@ -32,10 +36,7 @@
   },
   "devDependencies": {
     "@types/bun": "^1.3.6",
-    "fast-deep-equal": "^3.1.3",
-    "fetch-to-node": "^2.1.0",
-    "klona": "^2.0.6",
-    "vite": "8.0.0-beta.10",
+    "vite": "8.0.0-beta.13",
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {

package/dist/constants-BOAOReQ3.mjs

@@ -1,26 +0,0 @@
-const HTML_ELEMENT_STYLE_PX_PROPERTIES = new Set([
-	"width",
-	"height",
-	"top",
-	"left",
-	"right",
-	"bottom",
-	"margin",
-	"marginTop",
-	"marginBottom",
-	"marginLeft",
-	"marginRight",
-	"padding",
-	"paddingTop",
-	"paddingBottom",
-	"paddingLeft",
-	"paddingRight",
-	"fontSize",
-	"borderWidth",
-	"borderRadius",
-	"maxWidth",
-	"minWidth",
-	"maxHeight",
-	"minHeight"
-]), CLIENT_ENTRY_FILE_NAME = "client";
-export { HTML_ELEMENT_STYLE_PX_PROPERTIES as n, CLIENT_ENTRY_FILE_NAME as t };

package/dist/fragment-BSt6shYv.mjs

@@ -1,103 +0,0 @@
-import { n as createDisposer } from "./signals-ZsU9bGc3.mjs";
-var LibBlock = class {
-	node = null;
-	effects = /* @__PURE__ */ new Set();
-	children = [];
-	get nearestParentElement() {
-		return this.node ?? this.context.parentBlock?.nearestParentElement ?? null;
-	}
-	get previousBlock() {
-		let e = this.context.parentBlock;
-		return e ? e.children[this.context.index - 1] || (e.node ? null : e.previousBlock) : null;
-	}
-	get nearestPreviousNode() {
-		if (this.node) return this.node;
-		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;
-	}
-	addEffect(e) {
-		this.effects.add(e);
-	}
-	unmountChildren() {
-		this.children.forEach((e) => {
-			e?.unmount();
-		}), this.children = [];
-	}
-	insertNode() {
-		let t = this.node;
-		t && createDisposer(() => {
-			this.context.insertNode(this.context.parentBlock?.nearestParentElement ?? null, t, this.previousNode);
-		}).effects.forEach((e) => {
-			this.effects.add(e);
-		});
-	}
-	unmount() {
-		this.node && this.context.removeNode(this.node), this.unmountChildren(), this.effects.forEach((e) => {
-			e.dispose();
-		}), this.effects.clear();
-	}
-}, LibText = class extends LibBlock {
-	constructor(e, t) {
-		super(), this.props = e, this.context = t, this.node = {
-			type: "text",
-			props: e,
-			context: t
-		}, this.insertNode();
-	}
-};
-function text(e) {
-	return function(t) {
-		return new LibText(e, t);
-	};
-}
-function mergeContext(e, t) {
-	return {
-		parentBlock: t.parentBlock,
-		get index() {
-			return t.index;
-		},
-		portals: e.portals,
-		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];
-}
-function normalizeChild(e) {
-	return typeof e == "string" || typeof e == "number" ? [text({ text: String(e) })] : Array.isArray(e) ? e.flatMap(normalizeChildren) : [e];
-}
-function normalizeChildren(e) {
-	return e ? normalizeArray(e).filter((e) => e != null).flatMap(normalizeChild) : [];
-}
-var FragmentClass = class extends LibBlock {
-	constructor(e, t) {
-		super(), this.props = e, this.context = t, normalizeChildren(e.children).forEach((e, n) => {
-			this.children.push(e(mergeContext(t, {
-				parentBlock: this,
-				index: n
-			})));
-		});
-	}
-};
-function fragment(e) {
-	return function(t) {
-		return new FragmentClass(e, t);
-	};
-}
-export { text as a, normalizeChildren as i, mergeContext as n, LibBlock as o, normalizeArray as r, fragment as t };

package/dist/hmr/hmr-dev.d.ts

@@ -1,9 +0,0 @@
-import { CachedInstanceState } from './registered-component';
-import { HMRRegistry } from './registry';
-export declare const HMR_DEV: {
-    registry: HMRRegistry;
-    currentInstance: {
-        states: CachedInstanceState[];
-        stateIndex: number;
-    } | null;
-};

package/dist/html-element-DeGD0uGZ.mjs

@@ -1,24 +0,0 @@
-import { i as normalizeChildren, n as mergeContext, o as LibBlock } from "./fragment-BSt6shYv.mjs";
-var LibHTMLElement = class extends LibBlock {
-	constructor(n, r) {
-		super(), this.props = n, this.context = r, this.node = {
-			type: "html-element",
-			context: r,
-			props: n
-		}, r.isHydrating && this.insertNode(), normalizeChildren(n.children).forEach((e, n) => {
-			this.children.push(e(mergeContext(r, {
-				parentBlock: this,
-				index: n
-			})));
-		}), r.isHydrating || this.insertNode();
-	}
-	unmount() {
-		this.props.ref && (this.props.ref.element = null), super.unmount();
-	}
-};
-function htmlElement(e) {
-	return function(t) {
-		return new LibHTMLElement(e, t);
-	};
-}
-export { htmlElement as t };

package/dist/lib-scripts.d.ts

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

package/dist/lifecycle-C9_o5zOU.mjs

@@ -1,58 +0,0 @@
-import { c as untrack, r as createEffect } from "./signals-ZsU9bGc3.mjs";
-import { i as normalizeChildren, n as mergeContext, o as LibBlock, r as normalizeArray } from "./fragment-BSt6shYv.mjs";
-var LibContextReaderClass = class extends LibBlock {
-	constructor(e, t) {
-		super(), this.props = e, this.context = t, normalizeArray(e.children).forEach((e, n) => {
-			this.children.push(e(t)(mergeContext(t, {
-				parentBlock: this,
-				index: n
-			})));
-		});
-	}
-};
-function LibContextReader(e) {
-	return function(t) {
-		return new LibContextReaderClass(e, t);
-	};
-}
-var ShowClass = class extends LibBlock {
-	constructor(r, i) {
-		super(), this.props = r, this.context = i;
-		let a = normalizeChildren(r.children);
-		this.addEffect(createEffect(() => {
-			r.when ? untrack(() => {
-				a.forEach((e, t) => {
-					this.children.push(e(mergeContext(i, {
-						parentBlock: this,
-						index: t
-					})));
-				});
-			}) : this.unmountChildren();
-		}, !0));
-	}
-};
-function Show(e) {
-	return function(t) {
-		return new ShowClass(e, t);
-	};
-}
-var LifecycleClass = class extends LibBlock {
-	onMountedReturn;
-	constructor(e, t) {
-		super(), this.props = e, this.context = t, normalizeChildren(e.children).forEach((e, n) => {
-			this.children.push(e(mergeContext(t, {
-				parentBlock: this,
-				index: n
-			})));
-		}), this.onMountedReturn = e.onMounted?.();
-	}
-	unmount() {
-		super.unmount(), this.onMountedReturn?.(), this.props.onUnmounted?.();
-	}
-};
-function Lifecycle(e) {
-	return function(t) {
-		return new LifecycleClass(e, t);
-	};
-}
-export { Show as n, LibContextReader as r, Lifecycle as t };

package/dist/portal-BxUviJsE.mjs

@@ -1,45 +0,0 @@
-import { c as untrack, r as createEffect } from "./signals-ZsU9bGc3.mjs";
-import { i as normalizeChildren, n as mergeContext, o as LibBlock } from "./fragment-BSt6shYv.mjs";
-var PortalInClass = class extends LibBlock {
-	constructor(n, r) {
-		super(), this.props = n, this.context = r;
-		let i;
-		r.portals[n.name] ? console.warn(`Портал ${n.name} уже существует`) : this.addEffect(createEffect(() => {
-			let t = n.name;
-			t !== i && untrack(() => {
-				delete r.portals[t], r.portals[t] = n.children;
-			}), i = t;
-		}));
-	}
-	unmount() {
-		super.unmount(), delete this.context.portals[this.props.name];
-	}
-};
-function PortalIn(e) {
-	return function(t) {
-		return new PortalInClass(e, t);
-	};
-}
-var PortalOutClass = class extends LibBlock {
-	constructor(i, a) {
-		super(), this.props = i, this.context = a;
-		let o;
-		this.addEffect(createEffect(() => {
-			let t = i.name, s = normalizeChildren(a.portals[t]);
-			s ? s !== o && (this.unmountChildren(), untrack(() => {
-				s.forEach((e, t) => {
-					this.children.push(e(mergeContext(a, {
-						parentBlock: this,
-						index: t
-					})));
-				});
-			}), o = s) : (this.unmountChildren(), o = null);
-		}));
-	}
-};
-function PortalOut(e) {
-	return function(t) {
-		return new PortalOutClass(e, t);
-	};
-}
-export { PortalOut as n, PortalIn as t };