@plurid/plurid-react 0.0.0-20 → 0.0.0-23

package/distribution/index.js

@@ -5028,7 +5028,7 @@ const handleView = view => {
 const {getRegisteredPlanes: getRegisteredPlanes} = pluridEngine.planes;
 
 const PluridView = properties => {
-    const {planesRegistrar: planesRegistrar, customPlane: customPlane, planeContext: planeContext, planeContextValue: planeContextValue, pubsub: pubsub, planeNotFound: planeNotFound, planeRenderError: planeRenderError, matchedRoute: matchedRoute, stateConfiguration: stateConfiguration, stateTransform: stateTransform, stateSpaceView: stateSpaceView, stateTree: stateTree, dispatch: dispatch, dispatchSetConfiguration: dispatchSetConfiguration, dispatchSetGeneralTheme: dispatchSetGeneralTheme, dispatchSetInteractionTheme: dispatchSetInteractionTheme, dispatchSetSpaceLocation: dispatchSetSpaceLocation, dispatchSetAnimatedTransform: dispatchSetAnimatedTransform, dispatchSetTransformTime: dispatchSetTransformTime, dispatchSetTree: dispatchSetTree, dispatchRotateXWith: dispatchRotateXWith, dispatchRotateX: dispatchRotateX, dispatchRotateYWith: dispatchRotateYWith, dispatchRotateY: dispatchRotateY, dispatchTranslateXWith: dispatchTranslateXWith, dispatchTranslateYWith: dispatchTranslateYWith, dispatchScaleUpWith: dispatchScaleUpWith, dispatchScaleDownWith: dispatchScaleDownWith, dispatchSpaceSetViewSize: dispatchSpaceSetViewSize, dispatchSpaceSetView: dispatchSpaceSetView} = properties;
+    const {planesRegistrar: planesRegistrar, customPlane: customPlane, planeContext: planeContext, planeContextValue: planeContextValue, pubsub: pubsub, planeNotFound: planeNotFound, planeRenderError: planeRenderError, matchedRoute: matchedRoute, hostname: hostname, stateConfiguration: stateConfiguration, stateTransform: stateTransform, stateSpaceView: stateSpaceView, stateTree: stateTree, dispatch: dispatch, dispatchSetConfiguration: dispatchSetConfiguration, dispatchSetGeneralTheme: dispatchSetGeneralTheme, dispatchSetInteractionTheme: dispatchSetInteractionTheme, dispatchSetSpaceLocation: dispatchSetSpaceLocation, dispatchSetAnimatedTransform: dispatchSetAnimatedTransform, dispatchSetTransformTime: dispatchSetTransformTime, dispatchSetTree: dispatchSetTree, dispatchRotateXWith: dispatchRotateXWith, dispatchRotateX: dispatchRotateX, dispatchRotateYWith: dispatchRotateYWith, dispatchRotateY: dispatchRotateY, dispatchTranslateXWith: dispatchTranslateXWith, dispatchTranslateYWith: dispatchTranslateYWith, dispatchScaleUpWith: dispatchScaleUpWith, dispatchScaleDownWith: dispatchScaleDownWith, dispatchSpaceSetViewSize: dispatchSpaceSetViewSize, dispatchSpaceSetView: dispatchSpaceSetView} = properties;
     const viewElement = React.useRef(null);
     const [pluridPubSub, setPluridPubSub] = React.useState(pubsub ? [ pubsub ] : []);
     const shortcutsCallback = React.useCallback((event => {
@@ -5050,7 +5050,7 @@ const PluridView = properties => {
             planes: planes,
             configuration: configuration,
             view: view
-        });
+        }, hostname);
         const computedTree = spaceTree.compute();
         for (const statePlane of stateTree) {
             for (const [index, computedPlane] of computedTree.entries()) {
@@ -5453,6 +5453,9 @@ const PluridView = properties => {
             handlePubSubPublish(pubsub);
         }
     }), [ pluridPubSub.length, stateConfiguration, stateTransform ]);
+    React.useEffect((() => {
+        treeUpdateCallback();
+    }), []);
     const pluridContext = {
         planesRegistrar: planesRegistrar,
         planeContext: planeContext,
@@ -5540,12 +5543,12 @@ class PluridApplication extends React.Component {
         }, React__default["default"].createElement(ConnectedView, Object.assign({}, this.props)));
     }
     computeStore() {
-        const {view: view, planes: planes, configuration: configuration, precomputedState: precomputedState, planesRegistrar: planesRegistrar, id: id, useLocalStorage: useLocalStorage} = this.props;
+        const {view: view, planes: planes, configuration: configuration, precomputedState: precomputedState, planesRegistrar: planesRegistrar, id: id, useLocalStorage: useLocalStorage, hostname: hostname} = this.props;
         registerPlanes(planes, planesRegistrar);
         const currentState = this.store ? this.store.getState() : undefined;
         const localState = pluridEngine.state.local.load(this.storeID, useLocalStorage);
         const contextState = id && this.context && this.context.states[id] ? this.context.states[id] : undefined;
-        const store = pluridEngine.state.compute(view, configuration, planesRegistrar, currentState, localState, precomputedState, contextState);
+        const store = pluridEngine.state.compute(view, configuration, planesRegistrar, currentState, localState, precomputedState, contextState, hostname);
         return store;
     }
     subscribeStore() {
@@ -5786,13 +5789,13 @@ const gatherPluridPlanes = (routes, planes) => {
     return pluridPlanes;
 };
 
-const renderMultispace = matchedRoute => {
+const renderMultispace = (matchedRoute, hostname = "origin") => {
     var _a, _b, _c, _d, _e, _f;
     if (matchedRoute.kind !== "Route") {
         return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
     }
     const protocol = "http";
-    const host = "localhost:63000";
+    const host = hostname;
     const {match: match, data: path} = matchedRoute;
     const {parameters: parameters, query: query} = match;
     const pluridRouteProperty = {
@@ -5889,7 +5892,8 @@ const renderMultispace = matchedRoute => {
                 planes: planes,
                 view: view,
                 configuration: space.configuration,
-                planesRegistrar: pluridPlanesRegistrar
+                planesRegistrar: pluridPlanesRegistrar,
+                hostname: hostname
             });
             spacesArray.push(App);
         }
@@ -5925,7 +5929,8 @@ const renderMultispace = matchedRoute => {
             id: path.value,
             planes: pluridPlanes,
             view: view,
-            configuration: path.defaultConfiguration
+            configuration: path.defaultConfiguration,
+            hostname: hostname
         });
         spacesArray.push(App);
     }
@@ -5955,19 +5960,19 @@ const renderMultispace = matchedRoute => {
     };
 };
 
-const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane) => {
+const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPlane, hostname = "origin") => {
     if (directPlane || (matchedRoute === null || matchedRoute === void 0 ? void 0 : matchedRoute.kind) === "RoutePlane") {
         const match = directPlane || matchedRoute;
         if (!match) {
             return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
         }
-        const DirectPlane = renderDirectPlane(match, planesRegistrar);
+        const DirectPlane = renderDirectPlane(match, planesRegistrar, hostname);
         return DirectPlane;
     }
     if (!matchedRoute) {
         const notFoundRoute = isoMatcher.match("/not-found", "route");
         if (notFoundRoute && notFoundRoute.kind === "Route") {
-            const notFoundRender = computePluridRoute(notFoundRoute, planesRegistrar, isoMatcher);
+            const notFoundRender = computePluridRoute(notFoundRoute, planesRegistrar, isoMatcher, undefined, hostname);
             return notFoundRender;
         }
         return () => () => React__default["default"].createElement(React__default["default"].Fragment, null);
@@ -6004,7 +6009,8 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
                 planesRegistrar: planesRegistrar,
                 configuration: defaultConfiguration,
                 pubsub: pubsub,
-                matchedRoute: matchedRoute
+                matchedRoute: matchedRoute,
+                hostname: hostname
             });
             const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, PluridRouteExterior && React__default["default"].createElement(PluridRouteExterior, {
                 plurid: pluridRouteProperty,
@@ -6064,7 +6070,7 @@ const getDirectPlaneMatch = (matchedPath, routes, planes) => {
     };
 };
 
-const renderDirectPlane = (routePlane, planesRegistrar) => {
+const renderDirectPlane = (routePlane, planesRegistrar, hostname = "origin") => {
     if (routePlane.match.query.flat) {
         const flat = routePlane.match.query.flat.toLowerCase();
         const renderFlat = flat === "true" || flat === "1";
@@ -6088,7 +6094,8 @@ const renderDirectPlane = (routePlane, planesRegistrar) => {
         const PluridRoute = () => React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(PluridApplication, {
             view: [ routePlane.match.value ],
             planesRegistrar: planesRegistrar,
-            configuration: defaultConfiguration
+            configuration: defaultConfiguration,
+            hostname: hostname
         }));
         return PluridRoute;
     };
@@ -6100,18 +6107,18 @@ const {Registrar: PluridPlanesRegistrar} = pluridEngine.planes;
 const {IsoMatcher: PluridIsoMatcher$1} = pluridEngine.routing;
 
 const PluridRouterBrowser = properties => {
-    const {routes: routes, planes: planes, exterior: exterior, shell: shell, static: staticContext, view: cleanNavigationView, cleanNavigation: cleanNavigation, notFoundPath: notFoundPathProperty} = properties;
+    const {routes: routes, planes: planes, exterior: exterior, shell: shell, hostname: hostname, static: staticContext, view: cleanNavigationView, cleanNavigation: cleanNavigation, notFoundPath: notFoundPathProperty} = properties;
     const notFoundPath = notFoundPathProperty || "/not-found";
     const pluridPlanes = gatherPluridPlanes(routes, planes);
     const pluridPlanesRegistrar = React.useRef(new PluridPlanesRegistrar(pluridPlanes));
     const pluridIsoMatcher = React.useRef(new PluridIsoMatcher$1({
         routes: routes,
         routePlanes: planes
-    }));
+    }, hostname));
     const mounted = pluridFunctionsReact.useMounted();
     const [matchedPath, setMatchedPath] = React.useState(computeInitialMatchedPath(staticContext));
     const [matchedRoute, setMatchedRoute] = React.useState(pluridIsoMatcher.current.match(matchedPath, "route"));
-    const [PluridRoute, setPluridRoute] = React.useState(computePluridRoute(matchedRoute, pluridPlanesRegistrar.current, pluridIsoMatcher.current, staticContext && staticContext.directPlane ? pluridIsoMatcher.current.match(staticContext.directPlane, "route") : undefined));
+    const [PluridRoute, setPluridRoute] = React.useState(computePluridRoute(matchedRoute, pluridPlanesRegistrar.current, pluridIsoMatcher.current, staticContext && staticContext.directPlane ? pluridIsoMatcher.current.match(staticContext.directPlane, "route") : undefined, hostname));
     const handleLocation = event => {
         let matchedPath;
         if (event && event.detail && event.detail.path && !matchedPath) {
@@ -6145,7 +6152,7 @@ const PluridRouterBrowser = properties => {
         }
         let matchedRoute = pluridIsoMatcher.current.match(matchedPath, "route");
         if (matchedRoute && matchedRoute.kind === "RoutePlane") {
-            const DirectPlane = renderDirectPlane(matchedRoute, pluridPlanesRegistrar.current);
+            const DirectPlane = renderDirectPlane(matchedRoute, pluridPlanesRegistrar.current, hostname);
             setMatchedRoute(matchedRoute);
             setPluridRoute(DirectPlane);
             return;
@@ -6154,7 +6161,7 @@ const PluridRouterBrowser = properties => {
             matchedRoute = pluridIsoMatcher.current.match(notFoundPath, "route");
         }
         setMatchedRoute(matchedRoute);
-        setPluridRoute(computePluridRoute(matchedRoute, pluridPlanesRegistrar.current, pluridIsoMatcher.current));
+        setPluridRoute(computePluridRoute(matchedRoute, pluridPlanesRegistrar.current, pluridIsoMatcher.current, undefined, hostname));
     }), [ mounted, matchedPath ]);
     React.useEffect((() => {
         if (!matchedRoute) {
@@ -6194,9 +6201,9 @@ const PluridRouterBrowser = properties => {
 };
 
 const PluridRouterStatic = properties => {
-    const {path: path, directPlane: directPlane, routes: routes, planes: planes, exterior: exterior, shell: shell, protocol: protocolProperty, host: hostProperty, gateway: gateway, gatewayQuery: gatewayQueryProperty, gatewayEndpoint: gatewayEndpointProperty} = properties;
+    const {path: path, directPlane: directPlane, routes: routes, planes: planes, exterior: exterior, shell: shell, protocol: protocolProperty, hostname: hostnameProperty, gateway: gateway, gatewayQuery: gatewayQueryProperty, gatewayEndpoint: gatewayEndpointProperty} = properties;
     const protocol = protocolProperty || "http";
-    const host = hostProperty || "localhost:63000";
+    const hostname = hostnameProperty || "localhost:63000";
     return React__default["default"].createElement(PluridRouterBrowser, {
         routes: routes,
         planes: planes,
@@ -6207,7 +6214,7 @@ const PluridRouterStatic = properties => {
             directPlane: directPlane
         },
         protocol: protocol,
-        host: host
+        hostname: hostname
     });
 };
 
@@ -6357,7 +6364,7 @@ const PluridLink = properties => {
     const [showLink, setShowLink] = React.useState(false);
     const [planeID, setPlaneID] = React.useState("");
     const [pluridPlaneID, setPluridPlaneID] = React.useState("");
-    const [parentPlaneID, setParentPlaneID] = React.useState("");
+    const [parentPlaneID, setParentPlaneID] = React.useState(getPluridPlaneIDByData$1(linkElement.current));
     const [linkCoordinates, setLinkCoordinates] = React.useState(defaultLinkCoordinates);
     const getPluridLinkCoordinates = () => {
         const link = linkElement.current;