version upgrade

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/core",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "Dark is lightweight (10 Kb gzipped) component-and-hook-based UI rendering engine for javascript apps without dependencies and written in TypeScript 💫",
   "author": "AlexPlex",
   "license": "MIT",

packages/core/types/context/context.d.ts

@@ -1,3 +1,6 @@
 import type { Context } from './types';
-declare function createContext<T>(defaultValue: T): Context<T>;
+declare type CreateContextOptions = {
+  displayName?: string;
+};
+declare function createContext<T>(defaultValue: T, options?: CreateContextOptions): Context<T>;
 export { createContext };

packages/core/types/context/types.d.ts

@@ -1,5 +1,5 @@
 import type { Component, SlotProps } from '../component';
-import type { DarkElement } from '../shared';
+import type { DarkElement, Subscribe, SubscriberWithValue } from '../shared';
 export declare type ContexProviderProps<T> = {
   value: T;
 } & SlotProps;
@@ -11,5 +11,6 @@ export declare type Context<T = unknown> = {
 };
 export declare type ContextProviderValue<T = unknown> = {
   value: T;
-  subscribers: Array<(value: T) => void>;
+  subscribers: Set<(value: T) => void>;
+  subscribe: Subscribe<SubscriberWithValue<T>>;
 };

packages/core/types/helpers/index.d.ts

@@ -1,4 +1,4 @@
-import type { NestedArray } from '../shared';
+import type { NestedArray, DarkElementKey } from '../shared';
 declare const detectIsFunction: (o: any) => o is Function;
 declare const detectIsUndefined: (o: any) => o is undefined;
 declare const detectIsNumber: (o: any) => o is number;
@@ -19,6 +19,7 @@ declare function keyBy<T = any>(
 declare function fromEnd<T>(source: Array<T>, count: number): T[];
 declare const dummyFn: () => void;
 declare function detectIsDepsDifferent(deps: Array<unknown>, prevDeps: Array<unknown>): boolean;
+declare function getDiffKeys(prevKeys: Array<DarkElementKey>, nextKeys: Array<DarkElementKey>): Array<DarkElementKey>;
 export {
   detectIsFunction,
   detectIsUndefined,
@@ -36,4 +37,5 @@ export {
   fromEnd,
   dummyFn,
   detectIsDepsDifferent,
+  getDiffKeys,
 };

packages/core/types/index.d.ts

@@ -1,16 +1,16 @@
 export * from './component';
-export * from './context';
+export { createContext } from './context';
 export { h } from './element';
 export * from './fiber';
-export * from './fragment';
+export { Fragment } from './fragment';
 export * from './platform';
 export * from './helpers';
-export * from './lazy';
-export * from './memo';
+export { lazy } from './lazy';
+export { memo } from './memo';
 export * from './ref';
 export * from './scope';
 export * from './shared';
-export * from './suspense';
+export { Suspense } from './suspense';
 export { useCallback } from './use-callback';
 export { useContext } from './use-context';
 export { useDeferredValue } from './use-deferred-value';
@@ -31,6 +31,7 @@ export { useSyncExternalStore } from './use-sync-external-store';
 export { walkFiber } from './walk';
 export { unmountRoot } from './unmount';
 export { batch } from './batch';
+export { SplitUpdate, useSplitUpdate } from './split-update';
 export * from './view';
 export * from './constants';
 export declare const version: string;

packages/core/types/shared/types.d.ts

@@ -8,3 +8,7 @@ export declare type NestedArray<T> = T | Array<NestedArray<T>>;
 export declare type RenderProps = (...args: Array<any>) => DarkElement;
 export declare type DarkElementKey = string | number;
 export declare type DarkElementInstance = VirtualNode | VirtualNodeFactory | ComponentFactory;
+export declare type Subscriber = () => void;
+export declare type SubscriberWithValue<T> = (value: T) => void;
+export declare type Subscribe<S extends Function> = (subscriber: S) => Unsubscribe;
+export declare type Unsubscribe = () => void;

packages/core/types/split-update/index.d.ts

@@ -0,0 +1 @@
+export * from './split-update';

packages/core/types/split-update/split-update.d.ts

@@ -0,0 +1,16 @@
+import type { DarkElementKey, DarkElement } from '../shared';
+import { type ComponentFactory, type StandardComponentProps } from '../component';
+import { type Ref } from '../ref';
+declare type SplitUpdateProps<T = any> = {
+  list: Array<T>;
+  getKey: (x: T) => DarkElementKey;
+  slot: DarkElement;
+};
+declare const SplitUpdate: SplitUpdate;
+declare function useSplitUpdate<T>(
+  selector: (map: Record<DarkElementKey, T>) => T,
+  detectChange: (x: T) => DarkElementKey,
+): T;
+declare type MergedProps<T> = SplitUpdateProps<T> & StandardComponentProps;
+declare type SplitUpdate = <T>(props?: MergedProps<T>, ref?: Ref) => ComponentFactory<MergedProps<T>>;
+export { SplitUpdate, useSplitUpdate };

packages/core/types/use-sync-external-store/use-sync-external-store.d.ts

@@ -1,4 +1,3 @@
-declare type Subscribe = (cb: () => void) => Unsubscribe;
-declare type Unsubscribe = () => void;
-declare function useSyncExternalStore<T>(subscribe: Subscribe, getSnapshot: () => T): T;
+import type { Subscribe, Subscriber } from '../shared';
+declare function useSyncExternalStore<T>(subscribe: Subscribe<Subscriber>, getSnapshot: () => T): T;
 export { useSyncExternalStore };

packages/platform-browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/platform-browser",
-  "version": "0.11.2",
+  "version": "0.12.0",
   "description": "Dark is lightweight (10 Kb gzipped) component-and-hook-based UI rendering engine for javascript apps without dependencies and written in TypeScript 💫",
   "author": "AlexPlex",
   "license": "MIT",