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

package/dist/addons/xmatter.js

@@ -23,7 +23,7 @@
         root.isActive = true;
         root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
         xnew.context('xmatter.object', root.engine.world);
-        self.on('update', () => {
+        self.on('-update', () => {
             if (root.isActive) {
                 Matter.Engine.update(root.engine);
             }
@@ -33,7 +33,7 @@
         const parent = xnew.context('xmatter.object');
         xnew.context('xmatter.object', object);
         Matter.Composite.add(parent, object);
-        self.on('finalize', () => {
+        self.on('-finalize', () => {
             Matter.Composite.remove(parent, object);
         });
     }

package/dist/addons/xmatter.mjs

@@ -20,7 +20,7 @@ function Root(self, { engine }) {
     root.isActive = true;
     root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
     xnew.context('xmatter.object', root.engine.world);
-    self.on('update', () => {
+    self.on('-update', () => {
         if (root.isActive) {
             Matter.Engine.update(root.engine);
         }
@@ -30,7 +30,7 @@ function Nest(self, { object }) {
     const parent = xnew.context('xmatter.object');
     xnew.context('xmatter.object', object);
     Matter.Composite.add(parent, object);
-    self.on('finalize', () => {
+    self.on('-finalize', () => {
         Matter.Composite.remove(parent, object);
     });
 }

package/dist/addons/xpixi.js

@@ -49,7 +49,7 @@
         get canvas() {
             var _a;
             return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
-        }
+        },
     };
     function Root(self, { canvas }) {
         const root = {};
@@ -69,7 +69,7 @@
         root.updates = [];
         root.scene = new PIXI__namespace.Container();
         xnew.context('xpixi.object', root.scene);
-        self.on('update', () => {
+        self.on('-update', () => {
             root.updates.forEach((update) => {
                 update();
             });
@@ -82,14 +82,14 @@
         const parent = xnew.context('xpixi.object');
         xnew.context('xpixi.object', object);
         parent.addChild(object);
-        self.on('finalize', () => {
+        self.on('-finalize', () => {
             parent.removeChild(object);
         });
     }
     function PreUpdate(self, callback) {
         const root = xnew.context('xpixi.root');
         root.updates.push(callback);
-        self.on('finalize', () => {
+        self.on('-finalize', () => {
             root.updates = root.updates.filter((update) => update !== callback);
         });
     }

package/dist/addons/xpixi.mjs

@@ -27,7 +27,7 @@ var xpixi = {
     get canvas() {
         var _a;
         return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
-    }
+    },
 };
 function Root(self, { canvas }) {
     const root = {};
@@ -47,7 +47,7 @@ function Root(self, { canvas }) {
     root.updates = [];
     root.scene = new PIXI.Container();
     xnew.context('xpixi.object', root.scene);
-    self.on('update', () => {
+    self.on('-update', () => {
         root.updates.forEach((update) => {
             update();
         });
@@ -60,14 +60,14 @@ function Nest(self, { object }) {
     const parent = xnew.context('xpixi.object');
     xnew.context('xpixi.object', object);
     parent.addChild(object);
-    self.on('finalize', () => {
+    self.on('-finalize', () => {
         parent.removeChild(object);
     });
 }
 function PreUpdate(self, callback) {
     const root = xnew.context('xpixi.root');
     root.updates.push(callback);
-    self.on('finalize', () => {
+    self.on('-finalize', () => {
         root.updates = root.updates.filter((update) => update !== callback);
     });
 }

package/dist/addons/xrapier2d.js

@@ -27,7 +27,7 @@
             }
             // xnew.extend(Nest, root.world);
         });
-        self.on('update', () => {
+        self.on('-update', () => {
             if (root.world) {
                 root.world.step();
             }
@@ -40,7 +40,7 @@
         console.log(temp, type, object);
         // Rapier2D objects (RigidBody, Collider, etc.) are already added to the world
         // when created, so we only need to handle removal on finalize
-        self.on('finalize', () => {
+        self.on('-finalize', () => {
             try {
                 // Check if object is a RigidBody
                 if (type === 'rigidBody') {

package/dist/addons/xrapier2d.mjs

@@ -24,7 +24,7 @@ function Root(self, { gravity, timestep }) {
         }
         // xnew.extend(Nest, root.world);
     });
-    self.on('update', () => {
+    self.on('-update', () => {
         if (root.world) {
             root.world.step();
         }
@@ -37,7 +37,7 @@ function Connect(self, { type, object }) {
     console.log(temp, type, object);
     // Rapier2D objects (RigidBody, Collider, etc.) are already added to the world
     // when created, so we only need to handle removal on finalize
-    self.on('finalize', () => {
+    self.on('-finalize', () => {
         try {
             // Check if object is a RigidBody
             if (type === 'rigidBody') {

package/dist/addons/xthree.js

@@ -57,7 +57,7 @@
         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);
-        self.on('update', () => {
+        self.on('-update', () => {
             root.renderer.render(root.scene, root.camera);
         });
     }
@@ -66,7 +66,7 @@
         xnew.context('xthree.object', object);
         if (parent) {
             parent === null || parent === void 0 ? void 0 : parent.add(object);
-            self.on('finalize', () => {
+            self.on('-finalize', () => {
                 parent === null || parent === void 0 ? void 0 : parent.remove(object);
             });
         }

package/dist/addons/xthree.mjs

@@ -35,7 +35,7 @@ function Root(self, { 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);
-    self.on('update', () => {
+    self.on('-update', () => {
         root.renderer.render(root.scene, root.camera);
     });
 }
@@ -44,7 +44,7 @@ function Nest(self, { object }) {
     xnew.context('xthree.object', object);
     if (parent) {
         parent === null || parent === void 0 ? void 0 : parent.add(object);
-        self.on('finalize', () => {
+        self.on('-finalize', () => {
             parent === null || parent === void 0 ? void 0 : parent.remove(object);
         });
     }

package/dist/types/audio/audio.d.ts

@@ -1,18 +1,8 @@
 export declare const audio: {
-    load(path: string): AudioFile;
+    load(path: string): import("../core/unit").UnitPromise;
     synthesizer(props: SynthProps): Synthesizer;
     volume: number;
 };
-declare class AudioFile {
-    buffer?: AudioBuffer;
-    promise: Promise<void>;
-    source?: AudioBufferSourceNode;
-    amp?: GainNode;
-    start: number | null;
-    constructor(path: string);
-    play(offset?: number, loop?: boolean): void;
-    pause(): number | undefined;
-}
 type SynthProps = {
     oscillator: OscillatorOptions;
     amp: AmpOptions;

package/dist/types/basics/Event.d.ts

@@ -1,4 +1,4 @@
 import { Unit } from '../core/unit';
 export declare function ResizeEvent(resize: Unit): void;
-export declare function KeyboardEvent(unit: Unit): void;
+export declare function KeyboardEvent(keyboard: Unit): void;
 export declare function PointerEvent(unit: Unit): void;

package/dist/types/core/time.d.ts

@@ -1,24 +1,25 @@
 export declare class Ticker {
     private id;
-    constructor(callback: Function);
+    constructor(callback: Function, fps?: number);
     clear(): void;
 }
+export interface TimerOptions {
+    transition?: Function;
+    timeout?: Function;
+    duration: number;
+    iterations?: number;
+    easing?: string;
+}
 export declare class Timer {
-    private timeout;
-    private transition;
-    private duration;
-    private loop;
-    private easing;
+    private options;
     private id;
     private time;
+    private counter;
     private offset;
     private status;
     private visibilitychange;
     private ticker;
-    constructor(transition: Function | null, timeout: Function | null, duration?: number, { loop, easing }?: {
-        loop?: boolean;
-        easing?: string;
-    });
+    constructor(options: TimerOptions);
     clear(): void;
     elapsed(): number;
     start(): void;

package/dist/types/core/unit.d.ts

@@ -1,5 +1,5 @@
 import { MapSet, MapMap } from './map';
-import { Ticker } from './time';
+import { Ticker, TimerOptions } from './time';
 export type UnitElement = HTMLElement | SVGElement;
 interface Context {
     stack: Context | null;
@@ -27,14 +27,10 @@ interface UnitInternal {
     promises: Promise<any>[];
     elements: UnitElement[];
     components: Function[];
-    listeners1: MapMap<string, Function, {
+    listeners: MapMap<string, Function, {
         element: UnitElement;
         execute: Function;
     }>;
-    listeners2: MapMap<string, Function, {
-        element: UnitElement | Window | Document;
-        execute: Function;
-    }>;
     defines: Record<string, any>;
     systems: Record<string, Function[]>;
 }
@@ -72,8 +68,6 @@ export declare class Unit {
     on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
     off(type?: string, listener?: Function): void;
     emit(type: string, ...args: any[]): void;
-    static subon(unit: Unit, target: UnitElement | Window | Document, type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
-    static suboff(unit: Unit, target: UnitElement | Window | Document | null, type?: string, listener?: Function): void;
 }
 export declare class UnitPromise {
     private promise;
@@ -85,31 +79,14 @@ export declare class UnitPromise {
 export declare class UnitTimer {
     private unit;
     private stack;
-    constructor({ transition, timeout, duration, easing, loop }: {
-        transition?: Function;
-        timeout?: Function;
-        duration: number;
-        easing?: string;
-        loop?: boolean;
-    });
+    constructor(options: TimerOptions);
     clear(): void;
     timeout(timeout: Function, duration?: number): this;
     transition(transition: Function, duration?: number, easing?: string): this;
-    static execute(timer: UnitTimer, { transition, timeout, duration, easing, loop }: {
-        transition?: Function;
-        timeout?: Function;
-        duration: number;
-        easing?: string;
-        loop?: boolean;
-    }): void;
+    static execute(timer: UnitTimer, options: TimerOptions): void;
     static next(timer: UnitTimer): void;
-    static Component(unit: Unit, { snapshot, transition, timeout, duration, loop, easing }: {
+    static Component(unit: Unit, options: TimerOptions & {
         snapshot: Snapshot;
-        transition?: Function;
-        timeout?: Function;
-        duration?: number;
-        loop?: boolean;
-        easing?: string;
     }): void;
 }
 export {};

package/dist/types/core/xnew.d.ts

@@ -138,7 +138,7 @@ export declare const xnew: CreateUnit & {
      * const timer = xnew.interval(() => console.log('Tick'), 1000)
      * // Stop when needed: timer.clear()
      */
-    interval(timeout: Function, duration: number): any;
+    interval(timeout: Function, duration: number, iterations?: number): any;
     /**
      * Creates a transition animation with easing, executing callback with progress values
      * @param callback - Function called with progress value (0.0 to 1.0)
@@ -153,18 +153,5 @@ export declare const xnew: CreateUnit & {
      * }, 300)
      */
     transition(transition: Function, duration?: number, easing?: string): any;
-    /**
-     * Creates an event listener manager for a target element with automatic cleanup
-     * @param target - Element, Window, or Document to attach listeners to
-     * @returns Object with on() and off() methods for managing event listeners
-     * @example
-     * const mouse = xnew.listener(window)
-     * mouse.on('mousemove', (e) => console.log(e.clientX, e.clientY))
-     * // Automatically cleaned up when component finalizes
-     */
-    listener(target: HTMLElement | SVGElement | Window | Document): {
-        on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
-        off(type?: string, listener?: Function): void;
-    };
 };
 export {};

package/dist/xnew.d.ts

@@ -22,7 +22,7 @@ declare class MapMap<Key1, Key2, Value> extends Map<Key1, Map<Key2, Value>> {
 
 declare class Ticker {
     private id;
-    constructor(callback: Function);
+    constructor(callback: Function, fps?: number);
     clear(): void;
 }
 
@@ -53,14 +53,10 @@ interface UnitInternal {
     promises: Promise<any>[];
     elements: UnitElement[];
     components: Function[];
-    listeners1: MapMap<string, Function, {
+    listeners: MapMap<string, Function, {
         element: UnitElement;
         execute: Function;
     }>;
-    listeners2: MapMap<string, Function, {
-        element: UnitElement | Window | Document;
-        execute: Function;
-    }>;
     defines: Record<string, any>;
     systems: Record<string, Function[]>;
 }
@@ -98,8 +94,6 @@ declare class Unit {
     on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
     off(type?: string, listener?: Function): void;
     emit(type: string, ...args: any[]): void;
-    static subon(unit: Unit, target: UnitElement | Window | Document, type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
-    static suboff(unit: Unit, target: UnitElement | Window | Document | null, type?: string, listener?: Function): void;
 }
 declare class UnitPromise {
     private promise;
@@ -248,7 +242,7 @@ declare const xnew$1: CreateUnit & {
      * const timer = xnew.interval(() => console.log('Tick'), 1000)
      * // Stop when needed: timer.clear()
      */
-    interval(timeout: Function, duration: number): any;
+    interval(timeout: Function, duration: number, iterations?: number): any;
     /**
      * Creates a transition animation with easing, executing callback with progress values
      * @param callback - Function called with progress value (0.0 to 1.0)
@@ -263,19 +257,6 @@ declare const xnew$1: CreateUnit & {
      * }, 300)
      */
     transition(transition: Function, duration?: number, easing?: string): any;
-    /**
-     * Creates an event listener manager for a target element with automatic cleanup
-     * @param target - Element, Window, or Document to attach listeners to
-     * @returns Object with on() and off() methods for managing event listeners
-     * @example
-     * const mouse = xnew.listener(window)
-     * mouse.on('mousemove', (e) => console.log(e.clientX, e.clientY))
-     * // Automatically cleaned up when component finalizes
-     */
-    listener(target: HTMLElement | SVGElement | Window | Document): {
-        on(type: string, listener: Function, options?: boolean | AddEventListenerOptions): void;
-        off(type?: string, listener?: Function): void;
-    };
 };
 
 declare function AccordionFrame(frame: Unit, { open, duration, easing }?: {
@@ -299,7 +280,7 @@ declare function AccordionContent(content: Unit, {}?: {}): {
 };
 
 declare function ResizeEvent(resize: Unit): void;
-declare function KeyboardEvent(unit: Unit): void;
+declare function KeyboardEvent(keyboard: Unit): void;
 declare function PointerEvent(unit: Unit): void;
 
 declare function Screen(screen: Unit, { width, height, fit }?: {
@@ -378,20 +359,10 @@ declare function DirectionalPad(self: Unit, { size, diagonal, fill, fillOpacity,
 }): void;
 
 declare const audio: {
-    load(path: string): AudioFile;
+    load(path: string): UnitPromise;
     synthesizer(props: SynthProps): Synthesizer;
     volume: number;
 };
-declare class AudioFile {
-    buffer?: AudioBuffer;
-    promise: Promise<void>;
-    source?: AudioBufferSourceNode;
-    amp?: GainNode;
-    start: number | null;
-    constructor(path: string);
-    play(offset?: number, loop?: boolean): void;
-    pause(): number | undefined;
-}
 type SynthProps = {
     oscillator: OscillatorOptions;
     amp: AmpOptions;