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

package/distribution/containers/RouterStatic/index.d.ts

@@ -9,7 +9,7 @@ export interface PluridRouterStaticOwnProperties {
     routes: PluridRoute<PluridReactComponent>[];
     planes: PluridRoutePlane<PluridReactComponent>[];
     protocol?: string;
-    host?: string;
+    hostname?: string;
     gateway?: boolean;
     gatewayQuery?: string;
     gatewayEndpoint?: string;

package/distribution/distribution/containers/RouterStatic/index.d.ts

@@ -9,7 +9,7 @@ export interface PluridRouterStaticOwnProperties {
     routes: PluridRoute<PluridReactComponent>[];
     planes: PluridRoutePlane<PluridReactComponent>[];
     protocol?: string;
-    host?: string;
+    hostname?: string;
     gateway?: boolean;
     gatewayQuery?: string;
     gatewayEndpoint?: string;

package/distribution/distribution/services/logic/router/index.d.ts

@@ -40,12 +40,12 @@ export declare const collectApplicationsFromPath: (isoMatch: PluridRouteMatch, p
     view: string[];
 }[]>;
 export declare const gatherPluridPlanes: (routes: PluridRoute<PluridReactComponent>[], planes: PluridRoutePlane<PluridReactComponent>[] | undefined) => PluridPlane<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | PluridRouteComponentProperty>>[];
-export declare const renderMultispace: (matchedRoute: PluridRouteMatch) => (() => () => JSX.Element) | (() => React.FC<any>);
-export declare const computePluridRoute: (matchedRoute: PluridRouteMatch | undefined, planesRegistrar: planes.Registrar<PluridReactComponent>, isoMatcher: routing.IsoMatcher<PluridReactComponent>, directPlane?: PluridRouteMatch | undefined) => any;
-export declare const computeInitialMatchedPath: (staticContext?: PluridRouterStatic | undefined) => string;
+export declare const renderMultispace: (matchedRoute: PluridRouteMatch, hostname?: string) => (() => () => JSX.Element) | (() => React.FC<any>);
+export declare const computePluridRoute: (matchedRoute: PluridRouteMatch | undefined, planesRegistrar: planes.Registrar<PluridReactComponent>, isoMatcher: routing.IsoMatcher<PluridReactComponent>, directPlane?: PluridRouteMatch, hostname?: string) => any;
+export declare const computeInitialMatchedPath: (staticContext?: PluridRouterStatic) => string;
 export declare const getDirectPlaneMatch: (matchedPath: string, routes: PluridRoute<PluridReactComponent>[], planes: PluridRoutePlane<PluridReactComponent>[] | undefined) => {
     matchRoute: PluridRoute<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | PluridRouteComponentProperty>, any> | undefined;
     matchPlane: PluridRoutePlane<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | PluridRouteComponentProperty>> | undefined;
     matchPath: string | undefined;
 };
-export declare const renderDirectPlane: (routePlane: PluridRouteMatch, planesRegistrar: planes.Registrar<PluridReactComponent>) => () => any;
+export declare const renderDirectPlane: (routePlane: PluridRouteMatch, planesRegistrar: planes.Registrar<PluridReactComponent>, hostname?: string) => () => any;

package/distribution/index.es.js

@@ -1,4 +1,4 @@
-import { defaultConfiguration, TRANSFORM_MODES, LAYOUT_TYPES, TRANSLATION_STEP, ROTATION_STEP, SCALE_STEP, SCALE_UPPER_LIMIT, SCALE_LOWER_LIMIT, PLURID_ENTITY_PLANE_BRIDGE, PLURID_ENTITY_PLANE_CONTROLS, PLURID_ENTITY_PLANE_CONTENT, PLURID_ENTITY_PLANE, PLURID_ENTITY_ROOT, PLURID_ENTITY_ROOTS, PLURID_ENTITY_SPACE, SIZES, PLURID_ENTITY_TRANSFORM_ORIGIN, internationalization, TRANSFORM_TOUCHES, layoutNames, defaultShortcuts, shortcutsNames, TOOLBAR_DRAWERS, PLURID_ENTITY_TOOLBAR, PLURID_ENTITY_VIEWCUBE, PLURID_PUBSUB_TOPIC, PLURID_ENTITY_VIEW, PLURID_ROUTE_DEFAULT_PATH_VALUE, PLURID_ROUTE_DEFAULT_PATH, PLURID_ROUTE_DEFAULT_SPACE_VALUE, PLURID_ROUTE_DEFAULT_SPACE, PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE, PLURID_ROUTE_DEFAULT_UNIVERSE, PLURID_ROUTE_DEFAULT_CLUSTER_VALUE, PLURID_ROUTE_DEFAULT_CLUSTER, PLURID_ROUTE_SEPARATOR, PLURID_ENTITY_MULTISPACE, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_STORAGE, PLURID_ROUTER_LOCATION_STORED, PLURID_ENTITY_LINK, PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN, PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT, PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX, PLURID_ENTITY_APPLICATION_CONFIGURATOR, PLURID_ENTITY_PLANE_CONFIGURATOR } from "@plurid/plurid-data";
+import { defaultConfiguration, TRANSFORM_MODES, LAYOUT_TYPES, TRANSLATION_STEP, ROTATION_STEP, SCALE_STEP, SCALE_UPPER_LIMIT, SCALE_LOWER_LIMIT, PLURID_ENTITY_PLANE_BRIDGE, PLURID_ENTITY_PLANE_CONTROLS, PLURID_ENTITY_PLANE_CONTENT, PLURID_ENTITY_PLANE, PLURID_ENTITY_ROOT, PLURID_ENTITY_ROOTS, PLURID_ENTITY_SPACE, SIZES, PLURID_ENTITY_TRANSFORM_ORIGIN, internationalization, TRANSFORM_TOUCHES, layoutNames, defaultShortcuts, shortcutsNames, TOOLBAR_DRAWERS, PLURID_ENTITY_TOOLBAR, PLURID_ENTITY_VIEWCUBE, PLURID_ENTITY_VIEW, PLURID_PUBSUB_TOPIC, PLURID_ROUTE_DEFAULT_PATH_VALUE, PLURID_ROUTE_DEFAULT_PATH, PLURID_ROUTE_DEFAULT_SPACE_VALUE, PLURID_ROUTE_DEFAULT_SPACE, PLURID_ROUTE_DEFAULT_UNIVERSE_VALUE, PLURID_ROUTE_DEFAULT_UNIVERSE, PLURID_ROUTE_DEFAULT_CLUSTER_VALUE, PLURID_ROUTE_DEFAULT_CLUSTER, PLURID_ROUTE_SEPARATOR, PLURID_ENTITY_MULTISPACE, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_STORAGE, PLURID_ROUTER_LOCATION_STORED, PLURID_ENTITY_LINK, PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN, PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT, PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX, PLURID_ENTITY_APPLICATION_CONFIGURATOR, PLURID_ENTITY_PLANE_CONFIGURATOR } from "@plurid/plurid-data";
 
 export { PLURID_PUBSUB_TOPIC, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_LOCATION_STORED, SIZES, LAYOUT_TYPES as SPACE_LAYOUT, TRANSFORM_MODES, TRANSFORM_TOUCHES } from "@plurid/plurid-data";
 
@@ -4988,7 +4988,7 @@ const handleView = view => {
 const {getRegisteredPlanes: getRegisteredPlanes} = 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 = useRef(null);
     const [pluridPubSub, setPluridPubSub] = useState(pubsub ? [ pubsub ] : []);
     const shortcutsCallback = useCallback((event => {
@@ -5010,7 +5010,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()) {
@@ -5413,6 +5413,9 @@ const PluridView = properties => {
             handlePubSubPublish(pubsub);
         }
     }), [ pluridPubSub.length, stateConfiguration, stateTransform ]);
+    useEffect((() => {
+        treeUpdateCallback();
+    }), []);
     const pluridContext = {
         planesRegistrar: planesRegistrar,
         planeContext: planeContext,
@@ -5500,12 +5503,12 @@ class PluridApplication extends Component {
         }, React.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 = state.local.load(this.storeID, useLocalStorage);
         const contextState = id && this.context && this.context.states[id] ? this.context.states[id] : undefined;
-        const store = state.compute(view, configuration, planesRegistrar, currentState, localState, precomputedState, contextState);
+        const store = state.compute(view, configuration, planesRegistrar, currentState, localState, precomputedState, contextState, hostname);
         return store;
     }
     subscribeStore() {
@@ -5746,13 +5749,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.createElement(React.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 = {
@@ -5849,7 +5852,8 @@ const renderMultispace = matchedRoute => {
                 planes: planes,
                 view: view,
                 configuration: space.configuration,
-                planesRegistrar: pluridPlanesRegistrar
+                planesRegistrar: pluridPlanesRegistrar,
+                hostname: hostname
             });
             spacesArray.push(App);
         }
@@ -5885,7 +5889,8 @@ const renderMultispace = matchedRoute => {
             id: path.value,
             planes: pluridPlanes,
             view: view,
-            configuration: path.defaultConfiguration
+            configuration: path.defaultConfiguration,
+            hostname: hostname
         });
         spacesArray.push(App);
     }
@@ -5915,19 +5920,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.createElement(React.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.createElement(React.Fragment, null);
@@ -5964,7 +5969,8 @@ const computePluridRoute = (matchedRoute, planesRegistrar, isoMatcher, directPla
                 planesRegistrar: planesRegistrar,
                 configuration: defaultConfiguration,
                 pubsub: pubsub,
-                matchedRoute: matchedRoute
+                matchedRoute: matchedRoute,
+                hostname: hostname
             });
             const PluridRoute = () => React.createElement(React.Fragment, null, PluridRouteExterior && React.createElement(PluridRouteExterior, {
                 plurid: pluridRouteProperty,
@@ -6024,7 +6030,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";
@@ -6048,7 +6054,8 @@ const renderDirectPlane = (routePlane, planesRegistrar) => {
         const PluridRoute = () => React.createElement(React.Fragment, null, React.createElement(PluridApplication, {
             view: [ routePlane.match.value ],
             planesRegistrar: planesRegistrar,
-            configuration: defaultConfiguration
+            configuration: defaultConfiguration,
+            hostname: hostname
         }));
         return PluridRoute;
     };
@@ -6060,18 +6067,18 @@ const {Registrar: PluridPlanesRegistrar} = planes;
 const {IsoMatcher: PluridIsoMatcher$1} = 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 = useRef(new PluridPlanesRegistrar(pluridPlanes));
     const pluridIsoMatcher = useRef(new PluridIsoMatcher$1({
         routes: routes,
         routePlanes: planes
-    }));
+    }, hostname));
     const mounted = useMounted();
     const [matchedPath, setMatchedPath] = useState(computeInitialMatchedPath(staticContext));
     const [matchedRoute, setMatchedRoute] = useState(pluridIsoMatcher.current.match(matchedPath, "route"));
-    const [PluridRoute, setPluridRoute] = useState(computePluridRoute(matchedRoute, pluridPlanesRegistrar.current, pluridIsoMatcher.current, staticContext && staticContext.directPlane ? pluridIsoMatcher.current.match(staticContext.directPlane, "route") : undefined));
+    const [PluridRoute, setPluridRoute] = 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) {
@@ -6105,7 +6112,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;
@@ -6114,7 +6121,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 ]);
     useEffect((() => {
         if (!matchedRoute) {
@@ -6154,9 +6161,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.createElement(PluridRouterBrowser, {
         routes: routes,
         planes: planes,
@@ -6167,7 +6174,7 @@ const PluridRouterStatic = properties => {
             directPlane: directPlane
         },
         protocol: protocol,
-        host: host
+        hostname: hostname
     });
 };
 
@@ -6317,7 +6324,7 @@ const PluridLink = properties => {
     const [showLink, setShowLink] = useState(false);
     const [planeID, setPlaneID] = useState("");
     const [pluridPlaneID, setPluridPlaneID] = useState("");
-    const [parentPlaneID, setParentPlaneID] = useState("");
+    const [parentPlaneID, setParentPlaneID] = useState(getPluridPlaneIDByData$1(linkElement.current));
     const [linkCoordinates, setLinkCoordinates] = useState(defaultLinkCoordinates);
     const getPluridLinkCoordinates = () => {
         const link = linkElement.current;