@mulsense/xnew 0.1.12 → 0.2.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.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.d.ts

@@ -6,5 +6,8 @@ declare const _default: {
     readonly renderer: any;
     readonly scene: any;
     readonly canvas: any;
+    capture({ rect }?: {
+        rect?: number[];
+    }): any;
 };
 export default _default;

package/dist/addons/xpixi.js

@@ -50,12 +50,10 @@
             var _a;
             return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
         },
-        capture() {
-            var _a, _b;
-            const render = (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
-            const scene = (_b = xnew.context('xpixi.root')) === null || _b === void 0 ? void 0 : _b.scene;
-            const canvas = render.extract.canvas(scene);
-            return canvas.toDataURL('image/png', 1.0);
+        capture({ rect } = {}) {
+            const root = xnew.context('xpixi.root');
+            const frame = rect ? new PIXI__namespace.Rectangle(rect[0], rect[1], rect[2], rect[3]) : new PIXI__namespace.Rectangle(0, 0, root.canvas.width, root.canvas.height);
+            return root.renderer.extract.base64({ target: root.scene, frame });
         }
     };
     function Root(self, { canvas }) {
@@ -76,7 +74,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();
             });
@@ -89,14 +87,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

@@ -28,12 +28,10 @@ var xpixi = {
         var _a;
         return (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.canvas;
     },
-    capture() {
-        var _a, _b;
-        const render = (_a = xnew.context('xpixi.root')) === null || _a === void 0 ? void 0 : _a.renderer;
-        const scene = (_b = xnew.context('xpixi.root')) === null || _b === void 0 ? void 0 : _b.scene;
-        const canvas = render.extract.canvas(scene);
-        return canvas.toDataURL('image/png', 1.0);
+    capture({ rect } = {}) {
+        const root = xnew.context('xpixi.root');
+        const frame = rect ? new PIXI.Rectangle(rect[0], rect[1], rect[2], rect[3]) : new PIXI.Rectangle(0, 0, root.canvas.width, root.canvas.height);
+        return root.renderer.extract.base64({ target: root.scene, frame });
     }
 };
 function Root(self, { canvas }) {
@@ -54,7 +52,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();
         });
@@ -67,14 +65,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/Audio.d.ts

@@ -0,0 +1,5 @@
+import { Unit } from '../core/unit';
+export declare function VolumeController(unit: Unit, { range, icon }?: {
+    range?: number | string;
+    icon?: number | string;
+}): void;

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

@@ -0,0 +1,64 @@
+export declare const context: AudioContext;
+export declare const master: GainNode;
+export type AudioFilePlayOptions = {
+    offset?: number;
+    fade?: number;
+    loop?: boolean;
+};
+export type AudioFilePauseOptions = {
+    fade?: number;
+};
+export declare class AudioFile {
+    private buffer?;
+    private source;
+    private amp;
+    private fade;
+    promise: Promise<void>;
+    played: number | null;
+    constructor(path: string);
+    set volume(value: number);
+    get volume(): number;
+    play({ offset, fade, loop }?: AudioFilePlayOptions): void;
+    pause({ fade }?: AudioFilePauseOptions): number | undefined;
+    clear(): void;
+}
+export type SynthesizerOptions = {
+    oscillator: OscillatorOptions;
+    amp: AmpOptions;
+    filter?: FilterOptions;
+    reverb?: ReverbOptions;
+    bpm?: number;
+};
+type OscillatorOptions = {
+    type: OscillatorType;
+    envelope?: Envelope;
+    LFO?: LFO;
+};
+type FilterOptions = {
+    type: BiquadFilterType;
+    cutoff: number;
+};
+type AmpOptions = {
+    envelope: Envelope;
+};
+type ReverbOptions = {
+    time: number;
+    mix: number;
+};
+type Envelope = {
+    amount: number;
+    ADSR: [number, number, number, number];
+};
+type LFO = {
+    amount: number;
+    type: OscillatorType;
+    rate: number;
+};
+export declare class Synthesizer {
+    props: SynthesizerOptions;
+    constructor(props: SynthesizerOptions);
+    press(frequency: number | string, duration?: number | string, wait?: number): {
+        release: () => void;
+    } | undefined;
+}
+export {};

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

@@ -1,13 +1,13 @@
 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;
+    iterations: number;
     easing?: string;
 }
 export declare class Timer {

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

@@ -44,7 +44,6 @@ export declare class Unit {
     stop(): void;
     finalize(): void;
     reboot(): void;
-    append(...args: any[]): void;
     static initialize(unit: Unit, anchor: UnitElement | null): void;
     static finalize(unit: Unit): void;
     static nest(unit: Unit, tag: string): UnitElement;
@@ -82,6 +81,7 @@ export declare class UnitTimer {
     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;

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

@@ -1,4 +1,5 @@
 import { Unit, UnitPromise } from './unit';
+import { Synthesizer, SynthesizerOptions } from './audio';
 interface CreateUnit {
     /**
      * Creates a new Unit component
@@ -153,6 +154,10 @@ export declare const xnew: CreateUnit & {
      * }, 300)
      */
     transition(transition: Function, duration?: number, easing?: string): any;
-    style(text: string): void;
+    audio: {
+        load(path: string): UnitPromise;
+        synthesizer(props: SynthesizerOptions): Synthesizer;
+        volume: number;
+    };
 };
 export {};