version upgrade

atellmer · Dec 6, 2022 · 37454c7 · 37454c7
1 parent 6ae2cc6
commit 37454c7
Show file tree

Hide file tree

Showing 11 changed files with 279 additions and 785 deletions.
diff --git a/examples/bench/index.tsx b/examples/bench/index.tsx
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/core",
-  "version": "0.12.0",
+  "version": "0.14.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",

diff --git a/packages/core/types/constants.d.ts b/packages/core/types/constants.d.ts
@@ -4,6 +4,7 @@ export declare const ATTR_KEY = 'key';
 export declare const ATTR_REF = 'ref';
 export declare const PARTIAL_UPDATE = 'partial-update';
 export declare enum TaskPriority {
+  ANIMATION = 3,
   HIGH = 2,
   NORMAL = 1,
   LOW = 0,

diff --git a/packages/core/types/fiber/fiber.d.ts b/packages/core/types/fiber/fiber.d.ts
@@ -24,7 +24,7 @@ declare class Fiber<N = NativeElement> {
   marker: string;
   isUsed: boolean;
   idx: number;
-  batched: () => void | null;
+  batched: number;
   catchException: (error: Error) => void;
   constructor(options: Partial<Fiber<N>>);
   markMountedToHost(): void;

diff --git a/packages/core/types/index.d.ts b/packages/core/types/index.d.ts
@@ -28,6 +28,7 @@ export { useState } from './use-state';
 export { useReactiveState } from './use-reactive-state';
 export { useId } from './use-id';
 export { useSyncExternalStore } from './use-sync-external-store';
+export { useSpring, type Animation } from './use-spring';
 export { walkFiber } from './walk';
 export { unmountRoot } from './unmount';
 export { batch } from './batch';

diff --git a/packages/core/types/platform/types.d.ts b/packages/core/types/platform/types.d.ts
@@ -5,6 +5,7 @@ import { type VirtualNode } from '../view';
 export declare type Platform = {
   createNativeElement: <N>(vNode: VirtualNode) => N;
   requestAnimationFrame: typeof requestAnimationFrame;
+  cancelAnimationFrame: typeof cancelAnimationFrame;
   scheduleCallback: (callback: () => void, options?: ScheduleCallbackOptions) => void;
   shouldYeildToHost: () => boolean;
   applyCommit: (fiber: Fiber) => void;

diff --git a/packages/core/types/use-spring/index.d.ts b/packages/core/types/use-spring/index.d.ts
@@ -0,0 +1 @@
+export * from './use-spring';
diff --git a/packages/core/types/use-spring/use-spring.d.ts b/packages/core/types/use-spring/use-spring.d.ts
@@ -0,0 +1,39 @@
+declare type UseSpringOptions = {
+  state?: boolean;
+  getAnimations: (options: AnimationOptions) => Array<Animation>;
+  mount?: boolean;
+  deps?: Array<any>;
+  outside?: (values: Array<number>) => void;
+};
+declare function useSpring(
+  options: UseSpringOptions,
+  deps?: Array<any>,
+): {
+  values: number[];
+  api: {
+    play: (name: string, direction: Direction, sourceIdx?: number) => Promise<boolean>;
+    toggle: {
+      filter: typeof filterToggle;
+      map: typeof mapToggle;
+    };
+  };
+};
+declare type AnimationOptions = {
+  state: boolean;
+  playingIdx: number;
+};
+export declare type Animation = {
+  name: string;
+  direction?: Direction;
+  mass?: number;
+  stiffness?: number;
+  damping?: number;
+  duration?: number;
+  delay?: number;
+  from?: number;
+  to?: number;
+};
+declare type Direction = 'forward' | 'backward' | 'mirrored';
+declare function filterToggle(value: number, idx: number): boolean;
+declare function mapToggle(value: number, size: number, idx: number): number;
+export { useSpring };
diff --git a/packages/core/types/view/types.d.ts b/packages/core/types/view/types.d.ts
@@ -1,7 +1,9 @@
+import { DarkElementKey } from '../shared';
 export declare type ViewDef = {
   as: string;
   slot?: any;
   isVoid?: boolean;
+  key?: DarkElementKey;
   [prop: string]: any;
 };
 export declare enum NodeType {

diff --git a/packages/core/types/view/view.d.ts b/packages/core/types/view/view.d.ts
@@ -33,6 +33,7 @@ declare const detectIsCommentVirtualNode: (vNode: unknown) => vNode is CommentVi
 declare const detectIsTextVirtualNode: (vNode: unknown) => vNode is TextVirtualNode;
 declare const detectIsEmptyVirtualNode: (vNode: unknown) => boolean;
 declare function getVirtualNodeKey(vNode: TagVirtualNode): DarkElementKey | null;
+declare function getVirtualNodeFactoryKey(factory: VirtualNodeFactory): DarkElementKey | null;
 declare const createEmptyVirtualNode: () => CommentVirtualNode;
 declare const detectIsVirtualNodeFactory: (factory: unknown) => factory is VirtualNodeFactory;
 declare function View(def: ViewDef): TagVirtualNodeFactory;
@@ -52,6 +53,7 @@ export {
   detectIsTextVirtualNode,
   detectIsEmptyVirtualNode,
   getVirtualNodeKey,
+  getVirtualNodeFactoryKey,
   createEmptyVirtualNode,
   detectIsVirtualNodeFactory,
   View,

diff --git a/packages/platform-browser/package.json b/packages/platform-browser/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dark-engine/platform-browser",
-  "version": "0.12.0",
+  "version": "0.14.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",