passbolt-browser-extension 3.0.6 → 4.6.2

package/test/mocks/mockNavigatorLocks.js

@@ -0,0 +1,30 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2023 Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) 2023 Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         4.1.0
+ */
+
+/**
+ * Mock class to be used in replacement of navigator.locks
+ */
+class MockNavigatorLocks {
+  /**
+   * Mock lock request.
+   * @param {string} lockName The lock name
+   * @param {function} callback The function callback
+   * @returns {Promise<*>}
+   */
+  async request(lockName, callback) {
+    return callback();
+  }
+}
+
+export default MockNavigatorLocks;

package/test/mocks/mockSsoDataStorage.js

@@ -0,0 +1,86 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         3.9.0
+ */
+import SsoKitClientPartEntity from "../../src/all/background_page/model/entity/sso/ssoKitClientPartEntity"
+
+class MockSsoDataStorage {
+  constructor() {
+    this.data = null;
+    this.get = jest.fn().mockImplementation(this.get.bind(this));
+    this.save = jest.fn().mockImplementation(this.save.bind(this));
+    this.updateLocalKitIdWith = jest.fn().mockImplementation(this.updateLocalKitIdWith.bind(this));
+    this.updateLocalKitProviderWith = jest.fn().mockImplementation(this.updateLocalKitProviderWith.bind(this));
+    this.flush = jest.fn().mockImplementation(this.flush.bind(this));
+  }
+
+  /**
+   * Mock/Set the serialized SSO kit on a simulated IndexedDB
+   * @param {Object} data
+   * @returns {Promise<void>}
+   */
+  setMockedData(data) {
+    this.data = data;
+  }
+
+  /**
+   * Returns the SSO kit currently stored on the IndexedDB
+   * @returns {Promise<SsoKitClientPartEntity|null>}
+   */
+  async get() {
+    return this.data
+      ? new SsoKitClientPartEntity(this.data)
+      : null;
+  }
+
+  /**
+   * Simulates a registration of the SSO kit on the IndexedDB
+   * @param {SsoKitClientPartEntity} ssoKit
+   * @returns {Promise<void>}
+   */
+  async save(ssoKitClientPartEntity) {
+    this.data = ssoKitClientPartEntity.toDbSerializableObject();
+  }
+
+  /**
+   * Simulates an update of the ID of the SSO kit stored on the IndexedDB
+   * @param {SsoKitClientPartEntity} ssoKit
+   * @returns {Promise<void>}
+   */
+  async updateLocalKitIdWith(ssoKit) {
+    this.data.id = ssoKit.id;
+  }
+
+  /**
+   * Simulates an update of the provider of the SSO kit stored on the IndexedDB
+   * @param {SsoKitClientPartEntity} ssoKit
+   * @returns {Promise<void>}
+   */
+  async updateLocalKitProviderWith(ssoKit) {
+    this.data.provider = ssoKit.provider;
+  }
+
+  /**
+   * Simulates a flush of the SSO kit on the IndexedDB
+   * @param {SsoKitClientPartEntity} ssoKit
+   * @returns {Promise<void>}
+   */
+  async flush() {
+    this.data = null;
+  }
+}
+
+const mockedStorage = new MockSsoDataStorage();
+jest.mock("../../src/all/background_page/service/indexedDB_storage/ssoDataStorage", () => ({
+  __esModule: true,
+  default: mockedStorage
+}));

package/test/mocks/mockStorage.js

@@ -0,0 +1,74 @@
+/**
+ * Mock storage largely inspired from jest web extension mock code.
+ * @see https://github.com/clarkbw/jest-webextension-mock/blob/main/src/storage.js
+ */
+
+class MockStorage {
+  constructor() {
+    this.store = {};
+  }
+
+  get(id = null, cb) {
+    const result = id === null ? this.store : this.resolveKey(id);
+    if (cb !== undefined) {
+      return cb(result);
+    }
+    return Promise.resolve(result);
+  }
+
+  getBytesInUse(id, cb) {
+    if (cb !== undefined) {
+      return cb(0);
+    }
+    return Promise.resolve(0);
+  }
+
+  set(payload, cb) {
+    Object.keys(payload).forEach((key) => (this.store[key] = payload[key]));
+    if (cb !== undefined) {
+      return cb();
+    }
+    return Promise.resolve();
+  }
+
+  remove(id, cb) {
+    const keys = typeof id === 'string' ? [id] : id;
+    keys.forEach((key) => delete this.store[key]);
+    if (cb !== undefined) {
+      return cb();
+    }
+    return Promise.resolve();
+  }
+
+  clear(cb) {
+    this.store = {};
+    if (cb !== undefined) {
+      return cb();
+    }
+    return Promise.resolve();
+  }
+
+  resolveKey(key) {
+    if (typeof key === 'string') {
+      const result = {};
+      // @todo id=null is a variation introduced by passbolt to respect the original API which returns an empty object if the store is not defined.
+      if (typeof this.store[key] !== "undefined") {
+        result[key] = this.store[key];
+      }
+      return result;
+    } else if (Array.isArray(key)) {
+      return key.reduce((acc, curr) => {
+        acc[curr] = this.store[curr];
+        return acc;
+      }, {});
+    } else if (typeof key === 'object') {
+      return Object.keys(key).reduce((acc, curr) => {
+        acc[curr] = this.store[curr] || key[curr];
+        return acc;
+      }, {});
+    }
+    throw new Error('Wrong key given');
+  }
+}
+
+export default MockStorage;

package/test/mocks/mockTextEncoder.js

@@ -0,0 +1,18 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         4.6.0
+ */
+
+import {TextEncoder, TextDecoder} from "text-encoding-utf-8";
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;

package/test/mocks/mockWebExtensionPolyfill.js

@@ -0,0 +1,77 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         4.6.0
+ */
+import "jest-webextension-mock";
+import MockAlarms from "./mockAlarms";
+import MockEventListener from "./mockEventListener";
+import MockStorage from "./mockStorage";
+
+jest.mock("webextension-polyfill", () => {
+  const originalBrowser = jest.requireActual("webextension-polyfill");
+  return {
+    ...originalBrowser,
+    // Alarms is not mocked by jest-webextension-mock v3.8.9
+    alarms: new MockAlarms(),
+    /*
+     * Cookies is not mocked by jest-webextension-mock v3.8.9
+     * @see https://github.com/clarkbw/jest-webextension-mock/issues/109
+     */
+    cookies: {
+      get: jest.fn()
+    },
+    runtime: {
+      ...originalBrowser.runtime,
+      // Force the extension runtime url
+      getURL: jest.fn(() => "chrome-extension://didegimhafipceonhjepacocaffmoppf"),
+      // Force extension version
+      getManifest: jest.fn(() => ({
+        version: "v3.6.0"
+      })),
+      // Runtime primitives not mocked by jest-webextension-mock v3.8.9
+      OnInstalledReason: {
+        INSTALL: "install",
+        UPDATE: "update"
+      },
+      reload: jest.fn(),
+    },
+    storage: {
+      ...originalBrowser.storage,
+      // Override jest-webextension-mock v3.8.9 storage.local with custom one offering local scope store
+      local: new MockStorage(),
+      // Storage.session is not mocked by jest-webextension-mock v3.8.9
+      session: new MockStorage(),
+    },
+    tabs: {
+      ...originalBrowser.tabs,
+      // Tabs primitives not mocked by jest-webextension-mock v3.8.9
+      executeScript: jest.fn(),
+      insertCSS: jest.fn(),
+      onActivated: new MockEventListener(),
+      onUpdated: new MockEventListener(),
+      onRemoved: new MockEventListener(),
+      reload: jest.fn(),
+    },
+    /*
+     * Windows is not mocked by jest-webextension-mock v3.8.9
+     * @see https://github.com/clarkbw/jest-webextension-mock/issues/89
+     */
+    windows: {
+      create: jest.fn(),
+      onFocusChanged: {
+        addListener: jest.fn(),
+        hasListener: jest.fn(),
+        removeListener: jest.fn(),
+      },
+    },
+  };
+});

package/webpack-content-scripts.browser-integration.config.js

@@ -0,0 +1,57 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+  entry: {
+    'browser-integration': path.resolve(__dirname, './src/all/contentScripts/js/app/BrowserIntegration.js'),
+  },
+  mode: 'production',
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules[\\/]((?!(passbolt\-styleguide))))/,
+        loader: "babel-loader",
+        options: {
+          presets: ["@babel/react"],
+        }
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      minSize: 0,
+      cacheGroups: {
+        commons: {
+          test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
+          name: 'vendors',
+          chunks: 'all'
+        },
+      }
+    },
+  },
+  resolve: {extensions: ["*", ".js", ".jsx"]},
+  output: {
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'contentScriptBrowserIntegrationChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/contentScripts/js/dist/browser-integration'),
+    pathinfo: true,
+    filename: '[name].js'
+  }
+};
+
+exports.default = function (env) {
+  env = env || {};
+  // Enable debug mode.
+  if (env.debug) {
+    config.mode = "development";
+    config.devtool = "inline-source-map";
+  }
+  return config;
+};

package/webpack-content-scripts.config.js

@@ -1,12 +1,20 @@
+const webpack = require('webpack');
 const path = require('path');
 
 const config = {
   entry: {
-    'app': path.resolve(__dirname, './src/all/content_scripts/js/app/App.js'),
-    'setup': path.resolve(__dirname, './src/all/content_scripts/js/app/Setup.js'),
-    'recover': path.resolve(__dirname, './src/all/content_scripts/js/app/Recover.js'),
-    'login': path.resolve(__dirname, './src/all/content_scripts/js/app/Login.js')
+    'app': path.resolve(__dirname, './src/all/contentScripts/js/app/App.js'),
+    'setup': path.resolve(__dirname, './src/all/contentScripts/js/app/Setup.js'),
+    'recover': path.resolve(__dirname, './src/all/contentScripts/js/app/Recover.js'),
+    'login': path.resolve(__dirname, './src/all/contentScripts/js/app/Login.js'),
+    'account-recovery': path.resolve(__dirname, './src/all/contentScripts/js/app/AccountRecovery.js'),
   },
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
   mode: 'production',
   module: {
     rules: [
@@ -22,6 +30,7 @@ const config = {
   },
   optimization: {
     splitChunks: {
+      minSize: 0,
       cacheGroups: {
         commons: {
           test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
@@ -33,7 +42,9 @@ const config = {
   },
   resolve: {extensions: ["*", ".js", ".jsx"]},
   output: {
-    path: path.resolve(__dirname, './build/all/content_scripts/js/dist'),
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'contentScriptChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/contentScripts/js/dist'),
     pathinfo: true,
     filename: '[name].js'
   }

package/webpack-content-scripts.public-website-sign-in.config.js

@@ -0,0 +1,57 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+  entry: {
+    'public-website-sign-in': path.resolve(__dirname, './src/all/contentScripts/js/app/PublicWebsiteSignIn.js'),
+  },
+  mode: 'production',
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules[\\/]((?!(passbolt\-styleguide))))/,
+        loader: "babel-loader",
+        options: {
+          presets: ["@babel/react"],
+        }
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      minSize: 0,
+      cacheGroups: {
+        commons: {
+          test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
+          name: 'vendors',
+          chunks: 'all'
+        },
+      }
+    },
+  },
+  resolve: {extensions: ["*", ".js", ".jsx"]},
+  output: {
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'contentScriptBrowserIntegrationChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/contentScripts/js/dist/public-website-sign-in'),
+    pathinfo: true,
+    filename: '[name].js'
+  }
+};
+
+exports.default = function (env) {
+  env = env || {};
+  // Enable debug mode.
+  if (env.debug) {
+    config.mode = "development";
+    config.devtool = "inline-source-map";
+  }
+  return config;
+};

package/webpack-data.config.js

@@ -1,14 +1,22 @@
+const webpack = require('webpack');
 const path = require('path');
 
 const config = {
   entry: {
-    'app': path.resolve(__dirname, './src/all/data/js/app/App.js'),
-    'setup': path.resolve(__dirname, './src/all/data/js/app/Setup.js'),
-    'recover': path.resolve(__dirname, './src/all/data/js/app/Recover.js'),
-    'login': path.resolve(__dirname, './src/all/data/js/app/Login.js'),
-    'quickaccess': path.resolve(__dirname, './src/all/data/js/quickaccess/popup/Popup.js')
+    'account-recovery': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/AccountRecovery.js'),
+    'app': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/App.js'),
+    'setup': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/Setup.js'),
+    'recover': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/Recover.js'),
+    'login': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/Login.js'),
+    'quickaccess': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/QuickAccess.js')
   },
   mode: 'production',
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
   module: {
     rules: [
       {
@@ -23,6 +31,7 @@ const config = {
   },
   optimization: {
     splitChunks: {
+      minSize: 0,
       cacheGroups: {
         commons: {
           test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
@@ -32,9 +41,17 @@ const config = {
       }
     },
   },
-  resolve: {extensions: ["*", ".js", ".jsx"]},
+  resolve: {
+    alias: {
+      'react': path.resolve('./node_modules/react'),
+      'react-dom': path.resolve('./node_modules/react-dom')
+    },
+    extensions: ["*", ".js", ".jsx"]
+  },
   output: {
-    path: path.resolve(__dirname, './build/all/data/js/dist'),
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'dataChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/webAccessibleResources/js/dist'),
     pathinfo: true,
     filename: '[name].js'
   }

package/webpack-data.download.config.js

@@ -0,0 +1,59 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+  entry: {
+    'app': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/Download.js')
+  },
+  mode: 'production',
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules[\\/]((?!(passbolt\-styleguide))))/,
+        loader: "babel-loader",
+        options: {
+          presets: ["@babel/react"],
+        }
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      minSize: 0,
+      cacheGroups: {
+        defaultVendors: {
+          test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
+          name: 'vendors',
+          chunks: 'all'
+        },
+      }
+    },
+  },
+  resolve: {
+    extensions: ["*", ".js", ".jsx"]
+  },
+  output: {
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'dataDownloadChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/webAccessibleResources/js/dist/download'),
+    pathinfo: true,
+    filename: '[name].js'
+  }
+};
+
+exports.default = function (env) {
+  env = env || {};
+  // Enable debug mode.
+  if (env && env.debug) {
+    config.mode = "development";
+    config.devtool = "inline-source-map";
+  }
+  return config;
+};

package/webpack-data.in-form-call-to-action.config.js

@@ -0,0 +1,63 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+  entry: {
+    'app': path.resolve(__dirname, './src/all/webAccessibleResources/js/app/InFormCallToAction.js')
+  },
+  mode: 'production',
+  plugins: [
+    new webpack.ProvidePlugin({
+      // Inject browser polyfill as a global API, and adapt it depending on the environment (MV2/MV3/Windows app).
+      browser: path.resolve(__dirname, './src/all/common/polyfill/browserPolyfill.js'),
+    })
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /(node_modules[\\/]((?!(passbolt\-styleguide))))/,
+        loader: "babel-loader",
+        options: {
+          presets: ["@babel/react"],
+        }
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      minSize: 0,
+      cacheGroups: {
+        commons: {
+          test: /[\\/]node_modules[\\/]((?!(passbolt\-styleguide)).*)[\\/]/,
+          name: 'vendors',
+          chunks: 'all'
+        },
+      }
+    },
+  },
+  resolve: {
+    alias: {
+      'react': path.resolve('./node_modules/react'),
+      'react-dom': path.resolve('./node_modules/react-dom')
+    },
+    extensions: ["*", ".js", ".jsx"]
+  },
+  output: {
+    // Set a unique name to ensure the cohabitation of multiple webpack loader on the same page.
+    chunkLoadingGlobal: 'dataInFormCallToActionChunkLoadingGlobal',
+    path: path.resolve(__dirname, './build/all/webAccessibleResources/js/dist/in-form-call-to-action'),
+    pathinfo: true,
+    filename: '[name].js'
+  }
+};
+
+exports.default = function (env) {
+  env = env || {};
+  // Enable debug mode.
+  if (env && env.debug) {
+    config.mode = "development";
+    config.devtool = "inline-source-map";
+  }
+  return config;
+};