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

package/dist/xnew.js

@@ -206,8 +206,6 @@
         }
     }
 
-    const SYSTEM_EVENTS = ['start', 'update', 'render', 'stop', 'finalize'];
-
     class EventManager {
         constructor() {
             this.map = new MapMap();
@@ -524,6 +522,10 @@
         return { position };
     }
 
+    //----------------------------------------------------------------------------------------------------
+    // utils
+    //----------------------------------------------------------------------------------------------------
+    const SYSTEM_EVENTS = ['start', 'update', 'render', 'stop', 'finalize'];
     //----------------------------------------------------------------------------------------------------
     // unit
     //----------------------------------------------------------------------------------------------------
@@ -632,11 +634,11 @@
                 unit._.state = 'finalized';
             }
         }
-        static nest(unit, tag) {
+        static nest(unit, htmlString, textContent) {
             if (unit._.state !== 'invoked') {
                 throw new Error('This function can not be called after initialized.');
             }
-            const match = tag.match(/<((\w+)[^>]*?)\/?>/);
+            const match = htmlString.match(/<((\w+)[^>]*?)\/?>/);
             if (match !== null) {
                 let element;
                 if (unit._.anchor !== null) {
@@ -649,11 +651,14 @@
                     element = unit._.currentElement.children[unit._.currentElement.children.length - 1];
                 }
                 unit._.currentElement = element;
+                if (textContent !== undefined) {
+                    element.textContent = textContent;
+                }
                 unit._.elements.push(element);
                 return element;
             }
             else {
-                throw new Error(`Invalid tag: ${tag}`);
+                throw new Error(`Invalid html string: ${htmlString}`);
             }
         }
         static extend(unit, component, props) {
@@ -930,12 +935,6 @@
         else if (typeof args[0] === 'string' && args[0].match(/<((\w+)[^>]*?)\/?>/)) {
             target = args.shift();
         }
-        else if (typeof args[0] === 'string') {
-            const query = args.shift();
-            target = document.querySelector(query);
-            if (target === null)
-                throw new Error(`'${query}' can not be found.`);
-        }
         else {
             target = null;
         }
@@ -951,19 +950,19 @@
     }, {
         /**
          * Creates a nested HTML/SVG element within the current component
-         * @param tag - HTML or SVG tag name (e.g., '<div>', '<span>', '<svg>')
+         * @param htmlString - HTML or SVG tag name (e.g., '<div>', '<span>', '<svg>')
          * @returns The created HTML/SVG element
          * @throws Error if called after component initialization
          * @example
          * const div = xnew.nest('<div>')
          * div.textContent = 'Hello'
          */
-        nest(tag) {
+        nest(htmlString, textContent) {
             try {
-                return Unit.nest(Unit.currentUnit, tag);
+                return Unit.nest(Unit.currentUnit, htmlString, textContent);
             }
             catch (error) {
-                console.error('xnew.nest(tag: string): ', error);
+                console.error('xnew.nest(htmlString: string): ', error);
                 throw error;
             }
         },
@@ -1376,51 +1375,6 @@
         });
     }
 
-    function TextStream(unit, { text = '', speed = 50, fade = 300 } = {}) {
-        const chars = [];
-        for (let i = 0; i < text.length; i++) {
-            const unit = xnew$1('<span>');
-            unit.element.textContent = text[i];
-            unit.element.style.opacity = '0';
-            unit.element.style.transition = `opacity ${fade}ms ease-in-out`;
-            chars.push(unit);
-        }
-        let start = 0;
-        unit.on('start', () => {
-            start = new Date().getTime();
-        });
-        let state = 0;
-        unit.on('update', () => {
-            const index = Math.floor((new Date().getTime() - start) / speed);
-            // Display characters up to the current index (fade in)
-            for (let i = 0; i < chars.length; i++) {
-                if (i <= index) {
-                    chars[i].element.style.opacity = '1';
-                }
-            }
-            if (state === 0 && index >= text.length) {
-                action();
-            }
-        });
-        xnew$1.timeout(() => {
-            xnew$1(document.body).on('click wheel', action);
-            unit.on('keydown', action);
-        }, 100);
-        function action() {
-            if (state === 0) {
-                state = 1;
-                for (let i = 0; i < chars.length; i++) {
-                    chars[i].element.style.opacity = '1';
-                }
-                xnew$1.emit('-complete');
-            }
-            else if (state === 1) {
-                state = 2;
-                xnew$1.emit('-next');
-            }
-        }
-    }
-
     const context = new window.AudioContext();
     const master = context.createGain();
     //----------------------------------------------------------------------------------------------------
@@ -1649,7 +1603,6 @@
         Screen,
         Modal,
         Accordion,
-        TextStream,
         AnalogStick,
         DirectionalPad,
     };
@@ -1680,16 +1633,7 @@
             master.gain.value = value;
         }
     };
-    const temp = Object.assign(xnew$1, { basics, audio });
-    Object.defineProperty(temp, 'global', {
-        get: function () {
-            return temp.context('xnew.global');
-        },
-        set: function (value) {
-            temp.context('xnew.global', value);
-        }
-    });
-    const xnew = temp;
+    const xnew = Object.assign(xnew$1, { basics, audio });
 
     return xnew;
 

package/dist/xnew.mjs

@@ -200,8 +200,6 @@ class Timer {
     }
 }
 
-const SYSTEM_EVENTS = ['start', 'update', 'render', 'stop', 'finalize'];
-
 class EventManager {
     constructor() {
         this.map = new MapMap();
@@ -518,6 +516,10 @@ function pointer(element, event) {
     return { position };
 }
 
+//----------------------------------------------------------------------------------------------------
+// utils
+//----------------------------------------------------------------------------------------------------
+const SYSTEM_EVENTS = ['start', 'update', 'render', 'stop', 'finalize'];
 //----------------------------------------------------------------------------------------------------
 // unit
 //----------------------------------------------------------------------------------------------------
@@ -626,11 +628,11 @@ class Unit {
             unit._.state = 'finalized';
         }
     }
-    static nest(unit, tag) {
+    static nest(unit, htmlString, textContent) {
         if (unit._.state !== 'invoked') {
             throw new Error('This function can not be called after initialized.');
         }
-        const match = tag.match(/<((\w+)[^>]*?)\/?>/);
+        const match = htmlString.match(/<((\w+)[^>]*?)\/?>/);
         if (match !== null) {
             let element;
             if (unit._.anchor !== null) {
@@ -643,11 +645,14 @@ class Unit {
                 element = unit._.currentElement.children[unit._.currentElement.children.length - 1];
             }
             unit._.currentElement = element;
+            if (textContent !== undefined) {
+                element.textContent = textContent;
+            }
             unit._.elements.push(element);
             return element;
         }
         else {
-            throw new Error(`Invalid tag: ${tag}`);
+            throw new Error(`Invalid html string: ${htmlString}`);
         }
     }
     static extend(unit, component, props) {
@@ -924,12 +929,6 @@ function parseArguments(...args) {
     else if (typeof args[0] === 'string' && args[0].match(/<((\w+)[^>]*?)\/?>/)) {
         target = args.shift();
     }
-    else if (typeof args[0] === 'string') {
-        const query = args.shift();
-        target = document.querySelector(query);
-        if (target === null)
-            throw new Error(`'${query}' can not be found.`);
-    }
     else {
         target = null;
     }
@@ -945,19 +944,19 @@ const xnew$1 = Object.assign(function (...args) {
 }, {
     /**
      * Creates a nested HTML/SVG element within the current component
-     * @param tag - HTML or SVG tag name (e.g., '<div>', '<span>', '<svg>')
+     * @param htmlString - HTML or SVG tag name (e.g., '<div>', '<span>', '<svg>')
      * @returns The created HTML/SVG element
      * @throws Error if called after component initialization
      * @example
      * const div = xnew.nest('<div>')
      * div.textContent = 'Hello'
      */
-    nest(tag) {
+    nest(htmlString, textContent) {
         try {
-            return Unit.nest(Unit.currentUnit, tag);
+            return Unit.nest(Unit.currentUnit, htmlString, textContent);
         }
         catch (error) {
-            console.error('xnew.nest(tag: string): ', error);
+            console.error('xnew.nest(htmlString: string): ', error);
             throw error;
         }
     },
@@ -1370,51 +1369,6 @@ function DirectionalPad(unit, { diagonal = true, stroke = 'currentColor', stroke
     });
 }
 
-function TextStream(unit, { text = '', speed = 50, fade = 300 } = {}) {
-    const chars = [];
-    for (let i = 0; i < text.length; i++) {
-        const unit = xnew$1('<span>');
-        unit.element.textContent = text[i];
-        unit.element.style.opacity = '0';
-        unit.element.style.transition = `opacity ${fade}ms ease-in-out`;
-        chars.push(unit);
-    }
-    let start = 0;
-    unit.on('start', () => {
-        start = new Date().getTime();
-    });
-    let state = 0;
-    unit.on('update', () => {
-        const index = Math.floor((new Date().getTime() - start) / speed);
-        // Display characters up to the current index (fade in)
-        for (let i = 0; i < chars.length; i++) {
-            if (i <= index) {
-                chars[i].element.style.opacity = '1';
-            }
-        }
-        if (state === 0 && index >= text.length) {
-            action();
-        }
-    });
-    xnew$1.timeout(() => {
-        xnew$1(document.body).on('click wheel', action);
-        unit.on('keydown', action);
-    }, 100);
-    function action() {
-        if (state === 0) {
-            state = 1;
-            for (let i = 0; i < chars.length; i++) {
-                chars[i].element.style.opacity = '1';
-            }
-            xnew$1.emit('-complete');
-        }
-        else if (state === 1) {
-            state = 2;
-            xnew$1.emit('-next');
-        }
-    }
-}
-
 const context = new window.AudioContext();
 const master = context.createGain();
 //----------------------------------------------------------------------------------------------------
@@ -1643,7 +1597,6 @@ const basics = {
     Screen,
     Modal,
     Accordion,
-    TextStream,
     AnalogStick,
     DirectionalPad,
 };
@@ -1674,15 +1627,6 @@ const audio = {
         master.gain.value = value;
     }
 };
-const temp = Object.assign(xnew$1, { basics, audio });
-Object.defineProperty(temp, 'global', {
-    get: function () {
-        return temp.context('xnew.global');
-    },
-    set: function (value) {
-        temp.context('xnew.global', value);
-    }
-});
-const xnew = temp;
+const xnew = Object.assign(xnew$1, { basics, audio });
 
 export { xnew as default };

package/package.json

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

package/dist/addons/xaudio.d.ts

@@ -1,53 +0,0 @@
-declare const _default: {
-    load(path: string): {
-        promise: Promise<any>;
-        component: Function | null;
-        then(callback: Function): /*elided*/ any;
-        catch(callback: Function): /*elided*/ any;
-        finally(callback: Function): /*elided*/ any;
-    };
-    synthesizer(props: SynthesizerOptions): Synthesizer;
-    volume: number;
-};
-
-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;
-};
-declare class Synthesizer {
-    props: SynthesizerOptions;
-    constructor(props: SynthesizerOptions);
-    press(frequency: number | string, duration?: number | string, wait?: number): {
-        release: () => void;
-    } | undefined;
-}
-
-export { _default as default };

package/dist/addons/xaudio.js

@@ -1,256 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@mulsense/xnew')) :
-    typeof define === 'function' && define.amd ? define(['@mulsense/xnew'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.xaudio = factory(global.xnew));
-})(this, (function (xnew) { 'use strict';
-
-    var xaudio = {
-        load(path) {
-            const music = new AudioFile(path);
-            const object = {
-                play(options) {
-                    const unit = xnew();
-                    if (music.played === null) {
-                        music.play(options);
-                        unit.on('finalize', () => music.pause({ fade: options.fade }));
-                    }
-                },
-                pause(options) {
-                    music.pause(options);
-                }
-            };
-            return xnew.promise(music.promise).then(() => object);
-        },
-        synthesizer(props) {
-            return new Synthesizer(props);
-        },
-        get volume() {
-            return master.gain.value;
-        },
-        set volume(value) {
-            master.gain.value = value;
-        }
-    };
-    const context = window.AudioContext ? new window.AudioContext() : (null);
-    const master = context ? context.createGain() : (null);
-    if (context) {
-        master.gain.value = 0.1;
-        master.connect(context.destination);
-    }
-    class AudioFile {
-        constructor(path) {
-            this.promise = fetch(path)
-                .then((response) => response.arrayBuffer())
-                .then((response) => context.decodeAudioData(response))
-                .then((response) => { this.buffer = response; })
-                .catch(() => {
-                console.warn(`"${path}" could not be loaded.`);
-            });
-            this.amp = context.createGain();
-            this.amp.gain.value = 1.0;
-            this.amp.connect(master);
-            this.fade = context.createGain();
-            this.fade.gain.value = 1.0;
-            this.fade.connect(this.amp);
-            this.source = null;
-            this.played = null;
-        }
-        set volume(value) {
-            this.amp.gain.value = value;
-        }
-        get volume() {
-            return this.amp.gain.value;
-        }
-        play({ offset = 0, fade = 0, loop = false } = {}) {
-            if (this.buffer !== undefined && this.played === null) {
-                this.source = context.createBufferSource();
-                this.source.buffer = this.buffer;
-                this.source.loop = loop;
-                this.source.connect(this.fade);
-                this.played = context.currentTime;
-                this.source.playbackRate.value = 1;
-                this.source.start(context.currentTime, offset / 1000);
-                // Apply fade-in effect if fade duration is specified
-                if (fade > 0) {
-                    this.fade.gain.setValueAtTime(0, context.currentTime);
-                    this.fade.gain.linearRampToValueAtTime(1.0, context.currentTime + fade / 1000);
-                }
-                this.source.onended = () => {
-                    var _a;
-                    this.played = null;
-                    (_a = this.source) === null || _a === void 0 ? void 0 : _a.disconnect();
-                    this.source = null;
-                };
-            }
-        }
-        pause({ fade = 0 } = {}) {
-            var _a, _b;
-            if (this.buffer !== undefined && this.played !== null) {
-                const elapsed = (context.currentTime - this.played) % this.buffer.duration * 1000;
-                // Apply fade-out effect if fade duration is specified
-                if (fade > 0) {
-                    this.fade.gain.setValueAtTime(1.0, context.currentTime);
-                    this.fade.gain.linearRampToValueAtTime(0, context.currentTime + fade / 1000);
-                    (_a = this.source) === null || _a === void 0 ? void 0 : _a.stop(context.currentTime + fade / 1000);
-                }
-                else {
-                    (_b = this.source) === null || _b === void 0 ? void 0 : _b.stop(context.currentTime);
-                }
-                this.played = null;
-                return elapsed;
-            }
-        }
-        clear() {
-            var _a;
-            this.amp.disconnect();
-            this.fade.disconnect();
-            (_a = this.source) === null || _a === void 0 ? void 0 : _a.disconnect();
-        }
-    }
-    const keymap = {
-        'A0': 27.500, 'A#0': 29.135, 'B0': 30.868,
-        'C1': 32.703, 'C#1': 34.648, 'D1': 36.708, 'D#1': 38.891, 'E1': 41.203, 'F1': 43.654, 'F#1': 46.249, 'G1': 48.999, 'G#1': 51.913, 'A1': 55.000, 'A#1': 58.270, 'B1': 61.735,
-        'C2': 65.406, 'C#2': 69.296, 'D2': 73.416, 'D#2': 77.782, 'E2': 82.407, 'F2': 87.307, 'F#2': 92.499, 'G2': 97.999, 'G#2': 103.826, 'A2': 110.000, 'A#2': 116.541, 'B2': 123.471,
-        'C3': 130.813, 'C#3': 138.591, 'D3': 146.832, 'D#3': 155.563, 'E3': 164.814, 'F3': 174.614, 'F#3': 184.997, 'G3': 195.998, 'G#3': 207.652, 'A3': 220.000, 'A#3': 233.082, 'B3': 246.942,
-        'C4': 261.626, 'C#4': 277.183, 'D4': 293.665, 'D#4': 311.127, 'E4': 329.628, 'F4': 349.228, 'F#4': 369.994, 'G4': 391.995, 'G#4': 415.305, 'A4': 440.000, 'A#4': 466.164, 'B4': 493.883,
-        'C5': 523.251, 'C#5': 554.365, 'D5': 587.330, 'D#5': 622.254, 'E5': 659.255, 'F5': 698.456, 'F#5': 739.989, 'G5': 783.991, 'G#5': 830.609, 'A5': 880.000, 'A#5': 932.328, 'B5': 987.767,
-        'C6': 1046.502, 'C#6': 1108.731, 'D6': 1174.659, 'D#6': 1244.508, 'E6': 1318.510, 'F6': 1396.913, 'F#6': 1479.978, 'G6': 1567.982, 'G#6': 1661.219, 'A6': 1760.000, 'A#6': 1864.655, 'B6': 1975.533,
-        'C7': 2093.005, 'C#7': 2217.461, 'D7': 2349.318, 'D#7': 2489.016, 'E7': 2637.020, 'F7': 2793.826, 'F#7': 2959.955, 'G7': 3135.963, 'G#7': 3322.438, 'A7': 3520.000, 'A#7': 3729.310, 'B7': 3951.066,
-        'C8': 4186.009,
-    };
-    const notemap = {
-        '1m': 4.000, '2n': 2.000, '4n': 1.000, '8n': 0.500, '16n': 0.250, '32n': 0.125,
-    };
-    class Synthesizer {
-        constructor(props) { this.props = props; }
-        press(frequency, duration, wait) {
-            var _a;
-            const props = this.props;
-            const fv = typeof frequency === 'string' ? keymap[frequency] : frequency;
-            const dv = typeof duration === 'string' ? (notemap[duration] * 60 / ((_a = props.bpm) !== null && _a !== void 0 ? _a : 120)) : (typeof duration === 'number' ? (duration / 1000) : 0);
-            const start = context.currentTime + (wait !== null && wait !== void 0 ? wait : 0) / 1000;
-            const nodes = {};
-            nodes.oscillator = context.createOscillator();
-            nodes.oscillator.type = props.oscillator.type;
-            nodes.oscillator.frequency.value = fv;
-            if (props.oscillator.LFO) {
-                nodes.oscillatorLFO = context.createOscillator();
-                nodes.oscillatorLFODepth = context.createGain();
-                nodes.oscillatorLFODepth.gain.value = fv * (Math.pow(2.0, props.oscillator.LFO.amount / 12.0) - 1.0);
-                nodes.oscillatorLFO.type = props.oscillator.LFO.type;
-                nodes.oscillatorLFO.frequency.value = props.oscillator.LFO.rate;
-                nodes.oscillatorLFO.start(start);
-                nodes.oscillatorLFO.connect(nodes.oscillatorLFODepth);
-                nodes.oscillatorLFODepth.connect(nodes.oscillator.frequency);
-            }
-            nodes.amp = context.createGain();
-            nodes.amp.gain.value = 0.0;
-            nodes.target = context.createGain();
-            nodes.target.gain.value = 1.0;
-            nodes.amp.connect(nodes.target);
-            nodes.target.connect(master);
-            if (props.filter) {
-                nodes.filter = context.createBiquadFilter();
-                nodes.filter.type = props.filter.type;
-                nodes.filter.frequency.value = props.filter.cutoff;
-                nodes.oscillator.connect(nodes.filter);
-                nodes.filter.connect(nodes.amp);
-            }
-            else {
-                nodes.oscillator.connect(nodes.amp);
-            }
-            if (props.reverb) {
-                nodes.convolver = context.createConvolver();
-                nodes.convolver.buffer = impulseResponse({ time: props.reverb.time });
-                nodes.convolverDepth = context.createGain();
-                nodes.convolverDepth.gain.value = 1.0;
-                nodes.convolverDepth.gain.value *= props.reverb.mix;
-                nodes.target.gain.value *= (1.0 - props.reverb.mix);
-                nodes.amp.connect(nodes.convolver);
-                nodes.convolver.connect(nodes.convolverDepth);
-                nodes.convolverDepth.connect(master);
-            }
-            if (props.oscillator.envelope) {
-                const amount = fv * (Math.pow(2.0, props.oscillator.envelope.amount / 12.0) - 1.0);
-                startEnvelope(nodes.oscillator.frequency, fv, amount, props.oscillator.envelope.ADSR);
-            }
-            if (props.amp.envelope) {
-                startEnvelope(nodes.amp.gain, 0.0, props.amp.envelope.amount, props.amp.envelope.ADSR);
-            }
-            nodes.oscillator.start(start);
-            if (dv > 0) {
-                release();
-            }
-            else {
-                return { release };
-            }
-            function release() {
-                let stop = null;
-                const end = dv > 0 ? dv : (context.currentTime - start);
-                if (props.amp.envelope) {
-                    const ADSR = props.amp.envelope.ADSR;
-                    const adsr = [ADSR[0] / 1000, ADSR[1] / 1000, ADSR[2], ADSR[3] / 1000];
-                    const rate = adsr[0] === 0.0 ? 1.0 : Math.min(end / (adsr[0] + 0.001), 1.0);
-                    stop = start + Math.max((adsr[0] + adsr[1]) * rate, end) + adsr[3];
-                }
-                else {
-                    stop = start + end;
-                }
-                if (nodes.oscillatorLFO) {
-                    nodes.oscillatorLFO.stop(stop);
-                }
-                if (props.oscillator.envelope) {
-                    const amount = fv * (Math.pow(2.0, props.oscillator.envelope.amount / 12.0) - 1.0);
-                    stopEnvelope(nodes.oscillator.frequency, fv, amount, props.oscillator.envelope.ADSR);
-                }
-                if (props.amp.envelope) {
-                    stopEnvelope(nodes.amp.gain, 0.0, props.amp.envelope.amount, props.amp.envelope.ADSR);
-                }
-                nodes.oscillator.stop(stop);
-                setTimeout(() => {
-                    var _a, _b, _c, _d, _e;
-                    nodes.oscillator.disconnect();
-                    nodes.amp.disconnect();
-                    nodes.target.disconnect();
-                    (_a = nodes.oscillatorLFO) === null || _a === void 0 ? void 0 : _a.disconnect();
-                    (_b = nodes.oscillatorLFODepth) === null || _b === void 0 ? void 0 : _b.disconnect();
-                    (_c = nodes.filter) === null || _c === void 0 ? void 0 : _c.disconnect();
-                    (_d = nodes.convolver) === null || _d === void 0 ? void 0 : _d.disconnect();
-                    (_e = nodes.convolverDepth) === null || _e === void 0 ? void 0 : _e.disconnect();
-                }, 2000);
-            }
-            function stopEnvelope(param, base, amount, ADSR) {
-                const end = dv > 0 ? dv : (context.currentTime - start);
-                const rate = ADSR[0] === 0.0 ? 1.0 : Math.min(end / (ADSR[0] / 1000), 1.0);
-                if (rate < 1.0) {
-                    param.cancelScheduledValues(start);
-                    param.setValueAtTime(base, start);
-                    param.linearRampToValueAtTime(base + amount * rate, start + ADSR[0] / 1000 * rate);
-                    param.linearRampToValueAtTime(base + amount * rate * ADSR[2], start + (ADSR[0] + ADSR[1]) / 1000 * rate);
-                }
-                param.linearRampToValueAtTime(base + amount * rate * ADSR[2], start + Math.max((ADSR[0] + ADSR[1]) / 1000 * rate, dv));
-                param.linearRampToValueAtTime(base, start + Math.max((ADSR[0] + ADSR[1]) / 1000 * rate, end) + ADSR[3] / 1000);
-            }
-            function startEnvelope(param, base, amount, ADSR) {
-                param.value = base;
-                param.setValueAtTime(base, start);
-                param.linearRampToValueAtTime(base + amount, start + ADSR[0] / 1000);
-                param.linearRampToValueAtTime(base + amount * ADSR[2], start + (ADSR[0] + ADSR[1]) / 1000);
-            }
-            function impulseResponse({ time, decay = 2.0 }) {
-                const length = context.sampleRate * time / 1000;
-                const impulse = context.createBuffer(2, length, context.sampleRate);
-                const ch0 = impulse.getChannelData(0);
-                const ch1 = impulse.getChannelData(1);
-                for (let i = 0; i < length; i++) {
-                    ch0[i] = (2 * Math.random() - 1) * Math.pow(1 - i / length, decay);
-                    ch1[i] = (2 * Math.random() - 1) * Math.pow(1 - i / length, decay);
-                }
-                return impulse;
-            }
-        }
-    }
-
-    return xaudio;
-
-}));

package/dist/addons/xaudio.mjs

@@ -1,250 +0,0 @@
-import xnew from '@mulsense/xnew';
-
-var xaudio = {
-    load(path) {
-        const music = new AudioFile(path);
-        const object = {
-            play(options) {
-                const unit = xnew();
-                if (music.played === null) {
-                    music.play(options);
-                    unit.on('finalize', () => music.pause({ fade: options.fade }));
-                }
-            },
-            pause(options) {
-                music.pause(options);
-            }
-        };
-        return xnew.promise(music.promise).then(() => object);
-    },
-    synthesizer(props) {
-        return new Synthesizer(props);
-    },
-    get volume() {
-        return master.gain.value;
-    },
-    set volume(value) {
-        master.gain.value = value;
-    }
-};
-const context = window.AudioContext ? new window.AudioContext() : (null);
-const master = context ? context.createGain() : (null);
-if (context) {
-    master.gain.value = 0.1;
-    master.connect(context.destination);
-}
-class AudioFile {
-    constructor(path) {
-        this.promise = fetch(path)
-            .then((response) => response.arrayBuffer())
-            .then((response) => context.decodeAudioData(response))
-            .then((response) => { this.buffer = response; })
-            .catch(() => {
-            console.warn(`"${path}" could not be loaded.`);
-        });
-        this.amp = context.createGain();
-        this.amp.gain.value = 1.0;
-        this.amp.connect(master);
-        this.fade = context.createGain();
-        this.fade.gain.value = 1.0;
-        this.fade.connect(this.amp);
-        this.source = null;
-        this.played = null;
-    }
-    set volume(value) {
-        this.amp.gain.value = value;
-    }
-    get volume() {
-        return this.amp.gain.value;
-    }
-    play({ offset = 0, fade = 0, loop = false } = {}) {
-        if (this.buffer !== undefined && this.played === null) {
-            this.source = context.createBufferSource();
-            this.source.buffer = this.buffer;
-            this.source.loop = loop;
-            this.source.connect(this.fade);
-            this.played = context.currentTime;
-            this.source.playbackRate.value = 1;
-            this.source.start(context.currentTime, offset / 1000);
-            // Apply fade-in effect if fade duration is specified
-            if (fade > 0) {
-                this.fade.gain.setValueAtTime(0, context.currentTime);
-                this.fade.gain.linearRampToValueAtTime(1.0, context.currentTime + fade / 1000);
-            }
-            this.source.onended = () => {
-                var _a;
-                this.played = null;
-                (_a = this.source) === null || _a === void 0 ? void 0 : _a.disconnect();
-                this.source = null;
-            };
-        }
-    }
-    pause({ fade = 0 } = {}) {
-        var _a, _b;
-        if (this.buffer !== undefined && this.played !== null) {
-            const elapsed = (context.currentTime - this.played) % this.buffer.duration * 1000;
-            // Apply fade-out effect if fade duration is specified
-            if (fade > 0) {
-                this.fade.gain.setValueAtTime(1.0, context.currentTime);
-                this.fade.gain.linearRampToValueAtTime(0, context.currentTime + fade / 1000);
-                (_a = this.source) === null || _a === void 0 ? void 0 : _a.stop(context.currentTime + fade / 1000);
-            }
-            else {
-                (_b = this.source) === null || _b === void 0 ? void 0 : _b.stop(context.currentTime);
-            }
-            this.played = null;
-            return elapsed;
-        }
-    }
-    clear() {
-        var _a;
-        this.amp.disconnect();
-        this.fade.disconnect();
-        (_a = this.source) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-}
-const keymap = {
-    'A0': 27.500, 'A#0': 29.135, 'B0': 30.868,
-    'C1': 32.703, 'C#1': 34.648, 'D1': 36.708, 'D#1': 38.891, 'E1': 41.203, 'F1': 43.654, 'F#1': 46.249, 'G1': 48.999, 'G#1': 51.913, 'A1': 55.000, 'A#1': 58.270, 'B1': 61.735,
-    'C2': 65.406, 'C#2': 69.296, 'D2': 73.416, 'D#2': 77.782, 'E2': 82.407, 'F2': 87.307, 'F#2': 92.499, 'G2': 97.999, 'G#2': 103.826, 'A2': 110.000, 'A#2': 116.541, 'B2': 123.471,
-    'C3': 130.813, 'C#3': 138.591, 'D3': 146.832, 'D#3': 155.563, 'E3': 164.814, 'F3': 174.614, 'F#3': 184.997, 'G3': 195.998, 'G#3': 207.652, 'A3': 220.000, 'A#3': 233.082, 'B3': 246.942,
-    'C4': 261.626, 'C#4': 277.183, 'D4': 293.665, 'D#4': 311.127, 'E4': 329.628, 'F4': 349.228, 'F#4': 369.994, 'G4': 391.995, 'G#4': 415.305, 'A4': 440.000, 'A#4': 466.164, 'B4': 493.883,
-    'C5': 523.251, 'C#5': 554.365, 'D5': 587.330, 'D#5': 622.254, 'E5': 659.255, 'F5': 698.456, 'F#5': 739.989, 'G5': 783.991, 'G#5': 830.609, 'A5': 880.000, 'A#5': 932.328, 'B5': 987.767,
-    'C6': 1046.502, 'C#6': 1108.731, 'D6': 1174.659, 'D#6': 1244.508, 'E6': 1318.510, 'F6': 1396.913, 'F#6': 1479.978, 'G6': 1567.982, 'G#6': 1661.219, 'A6': 1760.000, 'A#6': 1864.655, 'B6': 1975.533,
-    'C7': 2093.005, 'C#7': 2217.461, 'D7': 2349.318, 'D#7': 2489.016, 'E7': 2637.020, 'F7': 2793.826, 'F#7': 2959.955, 'G7': 3135.963, 'G#7': 3322.438, 'A7': 3520.000, 'A#7': 3729.310, 'B7': 3951.066,
-    'C8': 4186.009,
-};
-const notemap = {
-    '1m': 4.000, '2n': 2.000, '4n': 1.000, '8n': 0.500, '16n': 0.250, '32n': 0.125,
-};
-class Synthesizer {
-    constructor(props) { this.props = props; }
-    press(frequency, duration, wait) {
-        var _a;
-        const props = this.props;
-        const fv = typeof frequency === 'string' ? keymap[frequency] : frequency;
-        const dv = typeof duration === 'string' ? (notemap[duration] * 60 / ((_a = props.bpm) !== null && _a !== void 0 ? _a : 120)) : (typeof duration === 'number' ? (duration / 1000) : 0);
-        const start = context.currentTime + (wait !== null && wait !== void 0 ? wait : 0) / 1000;
-        const nodes = {};
-        nodes.oscillator = context.createOscillator();
-        nodes.oscillator.type = props.oscillator.type;
-        nodes.oscillator.frequency.value = fv;
-        if (props.oscillator.LFO) {
-            nodes.oscillatorLFO = context.createOscillator();
-            nodes.oscillatorLFODepth = context.createGain();
-            nodes.oscillatorLFODepth.gain.value = fv * (Math.pow(2.0, props.oscillator.LFO.amount / 12.0) - 1.0);
-            nodes.oscillatorLFO.type = props.oscillator.LFO.type;
-            nodes.oscillatorLFO.frequency.value = props.oscillator.LFO.rate;
-            nodes.oscillatorLFO.start(start);
-            nodes.oscillatorLFO.connect(nodes.oscillatorLFODepth);
-            nodes.oscillatorLFODepth.connect(nodes.oscillator.frequency);
-        }
-        nodes.amp = context.createGain();
-        nodes.amp.gain.value = 0.0;
-        nodes.target = context.createGain();
-        nodes.target.gain.value = 1.0;
-        nodes.amp.connect(nodes.target);
-        nodes.target.connect(master);
-        if (props.filter) {
-            nodes.filter = context.createBiquadFilter();
-            nodes.filter.type = props.filter.type;
-            nodes.filter.frequency.value = props.filter.cutoff;
-            nodes.oscillator.connect(nodes.filter);
-            nodes.filter.connect(nodes.amp);
-        }
-        else {
-            nodes.oscillator.connect(nodes.amp);
-        }
-        if (props.reverb) {
-            nodes.convolver = context.createConvolver();
-            nodes.convolver.buffer = impulseResponse({ time: props.reverb.time });
-            nodes.convolverDepth = context.createGain();
-            nodes.convolverDepth.gain.value = 1.0;
-            nodes.convolverDepth.gain.value *= props.reverb.mix;
-            nodes.target.gain.value *= (1.0 - props.reverb.mix);
-            nodes.amp.connect(nodes.convolver);
-            nodes.convolver.connect(nodes.convolverDepth);
-            nodes.convolverDepth.connect(master);
-        }
-        if (props.oscillator.envelope) {
-            const amount = fv * (Math.pow(2.0, props.oscillator.envelope.amount / 12.0) - 1.0);
-            startEnvelope(nodes.oscillator.frequency, fv, amount, props.oscillator.envelope.ADSR);
-        }
-        if (props.amp.envelope) {
-            startEnvelope(nodes.amp.gain, 0.0, props.amp.envelope.amount, props.amp.envelope.ADSR);
-        }
-        nodes.oscillator.start(start);
-        if (dv > 0) {
-            release();
-        }
-        else {
-            return { release };
-        }
-        function release() {
-            let stop = null;
-            const end = dv > 0 ? dv : (context.currentTime - start);
-            if (props.amp.envelope) {
-                const ADSR = props.amp.envelope.ADSR;
-                const adsr = [ADSR[0] / 1000, ADSR[1] / 1000, ADSR[2], ADSR[3] / 1000];
-                const rate = adsr[0] === 0.0 ? 1.0 : Math.min(end / (adsr[0] + 0.001), 1.0);
-                stop = start + Math.max((adsr[0] + adsr[1]) * rate, end) + adsr[3];
-            }
-            else {
-                stop = start + end;
-            }
-            if (nodes.oscillatorLFO) {
-                nodes.oscillatorLFO.stop(stop);
-            }
-            if (props.oscillator.envelope) {
-                const amount = fv * (Math.pow(2.0, props.oscillator.envelope.amount / 12.0) - 1.0);
-                stopEnvelope(nodes.oscillator.frequency, fv, amount, props.oscillator.envelope.ADSR);
-            }
-            if (props.amp.envelope) {
-                stopEnvelope(nodes.amp.gain, 0.0, props.amp.envelope.amount, props.amp.envelope.ADSR);
-            }
-            nodes.oscillator.stop(stop);
-            setTimeout(() => {
-                var _a, _b, _c, _d, _e;
-                nodes.oscillator.disconnect();
-                nodes.amp.disconnect();
-                nodes.target.disconnect();
-                (_a = nodes.oscillatorLFO) === null || _a === void 0 ? void 0 : _a.disconnect();
-                (_b = nodes.oscillatorLFODepth) === null || _b === void 0 ? void 0 : _b.disconnect();
-                (_c = nodes.filter) === null || _c === void 0 ? void 0 : _c.disconnect();
-                (_d = nodes.convolver) === null || _d === void 0 ? void 0 : _d.disconnect();
-                (_e = nodes.convolverDepth) === null || _e === void 0 ? void 0 : _e.disconnect();
-            }, 2000);
-        }
-        function stopEnvelope(param, base, amount, ADSR) {
-            const end = dv > 0 ? dv : (context.currentTime - start);
-            const rate = ADSR[0] === 0.0 ? 1.0 : Math.min(end / (ADSR[0] / 1000), 1.0);
-            if (rate < 1.0) {
-                param.cancelScheduledValues(start);
-                param.setValueAtTime(base, start);
-                param.linearRampToValueAtTime(base + amount * rate, start + ADSR[0] / 1000 * rate);
-                param.linearRampToValueAtTime(base + amount * rate * ADSR[2], start + (ADSR[0] + ADSR[1]) / 1000 * rate);
-            }
-            param.linearRampToValueAtTime(base + amount * rate * ADSR[2], start + Math.max((ADSR[0] + ADSR[1]) / 1000 * rate, dv));
-            param.linearRampToValueAtTime(base, start + Math.max((ADSR[0] + ADSR[1]) / 1000 * rate, end) + ADSR[3] / 1000);
-        }
-        function startEnvelope(param, base, amount, ADSR) {
-            param.value = base;
-            param.setValueAtTime(base, start);
-            param.linearRampToValueAtTime(base + amount, start + ADSR[0] / 1000);
-            param.linearRampToValueAtTime(base + amount * ADSR[2], start + (ADSR[0] + ADSR[1]) / 1000);
-        }
-        function impulseResponse({ time, decay = 2.0 }) {
-            const length = context.sampleRate * time / 1000;
-            const impulse = context.createBuffer(2, length, context.sampleRate);
-            const ch0 = impulse.getChannelData(0);
-            const ch1 = impulse.getChannelData(1);
-            for (let i = 0; i < length; i++) {
-                ch0[i] = (2 * Math.random() - 1) * Math.pow(1 - i / length, decay);
-                ch1[i] = (2 * Math.random() - 1) * Math.pow(1 - i / length, decay);
-            }
-            return impulse;
-        }
-    }
-}
-
-export { xaudio as default };