@mulsense/xnew 0.5.3 → 0.6.0

package/README.md

@@ -13,7 +13,7 @@ providing a flexible architecture well-suited for applications with dynamic scen
 ### Via CDN
 Include the following script in your HTML file:
 ```html
-<script src="https://unpkg.com/@mulsense/xnew@0.5.x/dist/xnew.js"></script>
+<script src="https://unpkg.com/@mulsense/xnew@0.6.x/dist/xnew.js"></script>
 ```
 
 ### Via CDN (ESM)
@@ -22,7 +22,7 @@ Use the ES module version with an import map:
 <script type="importmap">
 {
     "imports": {
-        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.5.x/dist/xnew.mjs"
+        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.6.x/dist/xnew.mjs"
     }
 }
 </script>
@@ -37,7 +37,7 @@ import xnew from '@mulsense/xnew';
 ### Via npm
 Install `xnew` using npm:
 ```bash
-npm install @mulsense/xnew@0.5.x
+npm install @mulsense/xnew@0.6.x
 ```
 
 Then import it in your JavaScript file:

package/dist/addons/xmatter.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    initialize({ engine }?: any): void;
+    initialize({}?: any): void;
     readonly engine: any;
     readonly world: any;
 };

package/dist/addons/xmatter.js

@@ -5,22 +5,23 @@
 })(this, (function (xnew, Matter) { 'use strict';
 
     var xmatter = {
-        initialize({ engine = null } = {}) {
-            xnew.extend(Root, { engine });
+        initialize({} = {}) {
+            xnew(Root, {});
         },
         get engine() {
             var _a;
-            return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine;
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine.world;
         },
     };
-    function Root(unit, { engine }) {
-        const root = {};
-        xnew.context('xmatter.root', root);
-        root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
+    function Root(unit, {}) {
+        const engine = Matter.Engine.create();
+        return {
+            get engine() { return engine; },
+        };
     }
 
     return xmatter;

package/dist/addons/xmatter.mjs

@@ -2,22 +2,23 @@ import xnew from '@mulsense/xnew';
 import Matter from 'matter-js';
 
 var xmatter = {
-    initialize({ engine = null } = {}) {
-        xnew.extend(Root, { engine });
+    initialize({} = {}) {
+        xnew(Root, {});
     },
     get engine() {
         var _a;
-        return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine;
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xmatter.root')) === null || _a === void 0 ? void 0 : _a.engine.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.engine.world;
     },
 };
-function Root(unit, { engine }) {
-    const root = {};
-    xnew.context('xmatter.root', root);
-    root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
+function Root(unit, {}) {
+    const engine = Matter.Engine.create();
+    return {
+        get engine() { return engine; },
+    };
 }
 
 export { xmatter as default };

package/dist/addons/xpixi.d.ts

@@ -1,8 +1,7 @@
 import * as PIXI from 'pixi.js';
 
 declare const _default: {
-    initialize({ renderer, canvas }?: {
-        renderer?: any;
+    initialize({ canvas }?: {
         canvas?: HTMLCanvasElement | null;
     }): void;
     nest(object: any): any;

package/dist/addons/xpixi.js

@@ -24,8 +24,8 @@
     var PIXI__namespace = /*#__PURE__*/_interopNamespaceDefault(PIXI);
 
     var xpixi = {
-        initialize({ renderer = null, canvas = null } = {}) {
-            xnew.extend(Root, { renderer, canvas });
+        initialize({ canvas = null } = {}) {
+            xnew(Root, { canvas });
         },
         nest(object) {
             xnew.extend(Nest, { object });
@@ -33,38 +33,40 @@
         },
         get renderer() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
         },
         get scene() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.scene;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
         },
         get canvas() {
             var _a;
-            return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
         },
     };
     function Root(unit, { canvas }) {
-        const root = {};
-        xnew.context('xpixi.root', root);
-        root.canvas = canvas;
-        root.renderer = null;
+        let renderer = null;
         xnew.promise(PIXI__namespace.autoDetectRenderer({
             width: canvas.width, height: canvas.height, view: canvas,
             antialias: true, backgroundAlpha: 0,
-        })).then((renderer) => root.renderer = renderer);
-        root.scene = new PIXI__namespace.Container();
-        xnew.context('xpixi.object', root.scene);
+        })).then((value) => renderer = value);
+        let scene = new PIXI__namespace.Container();
+        return {
+            get renderer() { return renderer; },
+            get scene() { return scene; },
+            get canvas() { return canvas; },
+        };
     }
     function Nest(unit, { object }) {
-        const parent = xnew.context('xpixi.object');
-        xnew.context('xpixi.object', object);
+        var _a, _b;
+        const root = xnew.context(Root);
+        const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.pixiObject) !== null && _b !== void 0 ? _b : root.scene;
         parent.addChild(object);
         unit.on('finalize', () => {
             parent.removeChild(object);
         });
         return {
-            pixiObject: object,
+            get pixiObject() { return object; },
         };
     }
 

package/dist/addons/xpixi.mjs

@@ -2,8 +2,8 @@ import xnew from '@mulsense/xnew';
 import * as PIXI from 'pixi.js';
 
 var xpixi = {
-    initialize({ renderer = null, canvas = null } = {}) {
-        xnew.extend(Root, { renderer, canvas });
+    initialize({ canvas = null } = {}) {
+        xnew(Root, { canvas });
     },
     nest(object) {
         xnew.extend(Nest, { object });
@@ -11,38 +11,40 @@ var xpixi = {
     },
     get renderer() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
     },
     get scene() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.scene;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
     },
     get canvas() {
         var _a;
-        return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
     },
 };
 function Root(unit, { canvas }) {
-    const root = {};
-    xnew.context('xpixi.root', root);
-    root.canvas = canvas;
-    root.renderer = null;
+    let renderer = null;
     xnew.promise(PIXI.autoDetectRenderer({
         width: canvas.width, height: canvas.height, view: canvas,
         antialias: true, backgroundAlpha: 0,
-    })).then((renderer) => root.renderer = renderer);
-    root.scene = new PIXI.Container();
-    xnew.context('xpixi.object', root.scene);
+    })).then((value) => renderer = value);
+    let scene = new PIXI.Container();
+    return {
+        get renderer() { return renderer; },
+        get scene() { return scene; },
+        get canvas() { return canvas; },
+    };
 }
 function Nest(unit, { object }) {
-    const parent = xnew.context('xpixi.object');
-    xnew.context('xpixi.object', object);
+    var _a, _b;
+    const root = xnew.context(Root);
+    const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.pixiObject) !== null && _b !== void 0 ? _b : root.scene;
     parent.addChild(object);
     unit.on('finalize', () => {
         parent.removeChild(object);
     });
     return {
-        pixiObject: object,
+        get pixiObject() { return object; },
     };
 }
 

package/dist/addons/xrapier2d.js

@@ -10,15 +10,17 @@
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xrapier2d.root')) === null || _a === void 0 ? void 0 : _a.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
     function Root(unit, { gravity }) {
-        const root = {};
-        xnew.context('xrapier2d.root', root);
+        let world = null;
         xnew.promise(RAPIER.init()).then(() => {
-            root.world = new RAPIER.World(gravity);
+            world = new RAPIER.World(gravity);
         });
+        return {
+            get world() { return world; },
+        };
     }
 
     return xrapier2d;

package/dist/addons/xrapier2d.mjs

@@ -7,15 +7,17 @@ var xrapier2d = {
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xrapier2d.root')) === null || _a === void 0 ? void 0 : _a.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
     },
 };
 function Root(unit, { gravity }) {
-    const root = {};
-    xnew.context('xrapier2d.root', root);
+    let world = null;
     xnew.promise(RAPIER.init()).then(() => {
-        root.world = new RAPIER.World(gravity);
+        world = new RAPIER.World(gravity);
     });
+    return {
+        get world() { return world; },
+    };
 }
 
 export { xrapier2d as default };

package/dist/addons/xrapier3d.js

@@ -6,19 +6,21 @@
 
     var xrapier3d = {
         initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-            xnew.extend(Root, { gravity });
+            xnew(Root, { gravity });
         },
         get world() {
             var _a;
-            return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
     function Root(unit, { gravity }) {
-        const root = {};
-        xnew.context('xrapier3d.root', root);
+        let world = null;
         xnew.promise(RAPIER.init()).then(() => {
-            root.world = new RAPIER.World(gravity);
+            world = new RAPIER.World(gravity);
         });
+        return {
+            get world() { return world; },
+        };
     }
 
     return xrapier3d;

package/dist/addons/xrapier3d.mjs

@@ -3,19 +3,21 @@ import RAPIER from '@dimforge/rapier3d-compat';
 
 var xrapier3d = {
     initialize({ gravity = { x: 0.0, y: -9.81, z: 0.0 } } = {}) {
-        xnew.extend(Root, { gravity });
+        xnew(Root, { gravity });
     },
     get world() {
         var _a;
-        return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.world;
     },
 };
 function Root(unit, { gravity }) {
-    const root = {};
-    xnew.context('xrapier3d.root', root);
+    let world = null;
     xnew.promise(RAPIER.init()).then(() => {
-        root.world = new RAPIER.World(gravity);
+        world = new RAPIER.World(gravity);
     });
+    return {
+        get world() { return world; },
+    };
 }
 
 export { xrapier3d as default };

package/dist/addons/xthree.d.ts

@@ -1,11 +1,9 @@
 import * as THREE from 'three';
 
 declare const _default: {
-    initialize({ renderer, canvas, camera, update }?: {
-        renderer?: any;
+    initialize({ canvas, camera }?: {
         canvas?: HTMLCanvasElement | null;
         camera?: THREE.Camera | null;
-        update?: boolean;
     }): void;
     nest(object: any): any;
     readonly renderer: any;

package/dist/addons/xthree.js

@@ -24,50 +24,50 @@
     var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
     var xthree = {
-        initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
-            xnew.extend(Root, { renderer, canvas, camera, update });
+        initialize({ canvas = null, camera = null } = {}) {
+            xnew(Root, { canvas, camera });
         },
         nest(object) {
-            xnew.extend(Nest, { object });
+            xnew(Nest, { object });
             return object;
         },
         get renderer() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
         },
         get camera() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.camera;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.camera;
         },
         get scene() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.scene;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
         },
         get canvas() {
             var _a;
-            return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+            return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
         },
     };
-    function Root(unit, { canvas, camera, update }) {
-        const root = {};
-        xnew.context('xthree.root', root);
-        root.canvas = canvas;
-        root.renderer = new THREE__namespace.WebGLRenderer({ canvas, alpha: true });
-        root.renderer.setClearColor(0x000000, 0);
-        root.camera = camera !== null && camera !== void 0 ? camera : new THREE__namespace.PerspectiveCamera(45, root.renderer.domElement.width / root.renderer.domElement.height);
-        root.scene = new THREE__namespace.Scene();
-        xnew.context('xthree.object', root.scene);
+    function Root(unit, { canvas, camera }) {
+        const renderer = new THREE__namespace.WebGLRenderer({ canvas, alpha: true });
+        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();
+        return {
+            get canvas() { return canvas; },
+            get camera() { return camera; },
+            get renderer() { return renderer; },
+            get scene() { return scene; },
+        };
     }
     function Nest(unit, { object }) {
-        const parent = xnew.context('xthree.object');
-        xnew.context('xthree.object', object);
+        var _a, _b;
+        const root = xnew.context(Root);
+        const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.threeObject) !== null && _b !== void 0 ? _b : root.scene;
         parent.add(object);
         unit.on('finalize', () => {
             parent.remove(object);
         });
-        return {
-            threeObject: object,
-        };
     }
 
     return xthree;

package/dist/addons/xthree.mjs

@@ -2,50 +2,50 @@ import xnew from '@mulsense/xnew';
 import * as THREE from 'three';
 
 var xthree = {
-    initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
-        xnew.extend(Root, { renderer, canvas, camera, update });
+    initialize({ canvas = null, camera = null } = {}) {
+        xnew(Root, { canvas, camera });
     },
     nest(object) {
-        xnew.extend(Nest, { object });
+        xnew(Nest, { object });
         return object;
     },
     get renderer() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.renderer;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.renderer;
     },
     get camera() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.camera;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.camera;
     },
     get scene() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.scene;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.scene;
     },
     get canvas() {
         var _a;
-        return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
+        return (_a = xnew.context(Root)) === null || _a === void 0 ? void 0 : _a.canvas;
     },
 };
-function Root(unit, { canvas, camera, update }) {
-    const root = {};
-    xnew.context('xthree.root', root);
-    root.canvas = canvas;
-    root.renderer = new THREE.WebGLRenderer({ canvas, alpha: true });
-    root.renderer.setClearColor(0x000000, 0);
-    root.camera = camera !== null && camera !== void 0 ? camera : new THREE.PerspectiveCamera(45, root.renderer.domElement.width / root.renderer.domElement.height);
-    root.scene = new THREE.Scene();
-    xnew.context('xthree.object', root.scene);
+function Root(unit, { canvas, camera }) {
+    const renderer = new THREE.WebGLRenderer({ canvas, alpha: true });
+    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();
+    return {
+        get canvas() { return canvas; },
+        get camera() { return camera; },
+        get renderer() { return renderer; },
+        get scene() { return scene; },
+    };
 }
 function Nest(unit, { object }) {
-    const parent = xnew.context('xthree.object');
-    xnew.context('xthree.object', object);
+    var _a, _b;
+    const root = xnew.context(Root);
+    const parent = (_b = (_a = xnew.context(Nest)) === null || _a === void 0 ? void 0 : _a.threeObject) !== null && _b !== void 0 ? _b : root.scene;
     parent.add(object);
     unit.on('finalize', () => {
         parent.remove(object);
     });
-    return {
-        threeObject: object,
-    };
 }
 
 export { xthree as default };

package/dist/xnew.d.ts

@@ -20,6 +20,14 @@ 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;
@@ -37,6 +45,7 @@ declare class Eventor {
     private gesture;
     private key;
     private key_arrow;
+    private key_wasd;
 }
 
 type UnitElement = HTMLElement | SVGElement;
@@ -48,9 +57,24 @@ declare class UnitPromise {
     catch(callback: Function): UnitPromise;
     finally(callback: Function): UnitPromise;
 }
+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;
+}
 interface Context {
     stack: Context | null;
-    key?: string;
+    key?: any;
     value?: any;
 }
 interface Snapshot {
@@ -115,7 +139,7 @@ declare class Unit {
     static reset(): void;
     static scope(snapshot: Snapshot, func: Function, ...args: any[]): any;
     static snapshot(unit: Unit): Snapshot;
-    static context(unit: Unit, key: string, value?: any): any;
+    static context(unit: Unit, key: any, value?: any): any;
     static component2units: MapSet<Function, Unit>;
     static find(component: Function): Unit[];
     static type2units: MapSet<string, Unit>;
@@ -149,30 +173,19 @@ interface CreateUnit {
     (target: HTMLElement | SVGElement | string, Component?: Function | string, props?: Object): Unit;
 }
 
-declare function Accordion(unit: Unit, { open, duration, easing }?: {
-    open?: boolean;
-    duration?: number;
-    easing?: string;
+declare function OpenAndClose(unit: Unit, { state: initialState }?: {
+    state?: number;
 }): {
-    toggle(): void;
-    open(): void;
-    close(): void;
-};
-declare function Modal(unit: Unit, { duration, easing }?: {
-    duration?: number;
-    easing?: string;
-}): {
-    close(): void;
+    toggle(duration?: number, easing?: string): void;
+    open(duration?: number, easing?: string): void;
+    close(duration?: number, easing?: string): void;
 };
 
-type ScreenFit = 'contain' | 'cover' | 'fill' | 'resize';
-declare function Screen(unit: Unit, { width, height, fit }?: {
-    width?: number;
-    height?: number;
+type ScreenFit = 'contain' | 'cover';
+declare function Screen(unit: Unit, { aspect, fit }?: {
+    aspect?: number;
     fit?: ScreenFit;
-}): {
-    readonly canvas: UnitElement;
-};
+}): void;
 
 declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
     stroke?: string;
@@ -235,13 +248,14 @@ declare class Synthesizer {
 
 declare namespace xnew {
     type Unit = InstanceType<typeof Unit>;
+    type UnitTimer = InstanceType<typeof UnitTimer>;
 }
 declare const xnew: CreateUnit & {
-    nest(tag: string, textContent?: string | number): HTMLElement | SVGElement;
+    nest(tag: string): HTMLElement | SVGElement;
     extend(component: Function, props?: Object): {
         [key: string]: any;
     };
-    context(key: string, value?: any): any;
+    context(key: any, value?: any): any;
     promise(promise: Promise<any>): UnitPromise;
     then(callback: Function): UnitPromise;
     catch(callback: Function): UnitPromise;
@@ -249,15 +263,14 @@ declare const xnew: CreateUnit & {
     scope(callback: any): any;
     find(component: Function): Unit[];
     emit(type: string, ...args: any[]): void;
-    timeout(timeout: Function, duration?: number): any;
-    interval(timeout: Function, duration: number, iterations?: number): any;
-    transition(transition: Function, duration?: number, easing?: string): any;
+    timeout(timeout: Function, duration?: number): UnitTimer;
+    interval(timeout: Function, duration: number, iterations?: number): UnitTimer;
+    transition(transition: Function, duration?: number, easing?: string): UnitTimer;
     protect(): void;
 } & {
     basics: {
         Screen: typeof Screen;
-        Modal: typeof Modal;
-        Accordion: typeof Accordion;
+        OpenAndClose: typeof OpenAndClose;
         AnalogStick: typeof AnalogStick;
         DPad: typeof DPad;
     };