Adds document attribute for disable tcpcheck

client/luigi-client.d.ts

@@ -594,14 +594,10 @@ export declare interface StorageManager {
 /**
  * Registers a listener called with the context object and the Luigi Core domain as soon as Luigi is instantiated. Defer your application bootstrap if you depend on authentication data coming from Luigi.
  * @param {Lifecycle~initListenerCallback} initFn the function that is called once Luigi is initialized, receives current context and origin as parameters
- * @param {boolean} disableTpcCheck if set to `true` third party cookie check will be disabled via LuigiClient.
  * @memberof Lifecycle
  */
-export function addInitListener(initFn: (context: Context, origin?: string) => void, disableTpcCheck?: boolean): number;
-export type addInitListener = (
-  initFn: (context: Context, origin?: string) => void,
-  disableTpcCheck?: boolean
-) => number;
+export function addInitListener(initFn: (context: Context, origin?: string) => void): number;
+export type addInitListener = (initFn: (context: Context, origin?: string) => void) => number;
 
 /**
  * Callback of the addInitListener

client/src/lifecycleManager.js

@@ -9,11 +9,10 @@ class LifecycleManager extends LuigiClientBase {
   /** @private */
   constructor() {
     super();
-    this.disableTpcCheck = false;
     this.luigiInitialized = false;
     this.defaultContextKeys = ['context', 'internal', 'nodeParams', 'pathParams', 'searchParams'];
     this.setCurrentContext(
-      this.defaultContextKeys.reduce(function(acc, key) {
+      this.defaultContextKeys.reduce(function (acc, key) {
         acc[key] = {};
         return acc;
       }, {})
@@ -38,6 +37,15 @@ class LifecycleManager extends LuigiClientBase {
     return window.document.head.hasAttribute('defer-luigi-init');
   }
 
+  /**
+   * Check if the html head element contains the attribute "disable-tpc-check"
+   * @private
+   * @memberof Lifecycle
+   */
+  _isTpcCheckDisabled() {
+    return window.document.head.hasAttribute('disable-tpc-check');
+  }
+
   /**
    * Check if LuigiClient is initialized
    * @returns {boolean} client initialized state
@@ -66,7 +74,7 @@ class LifecycleManager extends LuigiClientBase {
      * Save context data every time navigation to a different node happens
      * @private
      */
-    const setContext = rawData => {
+    const setContext = (rawData) => {
       for (let index = 0; index < this.defaultContextKeys.length; index++) {
         let key = this.defaultContextKeys[index];
         try {
@@ -80,13 +88,13 @@ class LifecycleManager extends LuigiClientBase {
       this.setCurrentContext(rawData);
     };
 
-    const setAuthData = eventPayload => {
+    const setAuthData = (eventPayload) => {
       if (eventPayload) {
         this.authData = eventPayload;
       }
     };
 
-    helpers.addEventListener('luigi.init', e => {
+    helpers.addEventListener('luigi.init', (e) => {
       setContext(e.data);
       setAuthData(e.data.authData);
       helpers.setLuigiCoreDomain(e.origin);
@@ -96,15 +104,15 @@ class LifecycleManager extends LuigiClientBase {
       helpers.sendPostMessageToLuigiCore({ msg: 'luigi.init.ok' });
     });
 
-    helpers.addEventListener('luigi-client.inactive-microfrontend', e => {
+    helpers.addEventListener('luigi-client.inactive-microfrontend', (e) => {
       this._notifyInactive(e.origin);
     });
 
-    helpers.addEventListener('luigi.auth.tokenIssued', e => {
+    helpers.addEventListener('luigi.auth.tokenIssued', (e) => {
       setAuthData(e.data.authData);
     });
 
-    helpers.addEventListener('luigi.navigate', e => {
+    helpers.addEventListener('luigi.navigate', (e) => {
       setContext(e.data);
       if (!this.currentContext.internal.isNavigateBack && !this.currentContext.withoutSync) {
         const previousHash = window.location.hash;
@@ -140,17 +148,21 @@ class LifecycleManager extends LuigiClientBase {
   }
 
   _tpcCheck() {
-    if (this.currentContext?.internal?.thirdPartyCookieCheck?.disabled || this.disableTpcCheck) {
+    const tpcCheckDisabled =
+      this._isTpcCheckDisabled() || this.currentContext?.internal?.thirdPartyCookieCheck?.disabled;
+
+    if (tpcCheckDisabled) {
       return;
     }
+
     let tpc = 'enabled';
     let cookies = document.cookie;
     let luigiCookie;
     if (cookies) {
       luigiCookie = cookies
         .split(';')
-        .map(cookie => cookie.trim())
-        .find(cookie => cookie === 'luigiCookie=true');
+        .map((cookie) => cookie.trim())
+        .find((cookie) => cookie === 'luigiCookie=true');
     }
     if (luigiCookie === 'luigiCookie=true') {
       document.cookie = 'luigiCookie=; Max-Age=-99999999; SameSite=None; Secure';
@@ -160,8 +172,8 @@ class LifecycleManager extends LuigiClientBase {
     if (cookies) {
       luigiCookie = cookies
         .split(';')
-        .map(cookie => cookie.trim())
-        .find(cookie => cookie === 'luigiCookie=true');
+        .map((cookie) => cookie.trim())
+        .find((cookie) => cookie === 'luigiCookie=true');
     }
     if (luigiCookie === 'luigiCookie=true') {
       document.cookie = 'luigiCookie=; Max-Age=-99999999; SameSite=None; Secure';
@@ -225,13 +237,11 @@ class LifecycleManager extends LuigiClientBase {
   /**
    * Registers a listener called with the context object and the Luigi Core domain as soon as Luigi is instantiated. Defer your application bootstrap if you depend on authentication data coming from Luigi.
    * @param {Lifecycle~initListenerCallback} initFn the function that is called once Luigi is initialized, receives current context and origin as parameters
-   * @param {boolean} disableTpcCheck if set to `true` third party cookie check will be disabled via LuigiClient.
    * @memberof Lifecycle
    * @example
    * const initListenerId = LuigiClient.addInitListener((context) => storeContextToMF(context))
    */
-  addInitListener(initFn, disableTpcCheck) {
-    this.disableTpcCheck = disableTpcCheck;
+  addInitListener(initFn) {
     const id = helpers.getRandomId();
     this._onInitFns[id] = initFn;
     if (this.luigiInitialized && helpers.isFunction(initFn)) {

client/src/luigi-client.js

@@ -26,8 +26,8 @@ class LuigiClient {
     }
   }
 
-  addInitListener(initFn, disableTpcCheck) {
-    return lifecycleManager.addInitListener(initFn, disableTpcCheck);
+  addInitListener(initFn) {
+    return lifecycleManager.addInitListener(initFn);
   }
   removeInitListener(id) {
     return lifecycleManager.removeInitListener(id);

docs/authorization-configuration.md

@@ -157,6 +157,18 @@ When Luigi fails to renew the token and then logs the user out, it adds the `?re
 
 Use these parameters to set a logout page.
 
+<!-- add-attribute:class:success -->
+>**TIP:** There's an option to disable third party cookie check declaratively - in your micro frontend HTML that serves as entry file, you must add the `disable-tpc-check` attribute into the `<head>` element as follows:
+
+```html
+  <html>
+    <head disable-tpc-check>
+    ....
+    </head>
+    .....
+  </html>
+```
+
 ## OAuth2 Implicit Grant configuration
 
 This code snippet demonstrates how to configure authorization using OAuth2 Implicit Grant in Luigi. Note that you must install the [OAuth2 Plugin](auth-oauth2.md) first.

docs/luigi-client-api.md

@@ -136,7 +136,6 @@ Registers a listener called with the context object and the Luigi Core domain as
 ##### Parameters
 
 *   `initFn` **[Lifecycle~initListenerCallback](#lifecycleinitlistenercallback)** the function that is called once Luigi is initialized, receives current context and origin as parameters
-*   `disableTpcCheck` **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** if set to `true` third party cookie check will be disabled via LuigiClient.
 
 ##### Examples
 

docs/luigi-compound-container-api.md

@@ -19,7 +19,6 @@ meta -->
 This document outlines the parameters provided by the Luigi Compound Container. Luigi Compound Container provides the possibility to insert multiple webcomponent-based microfrontends in one container.<br/>
 In addition you can use standard `addEventListener` function to react on events emmitted by the Luigi Compound Container. The list of events and their meaning can be found [here](https://github.com/SAP/luigi/blob/main/container/src/constants/communication.ts).
 
-
 ## API Reference
 
 <!-- Generated by documentation.js. Update this documentation by updating the source code. -->