@mulsense/xnew 0.3.1 → 0.3.3

package/dist/addons/xmatter.d.ts

@@ -3,4 +3,5 @@ declare const _default: {
     readonly engine: any;
     readonly world: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xpixi.d.ts

@@ -1,10 +1,10 @@
-import * as PIXI from 'pixi.js';
 declare const _default: {
     initialize({ renderer, canvas }?: any): void;
     nest(object: any): any;
-    sync(canvas: any): PIXI.Texture<PIXI.TextureSource<any>>;
+    sync(canvas: any): any;
     readonly renderer: any;
     readonly scene: any;
     readonly canvas: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xpixi.js

@@ -60,12 +60,7 @@
             antialias: true, backgroundAlpha: 0,
         });
         root.renderer = null;
-        if (renderer instanceof Promise) {
-            xnew.promise(renderer).then((renderer) => root.renderer = renderer);
-        }
-        else {
-            root.renderer = renderer;
-        }
+        xnew.promise(renderer, false).then((renderer) => root.renderer = renderer);
         root.updates = [];
         root.scene = new PIXI__namespace.Container();
         xnew.context('xpixi.object', root.scene);

package/dist/addons/xpixi.mjs

@@ -38,12 +38,7 @@ function Root(self, { canvas }) {
         antialias: true, backgroundAlpha: 0,
     });
     root.renderer = null;
-    if (renderer instanceof Promise) {
-        xnew.promise(renderer).then((renderer) => root.renderer = renderer);
-    }
-    else {
-        root.renderer = renderer;
-    }
+    xnew.promise(renderer, false).then((renderer) => root.renderer = renderer);
     root.updates = [];
     root.scene = new PIXI.Container();
     xnew.context('xpixi.object', root.scene);

package/dist/addons/xrapier2d.d.ts

@@ -3,4 +3,5 @@ declare const _default: {
     connect(type: any, object: any): any;
     readonly world: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/addons/xrapier2d.js

@@ -20,7 +20,7 @@
     function Root(self, { gravity, timestep }) {
         const root = {};
         xnew.context('xrapier2d.root', root);
-        xnew.promise(RAPIER.init()).then(() => {
+        xnew.promise(RAPIER.init(), false).then(() => {
             root.world = new RAPIER.World(gravity);
             if (timestep !== null) {
                 root.world.timestep = timestep;

package/dist/addons/xrapier2d.mjs

@@ -17,7 +17,7 @@ var xrapier2d = {
 function Root(self, { gravity, timestep }) {
     const root = {};
     xnew.context('xrapier2d.root', root);
-    xnew.promise(RAPIER.init()).then(() => {
+    xnew.promise(RAPIER.init(), false).then(() => {
         root.world = new RAPIER.World(gravity);
         if (timestep !== null) {
             root.world.timestep = timestep;

package/dist/addons/xthree.d.ts

@@ -6,4 +6,5 @@ declare const _default: {
     readonly scene: any;
     readonly canvas: any;
 };
-export default _default;
+
+export { _default as default };

package/dist/xnew.d.ts

@@ -97,7 +97,8 @@ declare class Unit {
 }
 declare class UnitPromise {
     promise: Promise<any>;
-    constructor(promise: Promise<any>);
+    useResult: Boolean;
+    constructor(promise: Promise<any>, useResult: Boolean);
     then(callback: Function): UnitPromise;
     catch(callback: Function): UnitPromise;
     finally(callback: Function): UnitPromise;
@@ -169,7 +170,7 @@ declare const xnew$1: CreateUnit & {
      * @example
      * xnew.promise(fetchData()).then(data => console.log(data))
      */
-    promise(promise: Promise<any>): UnitPromise;
+    promise(promise: Promise<any>, useResult?: Boolean): UnitPromise;
     /**
      * Handles successful resolution of all registered promises in the current component
      * @param callback - Function to call when all promises resolve

package/dist/xnew.js

@@ -527,7 +527,10 @@
     // unit promise
     //----------------------------------------------------------------------------------------------------
     class UnitPromise {
-        constructor(promise) { this.promise = promise; }
+        constructor(promise, useResult) {
+            this.promise = promise;
+            this.useResult = useResult;
+        }
         then(callback) {
             this.promise = this.promise.then(Unit.wrap(Unit.current, callback));
             return this;
@@ -675,9 +678,9 @@
          * @example
          * xnew.promise(fetchData()).then(data => console.log(data))
          */
-        promise(promise) {
+        promise(promise, useResult = true) {
             try {
-                Unit.current._.promises.push(new UnitPromise(promise));
+                Unit.current._.promises.push(new UnitPromise(promise, useResult));
                 return Unit.current._.promises[Unit.current._.promises.length - 1];
             }
             catch (error) {
@@ -694,7 +697,11 @@
          */
         then(callback) {
             try {
-                return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).then(callback);
+                const promises = Unit.current._.promises;
+                return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                    .then((results) => {
+                    callback(results.filter((_result, index) => promises[index].useResult));
+                });
             }
             catch (error) {
                 console.error('xnew.then(callback: Function): ', error);
@@ -710,7 +717,9 @@
          */
         catch(callback) {
             try {
-                return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).catch(callback);
+                const promises = Unit.current._.promises;
+                return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                    .catch(callback);
             }
             catch (error) {
                 console.error('xnew.catch(callback: Function): ', error);
@@ -726,7 +735,9 @@
          */
         finally(callback) {
             try {
-                return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).finally(callback);
+                const promises = Unit.current._.promises;
+                return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                    .finally(callback);
             }
             catch (error) {
                 console.error('xnew.finally(callback: Function): ', error);
@@ -1689,25 +1700,7 @@
     // heroicons
     // https://heroicons.com/outline
     // MIT License
-    function OutLineTemplate(unit, { frame, stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
-        if (frame) {
-            xnew$1((unit) => {
-                xnew$1.nest(`<div style="position: absolute; margin: auto; width: 100%; height: 100%;">`);
-                xnew$1.nest('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.0" stroke="currentColor">');
-                if (frame === 'circle') {
-                    xnew$1('<circle cx="12" cy="12" r="11">');
-                }
-                else if (frame === 'square') {
-                    xnew$1('<rect x="2" y="2" width="20" height="20" rx="0">');
-                }
-                else if (frame === 'rounded-square') {
-                    xnew$1('<rect x="2" y="2" width="20" height="20" rx="6">');
-                }
-            });
-        }
-        if (frame) {
-            xnew$1.nest(`<div style="position: absolute; inset: 0; margin: auto; width: 70%; height: 70%;">`);
-        }
+    function OutLineTemplate(unit, { stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
         xnew$1.nest(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
       style="stroke-width: ${strokeWidth}; stroke: ${stroke}; stroke-opacity: ${strokeOpacity}; stroke-linejoin: ${strokeLinejoin}; stroke-linecap: ${strokeLinecap};"
     >`);
@@ -4050,7 +4043,7 @@
                     const unit = xnew();
                     if (music.played === null) {
                         music.play(options);
-                        unit.on('-finalize', () => music.pause({ fade: options.fade }));
+                        unit.on('finalize', () => music.pause({ fade: options.fade }));
                     }
                 },
                 pause(options) {

package/dist/xnew.mjs

@@ -521,7 +521,10 @@ Unit.type2units = new MapSet();
 // unit promise
 //----------------------------------------------------------------------------------------------------
 class UnitPromise {
-    constructor(promise) { this.promise = promise; }
+    constructor(promise, useResult) {
+        this.promise = promise;
+        this.useResult = useResult;
+    }
     then(callback) {
         this.promise = this.promise.then(Unit.wrap(Unit.current, callback));
         return this;
@@ -669,9 +672,9 @@ const xnew$1 = Object.assign(function (...args) {
      * @example
      * xnew.promise(fetchData()).then(data => console.log(data))
      */
-    promise(promise) {
+    promise(promise, useResult = true) {
         try {
-            Unit.current._.promises.push(new UnitPromise(promise));
+            Unit.current._.promises.push(new UnitPromise(promise, useResult));
             return Unit.current._.promises[Unit.current._.promises.length - 1];
         }
         catch (error) {
@@ -688,7 +691,11 @@ const xnew$1 = Object.assign(function (...args) {
      */
     then(callback) {
         try {
-            return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).then(callback);
+            const promises = Unit.current._.promises;
+            return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                .then((results) => {
+                callback(results.filter((_result, index) => promises[index].useResult));
+            });
         }
         catch (error) {
             console.error('xnew.then(callback: Function): ', error);
@@ -704,7 +711,9 @@ const xnew$1 = Object.assign(function (...args) {
      */
     catch(callback) {
         try {
-            return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).catch(callback);
+            const promises = Unit.current._.promises;
+            return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                .catch(callback);
         }
         catch (error) {
             console.error('xnew.catch(callback: Function): ', error);
@@ -720,7 +729,9 @@ const xnew$1 = Object.assign(function (...args) {
      */
     finally(callback) {
         try {
-            return new UnitPromise(Promise.all(Unit.current._.promises.map(p => p.promise))).finally(callback);
+            const promises = Unit.current._.promises;
+            return new UnitPromise(Promise.all(promises.map(p => p.promise)), true)
+                .finally(callback);
         }
         catch (error) {
             console.error('xnew.finally(callback: Function): ', error);
@@ -1683,25 +1694,7 @@ class Synthesizer {
 // heroicons
 // https://heroicons.com/outline
 // MIT License
-function OutLineTemplate(unit, { frame, stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
-    if (frame) {
-        xnew$1((unit) => {
-            xnew$1.nest(`<div style="position: absolute; margin: auto; width: 100%; height: 100%;">`);
-            xnew$1.nest('<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.0" stroke="currentColor">');
-            if (frame === 'circle') {
-                xnew$1('<circle cx="12" cy="12" r="11">');
-            }
-            else if (frame === 'square') {
-                xnew$1('<rect x="2" y="2" width="20" height="20" rx="0">');
-            }
-            else if (frame === 'rounded-square') {
-                xnew$1('<rect x="2" y="2" width="20" height="20" rx="6">');
-            }
-        });
-    }
-    if (frame) {
-        xnew$1.nest(`<div style="position: absolute; inset: 0; margin: auto; width: 70%; height: 70%;">`);
-    }
+function OutLineTemplate(unit, { stroke = 'currentColor', strokeOpacity = 1.0, strokeWidth = 1.5, strokeLinejoin = 'round', strokeLinecap = 'round' } = {}) {
     xnew$1.nest(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
       style="stroke-width: ${strokeWidth}; stroke: ${stroke}; stroke-opacity: ${strokeOpacity}; stroke-linejoin: ${strokeLinejoin}; stroke-linecap: ${strokeLinecap};"
     >`);
@@ -4044,7 +4037,7 @@ const audio = {
                 const unit = xnew();
                 if (music.played === null) {
                     music.play(options);
-                    unit.on('-finalize', () => music.pause({ fade: options.fade }));
+                    unit.on('finalize', () => music.pause({ fade: options.fade }));
                 }
             },
             pause(options) {

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "Component-Oriented Programming"
   ],
-  "version": "0.3.1",
+  "version": "0.3.3",
   "main": "dist/xnew.js",
   "module": "dist/xnew.mjs",
   "types": "dist/xnew.d.ts",

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

@@ -1,64 +0,0 @@
-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/audio/file.d.ts

@@ -1,12 +0,0 @@
-export declare function load(path: string): AudioFile;
-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;
-}
-export {};

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

@@ -1,13 +0,0 @@
-export declare function load(path: string): AudioFile;
-declare class AudioFile {
-    data: any;
-    startTime: number | null;
-    source: AudioBufferSourceNode;
-    amp: GainNode;
-    constructor(path: string);
-    isReady(): boolean;
-    get promise(): Promise<void>;
-    play(offset?: number): void;
-    pause(): number | undefined;
-}
-export {};

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

@@ -1,41 +0,0 @@
-export declare function synthesizer(props: SynthProps): Synthesizer;
-type SynthProps = {
-    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;
-};
-declare class Synthesizer {
-    props: SynthProps;
-    constructor(props: SynthProps);
-    press(frequency: number | string, duration?: number | string, wait?: number): {
-        release: () => void;
-    } | undefined;
-}
-export {};

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

@@ -1,20 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function AccordionFrame(frame: Unit, { open, duration, easing }?: {
-    open?: boolean;
-    duration?: number;
-    easing?: string;
-}): {
-    toggle(): void;
-    open(): void;
-    close(): void;
-};
-export declare function AccordionHeader(header: Unit, {}?: {}): void;
-export declare function AccordionBullet(bullet: Unit, { type }?: {
-    type?: string;
-}): void;
-export declare function AccordionContent(content: Unit, {}?: {}): {
-    transition({ element, rate }: {
-        element: HTMLElement;
-        rate: number;
-    }): void;
-};

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

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function VolumeController(unit: Unit, {}?: {}): void;

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

@@ -1,24 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Modal(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-};
-export declare function Accordion(self: xnew.Unit, { open, duration, easing }?: {
-    open?: boolean | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-    toggle(): void;
-};
-export declare function Tab(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    assign(name: string, component: Function): void;
-    select(name: string): void;
-};

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

@@ -1,7 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function BulletArrow(self: xnew.Unit, { rotate, color }?: {
-    rotate?: number;
-    color?: string;
-}): {
-    rotate(rotate: number, transition?: number, easing?: string): void;
-};

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

@@ -1,7 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function ControlPanel(self: xnew.Unit, {}?: {}): {
-    group(name: string): void;
-    button(name: string, component: Function, props?: any): void;
-    range(name: string, component: Function, props?: any): void;
-    select(name: string): void;
-};

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

@@ -1,19 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
-    stroke?: string;
-    strokeOpacity?: number;
-    strokeWidth?: number;
-    strokeLinejoin?: string;
-    diagonal?: boolean;
-    fill?: string;
-    fillOpacity?: number;
-}): void;
-export declare function DirectionalPad(unit: Unit, { diagonal, stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
-    diagonal?: boolean;
-    stroke?: string;
-    strokeOpacity?: number;
-    strokeWidth?: number;
-    strokeLinejoin?: string;
-    fill?: string;
-    fillOpacity?: number;
-}): void;

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

@@ -1,6 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function DragFrame(frame: Unit, { x, y }?: {
-    x?: number;
-    y?: number;
-}): void;
-export declare function DragTarget(target: Unit, {}?: {}): void;

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

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

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

@@ -1 +0,0 @@
-export declare function File(data: string, filename: string, mimeType?: string): void;

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

@@ -1,8 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function InputRange(frame: Unit, { value, min, max, step, ...attributes }?: {
-    value?: number | string;
-    min?: number | string;
-    max?: number | string;
-    step?: number | string;
-    attributes?: Object;
-}): void;

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

@@ -1,2 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function KeyEvent(unit: xnew.Unit): void;

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

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function KeyboardEvent(unit: Unit): void;

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

@@ -1,15 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function ModalFrame(frame: Unit, { duration, easing }?: {
-    duration?: number;
-    easing?: string;
-}): {
-    close(): void;
-};
-export declare function ModalContent(content: Unit, { background }?: {
-    background?: string;
-}): {
-    transition({ element, rate }: {
-        element: HTMLElement;
-        rate: number;
-    }): void;
-};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function PanelFrame(frame: xnew.Unit): void;
-export declare function PanelGroup(group: xnew.Unit, { name, open }?: {
-    name?: string;
-    open?: boolean;
-}): void;

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

@@ -1,2 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function PointerEvent(unit: Unit): void;

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

@@ -1,8 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function Modal(self: xnew.Unit, { duration, easing }?: {
-    duration?: number | undefined;
-    easing?: string | undefined;
-}): {
-    open(): void;
-    close(): void;
-};

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

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

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

@@ -1,9 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function Screen(screen: Unit, { width, height, fit }?: {
-    width?: number | undefined;
-    height?: number | undefined;
-    fit?: string | undefined;
-}): {
-    readonly canvas: import("../core/unit").UnitElement;
-    resize(width: number, height: number): void;
-};

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

@@ -1,6 +0,0 @@
-import { xnew } from '../core/xnew';
-export declare function DragFrame(frame: xnew.Unit, { x, y }?: {
-    x?: number;
-    y?: number;
-}): void;
-export declare function DragTarget(target: xnew.Unit, {}?: {}): void;

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

@@ -1,24 +0,0 @@
-import { Unit } from '../core/unit';
-export declare function TabFrame(frame: Unit, { select }?: {
-    select?: string;
-}): void;
-export declare function TabButton(button: Unit, { key }?: {
-    key?: string;
-}): {
-    select({ element }: {
-        element: HTMLElement;
-    }): void;
-    deselect({ element }: {
-        element: HTMLElement;
-    }): void;
-};
-export declare function TabContent(content: Unit, { key }?: {
-    key?: string;
-}): {
-    select({ element }: {
-        element: HTMLElement;
-    }): void;
-    deselect({ element }: {
-        element: HTMLElement;
-    }): void;
-};