@potok-web-framework/core 0.6.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,35 +1,29 @@
 import { LibBlock } from './block';
-import { LibHTMLElementProps } from './html-element';
-import { LibHTMLElementEventMap, 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;
-    updateTextNode(node: LibTextNode): void;
-    updateHtmlElementNodeProp(node: LibHtmlElementNode, key: string, value: unknown): void;
+    insertNode(node: LibNode): void;
     removeNode(node: LibNode): void;
-    portals: Record<string, WithChildren<{}>['children']>;
+    portals: Record<string, WithChildren<{}>["children"]>;
+    preload: {
+        scripts: ModuleScript[];
+        addScripts(path: string[]): void;
+    };
+    states: Record<string, unknown>;
     contexts: Record<symbol, Record<string, unknown>>;
-    listeners: Record<keyof LibHTMLElementEventMap, Map<HTMLElement, LibHTMLElementEventMap[keyof LibHTMLElementEventMap]>>;
     isServer: boolean;
     promises: Promise<unknown>[];
     isHydrating: boolean;
 };
 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.6.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-BahmURhz.mjs

@@ -1,17 +0,0 @@
-import { _ as LibBlock, i as normalizeChildren, n as mergeContext } from "./utils-CAe_kbSH.mjs";
-var FragmentClass = class extends LibBlock {
-	constructor(e, n) {
-		super(), this.props = e, this.context = n, normalizeChildren(e.children).forEach((e, t) => {
-			this.children.push(e(mergeContext(n, {
-				parentBlock: this,
-				index: t
-			})));
-		});
-	}
-};
-function fragment(e) {
-	return function(t) {
-		return new FragmentClass(e, t);
-	};
-}
-export { 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-Cm0RtMkT.mjs

@@ -1,42 +0,0 @@
-import { _ as LibBlock, a as objectKeys, c as createEffect, i as normalizeChildren, n as mergeContext, t as extractListenersFromProps } from "./utils-CAe_kbSH.mjs";
-var LibHTMLElement = class extends LibBlock {
-	constructor(e, t) {
-		super(), this.props = e, this.context = t;
-		let a = {
-			type: "html-element",
-			context: t,
-			props: e
-		};
-		this.node = a;
-		let o = Object.getOwnPropertyDescriptors(e);
-		for (let [e, r] of Object.entries(o)) {
-			if ([
-				"tag",
-				"children",
-				"ref"
-			].includes(e)) continue;
-			r.value && t.updateHtmlElementNodeProp(a, e, r.value);
-			let i = r.get;
-			i && this.addEffect(createEffect(() => {
-				t.updateHtmlElementNodeProp(a, e, i());
-			}, !0));
-		}
-		t.isHydrating && this.insertNode(), normalizeChildren(e.children).forEach((e, n) => {
-			this.children.push(e(mergeContext(t, {
-				parentBlock: this,
-				index: n
-			})));
-		}), t.isHydrating || this.insertNode();
-	}
-	unmount() {
-		this.node && objectKeys(extractListenersFromProps(this.props)).forEach((e) => {
-			this.context.listeners[e]?.delete(this.node);
-		}), 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-4vjEuXGy.mjs

@@ -1,57 +0,0 @@
-import { _ as LibBlock, c as createEffect, i as normalizeChildren, n as mergeContext, p as untrack, r as normalizeArray } from "./utils-CAe_kbSH.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(e, r) {
-		super(), this.props = e, this.context = r;
-		let i = normalizeChildren(e.children);
-		this.addEffect(createEffect(() => {
-			e.when ? untrack(() => {
-				i.forEach((e, t) => {
-					this.children.push(e(mergeContext(r, {
-						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-CbcYOHLv.mjs

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

package/dist/render-to-dom.d.ts

@@ -1,8 +0,0 @@
-import { PotokElement } from './types';
-type RenderToDOMOptions = {
-    app: () => PotokElement;
-    needToHydrate?: boolean;
-    root?: Element;
-};
-export declare function renderToDOM(options: RenderToDOMOptions): void;
-export {};

package/dist/store.d.ts

@@ -1,26 +0,0 @@
-import { PotokElement, WithChildren } from './types';
-type State = Record<string, any>;
-type StateOptions<P extends StoreProps> = {
-    props: P;
-};
-type Actions = Record<string, (...args: any[]) => any>;
-type ActionsOptions<P extends StoreProps, S extends State> = {
-    props: P;
-    state: S;
-};
-type StoreProps = Record<string, any>;
-type StoreInitiator<P extends StoreProps, S extends State, A extends Actions> = {
-    state: (options: StateOptions<P>) => S;
-    actions: (options: ActionsOptions<P, S>) => A;
-};
-export type Store<P extends StoreProps, S extends State, A extends Actions> = {
-    provider(props: WithChildren<P>): PotokElement;
-    reader(props: {
-        children: (options: {
-            state: S;
-            actions: A;
-        }) => PotokElement;
-    }): PotokElement;
-};
-export declare function createStore<P extends StoreProps>(): <S extends State, A extends Actions>(initiator: StoreInitiator<P, S, A>) => Store<P, S, A>;
-export {};

package/dist/text.d.ts

@@ -1,5 +0,0 @@
-import { PotokElement } from './types';
-export type LibTextProps = {
-    text: unknown;
-};
-export declare function text(props: LibTextProps): PotokElement;