Url anchor support for micro frontends

client/luigi-client.d.ts

@@ -61,9 +61,9 @@ export declare interface Context {
   };
   nodeParams?: NodeParams;
   pathParams?: PathParams;
+  anchor?: string;
   [key: string]: any;
 }
-
 export declare interface NodeParams {
   [key: string]: string;
 }
@@ -652,6 +652,26 @@ export type getActiveFeatureToggles = () => Array<String>;
 export function getPathParams(): PathParams;
 export type getPathParams = () => PathParams;
 
+/**
+ * Returns the anchor of active URL.
+ * @returns {String} the anchor string
+ * @memberof Lifecycle
+ * @example
+ * LuigiClient.getAnchor();
+ */
+export function getAnchor(): String;
+export type getAnchor = () => String;
+
+/**
+* Sets the anchor of active URL.
+* @param {string} anchor
+* @memberof Lifecycle
+* @example
+* LuigiClient.setAnchor('luigi');
+*/
+export function setAnchor(anchor: String): void;
+export type setAnchor = (anchor: String) => void;
+
 /**
  * Read search query parameters which are sent from Luigi core
  * @memberof Lifecycle

client/src/lifecycleManager.js

@@ -527,5 +527,30 @@ class LifecycleManager extends LuigiClientBase {
   getUserSettings() {
     return this.currentContext.internal.userSettings;
   }
+
+  /**
+   * Returns the current anchor based on active URL.
+   * @memberof Lifecycle
+   * @returns anchor of URL
+   * @example
+   * LuigiClient.getAnchor();
+   */
+  getAnchor() {
+    return this.currentContext.internal.anchor || '';
+  }
+
+  /**
+   * Sends anchor to Luigi Core. The anchor will be added to the URL.
+   * @param {string} anchor
+   * @memberof Lifecycle
+   * @example
+   * LuigiClient.setAnchor('luigi');
+   */
+  setAnchor(anchor) {
+    helpers.sendPostMessageToLuigiCore({
+      msg: 'luigi.setAnchor',
+      anchor
+    });
+  }
 }
 export const lifecycleManager = new LifecycleManager();

client/src/linkManager.js

@@ -28,7 +28,8 @@ export class linkManager extends LuigiClientBase {
       relative: false,
       link: '',
       newTab: false,
-      preserveQueryParams: false
+      preserveQueryParams: false,
+      anchor: ''
     };
   }
 

client/src/luigi-client.js

@@ -95,6 +95,12 @@ class LuigiClient {
   luigiClientInit() {
     return lifecycleManager.luigiClientInit();
   }
+  getAnchor() {
+    return lifecycleManager.getAnchor();
+  }
+  setAnchor(value) {
+    return lifecycleManager.setAnchor(value);
+  }
 
   /**
    * @private