@plurid/plurid-engine 0.0.0-13 → 0.0.0-16

package/distribution/index.js

@@ -39,91 +39,17 @@ const resolveTheme = (theme, type) => {
 };
 
 const merge = (configuration, target) => {
-    var _a, _b, _c, _d, _e;
-    const targetConfiguration = Object.assign(Object.assign({}, pluridData.defaultConfiguration), target);
+    const targetConfiguration = Object.assign(Object.assign({}, pluridFunctions.objects.clone(pluridData.defaultConfiguration)), pluridFunctions.objects.clone(target || {}));
     if (!configuration) {
-        return Object.assign({}, targetConfiguration);
+        return targetConfiguration;
     }
-    const specifiedOrDefault = (path, type, configuration) => {
-        const item = pluridFunctions.objects.getNested(configuration, path);
-        if (typeof item === type) {
-            return item;
-        }
-        return pluridFunctions.objects.getNested(targetConfiguration, path);
-    };
-    const layout = configuration && configuration.space && typeof configuration.space.layout === "object" ? configuration.space.layout : targetConfiguration.space.layout;
-    const mergedConfiguration = Object.assign(Object.assign({}, targetConfiguration), {
-        global: {
-            micro: specifiedOrDefault("global.micro", "boolean", configuration),
-            transparentUI: specifiedOrDefault("global.transparentUI", "boolean", configuration),
-            language: specifiedOrDefault("global.language", "string", configuration),
-            render: specifiedOrDefault("global.render", "string", configuration),
-            theme: {
+    const mergedConfiguration = pluridFunctions.objects.merge(targetConfiguration, configuration, {
+        "global.theme": () => {
+            var _a, _b;
+            return {
                 general: resolveTheme((_a = configuration.global) === null || _a === void 0 ? void 0 : _a.theme, "general"),
                 interaction: resolveTheme((_b = configuration.global) === null || _b === void 0 ? void 0 : _b.theme, "interaction")
-            }
-        },
-        elements: Object.assign(Object.assign({}, targetConfiguration.elements), {
-            toolbar: {
-                show: specifiedOrDefault("elements.toolbar.show", "boolean", configuration),
-                opaque: specifiedOrDefault("elements.toolbar.opaque", "boolean", configuration),
-                conceal: specifiedOrDefault("elements.toolbar.conceal", "boolean", configuration),
-                transformIcons: specifiedOrDefault("elements.toolbar.transformIcons", "boolean", configuration),
-                transformButtons: specifiedOrDefault("elements.toolbar.transformButtons", "boolean", configuration),
-                drawers: configuration.elements && configuration.elements.toolbar && configuration.elements.toolbar.drawers ? configuration.elements.toolbar.drawers : targetConfiguration.elements.toolbar.drawers,
-                toggledDrawers: configuration.elements && configuration.elements.toolbar && configuration.elements.toolbar.toggledDrawers ? configuration.elements.toolbar.toggledDrawers : targetConfiguration.elements.toolbar.toggledDrawers
-            },
-            viewcube: {
-                show: specifiedOrDefault("elements.viewcube.show", "boolean", configuration),
-                opaque: specifiedOrDefault("elements.viewcube.opaque", "boolean", configuration),
-                conceal: specifiedOrDefault("elements.viewcube.conceal", "boolean", configuration),
-                buttons: specifiedOrDefault("elements.viewcube.buttons", "boolean", configuration)
-            },
-            plane: {
-                width: specifiedOrDefault("elements.plane.width", "number", configuration),
-                opacity: specifiedOrDefault("elements.plane.opacity", "number", configuration),
-                controls: {
-                    show: specifiedOrDefault("elements.plane.controls.show", "boolean", configuration),
-                    pathbar: {
-                        domainURL: specifiedOrDefault("elements.plane.controls.pathbar.domainURL", "boolean", configuration)
-                    }
-                }
-            },
-            switch: {
-                show: (_e = (_d = (_c = configuration === null || configuration === void 0 ? void 0 : configuration.elements) === null || _c === void 0 ? void 0 : _c.switch) === null || _d === void 0 ? void 0 : _d.show) !== null && _e !== void 0 ? _e : false
-            }
-        }),
-        space: Object.assign(Object.assign({}, targetConfiguration.space), {
-            layout: layout,
-            camera: specifiedOrDefault("space.camera", "string", configuration),
-            perspective: specifiedOrDefault("space.perspective", "number", configuration),
-            opaque: specifiedOrDefault("space.opaque", "boolean", configuration),
-            fadeInTime: specifiedOrDefault("space.fadeInTime", "number", configuration),
-            center: specifiedOrDefault("space.center", "boolean", configuration),
-            transformOrigin: {
-                show: specifiedOrDefault("space.transformOrigin.show", "boolean", configuration),
-                size: specifiedOrDefault("space.transformOrigin.size", "string", configuration)
-            },
-            transformLocks: {
-                rotationX: specifiedOrDefault("space.transformLocks.rotationX", "boolean", configuration),
-                rotationY: specifiedOrDefault("space.transformLocks.rotationY", "boolean", configuration),
-                translationX: specifiedOrDefault("space.transformLocks.translationX", "boolean", configuration),
-                translationY: specifiedOrDefault("space.transformLocks.translationY", "boolean", configuration),
-                translationZ: specifiedOrDefault("space.transformLocks.translationZ", "boolean", configuration),
-                scale: specifiedOrDefault("space.transformLocks.scale", "boolean", configuration)
-            },
-            transformMode: specifiedOrDefault("space.transformMode", "string", configuration),
-            transformMultimode: specifiedOrDefault("space.transformMultimode", "boolean", configuration),
-            transformTouch: specifiedOrDefault("space.transformTouch", "string", configuration),
-            firstPerson: specifiedOrDefault("space.firstPerson", "boolean", configuration)
-        }),
-        network: {
-            host: specifiedOrDefault("network.host", "string", configuration),
-            protocol: specifiedOrDefault("network.protocol", "string", configuration)
-        },
-        development: {
-            planeDebugger: specifiedOrDefault("development.planeDebugger", "boolean", configuration),
-            spaceDebugger: specifiedOrDefault("development.spaceDebugger", "boolean", configuration)
+            };
         }
     });
     return mergedConfiguration;
@@ -327,7 +253,7 @@ const cleanupPath = value => {
 };
 
 const computePlaneAddress = (plane, route, origin = "origin") => {
-    if (origin === "origin" && typeof location !== "undefined") {
+    if (origin === "origin" && typeof location !== "undefined" && location.host) {
         origin = location.host;
     }
     const cleanPlane = extractPathname(plane);
@@ -703,18 +629,6 @@ const resolveRoute = (route, protocol, host) => {
     };
 };
 
-const createTreePlane = (contextPlane, documentPlane) => {
-    const routeDivisions = pluridLinkPathDivider(contextPlane.path);
-    const treePlane = Object.assign(Object.assign({}, pluridData.defaultTreePlane), {
-        routeDivisions: routeDivisions,
-        sourceID: contextPlane.id,
-        planeID: pluridFunctions.uuid.generate(),
-        route: contextPlane.path,
-        show: true
-    });
-    return treePlane;
-};
-
 const updateTreePlane$1 = (tree, page) => {
     const updatedTree = tree.map((treePlane => {
         if (treePlane.planeID === page.planeID) {
@@ -752,7 +666,6 @@ const updateTreeByPlaneIDWithLinkCoordinates = (tree, planeID, linkCoordinates)
 
 var index$i = Object.freeze({
     __proto__: null,
-    createTreePlane: createTreePlane,
     updateTreePlane: updateTreePlane$1,
     updateTreeByPlaneIDWithLinkCoordinates: updateTreeByPlaneIDWithLinkCoordinates
 });
@@ -810,10 +723,10 @@ function conjugateQuaternion(quaternion) {
     return makeQuaternion(-quaternion.x, -quaternion.y, -quaternion.z, quaternion.w);
 }
 
-function computeQuaternionFromEulers(alpha, beta, gamma) {
-    const x = beta;
-    const y = gamma;
-    const z = alpha;
+function computeQuaternionFromEulers(alpha, beta, gamma, radians = true) {
+    const x = radians ? beta : degToRad(beta);
+    const y = radians ? gamma : degToRad(gamma);
+    const z = radians ? alpha : degToRad(alpha);
     const cX = Math.cos(x / 2);
     const cY = Math.cos(y / 2);
     const cZ = Math.cos(z / 2);
@@ -830,39 +743,29 @@ function computeQuaternionFromEulers(alpha, beta, gamma) {
 function quaternionFromAxisAngle(x, y, z, angle) {
     const q = zeroQuaternion();
     const halfAngle = angle / 2;
-    q.x = x * Math.sin(halfAngle);
-    q.y = y * Math.sin(halfAngle);
-    q.z = z * Math.sin(halfAngle);
+    const sine = Math.sin(halfAngle);
+    q.x = x * sine;
+    q.y = y * sine;
+    q.z = z * sine;
     q.w = Math.cos(halfAngle);
     return q;
 }
 
 function quaternionMultiply(quaternionArray) {
-    const temporaryQuaternion = quaternionArray[0];
-    const copyQuaternion = {
-        x: temporaryQuaternion.x,
-        y: temporaryQuaternion.y,
-        z: temporaryQuaternion.z,
-        w: temporaryQuaternion.w
-    };
+    const firstQuaternion = quaternionArray[0];
+    const valueQuaternion = Object.assign({}, firstQuaternion);
     for (let i = 1; i < quaternionArray.length; i++) {
-        const secondaryTemporaryQuaternion = quaternionArray[i];
-        const nextQuaternion = {
-            x: secondaryTemporaryQuaternion.x,
-            y: secondaryTemporaryQuaternion.y,
-            z: secondaryTemporaryQuaternion.z,
-            w: secondaryTemporaryQuaternion.w
-        };
-        const w = copyQuaternion.w * nextQuaternion.w - copyQuaternion.x * nextQuaternion.x - copyQuaternion.y * nextQuaternion.y - copyQuaternion.z * nextQuaternion.z;
-        const x = copyQuaternion.x * nextQuaternion.w + copyQuaternion.w * nextQuaternion.x + copyQuaternion.y * nextQuaternion.z - copyQuaternion.z * nextQuaternion.y;
-        const y = copyQuaternion.y * nextQuaternion.w + copyQuaternion.w * nextQuaternion.y + copyQuaternion.z * nextQuaternion.x - copyQuaternion.x * nextQuaternion.z;
-        const z = copyQuaternion.z * nextQuaternion.w + copyQuaternion.w * nextQuaternion.z + copyQuaternion.x * nextQuaternion.y - copyQuaternion.y * nextQuaternion.x;
-        copyQuaternion.x = x;
-        copyQuaternion.y = y;
-        copyQuaternion.z = z;
-        copyQuaternion.w = w;
-    }
-    return copyQuaternion;
+        const nextQuaternion = quaternionArray[i];
+        const w = valueQuaternion.w * nextQuaternion.w - valueQuaternion.x * nextQuaternion.x - valueQuaternion.y * nextQuaternion.y - valueQuaternion.z * nextQuaternion.z;
+        const x = valueQuaternion.x * nextQuaternion.w + valueQuaternion.w * nextQuaternion.x + valueQuaternion.y * nextQuaternion.z - valueQuaternion.z * nextQuaternion.y;
+        const y = valueQuaternion.y * nextQuaternion.w + valueQuaternion.w * nextQuaternion.y + valueQuaternion.z * nextQuaternion.x - valueQuaternion.x * nextQuaternion.z;
+        const z = valueQuaternion.z * nextQuaternion.w + valueQuaternion.w * nextQuaternion.z + valueQuaternion.x * nextQuaternion.y - valueQuaternion.y * nextQuaternion.x;
+        valueQuaternion.x = x;
+        valueQuaternion.y = y;
+        valueQuaternion.z = z;
+        valueQuaternion.w = w;
+    }
+    return valueQuaternion;
 }
 
 function rotatePointViaQuaternion(pointRotate, quaternion) {
@@ -872,13 +775,8 @@ function rotatePointViaQuaternion(pointRotate, quaternion) {
         z: pointRotate[2],
         w: 0
     };
-    const rotatedPoint = quaternionMultiply([ quaternion, temporaryQuaternion, conjugateQuaternion(quaternion) ]);
-    return {
-        x: rotatedPoint.x,
-        y: rotatedPoint.y,
-        z: rotatedPoint.z,
-        w: rotatedPoint.w
-    };
+    const rotatedPointQuaternion = quaternionMultiply([ quaternion, temporaryQuaternion, conjugateQuaternion(quaternion) ]);
+    return rotatedPointQuaternion;
 }
 
 function makeRotationMatrixFromQuaternion(quaternion) {
@@ -925,7 +823,7 @@ function translateMatrix$1(x, y, z) {
     return [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1 ];
 }
 
-function scaleMatrix(s) {
+function scaleMatrix$1(s) {
     return [ s, 0, 0, 0, 0, s, 0, 0, 0, 0, s, 0, 0, 0, 0, 1 ];
 }
 
@@ -998,12 +896,17 @@ var index$e = Object.freeze({
     __proto__: null,
     rotateMatrix: rotateMatrix,
     translateMatrix: translateMatrix$1,
-    scaleMatrix: scaleMatrix,
+    scaleMatrix: scaleMatrix$1,
     multiplyMatrices: multiplyMatrices$1,
     multiplyArrayOfMatrices: multiplyArrayOfMatrices,
     matrixArrayToCSSMatrix: matrixArrayToCSSMatrix
 });
 
+const getInitialMatrix = () => {
+    const matrix = [ [ 1, 0, 0, 0 ], [ 0, 1, 0, 0 ], [ 0, 0, 1, 0 ], [ 0, 0, 0, 1 ] ];
+    return matrix;
+};
+
 const multiplyMatrices = (m1, m2) => {
     const result = [];
     for (let i = 0; i < m1.length; i++) {
@@ -1019,6 +922,21 @@ const multiplyMatrices = (m1, m2) => {
     return result;
 };
 
+const multiplyMatricesArray = matrices => {
+    if (matrices.length < 2) {
+        throw new Error("invalid number of matrices");
+    }
+    const first = matrices[0];
+    let result = first;
+    for (const [index, matrix] of matrices.entries()) {
+        if (index === 0) {
+            continue;
+        }
+        result = multiplyMatrices(result, matrix);
+    }
+    return result;
+};
+
 const arrayToMatrix = array => {
     const matrix = [];
     for (let i = 0; i < array.length; i += 4) {
@@ -1034,6 +952,11 @@ const arrayToMatrix = array => {
 
 const matrixToArray = matrix => matrix.flat();
 
+const matrix3DToMatrix = value => {
+    const values = value.replace("matrix3d(", "").replace(")", "").split(",").map((val => parseFloat(val)));
+    return arrayToMatrix(values);
+};
+
 const printMatrix = (matrix, name) => {
     const normalize = value => {
         if (value === 1 || value === 0) {
@@ -1081,16 +1004,113 @@ const translateMatrix = (x = 0, y = 0, z = 0) => {
     return m;
 };
 
+const scaleMatrix = s => [ [ s, 0, 0, 0 ], [ 0, s, 0, 0 ], [ 0, 0, s, 0 ], [ 0, 0, 0, 1 ] ];
+
+function rotationMatrixFromQuaternion(quaternion) {
+    const num = quaternion.x * 2;
+    const num2 = quaternion.y * 2;
+    const num3 = quaternion.z * 2;
+    const num4 = quaternion.x * num;
+    const num5 = quaternion.y * num2;
+    const num6 = quaternion.z * num3;
+    const num7 = quaternion.x * num2;
+    const num8 = quaternion.x * num3;
+    const num9 = quaternion.y * num3;
+    const num10 = quaternion.w * num;
+    const num11 = quaternion.w * num2;
+    const num12 = quaternion.w * num3;
+    return [ [ 1 - (num5 + num6), num7 - num12, num8 + num11, 0 ], [ num7 + num12, 1 - (num4 + num6), num9 - num10, 0 ], [ num8 - num11, num9 + num10, 1 - (num4 + num5), 0 ], [ 0, 0, 0, 1 ] ];
+}
+
+const matrixToCSSMatrix = matrix => {
+    const value = matrix.flat().join(",");
+    return `matrix3d(${value})`;
+};
+
+const identityMatrix = () => {
+    const matrix = [ [ 1, 0, 0, 0 ], [ 0, 1, 0, 0 ], [ 0, 0, 1, 0 ], [ 0, 0, 0, 1 ] ];
+    return matrix;
+};
+
+const inverseMatrix = matrix => {
+    const cols = 4;
+    const rows = 4;
+    const A = [ ...matrix ];
+    const B = identityMatrix();
+    let r;
+    let s;
+    let f;
+    let temp;
+    for (let c = 0; c < cols; c++) {
+        let ABig = Math.abs(A[c][c]);
+        let rBig = c;
+        r = c + 1;
+        while (r < rows) {
+            if (Math.abs(A[r][c]) > ABig) {
+                ABig = Math.abs(A[r][c]);
+                rBig = r;
+            }
+            r++;
+        }
+        if (ABig === 0) {
+            throw Error("Cannot calculate inverse, determinant is zero");
+        }
+        r = rBig;
+        if (r !== c) {
+            temp = A[c];
+            A[c] = A[r];
+            A[r] = temp;
+            temp = B[c];
+            B[c] = B[r];
+            B[r] = temp;
+        }
+        const Ac = A[c];
+        const Bc = B[c];
+        for (r = 0; r < rows; r++) {
+            const Ar = A[r];
+            const Br = B[r];
+            if (r !== c) {
+                if (Ar[c] !== 0) {
+                    f = -Ar[c] / Ac[c];
+                    for (s = c; s < cols; s++) {
+                        Ar[s] = Ar[s] + f * Ac[s];
+                    }
+                    for (s = 0; s < cols; s++) {
+                        Br[s] = Br[s] + f * Bc[s];
+                    }
+                }
+            } else {
+                f = Ac[c];
+                for (s = c; s < cols; s++) {
+                    Ar[s] = Ar[s] / f;
+                }
+                for (s = 0; s < cols; s++) {
+                    Br[s] = Br[s] / f;
+                }
+            }
+        }
+    }
+    return B;
+};
+
 var index$d = Object.freeze({
     __proto__: null,
+    getInitialMatrix: getInitialMatrix,
     multiplyMatrices: multiplyMatrices,
+    multiplyMatricesArray: multiplyMatricesArray,
     arrayToMatrix: arrayToMatrix,
     matrixToArray: matrixToArray,
+    matrix3DToMatrix: matrix3DToMatrix,
     printMatrix: printMatrix,
     rotateXMatrix: rotateXMatrix,
     rotateYMatrix: rotateYMatrix,
     rotateZMatrix: rotateZMatrix,
-    translateMatrix: translateMatrix
+    translateMatrix: translateMatrix,
+    scaleMatrix: scaleMatrix,
+    rotationMatrixFromQuaternion: rotationMatrixFromQuaternion,
+    matrixToCSSMatrix: matrixToCSSMatrix,
+    identityMatrix: identityMatrix,
+    inverseMatrix: inverseMatrix
 });
 
 function getMatrixValues(matrix3d) {
@@ -1223,7 +1243,7 @@ function rotatePlurid(matrix3d, direction = "", angleIncrement = .07) {
     const scale = getTransformScale(matrix3d).scale;
     let valRotationMatrix = rotateMatrix(rotateX, rotateY, rotateZ);
     const valTranslationMatrix = translateMatrix$1(translateX, translateY, translateZ);
-    const valScalationMatrix = scaleMatrix(scale);
+    const valScalationMatrix = scaleMatrix$1(scale);
     if (direction === "left") {
         rotateY -= angleIncrement;
         valRotationMatrix = rotateMatrix(rotateX, rotateY);
@@ -1256,7 +1276,7 @@ function translatePlurid(matrix3d, direction = "", linearIncrement = 50) {
     const scale = getTransformScale(matrix3d).scale;
     const valRotationMatrix = rotateMatrix(rotateX, rotateY, rotateZ);
     let valTranslationMatrix = translateMatrix$1(translateX, translateY, translateZ);
-    const valScalationMatrix = scaleMatrix(scale);
+    const valScalationMatrix = scaleMatrix$1(scale);
     scale < .5 ? linearIncrement = 50 : linearIncrement = 30;
     if (direction === "left") {
         translateX += linearIncrement;
@@ -1290,20 +1310,20 @@ function scalePlurid(matrix3d, direction = "", scaleIncrement = .05) {
     let scale = getTransformScale(matrix3d).scale;
     const valRotationMatrix = rotateMatrix(rotateX, rotateY, rotateZ);
     const valTranslationMatrix = translateMatrix$1(translateX, translateY, translateZ);
-    let valScalationMatrix = scaleMatrix(scale);
+    let valScalationMatrix = scaleMatrix$1(scale);
     if (direction === "up") {
         scale -= scaleIncrement;
         if (scale < .1) {
             scale = .1;
         }
-        valScalationMatrix = scaleMatrix(scale);
+        valScalationMatrix = scaleMatrix$1(scale);
     }
     if (direction === "down") {
         scale += scaleIncrement;
         if (scale > 4) {
             scale = 4;
         }
-        valScalationMatrix = scaleMatrix(scale);
+        valScalationMatrix = scaleMatrix$1(scale);
     }
     const transformedMatrix3d = setTransform(valRotationMatrix, valTranslationMatrix, valScalationMatrix);
     return transformedMatrix3d;
@@ -1362,26 +1382,6 @@ const resolvePluridRoutePlaneData = plane => {
     return plane;
 };
 
-const createInternalStatePlane = plane => {
-    const planeData = resolvePluridPlaneData(plane);
-    const statePlane = {
-        id: pluridFunctions.uuid.generate(),
-        path: planeData.route
-    };
-    return statePlane;
-};
-
-const createInternalContextPlane = plane => {
-    const planeData = resolvePluridPlaneData(plane);
-    const {route: route, component: component} = planeData;
-    const contextPlane = {
-        id: pluridFunctions.uuid.generate(),
-        path: route,
-        component: component
-    };
-    return contextPlane;
-};
-
 const getPluridPlaneIDByData = element => {
     if (!element) {
         return "";
@@ -1399,7 +1399,7 @@ class IsoMatcher {
         this.planesIndex = new Map;
         this.routesKeys = [];
         this.planesKeys = [];
-        if (origin === "origin" && typeof location !== "undefined") {
+        if (origin === "origin" && typeof location !== "undefined" && location.host) {
             this.origin = location.host;
         } else {
             this.origin = origin;
@@ -1678,10 +1678,10 @@ var index$9 = Object.freeze({
 });
 
 class PluridPlanesRegistrar {
-    constructor(planes) {
+    constructor(planes, origin = "origin") {
         this.isoMatcher = new IsoMatcher({
             planes: planes
-        });
+        }, origin);
     }
     register(planes) {
         this.isoMatcher.index({
@@ -1732,7 +1732,7 @@ class PluridPlanesRegistrar {
     }
 }
 
-const registerPlanes = (planes, planesRegistrar) => {
+const registerPlanes = (planes, planesRegistrar, origin = "origin") => {
     if (!planes) {
         return;
     }
@@ -1744,7 +1744,7 @@ const registerPlanes = (planes, planesRegistrar) => {
         return;
     }
     if (typeof window.__pluridPlanesRegistrar__ === "undefined") {
-        const pluridPlanesRegistrar = new PluridPlanesRegistrar;
+        const pluridPlanesRegistrar = new PluridPlanesRegistrar([], origin);
         window.__pluridPlanesRegistrar__ = pluridPlanesRegistrar;
         window.__pluridPlanesRegistrar__.register(planes);
         return;
@@ -1793,8 +1793,6 @@ var index$8 = Object.freeze({
     __proto__: null,
     resolvePluridPlaneData: resolvePluridPlaneData,
     resolvePluridRoutePlaneData: resolvePluridRoutePlaneData,
-    createInternalStatePlane: createInternalStatePlane,
-    createInternalContextPlane: createInternalContextPlane,
     getPluridPlaneIDByData: getPluridPlaneIDByData,
     registerPlanes: registerPlanes,
     getPlanesRegistrar: getPlanesRegistrar,
@@ -2139,7 +2137,7 @@ const resolveViewItem = (planes, view, configuration, origin = "origin") => {
     }
     const isoMatcher = new IsoMatcher({
         planes: pluridPlanes
-    });
+    }, origin);
     const match = isoMatcher.match(viewData);
     if (match) {
         const route = match.match.value;
@@ -2290,14 +2288,14 @@ const assignPagesFromView = (planes, view) => {
     return tree;
 };
 
-const updateTreePlane = (tree, updatedPage) => {
+const updateTreePlane = (tree, updatedPlane) => {
     const updatedTree = tree.map((treePlane => {
-        if (treePlane.planeID === updatedPage.planeID) {
-            return updatedPage;
+        if (treePlane.planeID === updatedPlane.planeID) {
+            return updatedPlane;
         }
         if (treePlane.children) {
-            const pageTree = updateTreePlane(treePlane.children, updatedPage);
-            treePlane.children = pageTree;
+            const children = updateTreePlane(treePlane.children, updatedPlane);
+            treePlane.children = children;
             return treePlane;
         }
         return treePlane;
@@ -2305,7 +2303,7 @@ const updateTreePlane = (tree, updatedPage) => {
     return updatedTree;
 };
 
-const updateTreeWithNewPlane = (planeRoute, parentPlaneID, linkCoordinates, tree, planesRegistry, configuration) => {
+const updateTreeWithNewPlane = (planeRoute, parentPlaneID, linkCoordinates, tree, planesRegistry, configuration, hostname = "origin") => {
     const parentPlane = getTreePlaneByPlaneID(tree, parentPlaneID);
     if (!parentPlane) {
         return {
@@ -2314,7 +2312,7 @@ const updateTreeWithNewPlane = (planeRoute, parentPlaneID, linkCoordinates, tree
         };
     }
     const location = computePluridPlaneLocation(linkCoordinates, parentPlane);
-    const treePlane = resolveViewItem(planesRegistry, planeRoute, configuration);
+    const treePlane = resolveViewItem(planesRegistry, planeRoute, configuration, hostname);
     if (!treePlane) {
         return {
             pluridPlaneID: "",
@@ -2348,6 +2346,24 @@ const updateTreeWithNewPlane = (planeRoute, parentPlaneID, linkCoordinates, tree
     };
 };
 
+const updatePlaneLocation = (tree, parentPlaneID, planeID, linkCoordinates) => {
+    const parentPlane = getTreePlaneByPlaneID(tree, parentPlaneID);
+    const plane = getTreePlaneByPlaneID(tree, planeID);
+    if (!parentPlane || !plane) {
+        return tree;
+    }
+    const location = computePluridPlaneLocation(linkCoordinates, parentPlane);
+    plane.location = {
+        translateX: location.x,
+        translateY: location.y,
+        translateZ: location.z,
+        rotateX: 0,
+        rotateY: parentPlane.location.rotateY + pluridData.PLANE_DEFAULT_ANGLE
+    };
+    const updatedTree = updateTreePlane(tree, plane);
+    return updatedTree;
+};
+
 const updateTreeWithNewPage = (tree, treePageParentPlaneID, pagePath, pageID, linkCoordinates, parameters) => {
     const treePageParent = getTreePlaneByPlaneID(tree, treePageParentPlaneID);
     if (treePageParent) {
@@ -2462,21 +2478,35 @@ const toggleChildren = children => {
     return updatedChildren;
 };
 
-const togglePlaneFromTree = (tree, pluridPlaneID) => {
+const toggleAllChildren = (tree, show) => {
+    for (const plane of tree) {
+        if (plane.children) {
+            plane.children = toggleAllChildren(plane.children, show);
+        }
+        plane.show = show;
+    }
+    return tree;
+};
+
+const togglePlaneFromTree = (tree, pluridPlaneID, forceShow) => {
     const updatedTree = [];
     let updatedPlane;
     for (const plane of tree) {
         if (plane.planeID === pluridPlaneID) {
+            const show = forceShow !== null && forceShow !== void 0 ? forceShow : !plane.show;
             const treeUpdatedPlane = Object.assign(Object.assign({}, plane), {
-                show: !plane.show,
-                children: []
+                show: show
             });
+            if (treeUpdatedPlane.children) {
+                const children = toggleAllChildren(treeUpdatedPlane.children, show);
+                treeUpdatedPlane.children = children;
+            }
             updatedTree.push(treeUpdatedPlane);
             updatedPlane = Object.assign({}, treeUpdatedPlane);
             continue;
         }
         if (plane.children) {
-            const {updatedTree: childrenUpdatedTree, updatedPlane: childrenUpdatedPlane} = togglePlaneFromTree(plane.children, pluridPlaneID);
+            const {updatedTree: childrenUpdatedTree, updatedPlane: childrenUpdatedPlane} = togglePlaneFromTree(plane.children, pluridPlaneID, forceShow);
             plane.children = [ ...childrenUpdatedTree ];
             updatedTree.push(plane);
             if (childrenUpdatedPlane) {
@@ -2492,6 +2522,46 @@ const togglePlaneFromTree = (tree, pluridPlaneID) => {
     };
 };
 
+const getTreePlaneByID = (stateTree, id) => {
+    if (!id) {
+        return;
+    }
+    for (const plane of stateTree) {
+        if (plane.planeID === id) {
+            return plane;
+        }
+        if (plane.children) {
+            const found = getTreePlaneByID(plane.children, id);
+            if (found) {
+                return found;
+            }
+        }
+    }
+    return;
+};
+
+const removeRootFromTree = (tree, pluridPlaneID) => {
+    const updatedTree = tree.filter((plane => plane.planeID !== pluridPlaneID));
+    return {
+        updatedTree: updatedTree
+    };
+};
+
+const removePlaneFromTree = (tree, pluridPlaneID) => {
+    const updatedTree = [];
+    for (const plane of tree) {
+        if (plane.planeID === pluridPlaneID) {
+            continue;
+        }
+        if (plane.children) {
+            const children = removePlaneFromTree(plane.children, pluridPlaneID);
+            plane.children = children;
+        }
+        updatedTree.push(plane);
+    }
+    return updatedTree;
+};
+
 var logic = Object.freeze({
     __proto__: null,
     resolveViewItem: resolveViewItem,
@@ -2501,10 +2571,15 @@ var logic = Object.freeze({
     assignPagesFromView: assignPagesFromView,
     updateTreePlane: updateTreePlane,
     updateTreeWithNewPlane: updateTreeWithNewPlane,
+    updatePlaneLocation: updatePlaneLocation,
     updateTreeWithNewPage: updateTreeWithNewPage,
     removePageFromTree: removePageFromTree,
     toggleChildren: toggleChildren,
-    togglePlaneFromTree: togglePlaneFromTree
+    toggleAllChildren: toggleAllChildren,
+    togglePlaneFromTree: togglePlaneFromTree,
+    getTreePlaneByID: getTreePlaneByID,
+    removeRootFromTree: removeRootFromTree,
+    removePlaneFromTree: removePlaneFromTree
 });
 
 class Tree {
@@ -2590,7 +2665,7 @@ const resolveSpace = (view, configuration, planesRegistrar, currentState, localS
         view: view
     }, hostname);
     const computedTree = spaceTree.compute();
-    const stateSpace = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+    const stateSpace = Object.assign(Object.assign(Object.assign(Object.assign({
         loading: true,
         animatedTransform: false,
         transformTime: 450,
@@ -2620,12 +2695,10 @@ const resolveSpace = (view, configuration, planesRegistrar, currentState, localS
                 z: 0
             }
         },
-        culledView: []
-    }, precomputedState === null || precomputedState === void 0 ? void 0 : precomputedState.space), contextState === null || contextState === void 0 ? void 0 : contextState.space), localState === null || localState === void 0 ? void 0 : localState.space), currentState === null || currentState === void 0 ? void 0 : currentState.space), {
+        culledView: [],
         view: view,
-        initialTree: computedTree,
         tree: computedTree
-    });
+    }, precomputedState === null || precomputedState === void 0 ? void 0 : precomputedState.space), contextState === null || contextState === void 0 ? void 0 : contextState.space), localState === null || localState === void 0 ? void 0 : localState.space), currentState === null || currentState === void 0 ? void 0 : currentState.space);
     if (currentState) {
         stateSpace.translationX = currentState.space.translationX;
         stateSpace.translationY = currentState.space.translationY;
@@ -2674,8 +2747,13 @@ const resolveThemes = (configuration, precomputedState) => {
 };
 
 const compute = (view, configuration, planesRegistrar, currentState, localState, precomputedState, contextState, hostname = "origin") => {
-    const specifiedConfiguration = merge(configuration);
-    const stateConfiguration = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, specifiedConfiguration), precomputedState === null || precomputedState === void 0 ? void 0 : precomputedState.configuration), contextState === null || contextState === void 0 ? void 0 : contextState.configuration), localState === null || localState === void 0 ? void 0 : localState.configuration), currentState === null || currentState === void 0 ? void 0 : currentState.configuration);
+    let stateConfiguration = merge(configuration);
+    const configurations = [ precomputedState === null || precomputedState === void 0 ? void 0 : precomputedState.configuration, contextState === null || contextState === void 0 ? void 0 : contextState.configuration, localState === null || localState === void 0 ? void 0 : localState.configuration, currentState === null || currentState === void 0 ? void 0 : currentState.configuration ];
+    for (const configuration of configurations) {
+        if (configuration) {
+            stateConfiguration = merge(configuration);
+        }
+    }
     const stateSpace = resolveSpace(view, stateConfiguration, planesRegistrar, currentState, localState, precomputedState, contextState, hostname);
     const stateThemes = resolveThemes(stateConfiguration, precomputedState);
     const state = {