@mulsense/xnew 0.3.7 → 0.4.1

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.3.x/dist/xnew.js"></script>
+<script src="https://unpkg.com/@mulsense/xnew@0.4.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.3.x/dist/xnew.mjs"
+        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.4.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.3.x
+npm install @mulsense/xnew@0.4.x
 ```
 
 Then import it in your JavaScript file:

package/dist/addons/xmatter.js

@@ -21,9 +21,6 @@
         const root = {};
         xnew.context('xmatter.root', root);
         root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
-        unit.on('process', () => {
-            Matter.Engine.update(root.engine);
-        });
     }
 
     return xmatter;

package/dist/addons/xmatter.mjs

@@ -18,9 +18,6 @@ function Root(unit, { engine }) {
     const root = {};
     xnew.context('xmatter.root', root);
     root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
-    unit.on('process', () => {
-        Matter.Engine.update(root.engine);
-    });
 }
 
 export { xmatter as default };

package/dist/addons/xpixi.d.ts

@@ -1,9 +1,10 @@
-import * as PIXI from 'pixi.js';
-
 declare const _default: {
-    initialize({ renderer, canvas }?: any): void;
+    initialize({ renderer, canvas }?: {
+        renderer?: any;
+        canvas?: HTMLCanvasElement | null;
+        update?: boolean;
+    }): void;
     nest(object: any): any;
-    sync(canvas: any): PIXI.Texture<PIXI.TextureSource<any>>;
     readonly renderer: any;
     readonly scene: any;
     readonly canvas: 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({ renderer = null, canvas = null, update = true } = {}) {
+            xnew.extend(Root, { renderer, canvas, update });
         },
         nest(object) {
             xnew.extend(Nest, { object });
@@ -51,7 +51,7 @@
             return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
         },
     };
-    function Root(unit, { canvas }) {
+    function Root(unit, { canvas, update }) {
         const root = {};
         xnew.context('xpixi.root', root);
         root.canvas = canvas;
@@ -63,14 +63,14 @@
         root.updates = [];
         root.scene = new PIXI__namespace.Container();
         xnew.context('xpixi.object', root.scene);
-        unit.on('update', () => {
-            root.updates.forEach((update) => {
-                update();
-            });
-            if (root.renderer && root.scene) {
+        if (update === true) {
+            unit.on('update', () => {
+                root.updates.forEach((update) => {
+                    update();
+                });
                 root.renderer.render(root.scene);
-            }
-        });
+            });
+        }
     }
     function Nest(unit, { object }) {
         const parent = xnew.context('xpixi.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({ renderer = null, canvas = null, update = true } = {}) {
+        xnew.extend(Root, { renderer, canvas, update });
     },
     nest(object) {
         xnew.extend(Nest, { object });
@@ -29,7 +29,7 @@ var xpixi = {
         return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
     },
 };
-function Root(unit, { canvas }) {
+function Root(unit, { canvas, update }) {
     const root = {};
     xnew.context('xpixi.root', root);
     root.canvas = canvas;
@@ -41,14 +41,14 @@ function Root(unit, { canvas }) {
     root.updates = [];
     root.scene = new PIXI.Container();
     xnew.context('xpixi.object', root.scene);
-    unit.on('update', () => {
-        root.updates.forEach((update) => {
-            update();
-        });
-        if (root.renderer && root.scene) {
+    if (update === true) {
+        unit.on('update', () => {
+            root.updates.forEach((update) => {
+                update();
+            });
             root.renderer.render(root.scene);
-        }
-    });
+        });
+    }
 }
 function Nest(unit, { object }) {
     const parent = xnew.context('xpixi.object');

package/dist/addons/xrapier2d.js

@@ -13,15 +13,12 @@
             return (_a = xnew.context('xrapier2d.root')) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
-    function Root(self, { gravity }) {
+    function Root(unit, { gravity }) {
         const root = {};
         xnew.context('xrapier2d.root', root);
         xnew.promise(RAPIER.init()).then(() => {
             root.world = new RAPIER.World(gravity);
         });
-        self.on('process', () => {
-            root.world.step();
-        });
     }
 
     return xrapier2d;

package/dist/addons/xrapier2d.mjs

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

package/dist/addons/xrapier3d.js

@@ -13,15 +13,12 @@
             return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
         },
     };
-    function Root(self, { gravity }) {
+    function Root(unit, { gravity }) {
         const root = {};
         xnew.context('xrapier3d.root', root);
         xnew.promise(RAPIER.init()).then(() => {
             root.world = new RAPIER.World(gravity);
         });
-        self.on('process', () => {
-            root.world.step();
-        });
     }
 
     return xrapier3d;

package/dist/addons/xrapier3d.mjs

@@ -10,15 +10,12 @@ var xrapier3d = {
         return (_a = xnew.context('xrapier3d.root')) === null || _a === void 0 ? void 0 : _a.world;
     },
 };
-function Root(self, { gravity }) {
+function Root(unit, { gravity }) {
     const root = {};
     xnew.context('xrapier3d.root', root);
     xnew.promise(RAPIER.init()).then(() => {
         root.world = new RAPIER.World(gravity);
     });
-    self.on('process', () => {
-        root.world.step();
-    });
 }
 
 export { xrapier3d as default };

package/dist/addons/xthree.d.ts

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

package/dist/addons/xthree.js

@@ -24,8 +24,8 @@
     var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
     var xthree = {
-        initialize({ renderer = null, canvas = null, camera = null } = {}) {
-            xnew.extend(Root, { renderer, canvas, camera });
+        initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
+            xnew.extend(Root, { renderer, canvas, camera, update });
         },
         nest(object) {
             xnew.extend(Nest, { object });
@@ -46,9 +46,9 @@
         get canvas() {
             var _a;
             return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
-        }
+        },
     };
-    function Root(unit, { canvas, camera }) {
+    function Root(unit, { canvas, camera, update }) {
         const root = {};
         xnew.context('xthree.root', root);
         root.canvas = canvas;
@@ -57,9 +57,11 @@
         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);
-        unit.on('update', () => {
-            root.renderer.render(root.scene, root.camera);
-        });
+        if (update === true) {
+            unit.on('update', () => {
+                root.renderer.render(root.scene, root.camera);
+            });
+        }
     }
     function Nest(unit, { object }) {
         const parent = xnew.context('xthree.object');

package/dist/addons/xthree.mjs

@@ -2,8 +2,8 @@ import xnew from '@mulsense/xnew';
 import * as THREE from 'three';
 
 var xthree = {
-    initialize({ renderer = null, canvas = null, camera = null } = {}) {
-        xnew.extend(Root, { renderer, canvas, camera });
+    initialize({ renderer = null, canvas = null, camera = null, update = true } = {}) {
+        xnew.extend(Root, { renderer, canvas, camera, update });
     },
     nest(object) {
         xnew.extend(Nest, { object });
@@ -24,9 +24,9 @@ var xthree = {
     get canvas() {
         var _a;
         return (_a = xnew.context('xthree.root')) === null || _a === void 0 ? void 0 : _a.canvas;
-    }
+    },
 };
-function Root(unit, { canvas, camera }) {
+function Root(unit, { canvas, camera, update }) {
     const root = {};
     xnew.context('xthree.root', root);
     root.canvas = canvas;
@@ -35,9 +35,11 @@ function Root(unit, { canvas, camera }) {
     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);
-    unit.on('update', () => {
-        root.renderer.render(root.scene, root.camera);
-    });
+    if (update === true) {
+        unit.on('update', () => {
+            root.renderer.render(root.scene, root.camera);
+        });
+    }
 }
 function Nest(unit, { object }) {
     const parent = xnew.context('xthree.object');

package/dist/xnew.d.ts

@@ -20,13 +20,36 @@ declare class MapMap<Key1, Key2, Value> extends Map<Key1, Map<Key2, Value>> {
     delete(key1: Key1, key2: Key2): boolean;
 }
 
-declare class Ticker {
-    private id;
-    constructor(callback: Function, fps?: number);
-    clear(): void;
+type UnitElement = HTMLElement | SVGElement;
+
+interface EventProps {
+    element: UnitElement;
+    type: string;
+    listener: Function;
+    options?: boolean | AddEventListenerOptions;
+}
+declare class EventManager {
+    private map;
+    add(props: EventProps): void;
+    remove({ type, listener }: {
+        type: string;
+        listener: Function;
+    }): void;
+    private basic;
+    private resize;
+    private click;
+    private click_outside;
+    private pointer;
+    private mouse;
+    private touch;
+    private pointer_outside;
+    private wheel;
+    private drag;
+    private gesture;
+    private key;
+    private key_arrow;
 }
 
-type UnitElement = HTMLElement | SVGElement;
 interface Context {
     stack: Context | null;
     key?: string;
@@ -36,8 +59,9 @@ interface Snapshot {
     unit: Unit;
     context: Context;
     element: UnitElement;
+    component: Function | null;
 }
-interface UnitInternal {
+interface Internal {
     parent: Unit | null;
     target: Object | null;
     props?: Object;
@@ -58,14 +82,19 @@ interface UnitInternal {
     components: Function[];
     listeners: MapMap<string, Function, {
         element: UnitElement;
+        component: Function | null;
         execute: Function;
     }>;
     defines: Record<string, any>;
-    systems: Record<string, Function[]>;
+    systems: Record<string, {
+        listener: Function;
+        execute: Function;
+    }[]>;
+    eventManager: EventManager;
 }
 declare class Unit {
     [key: string]: any;
-    _: UnitInternal;
+    _: Internal;
     constructor(parent: Unit | null, ...args: any[]);
     get element(): UnitElement;
     start(): void;
@@ -75,16 +104,16 @@ declare class Unit {
     static initialize(unit: Unit, anchor: UnitElement | null): void;
     static finalize(unit: Unit): void;
     static nest(unit: Unit, tag: string): UnitElement;
+    static currentComponent: Function;
     static extend(unit: Unit, component: Function, props?: Object): {
         [key: string]: any;
     };
     static start(unit: Unit): void;
     static stop(unit: Unit): void;
     static update(unit: Unit): void;
-    static process(unit: Unit): void;
-    static root: Unit;
-    static current: Unit;
-    static ticker: Ticker;
+    static render(unit: Unit): void;
+    static rootUnit: Unit;
+    static currentUnit: Unit;
     static reset(): void;
     static wrap(unit: Unit, listener: Function): (...args: any[]) => any;
     static scope(snapshot: Snapshot, func: Function, ...args: any[]): any;
@@ -95,6 +124,8 @@ declare class Unit {
     static type2units: MapSet<string, Unit>;
     on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
     off(type?: string, listener?: Function): void;
+    static on(unit: Unit, type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
+    static off(unit: Unit, type: string, listener?: Function): void;
     static emit(type: string, ...args: any[]): void;
 }
 declare class UnitPromise {
@@ -264,21 +295,18 @@ declare function AccordionFrame(frame: Unit, { open, duration, easing }?: {
     open(): void;
     close(): void;
 };
-declare function AccordionHeader(header: Unit, {}?: {}): void;
-declare function AccordionBullet(bullet: Unit, { type }?: {
+declare function AccordionHeader(unit: Unit, {}?: {}): void;
+declare function AccordionBullet(unit: Unit, { type }?: {
     type?: string;
 }): void;
-declare function AccordionContent(content: Unit, {}?: {}): {
+declare function AccordionContent(unit: Unit, {}?: {}): {
     transition({ element, rate }: {
         element: HTMLElement;
         rate: number;
     }): void;
 };
 
-declare function ResizeEvent(resize: Unit): void;
-declare function DirectEvent(unit: Unit): void;
-
-declare function Screen(screen: Unit, { width, height, fit }?: {
+declare function Screen(unit: Unit, { width, height, fit }?: {
     width?: number | undefined;
     height?: number | undefined;
     fit?: string | undefined;
@@ -330,7 +358,7 @@ declare function DragFrame(frame: Unit, { x, y }?: {
     x?: number;
     y?: number;
 }): void;
-declare function DragTarget(target: Unit, {}?: {}): void;
+declare function DragTarget(unit: Unit, {}?: {}): void;
 
 declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
     stroke?: string;
@@ -357,8 +385,6 @@ declare function TextStream(unit: Unit, { text, speed, fade }?: {
     fade?: number;
 }): void;
 
-declare function VolumeController(unit: Unit, {}?: {}): void;
-
 declare const icons: {
     AcademicCap(unit: Unit, props: Object): void;
     AdjustmentsHorizontal(unit: Unit, props: Object): void;
@@ -728,8 +754,6 @@ declare class Synthesizer {
 
 declare const basics: {
     Screen: typeof Screen;
-    DirectEvent: typeof DirectEvent;
-    ResizeEvent: typeof ResizeEvent;
     ModalFrame: typeof ModalFrame;
     ModalContent: typeof ModalContent;
     AccordionFrame: typeof AccordionFrame;
@@ -744,7 +768,6 @@ declare const basics: {
     DragTarget: typeof DragTarget;
     AnalogStick: typeof AnalogStick;
     DirectionalPad: typeof DirectionalPad;
-    VolumeController: typeof VolumeController;
 };
 
 declare const audio: {