version upgrade

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/core",
-  "version": "0.10.1",
+  "version": "0.11.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/fiber/fiber.d.ts

@@ -16,20 +16,22 @@ declare class Fiber<N = NativeElement> {
   provider: Map<Context, ContextProviderValue>;
   transposition: boolean;
   mountedToHost: boolean;
-  portalHost: boolean;
   effectHost: boolean;
   layoutEffectHost: boolean;
+  insertionEffectHost: boolean;
+  portalHost: boolean;
   childrenCount: number;
   marker: string;
   isUsed: boolean;
   idx: number;
   batched: () => void | null;
   catchException: (error: Error) => void;
   constructor(options: Partial<Fiber<N>>);
-  markPortalHost(): void;
+  markMountedToHost(): void;
   markEffectHost(): void;
   markLayoutEffectHost(): void;
-  markMountedToHost(): void;
+  markInsertionEffectHost(): void;
+  markPortalHost(): void;
   setError(error: Error): void;
 }
 declare function workLoop(): boolean;

packages/core/types/index.d.ts

@@ -11,26 +11,28 @@ export * from './ref';
 export * from './scope';
 export * from './shared';
 export * from './suspense';
-export * from './use-callback';
-export * from './use-context';
-export * from './use-deferred-value';
+export { useCallback } from './use-callback';
+export { useContext } from './use-context';
+export { useDeferredValue } from './use-deferred-value';
 export { useEffect } from './use-effect';
-export * from './use-error';
-export * from './use-event';
-export * from './use-imperative-handle';
 export { useLayoutEffect } from './use-layout-effect';
-export * from './use-memo';
-export * from './use-reducer';
-export * from './use-ref';
-export * from './use-update';
-export * from './use-state';
-export * from './use-reactive-state';
-export * from './use-id';
-export * from './view';
-export * from './constants';
+export { useInsertionEffect } from './use-insertion-effect';
+export { useError } from './use-error';
+export { useEvent } from './use-event';
+export { useImperativeHandle } from './use-imperative-handle';
+export { useMemo } from './use-memo';
+export { useReducer } from './use-reducer';
+export { useRef } from './use-ref';
+export { useUpdate } from './use-update';
+export { useState } from './use-state';
+export { useReactiveState } from './use-reactive-state';
+export { useId } from './use-id';
+export { useSyncExternalStore } from './use-sync-external-store';
 export { walkFiber } from './walk';
 export { unmountRoot } from './unmount';
 export { batch } from './batch';
+export * from './view';
+export * from './constants';
 export declare const version: string;
 declare global {
   namespace JSX {

packages/core/types/scope/scope.d.ts

@@ -50,10 +50,19 @@ declare const layoutEffectsStore: {
   reset: () => any[];
   add: (effect: () => void) => number;
 };
+declare const insertionEffectsStore: {
+  get: () => (() => void)[];
+  reset: () => any[];
+  add: (effect: () => void) => number;
+};
 declare const isLayoutEffectsZone: {
   get: () => boolean;
   set: (value: boolean) => boolean;
 };
+declare const isInsertionEffectsZone: {
+  get: (id?: number) => boolean;
+  set: (value: boolean) => boolean;
+};
 declare const isUpdateHookZone: {
   get: () => boolean;
   set: (value: boolean) => boolean;
@@ -74,7 +83,9 @@ export {
   fiberMountStore,
   effectsStore,
   layoutEffectsStore,
+  insertionEffectsStore,
   isLayoutEffectsZone,
+  isInsertionEffectsZone,
   isUpdateHookZone,
   isBatchZone,
 };

packages/core/types/use-insertion-effect/index.d.ts

@@ -0,0 +1 @@
+export * from './use-insertion-effect';

packages/core/types/use-insertion-effect/use-insertion-effect.d.ts

@@ -0,0 +1,6 @@
+declare const useInsertionEffect: (effect: import('../use-effect/types').Effect, deps?: any[]) => void,
+  hasInsertionEffects: (fiber: import('../fiber/fiber').Fiber<unknown>) => boolean,
+  dropInsertionEffects: (
+    hook: import('..').Hook<import('..').HookValue<import('../use-effect/types').DropEffect>>,
+  ) => void;
+export { useInsertionEffect, hasInsertionEffects, dropInsertionEffects };

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

@@ -0,0 +1 @@
+export * from './use-sync-external-store';

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

@@ -0,0 +1,4 @@
+declare type Sunscribe = (cb: () => void) => Unsubscribe;
+declare type Unsubscribe = () => void;
+declare function useSyncExternalStore<T>(subscribe: Sunscribe, getSnapshot: () => T): T;
+export { useSyncExternalStore };

packages/platform-browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/platform-browser",
-  "version": "0.10.1",
+  "version": "0.11.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",