@mulsense/xnew 0.6.3 → 0.6.5

package/dist/addons/xmatter.js

@@ -6,7 +6,7 @@
 
     var xmatter = {
         initialize({} = {}) {
-            xnew(Root, {});
+            xnew.promise(xnew(Root, {}));
         },
         get engine() {
             var _a;

package/dist/addons/xmatter.mjs

@@ -3,7 +3,7 @@ import Matter from 'matter-js';
 
 var xmatter = {
     initialize({} = {}) {
-        xnew(Root, {});
+        xnew.promise(xnew(Root, {}));
     },
     get engine() {
         var _a;

package/dist/addons/xpixi.js

@@ -25,7 +25,7 @@
 
     var xpixi = {
         initialize({ canvas = null } = {}) {
-            xnew(Root, { canvas });
+            xnew.promise(xnew(Root, { canvas }));
         },
         nest(object) {
             xnew(Nest, { object });
@@ -49,7 +49,10 @@
         xnew.promise(PIXI__namespace.autoDetectRenderer({
             width: canvas.width, height: canvas.height, view: canvas,
             antialias: true, backgroundAlpha: 0,
-        })).then((value) => renderer = value);
+        })).then((value) => {
+            renderer = value;
+            xnew.resolve();
+        });
         let scene = new PIXI__namespace.Container();
         return {
             get renderer() { return renderer; },

package/dist/addons/xpixi.mjs

@@ -3,7 +3,7 @@ import * as PIXI from 'pixi.js';
 
 var xpixi = {
     initialize({ canvas = null } = {}) {
-        xnew(Root, { canvas });
+        xnew.promise(xnew(Root, { canvas }));
     },
     nest(object) {
         xnew(Nest, { object });
@@ -27,7 +27,10 @@ function Root(unit, { canvas }) {
     xnew.promise(PIXI.autoDetectRenderer({
         width: canvas.width, height: canvas.height, view: canvas,
         antialias: true, backgroundAlpha: 0,
-    })).then((value) => renderer = value);
+    })).then((value) => {
+        renderer = value;
+        xnew.resolve();
+    });
     let scene = new PIXI.Container();
     return {
         get renderer() { return renderer; },

package/dist/addons/xrapier2d.js

@@ -6,7 +6,7 @@
 
     var xrapier2d = {
         initialize({ gravity = { x: 0.0, y: -9.81 } } = {}) {
-            xnew(Root, { gravity });
+            xnew.promise(xnew(Root, { gravity }));
         },
         get world() {
             var _a;

package/dist/addons/xrapier2d.mjs

@@ -3,7 +3,7 @@ import RAPIER from '@dimforge/rapier2d-compat';
 
 var xrapier2d = {
     initialize({ gravity = { x: 0.0, y: -9.81 } } = {}) {
-        xnew(Root, { gravity });
+        xnew.promise(xnew(Root, { gravity }));
     },
     get world() {
         var _a;

package/dist/addons/xrapier3d.js

@@ -6,7 +6,7 @@
 
     var xrapier3d = {
         initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-            xnew(Root, { gravity });
+            xnew.promise(xnew(Root, { gravity }));
         },
         get world() {
             var _a;

package/dist/addons/xrapier3d.mjs

@@ -3,7 +3,7 @@ import RAPIER from '@dimforge/rapier3d-compat';
 
 var xrapier3d = {
     initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-        xnew(Root, { gravity });
+        xnew.promise(xnew(Root, { gravity }));
     },
     get world() {
         var _a;

package/dist/addons/xthree.js

@@ -25,7 +25,7 @@
 
     var xthree = {
         initialize({ canvas = null, camera = null } = {}) {
-            xnew(Root, { canvas, camera });
+            xnew.promise(xnew(Root, { canvas, camera }));
         },
         nest(object) {
             xnew(Nest, { object });
@@ -53,6 +53,7 @@
         renderer.setClearColor(0x000000, 0);
         camera = camera !== null && camera !== void 0 ? camera : new THREE__namespace.PerspectiveCamera(45, renderer.domElement.width / renderer.domElement.height);
         const scene = new THREE__namespace.Scene();
+        xnew.resolve();
         return {
             get canvas() { return canvas; },
             get camera() { return camera; },

package/dist/addons/xthree.mjs

@@ -3,7 +3,7 @@ import * as THREE from 'three';
 
 var xthree = {
     initialize({ canvas = null, camera = null } = {}) {
-        xnew(Root, { canvas, camera });
+        xnew.promise(xnew(Root, { canvas, camera }));
     },
     nest(object) {
         xnew(Nest, { object });
@@ -31,6 +31,7 @@ function Root(unit, { canvas, camera }) {
     renderer.setClearColor(0x000000, 0);
     camera = camera !== null && camera !== void 0 ? camera : new THREE.PerspectiveCamera(45, renderer.domElement.width / renderer.domElement.height);
     const scene = new THREE.Scene();
+    xnew.resolve();
     return {
         get canvas() { return canvas; },
         get camera() { return camera; },

package/dist/xnew.d.ts

@@ -20,14 +20,6 @@ declare class MapMap<Key1, Key2, Value> extends Map<Key1, Map<Key2, Value>> {
     delete(key1: Key1, key2: Key2): boolean;
 }
 
-interface TimerOptions {
-    transition?: Function;
-    timeout?: Function;
-    duration: number;
-    iterations: number;
-    easing?: string;
-}
-
 declare class Eventor {
     private map;
     add(element: HTMLElement | SVGElement, type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
@@ -54,26 +46,23 @@ declare class Eventor {
 type UnitElement = HTMLElement | SVGElement;
 declare class UnitPromise {
     promise: Promise<any>;
-    component: Function | null;
-    constructor(promise: Promise<any>, component: Function | null);
+    Component: Function | null;
+    constructor(promise: Promise<any>, Component: Function | null);
     then(callback: Function): UnitPromise;
     catch(callback: Function): UnitPromise;
     finally(callback: Function): UnitPromise;
+    private wrap;
 }
 declare class UnitTimer {
     private unit;
     private stack;
-    constructor(options: TimerOptions);
     clear(): void;
-    timeout(timeout: Function, duration?: number): this;
-    iteration(timeout: Function, duration?: number, iterations?: number): this;
-    transition(transition: Function, duration?: number, easing?: string): this;
-    static execute(timer: UnitTimer, options: TimerOptions): void;
-    static next(timer: UnitTimer): void;
-    static Component(unit: Unit, { options, snapshot }: {
-        options: TimerOptions;
-        snapshot: Snapshot;
-    }): void;
+    timeout(callback: Function, duration?: number): UnitTimer;
+    interval(callback: Function, duration?: number, iterations?: number): UnitTimer;
+    transition(transition: Function, duration?: number, easing?: string): UnitTimer;
+    private static execute;
+    private static next;
+    private static Component;
 }
 interface Context {
     stack: Context | null;
@@ -103,6 +92,11 @@ interface Internal {
     ancestors: Unit[];
     children: Unit[];
     promises: UnitPromise[];
+    done: {
+        promise: Promise<any>;
+        resolve: Function;
+        reject: Function;
+    };
     nestElements: {
         element: UnitElement;
         owned: boolean;
@@ -133,7 +127,7 @@ declare class Unit {
     static finalize(unit: Unit): void;
     static nest(unit: Unit, target: UnitElement | string, textContent?: string | number): UnitElement;
     static currentComponent: Function;
-    static extend(unit: Unit, component: Function, props?: Object): {
+    static extend(unit: Unit, Component: Function, props?: Object): {
         [key: string]: any;
     };
     static start(unit: Unit): void;
@@ -147,7 +141,7 @@ declare class Unit {
     static snapshot(unit: Unit): Snapshot;
     static context(unit: Unit, key: any, value?: any): any;
     static component2units: MapSet<Function, Unit>;
-    static find(component: Function): Unit[];
+    static find(Component: Function): Unit[];
     static type2units: MapSet<string, Unit>;
     on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
     off(type?: string, listener?: Function): void;
@@ -158,20 +152,20 @@ declare class Unit {
 
 interface CreateUnit {
     /**
-     * Creates a new Unit component
+     * creates a new Unit component
      * @param Component - component function
      * @param props - properties for component function
-     * @returns A new Unit instance
+     * @returns a new Unit instance
      * @example
      * const unit = xnew(MyComponent, { data: 0 })
      */
     (Component?: Function | string, props?: Object): Unit;
     /**
-     * Creates a new Unit component
+     * creates a new Unit component
      * @param target - HTMLElement | SVGElement, or HTML tag for new element
      * @param Component - component function
      * @param props - properties for component function
-     * @returns A new Unit instance
+     * @returns a new Unit instance
      * @example
      * const unit = xnew(element, MyComponent, { data: 0 })
      * const unit = xnew('<div>', MyComponent, { data: 0 })
@@ -285,19 +279,21 @@ declare namespace xnew {
 }
 declare const xnew: CreateUnit & {
     nest(target: UnitElement | string): HTMLElement | SVGElement;
-    extend(component: Function, props?: Object): {
+    extend(Component: Function, props?: Object): {
         [key: string]: any;
     };
     context(component: Function): any;
-    promise(promise: Promise<any>): UnitPromise;
+    promise(promise: Promise<any> | Unit): UnitPromise;
     then(callback: Function): UnitPromise;
     catch(callback: Function): UnitPromise;
+    resolve(value?: any): void;
+    reject(reason?: any): void;
     finally(callback: Function): UnitPromise;
     scope(callback: any): any;
     find(component: Function): Unit[];
     emit(type: string, ...args: any[]): void;
-    timeout(timeout: Function, duration?: number): UnitTimer;
-    interval(timeout: Function, duration: number, iterations?: number): UnitTimer;
+    timeout(callback: Function, duration?: number): UnitTimer;
+    interval(callback: Function, duration: number, iterations?: number): UnitTimer;
     transition(transition: Function, duration?: number, easing?: string): UnitTimer;
     protect(): void;
 } & {