@mulsense/xnew 0.4.6 → 0.4.8

package/dist/addons/xpixi.js

@@ -63,6 +63,9 @@
         unit.on('finalize', () => {
             parent.removeChild(object);
         });
+        return {
+            pixiObject: object,
+        };
     }
 
     return xpixi;

package/dist/addons/xpixi.mjs

@@ -41,6 +41,9 @@ function Nest(unit, { object }) {
     unit.on('finalize', () => {
         parent.removeChild(object);
     });
+    return {
+        pixiObject: object,
+    };
 }
 
 export { xpixi as default };

package/dist/addons/xthree.js

@@ -65,6 +65,9 @@
         unit.on('finalize', () => {
             parent.remove(object);
         });
+        return {
+            threeObject: object,
+        };
     }
 
     return xthree;

package/dist/addons/xthree.mjs

@@ -43,6 +43,9 @@ function Nest(unit, { object }) {
     unit.on('finalize', () => {
         parent.remove(object);
     });
+    return {
+        threeObject: object,
+    };
 }
 
 export { xthree as default };

package/dist/xnew.d.ts

@@ -88,7 +88,7 @@ interface Internal {
 declare class Unit {
     [key: string]: any;
     _: Internal;
-    constructor(parent: Unit | null, ...args: any[]);
+    constructor(parent: Unit | null, target: UnitElement | string | null, component?: Function | string, props?: Object, config?: any);
     get element(): UnitElement;
     start(): void;
     stop(): void;
@@ -151,7 +151,7 @@ interface CreateUnit {
      * const unit = xnew('#selector', MyComponent, { data: 0 })
      * const unit = xnew('<div>', MyComponent, { data: 0 })
      */
-    (target: HTMLElement | SVGElement, Component?: Function | string, props?: Object): Unit;
+    (target: HTMLElement | SVGElement | string, Component?: Function | string, props?: Object): Unit;
 }
 declare const xnew$1: CreateUnit & {
     /**
@@ -276,6 +276,7 @@ declare const xnew$1: CreateUnit & {
      * }, 300)
      */
     transition(transition: Function, duration?: number, easing?: string): any;
+    protect(...args: any[]): Unit;
 };
 
 declare function Accordion(unit: Unit, { open, duration, easing }?: {
@@ -391,6 +392,8 @@ declare namespace xnew {
 declare const xnew: (typeof xnew$1) & {
     basics: typeof basics;
     audio: typeof audio;
+} & {
+    global: any;
 };
 
 export { xnew as default };

package/dist/xnew.js

@@ -528,27 +528,8 @@
     // unit
     //----------------------------------------------------------------------------------------------------
     class Unit {
-        constructor(parent, ...args) {
+        constructor(parent, target, component, props, config) {
             var _a, _b;
-            let target;
-            if (args[0] instanceof HTMLElement || args[0] instanceof SVGElement) {
-                target = args.shift(); // an existing html element
-            }
-            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;
-            }
-            const component = args.shift();
-            const props = args.shift();
-            const config = args.shift();
             let baseElement;
             if (target instanceof HTMLElement || target instanceof SVGElement) {
                 baseElement = target;
@@ -883,7 +864,7 @@
     class UnitTimer {
         constructor(options) {
             this.stack = [];
-            this.unit = new Unit(Unit.currentUnit, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
+            this.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
         }
         clear() {
             this.stack = [];
@@ -903,7 +884,7 @@
         }
         static execute(timer, options) {
             if (timer.unit._.state === 'finalized') {
-                timer.unit = new Unit(Unit.currentUnit, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
+                timer.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
             }
             else if (timer.stack.length === 0) {
                 timer.stack.push(Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
@@ -915,7 +896,7 @@
         }
         static next(timer) {
             if (timer.stack.length > 0) {
-                timer.unit = new Unit(Unit.currentUnit, UnitTimer.Component, timer.stack.shift());
+                timer.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, timer.stack.shift());
                 timer.unit.on('finalize', () => { UnitTimer.next(timer); });
             }
         }
@@ -941,10 +922,32 @@
         }
     }
 
+    function parseArguments(...args) {
+        let target;
+        if (args[0] instanceof HTMLElement || args[0] instanceof SVGElement) {
+            target = args.shift(); // an existing html element
+        }
+        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;
+        }
+        const component = args.shift();
+        const props = args.shift();
+        return { target, component, props };
+    }
     const xnew$1 = Object.assign(function (...args) {
         if (Unit.rootUnit === undefined)
             Unit.reset();
-        return new Unit(Unit.currentUnit, ...args);
+        const { target, component, props } = parseArguments(...args);
+        return new Unit(Unit.currentUnit, target, component, props, { protect: false });
     }, {
         /**
          * Creates a nested HTML/SVG element within the current component
@@ -1158,6 +1161,12 @@
         transition(transition, duration = 0, easing = 'linear') {
             return new UnitTimer({ transition, duration, easing, iterations: 1 });
         },
+        protect(...args) {
+            if (Unit.rootUnit === undefined)
+                Unit.reset();
+            const { target, component, props } = parseArguments(...args);
+            return new Unit(Unit.currentUnit, target, component, props, { protect: true });
+        },
     });
 
     function Accordion(unit, { open = false, duration = 200, easing = 'ease' } = {}) {
@@ -1671,7 +1680,16 @@
             master.gain.value = value;
         }
     };
-    const xnew = Object.assign(xnew$1, { basics, audio });
+    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;
 
     return xnew;
 

package/dist/xnew.mjs

@@ -522,27 +522,8 @@ function pointer(element, event) {
 // unit
 //----------------------------------------------------------------------------------------------------
 class Unit {
-    constructor(parent, ...args) {
+    constructor(parent, target, component, props, config) {
         var _a, _b;
-        let target;
-        if (args[0] instanceof HTMLElement || args[0] instanceof SVGElement) {
-            target = args.shift(); // an existing html element
-        }
-        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;
-        }
-        const component = args.shift();
-        const props = args.shift();
-        const config = args.shift();
         let baseElement;
         if (target instanceof HTMLElement || target instanceof SVGElement) {
             baseElement = target;
@@ -877,7 +858,7 @@ class UnitPromise {
 class UnitTimer {
     constructor(options) {
         this.stack = [];
-        this.unit = new Unit(Unit.currentUnit, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
+        this.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
     }
     clear() {
         this.stack = [];
@@ -897,7 +878,7 @@ class UnitTimer {
     }
     static execute(timer, options) {
         if (timer.unit._.state === 'finalized') {
-            timer.unit = new Unit(Unit.currentUnit, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
+            timer.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
         }
         else if (timer.stack.length === 0) {
             timer.stack.push(Object.assign({ snapshot: Unit.snapshot(Unit.currentUnit) }, options));
@@ -909,7 +890,7 @@ class UnitTimer {
     }
     static next(timer) {
         if (timer.stack.length > 0) {
-            timer.unit = new Unit(Unit.currentUnit, UnitTimer.Component, timer.stack.shift());
+            timer.unit = new Unit(Unit.currentUnit, null, UnitTimer.Component, timer.stack.shift());
             timer.unit.on('finalize', () => { UnitTimer.next(timer); });
         }
     }
@@ -935,10 +916,32 @@ class UnitTimer {
     }
 }
 
+function parseArguments(...args) {
+    let target;
+    if (args[0] instanceof HTMLElement || args[0] instanceof SVGElement) {
+        target = args.shift(); // an existing html element
+    }
+    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;
+    }
+    const component = args.shift();
+    const props = args.shift();
+    return { target, component, props };
+}
 const xnew$1 = Object.assign(function (...args) {
     if (Unit.rootUnit === undefined)
         Unit.reset();
-    return new Unit(Unit.currentUnit, ...args);
+    const { target, component, props } = parseArguments(...args);
+    return new Unit(Unit.currentUnit, target, component, props, { protect: false });
 }, {
     /**
      * Creates a nested HTML/SVG element within the current component
@@ -1152,6 +1155,12 @@ const xnew$1 = Object.assign(function (...args) {
     transition(transition, duration = 0, easing = 'linear') {
         return new UnitTimer({ transition, duration, easing, iterations: 1 });
     },
+    protect(...args) {
+        if (Unit.rootUnit === undefined)
+            Unit.reset();
+        const { target, component, props } = parseArguments(...args);
+        return new Unit(Unit.currentUnit, target, component, props, { protect: true });
+    },
 });
 
 function Accordion(unit, { open = false, duration = 200, easing = 'ease' } = {}) {
@@ -1665,6 +1674,15 @@ const audio = {
         master.gain.value = value;
     }
 };
-const xnew = Object.assign(xnew$1, { basics, audio });
+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;
 
 export { xnew as default };

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "Component-Oriented Programming"
   ],
-  "version": "0.4.6",
+  "version": "0.4.8",
   "main": "dist/xnew.js",
   "module": "dist/xnew.mjs",
   "types": "dist/xnew.d.ts",
@@ -14,11 +14,6 @@
       "import": "./dist/xnew.mjs",
       "require": "./dist/xnew.js"
     },
-    "./addons/xaudio": {
-      "types": "./dist/addons/xaudio.d.ts",
-      "import": "./dist/addons/xaudio.mjs",
-      "require": "./dist/addons/xaudio.js"
-    },
     "./addons/xmatter": {
       "types": "./dist/addons/xmatter.d.ts",
       "import": "./dist/addons/xmatter.mjs",