@mulsense/xnew 0.7.0 → 0.7.1

package/dist/xnew.d.ts

@@ -75,6 +75,7 @@ declare class Unit {
         currentElement: UnitElement;
         currentContext: Context;
         currentComponent: Function | null;
+        afterSnapshot: Snapshot | null;
         nestElements: {
             element: UnitElement;
             owned: boolean;
@@ -207,18 +208,16 @@ declare function Panel(unit: Unit, { params }: PanelOptions): {
     separator(): void;
 };
 
-declare function Scene(unit: Unit): void;
-declare function Flow(unit: Unit): {
-    get scene(): Unit | null;
-    set scene(value: Unit);
-    next(Component: Function, props?: any, callback?: Function): void;
+declare function Scene(unit: Unit): {
+    moveTo(Component: Function, props?: any): void;
+    append(Component: Function, props?: any): void;
 };
 
 declare class XImage {
     canvas: HTMLCanvasElement;
     constructor(canvas: HTMLCanvasElement);
     constructor(width: number, height: number);
-    clip(x: number, y: number, width: number, height: number): XImage;
+    crop(x: number, y: number, width: number, height: number): XImage;
     download(filename: string): void;
 }
 
@@ -298,7 +297,6 @@ declare const xnew: ((...args: UnitArgs) => Unit) & {
         Panel: typeof Panel;
         Accordion: typeof Accordion;
         Popup: typeof Popup;
-        Flow: typeof Flow;
         Scene: typeof Scene;
     };
     audio: {

package/dist/xnew.js

@@ -571,6 +571,7 @@
                 currentElement: baseElement,
                 currentContext: baseContext,
                 currentComponent: null,
+                afterSnapshot: null,
                 ancestors: parent ? [parent, ...parent._.ancestors] : [],
                 children: [],
                 nestElements: [],
@@ -591,6 +592,7 @@
             if (this._.state === 'invoked') {
                 this._.state = 'initialized';
             }
+            this._.afterSnapshot = Unit.snapshot(this);
             Unit.currentUnit = backup;
         }
         get element() {
@@ -997,14 +999,32 @@
             }
         },
         append(parent, ...args) {
+            var _a;
             try {
-                new Unit(parent, ...args);
+                const snapshot = (_a = parent._.afterSnapshot) !== null && _a !== void 0 ? _a : Unit.snapshot(parent);
+                Unit.scope(snapshot, () => {
+                    new Unit(parent, ...args);
+                });
             }
             catch (error) {
                 console.error('xnew.append(parent: Unit, ...args: UnitArgs): ', error);
                 throw error;
             }
         },
+        next(unit, ...args) {
+            var _a;
+            try {
+                const parent = unit._.parent;
+                const snapshot = (_a = parent._.afterSnapshot) !== null && _a !== void 0 ? _a : Unit.snapshot(parent);
+                Unit.scope(snapshot, () => {
+                    new Unit(parent, ...args);
+                });
+            }
+            catch (error) {
+                console.error('xnew.next(unit: Unit, ...args: UnitArgs): ', error);
+                throw error;
+            }
+        },
         /**
          * Gets the Unit instance associated with the given component in the ancestor context chain
          * @param key - component function used as context key
@@ -1611,31 +1631,14 @@
     }
 
     function Scene(unit) {
-    }
-    function Flow(unit) {
-        let scene = null;
         return {
-            set scene(value) {
-                scene = value;
-            },
-            get scene() {
-                return scene;
-            },
-            next(Component, props, callback) {
-                callback = callback !== null && callback !== void 0 ? callback : defaultCallback;
-                callback(scene, create);
-                function defaultCallback(current, create) {
-                    current === null || current === void 0 ? void 0 : current.finalize();
-                    create();
-                }
-                function create() {
-                    scene = xnew$1((unit) => {
-                        xnew$1.extend(Scene);
-                        xnew$1.extend(Component, props);
-                    });
-                    return scene;
-                }
+            moveTo(Component, props) {
+                xnew$1.next(unit, Component, props);
+                unit.finalize();
             },
+            append(Component, props) {
+                xnew$1.append(unit, Component, props);
+            }
         };
     }
 
@@ -1651,7 +1654,7 @@
                 this.canvas = canvas;
             }
         }
-        clip(x, y, width, height) {
+        crop(x, y, width, height) {
             var _a;
             const canvas = document.createElement('canvas');
             canvas.width = width;
@@ -1899,7 +1902,6 @@
         Panel,
         Accordion,
         Popup,
-        Flow,
         Scene,
     };
     const audio = {

package/dist/xnew.mjs

@@ -565,6 +565,7 @@ class Unit {
             currentElement: baseElement,
             currentContext: baseContext,
             currentComponent: null,
+            afterSnapshot: null,
             ancestors: parent ? [parent, ...parent._.ancestors] : [],
             children: [],
             nestElements: [],
@@ -585,6 +586,7 @@ class Unit {
         if (this._.state === 'invoked') {
             this._.state = 'initialized';
         }
+        this._.afterSnapshot = Unit.snapshot(this);
         Unit.currentUnit = backup;
     }
     get element() {
@@ -991,14 +993,32 @@ function (...args) {
         }
     },
     append(parent, ...args) {
+        var _a;
         try {
-            new Unit(parent, ...args);
+            const snapshot = (_a = parent._.afterSnapshot) !== null && _a !== void 0 ? _a : Unit.snapshot(parent);
+            Unit.scope(snapshot, () => {
+                new Unit(parent, ...args);
+            });
         }
         catch (error) {
             console.error('xnew.append(parent: Unit, ...args: UnitArgs): ', error);
             throw error;
         }
     },
+    next(unit, ...args) {
+        var _a;
+        try {
+            const parent = unit._.parent;
+            const snapshot = (_a = parent._.afterSnapshot) !== null && _a !== void 0 ? _a : Unit.snapshot(parent);
+            Unit.scope(snapshot, () => {
+                new Unit(parent, ...args);
+            });
+        }
+        catch (error) {
+            console.error('xnew.next(unit: Unit, ...args: UnitArgs): ', error);
+            throw error;
+        }
+    },
     /**
      * Gets the Unit instance associated with the given component in the ancestor context chain
      * @param key - component function used as context key
@@ -1605,31 +1625,14 @@ function Select(_, { key = '', value, items = [] } = {}) {
 }
 
 function Scene(unit) {
-}
-function Flow(unit) {
-    let scene = null;
     return {
-        set scene(value) {
-            scene = value;
-        },
-        get scene() {
-            return scene;
-        },
-        next(Component, props, callback) {
-            callback = callback !== null && callback !== void 0 ? callback : defaultCallback;
-            callback(scene, create);
-            function defaultCallback(current, create) {
-                current === null || current === void 0 ? void 0 : current.finalize();
-                create();
-            }
-            function create() {
-                scene = xnew$1((unit) => {
-                    xnew$1.extend(Scene);
-                    xnew$1.extend(Component, props);
-                });
-                return scene;
-            }
+        moveTo(Component, props) {
+            xnew$1.next(unit, Component, props);
+            unit.finalize();
         },
+        append(Component, props) {
+            xnew$1.append(unit, Component, props);
+        }
     };
 }
 
@@ -1645,7 +1648,7 @@ class XImage {
             this.canvas = canvas;
         }
     }
-    clip(x, y, width, height) {
+    crop(x, y, width, height) {
         var _a;
         const canvas = document.createElement('canvas');
         canvas.width = width;
@@ -1893,7 +1896,6 @@ const basics = {
     Panel,
     Accordion,
     Popup,
-    Flow,
     Scene,
 };
 const audio = {

package/package.json

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