passbolt-browser-extension 3.0.6 → 4.6.2

package/src/all/webAccessibleResources/js/lib/port.test.js

@@ -0,0 +1,152 @@
+/**
+ * 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.8.0
+ */
+import Port from "./port";
+import {v4 as uuidv4} from "uuid";
+
+describe("Port", () => {
+  describe("Port::connect", () => {
+    it("Should create new port with the name and connect", async() => {
+      expect.assertions(5);
+
+      const portname = uuidv4();
+      const port = new Port(portname);
+      expect(port._connected).toBeFalsy();
+      port.connect();
+      expect(browser.runtime.connect).toHaveBeenCalledWith({name: portname});
+      expect(port._port.onDisconnect.addListener).toHaveBeenCalled();
+      expect(port._port.onMessage.addListener).toHaveBeenCalled();
+
+      port._onMessage(JSON.stringify(["passbolt.port.ready"]));
+      expect(Object.keys(port._listeners).length).toBe(0);
+    });
+
+    it("Should raise an error if port has no name", async() => {
+      expect.assertions(1);
+
+      try {
+        new Port(null);
+      } catch (error) {
+        expect(error.message).toBe('The port name should be a valid string.');
+      }
+    });
+  });
+
+  describe("Port::request", () => {
+    it("Should post a message and wait a success result", async() => {
+      expect.assertions(6);
+
+      const portname = uuidv4();
+      const port = new Port(portname);
+      port.connect();
+      port._onMessage(JSON.stringify(["passbolt.port.ready"]));
+
+      jest.spyOn(port, "emit");
+      jest.spyOn(port.lock, "acquire");
+      jest.spyOn(port.lock, "release");
+
+      const message = "request_message";
+      const promise = port.request(message, {data: "data"});
+      const requestId = Object.keys(port._listeners)[0];
+
+      expect(port.emit).toHaveBeenCalledWith(message, requestId, {data: "data"});
+      expect(port.lock.acquire).toHaveBeenCalled();
+      // Force to wait the promise has been resolve
+      await Promise.resolve();
+      expect(port.lock.release).toHaveBeenCalled();
+      // Force to wait the promise has been resolve to be sure the post message has been called
+      await Promise.resolve();
+      expect(port._port.postMessage).toHaveBeenCalledWith(JSON.stringify([message, requestId, {data: "data"}]));
+
+      const dataReceived = {data: "dataReceived"};
+      port._onMessage(JSON.stringify([requestId, "SUCCESS", dataReceived]));
+      expect(Object.keys(port._listeners).length).toBe(0);
+      expect(await promise).toStrictEqual(dataReceived);
+    });
+
+    it("Should post a message and wait an error result", async() => {
+      expect.assertions(6);
+
+      const portname = uuidv4();
+      const port = new Port(portname);
+      port.connect();
+      port._onMessage(JSON.stringify(["passbolt.port.ready"]));
+
+      jest.spyOn(port, "emit");
+      jest.spyOn(port.lock, "acquire");
+      jest.spyOn(port.lock, "release");
+
+      const message = "request_message";
+      const promise = port.request(message, {data: "data"});
+      const requestId = Object.keys(port._listeners)[0];
+
+      expect(port.emit).toHaveBeenCalledWith(message, requestId, {data: "data"});
+      expect(port.lock.acquire).toHaveBeenCalled();
+      // Force to wait the promise has been resolve
+      await Promise.resolve();
+      expect(port.lock.release).toHaveBeenCalled();
+      // Force to wait the promise has been resolve to be sure the post message has been called
+      await Promise.resolve();
+      expect(port._port.postMessage).toHaveBeenCalledWith(JSON.stringify([message, requestId, {data: "data"}]));
+
+      const dataReceived = {data: "dataReceived"};
+      port._onMessage(JSON.stringify([requestId, "ERROR", dataReceived]));
+      expect(Object.keys(port._listeners).length).toBe(0);
+      try {
+        await promise;
+      } catch (error) {
+        expect(error).toStrictEqual(dataReceived);
+      }
+    });
+
+    it("Should post a message on a disconnected port and wait to connect again before sending a message", async() => {
+      expect.assertions(7);
+
+      const portname = uuidv4();
+      const port = new Port(portname);
+
+      jest.spyOn(port, "connect");
+
+      port.connect();
+      port._onMessage(JSON.stringify(["passbolt.port.ready"]));
+
+      jest.spyOn(port, "emit");
+      jest.spyOn(port.lock, "acquire");
+      jest.spyOn(port.lock, "release");
+
+      const message = "request_message";
+      port._connected = false;
+      const promise = port.request(message, {data: "data"});
+      const requestId = Object.keys(port._listeners)[0];
+
+      expect(port.emit).toHaveBeenCalledWith(message, requestId, {data: "data"});
+      expect(port.lock.acquire).toHaveBeenCalled();
+      // Wait connect listener has been added
+      await Promise.resolve();
+      // Connect the port again
+      port._onMessage(JSON.stringify(["passbolt.port.ready"]));
+      expect(port.connect).toHaveBeenCalledTimes(2);
+      // Wait connect has been done
+      await Promise.resolve();
+      expect(port.lock.release).toHaveBeenCalled();
+      // Wait release has been done
+      await Promise.resolve();
+      expect(port._port.postMessage).toHaveBeenCalledWith(JSON.stringify([message, requestId, {data: "data"}]));
+
+      const dataReceived = {data: "dataReceived"};
+      port._onMessage(JSON.stringify([requestId, "SUCCESS", dataReceived]));
+      expect(Object.keys(port._listeners).length).toBe(0);
+      expect(await promise).toStrictEqual(dataReceived);
+    });
+  });
+});

package/src/all/{data → webAccessibleResources}/js/themes/stylesheet.js

@@ -12,24 +12,45 @@
  * @since         2.12.0
  */
 
-(function () {
-
+(function() {
   class Stylesheet {
     constructor() {
-      this.stylesheetElementId = "ext-iframe-stylesheet-link";
       this.init();
     }
 
     async init() {
-      await this.insert();
+      await this.updateStylesWithUserPreferences();
       this.handleStorageChange = this.handleStorageChange.bind(this);
       chrome.storage.onChanged.addListener(this.handleStorageChange);
     }
 
-    async insert() {
+    async updateStylesWithUserPreferences() {
+      const cssInfoTag = document.querySelector('#stylesheet-manager');
+      if (!cssInfoTag) {
+        return;
+      }
+
       this.theme = await this.getTheme();
-      const stylesheetElement = this.createStylesheetElement(this.theme);
-      document.getElementsByTagName("head")[0].appendChild(stylesheetElement);
+      const cssFile = cssInfoTag.dataset.file;
+      const baseUrl = window.location.origin;
+
+      this.getLinkTag().setAttribute("href", `${baseUrl}/webAccessibleResources/css/themes/${this.theme}/${cssFile}`);
+    }
+
+    getLinkTag() {
+      let link = document.querySelector("#stylesheet");
+      if (link) {
+        return link;
+      }
+
+      link = document.createElement("link");
+      link.setAttribute("id", "stylesheet");
+      link.setAttribute("media", "all");
+      link.setAttribute("rel", "stylesheet");
+
+      document.querySelector("head").appendChild(link);
+
+      return link;
     }
 
     handleStorageChange(changes) {
@@ -37,51 +58,45 @@
         const config = changes._passbolt_data.newValue.config;
         if (config && this.theme !== config["user.settings.theme"] && this.isValidTheme(config["user.settings.theme"])) {
           this.theme = config["user.settings.theme"];
-          const themePath = this.getThemePath(this.theme);
-          document.getElementById(this.stylesheetElementId).setAttribute('href', themePath);
+          this.updateStylesWithUserPreferences();
         }
       }
-    };
+    }
 
     async getLocalStorage() {
-      return new Promise((resolve, reject) => {
+      return new Promise(resolve => {
         chrome.storage.local.get(["_passbolt_data"], result => resolve(result));
       });
     }
 
     async getTheme() {
-      let theme = "default";
-      const storageData = await this.getLocalStorage();
-      const {_passbolt_data: {config}} = storageData;
-      if (config && this.isValidTheme(config["user.settings.theme"])) {
-        theme = config["user.settings.theme"];
+      if (await this.isThemeDefined()) {
+        const storageData = await this.getLocalStorage();
+        const {_passbolt_data: {config}} = storageData;
+        return config["user.settings.theme"];
       }
-      return theme;
-    }
 
-    isValidTheme(theme) {
-      const whitelist = ['default', 'midgar'];
-      return whitelist.includes(theme);
+      return window.matchMedia('(prefers-color-scheme: dark)').matches
+        ? "midgar"
+        : "default";
     }
 
-    createStylesheetElement() {
-      const themePath = this.getThemePath(this.theme);
-      const link = document.createElement('link');
-      link.id = this.stylesheetElementId;
-      link.href = themePath;
-      link.type = 'text/css';
-      link.rel = 'stylesheet';
-      link.media = 'all';
+    async isThemeDefined() {
+      const storageData = await this.getLocalStorage();
+      if (!storageData || !storageData._passbolt_data) {
+        return false;
+      }
 
-      return link;
+      const {_passbolt_data: {config}} = storageData;
+      const keyExists = config && "user.settings.theme" in config;
+      return keyExists && this.isValidTheme(config["user.settings.theme"]);
     }
 
-    getThemePath() {
-      const addonUrl = document.location.origin;
-      return `${addonUrl}/data/css/themes/${this.theme}/ext_app.min.css`;
+    isValidTheme(theme) {
+      const whitelist = ['default', 'midgar', 'solarized_light', 'solarized_dark'];
+      return whitelist.includes(theme);
     }
   }
 
   new Stylesheet();
-
 })();

package/src/all/webAccessibleResources/passbolt-iframe-account-recovery.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <script id="stylesheet-manager" data-file="ext_authentication.min.css" src="js/themes/stylesheet.js"></script>
+    <script src="js/dist/vendors.js"></script>
+</head>
+<body>
+<div id="temporary-skeleton" class="skeleton temporary page login">
+    <div class="content">
+        <div class="header">
+            <div class="logo"><span class="visually-hidden">Passbolt</span></div>
+        </div>
+        <div class="login-form">
+            <div class="login-processing">
+                <div class="processing-wrapper"><span class="processing"></span></div>
+                <h1>Please wait...</h1>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="js/dist/account-recovery.js"></script>
+</body>
+</html>

package/src/all/webAccessibleResources/passbolt-iframe-app.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <script id="stylesheet-manager" data-file="ext_app.min.css" src="js/themes/stylesheet.js"></script>
+    <script src="js/dist/vendors.js"></script>
+</head>
+<body spellcheck="false">
+<div id="temporary-skeleton" class="temporary skeleton">
+    <div class="page password">
+        <div id="app" class="app ready" tabindex="1000">
+            <div class="header first">
+                <nav><div class="primary navigation top"></div></nav>
+            </div>
+            <div class="header second">
+                <div class="col1">
+                    <div class="logo-svg no-img">
+                        <svg height="26px" role="img" aria-labelledby="logo" fill="none" xmlns="http://www.w3.org/2000/svg" width="150px" viewBox="0 30 450 20">
+                            <title id="logo">Passbolt logo</title>
+                            <g clip-path="url(#clip0)">
+                                <path d="M12.1114 26.4938V52.609h7.4182c4.9203 0 8.3266-1.0597 10.3704-3.1035 2.0438-2.0438 3.0278-5.5258 3.0278-10.2947 0-4.6175-.9083-7.8724-2.8007-9.7648-1.8924-2.0438-5.0717-2.9522-9.6891-2.9522h-8.3266zM0 16.5776h23.3144c7.0398 0 12.4899 2.0438 16.4261 6.2071 3.9362 4.1633 5.9043 9.9162 5.9043 17.2588 0 3.0278-.3785 5.8286-1.2111 8.3265-.8327 2.498-2.0438 4.8446-3.7091 6.8884-1.9681 2.498-4.3904 4.3147-7.1155 5.4501-2.8007 1.0598-6.4342 1.5896-11.0516 1.5896H12.1114v16.5775H0v-62.298zM70.0188 53.1389H85.158v-9.462H70.9272c-2.8008 0-4.7689.3785-5.8287 1.1354-1.0597.757-1.5896 2.1195-1.5896 4.0119 0 1.5896.4542 2.7251 1.2869 3.4063.8326.6056 2.5736.9084 5.223.9084zM53.9712 16.5776h24.7527c6.2827 0 10.9759 1.4383 14.1551 4.3147 3.1793 2.8765 4.7689 7.1155 4.7689 12.7927v28.6888H65.0985c-4.5417 0-8.0994-1.1354-10.5217-3.4063s-3.6334-5.5258-3.6334-9.7648c0-5.223 1.3625-8.9322 4.1633-11.203 2.8007-2.2709 7.4939-3.4064 14.0794-3.4064h15.8962v-1.1354c0-2.7251-.8326-4.6175-2.4222-5.7529-1.5897-1.1355-4.3904-1.6653-8.5537-1.6653H53.9712v-9.4621zM107.488 52.8356h25.51c2.271 0 3.936-.3784 4.92-1.0597 1.06-.6813 1.59-1.8167 1.59-3.4063 0-1.5897-.53-2.7251-1.59-3.4064-1.059-.7569-2.725-1.1354-4.92-1.1354h-10.446c-6.207 0-10.37-.9841-12.566-2.8765-2.195-1.8924-3.255-5.2987-3.255-10.0676 0-4.9202 1.287-8.5536 3.937-10.9002 2.649-2.3466 6.737-3.482 12.187-3.482h25.964v9.5377h-21.347c-3.482 0-5.753.3028-6.812.9083-1.06.6056-1.59 1.6654-1.59 3.255 0 1.4382.454 2.498 1.362 3.1035.909.6813 2.423.9841 4.391.9841h10.976c4.996 0 8.856 1.2111 11.43 3.5577 2.649 2.3466 3.936 5.6772 3.936 10.0676 0 4.239-1.211 7.721-3.558 10.3704-2.346 2.6493-5.298 4.0119-9.007 4.0119h-31.112v-9.4621zM159.113 52.8356h25.51c2.271 0 3.936-.3784 4.92-1.0597 1.06-.6813 1.59-1.8167 1.59-3.4063 0-1.5897-.53-2.7251-1.59-3.4064-1.059-.7569-2.725-1.1354-4.92-1.1354h-10.446c-6.207 0-10.37-.9841-12.566-2.8765-2.195-1.8924-3.255-5.2987-3.255-10.0676 0-4.9202 1.287-8.5536 3.937-10.9002 2.649-2.3466 6.737-3.482 12.187-3.482h25.964v9.5377h-21.347c-3.482 0-5.753.3028-6.812.9083-1.06.6056-1.59 1.6654-1.59 3.255 0 1.4382.454 2.498 1.362 3.1035.909.6813 2.423.9841 4.391.9841h10.976c4.996 0 8.856 1.2111 11.43 3.5577 2.649 2.3466 3.936 5.6772 3.936 10.0676 0 4.239-1.211 7.721-3.558 10.3704-2.346 2.6493-5.298 4.0119-9.007 4.0119h-31.263v-9.4621h.151zM223.607 0v16.5775h10.37c4.617 0 8.251.5298 11.052 1.6653 2.8 1.0597 5.147 2.8764 7.115 5.3744 1.665 2.1195 2.876 4.3904 3.709 6.9641.833 2.4979 1.211 5.2987 1.211 8.3265 0 7.3426-1.968 13.0955-5.904 17.2588-3.936 4.1633-9.386 6.2071-16.426 6.2071h-23.315V0h12.188zm7.342 26.4937h-7.418v26.1152h8.326c4.618 0 7.873-.9841 9.69-2.8765 1.892-1.9681 2.8-5.223 2.8-9.9162 0-4.7689-1.059-8.1752-3.103-10.219-1.968-2.1195-5.45-3.1035-10.295-3.1035zM274.172 39.5132c0 4.3904.984 7.721 3.027 10.219 2.044 2.4223 4.845 3.6334 8.554 3.6334 3.633 0 6.434-1.2111 8.554-3.6334 2.044-2.4223 3.103-5.8286 3.103-10.219s-1.059-7.721-3.103-10.1433c-2.044-2.4222-4.845-3.6334-8.554-3.6334-3.633 0-6.434 1.2112-8.554 3.6334-2.043 2.4223-3.027 5.8286-3.027 10.1433zm35.88 0c0 7.1912-2.196 12.9441-6.586 17.2588-4.39 4.2389-10.219 6.4341-17.637 6.4341-7.418 0-13.323-2.1195-17.713-6.4341-4.391-4.3147-6.586-9.9919-6.586-17.1831 0-7.1911 2.195-12.944 6.586-17.2587 4.39-4.3147 10.295-6.5099 17.713-6.5099 7.342 0 13.247 2.1952 17.637 6.5099 4.39 4.239 6.586 9.9919 6.586 17.183zM329.884 62.3737h-12.565V0h12.565v62.3737zM335.712 16.5775h8.554V0h12.111v16.5775h12.793v9.1592h-12.793v18.4699c0 3.4063.606 5.7529 1.742 7.1154 1.135 1.2869 3.179 1.9681 6.055 1.9681h4.996v9.1593h-11.127c-4.466 0-7.873-1.2112-10.295-3.7091-2.346-2.498-3.558-6.0557-3.558-10.6732V25.7367h-8.553v-9.1592h.075z" fill="var(--icon-color)"></path>
+                                <path d="M446.532 30.884L419.433 5.52579c-2.347-2.19519-6.056-2.19519-8.478 0L393.923 21.4977c4.466 1.6653 7.948 5.3744 9.235 9.9919h23.012c1.211 0 2.119.984 2.119 2.1195v3.482c0 1.2111-.984 2.1195-2.119 2.1195h-2.649v4.9202c0 1.2112-.985 2.1195-2.12 2.1195h-5.829c-1.211 0-2.119-.984-2.119-2.1195v-4.9202h-10.219c-1.287 4.6932-4.769 8.478-9.311 10.0676l17.108 15.9719c2.346 2.1952 6.055 2.1952 8.478 0l27.023-25.3582c2.574-2.4223 2.574-6.5099 0-9.0079z" fill="#E10600"></path>
+                                <path d="M388.927 28.3862c-1.135 0-2.195.3028-3.179.757-2.271 1.1354-3.86 3.482-3.86 6.2071 0 2.6493 1.438 4.9202 3.633 6.1314.984.5298 2.12.8326 3.331.8326 3.86 0 6.964-3.1035 6.964-6.964.151-3.7848-3.028-6.9641-6.889-6.9641z" fill="#E10600"></path>
+                            </g>
+                            <defs>
+                                <clipPath id="clip0">
+                                    <path fill="#fff" d="M0 0h448.5v78.9511H0z"></path>
+                                </clipPath>
+                            </defs>
+                        </svg>
+                    </div>
+                </div>
+                <div class="col2 search-wrapper">
+                    <form class="search">
+                        <div class="input search required">
+                            <label>Search</label>
+                            <input class="required disabled" disabled type="search" placeholder="Search" value="">
+                            <div class="search-button-wrapper">
+                                <button class="button button-transparent" value="search" disabled type="submit">
+                                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M7.20346 12.17C8.29521 12.17 9.36247 11.8462 10.2702 11.2397C11.178 10.6332 11.8855 9.77105 12.3033 8.7624C12.7211 7.75375 12.8304 6.64387 12.6174 5.57309C12.4044 4.50232 11.8787 3.51875 11.1067 2.74676C10.3347 1.97478 9.35114 1.44905 8.28036 1.23606C7.20959 1.02307 6.09974 1.13238 5.09109 1.55018C4.08245 1.96797 3.22028 2.67548 2.61374 3.58324C2.00719 4.491 1.6835 5.55824 1.6835 6.64999C1.6835 8.11399 2.26506 9.51802 3.30026 10.5532C4.33546 11.5884 5.73947 12.17 7.20346 12.17V12.17Z" fill="none" stroke="var(--icon-color)" vector-effect="non-scaling-stroke" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
+                                        <path d="M14.1035 13.59L11.1035 10.59" fill="none" stroke="var(--icon-color)" vector-effect="non-scaling-stroke" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="col3 profile-wrapper"></div>
+            </div>
+            <div class="header third "></div>
+            <div class="panel main">
+                <div class="panel left"></div>
+                <div class="panel middle">
+                    <div class="breadcrumbs"></div>
+                </div>
+            </div>
+        </div>
+        <footer>
+            <div class="footer"></div>
+        </footer>
+    </div>
+</div>
+<script src="js/dist/app.js"></script>
+</body>
+
+</html>

package/src/all/webAccessibleResources/passbolt-iframe-file.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en" class="version passboltplugin">
+<head>
+    <meta charset="utf-8"/>
+    <script src="js/dist/download/vendors.js"></script>
+    <script src="js/dist/download/app.js"></script>
+</head>
+<body spellcheck="false">
+</body>
+</html>

package/src/all/webAccessibleResources/passbolt-iframe-in-form-call-to-action.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <script id="stylesheet-manager" data-file="ext_in_form_cta.min.css" src="js/themes/stylesheet.js"></script>
+    <script src="js/dist/in-form-call-to-action/vendors.js"></script>
+</head>
+<body spellcheck="false">
+<script src="js/dist/in-form-call-to-action/app.js"></script>
+</body>
+
+</html>

package/src/all/webAccessibleResources/passbolt-iframe-in-form-menu.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <script id="stylesheet-manager" data-file="ext_in_form_menu.min.css" src="js/themes/stylesheet.js"></script>
+    <script src="js/dist/in-form-menu/vendors.js"></script>
+</head>
+<body spellcheck="false">
+<script src="js/dist/in-form-menu/app.js"></script>
+</body>
+
+</html>

package/src/all/{data → webAccessibleResources}/passbolt-iframe-login.html

@@ -2,10 +2,10 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <link href="css/themes/default/ext_authentication.min.css" media="all" rel="stylesheet">
+    <script id="stylesheet-manager" data-file="ext_authentication.min.css" src="js/themes/stylesheet.js"></script>
     <script src="js/dist/vendors.js"></script>
 </head>
-<body>
+<body spellcheck="false">
 <div id="temporary-skeleton" class="skeleton temporary page login">
     <div class="content">
         <div class="header">

package/src/all/{data → webAccessibleResources}/passbolt-iframe-recover.html

@@ -2,10 +2,10 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <link href="css/themes/default/ext_authentication.min.css" media="all" rel="stylesheet">
+    <script id="stylesheet-manager" data-file="ext_authentication.min.css" src="js/themes/stylesheet.js"></script>
     <script src="js/dist/vendors.js"></script>
 </head>
-<body>
+<body spellcheck="false">
 <div id="temporary-skeleton" class="skeleton temporary page login">
     <div class="content">
         <div class="header">

package/src/all/{data → webAccessibleResources}/passbolt-iframe-setup.html

@@ -2,10 +2,10 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <link href="css/themes/default/ext_authentication.min.css" media="all" rel="stylesheet">
+    <script id="stylesheet-manager" data-file="ext_authentication.min.css" src="js/themes/stylesheet.js"></script>
     <script src="js/dist/vendors.js"></script>
 </head>
-<body>
+<body spellcheck="false">
 <div id="temporary-skeleton" class="skeleton temporary page login">
     <div class="content">
         <div class="header">

package/src/all/webAccessibleResources/quickaccess.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Passbolt</title>
+    <script id="stylesheet-manager" data-file="ext_quickaccess.min.css" src="js/themes/stylesheet.js"></script>
+    <script src="js/dist/vendors.js"></script>
+</head>
+<body spellcheck="false">
+  <div class="contain-item">
+    <div id="quickaccess-container" class="container-wrapper">
+    </div>
+  </div>
+  <script src="js/dist/quickaccess.js"></script>
+</body>
+</html>

package/src/chrome/manifest.json

@@ -1,26 +1,28 @@
 {
   "manifest_version": 2,
-  "name": "Passbolt Extension",
+  "name": "__MSG_appName__",
   "short_name": "passbolt",
-  "version": "3.0.6",
-  "description": "Passbolt extension for the open source password manager for teams.",
+  "version": "4.6.2",
+  "description": "__MSG_appDescription__",
+  "default_locale": "en",
+  "externally_connectable": {},
   "icons": {
-    "16": "icons/icon-16.png",
-    "48": "icons/icon-48.png",
-    "128": "icons/icon-128.png"
+    "16": "webAccessibleResources/img/icons/icon-16.png",
+    "48": "webAccessibleResources/img/icons/icon-48.png",
+    "128": "webAccessibleResources/img/icons/icon-128.png"
   },
   "background": {
     "page": "index.html"
   },
   "browser_action": {
-    "default_icon": "icons/icon-32.png",
+    "default_icon": "webAccessibleResources/img/icons/icon-32.png",
     "theme_icons": [{
-        "light": "icons/icon-32.png",
-        "dark": "icons/icon-32.png",
+        "light": "webAccessibleResources/img/icons/icon-32.png",
+        "dark": "webAccessibleResources/img/icons/icon-32.png",
         "size": 32
     }],
     "default_title": "Passbolt Quickaccess",
-    "default_popup": "data/quickaccess.html?passbolt=quickaccess"
+    "default_popup": "webAccessibleResources/quickaccess.html?passbolt=quickaccess"
   },
   "commands": {
     "passbolt-open": {
@@ -32,7 +34,6 @@
     }
   },
   "permissions": [
-    "idle",
     "activeTab",
     "tabs",
     "unlimitedStorage",
@@ -40,9 +41,12 @@
     "background",
     "clipboardWrite",
     "downloads",
-    "*://*/*"
+    "*://*/*",
+    "alarms",
+    "cookies"
   ],
   "web_accessible_resources": [
-    "data/*"
-  ]
+    "webAccessibleResources/*"
+  ],
+  "content_security_policy": "script-src 'self'; object-src 'none';"
 }

package/src/chrome-mv3/index.js

@@ -0,0 +1,60 @@
+/**
+ * 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.0.0
+ */
+import PortManager from "../all/background_page/sdk/port/portManager";
+import LocalStorageService from "../all/background_page/service/localStorage/localStorageService";
+import SystemRequirementService from "../all/background_page/service/systemRequirementService/systemRequirementService";
+import OnExtensionInstalledController from "../all/background_page/controller/extension/onExtensionInstalledController";
+import TabService from "../all/background_page/service/tab/tabService";
+import OnExtensionUpdateAvailableController
+  from "../all/background_page/controller/extension/onExtensionUpdateAvailableController";
+
+/**
+ * Load all system requirement
+ */
+SystemRequirementService.get();
+
+/**
+ * Add listener on passbolt logout
+ */
+self.addEventListener("passbolt.auth.after-logout", LocalStorageService.flush);
+
+/**
+ * Add listener on startup
+ */
+browser.runtime.onStartup.addListener(LocalStorageService.flush);
+
+/**
+ * On installed the extension, add first install in the url tab of setup or recover
+ */
+browser.runtime.onInstalled.addListener(OnExtensionInstalledController.exec);
+
+/**
+ * On update available of the extension, update it when the user is logout
+ */
+browser.runtime.onUpdateAvailable.addListener(OnExtensionUpdateAvailableController.exec);
+
+/**
+ * Add listener on any tab update
+ */
+browser.tabs.onUpdated.addListener(TabService.exec);
+
+/**
+ * Add listener on connect port
+ */
+browser.runtime.onConnect.addListener(PortManager.onPortConnect);
+
+/**
+ * Add listener on tabs on removed
+ */
+browser.tabs.onRemoved.addListener(PortManager.onTabRemoved);

package/src/chrome-mv3/manifest.json

@@ -0,0 +1,60 @@
+{
+  "manifest_version": 3,
+  "name": "__MSG_appName__",
+  "short_name": "passbolt",
+  "version": "4.6.2",
+  "description": "__MSG_appDescription__",
+  "default_locale": "en",
+  "externally_connectable": {
+    "ids": []
+  },
+  "icons": {
+    "16": "webAccessibleResources/img/icons/icon-16.png",
+    "48": "webAccessibleResources/img/icons/icon-48.png",
+    "128": "webAccessibleResources/img/icons/icon-128.png"
+  },
+  "background": {
+    "service_worker": "serviceWorker/serviceWorker.js"
+  },
+  "action": {
+    "default_icon": "webAccessibleResources/img/icons/icon-32.png",
+    "theme_icons": [{
+      "light": "webAccessibleResources/img/icons/icon-32.png",
+      "dark": "webAccessibleResources/img/icons/icon-32.png",
+      "size": 32
+    }],
+    "default_title": "Passbolt Quickaccess",
+    "default_popup": "webAccessibleResources/quickaccess.html?passbolt=quickaccess"
+  },
+  "commands": {
+    "passbolt-open": {
+      "suggested_key": {
+        "default": "Alt+Shift+P",
+        "mac": "Alt+Shift+P"
+      },
+      "description": "Open passbolt in a new tab!"
+    }
+  },
+  "permissions": [
+    "activeTab",
+    "unlimitedStorage",
+    "storage",
+    "tabs",
+    "scripting",
+    "alarms",
+    "downloads",
+    "cookies",
+    "clipboardWrite",
+    "background"
+  ],
+  "host_permissions": [
+    "*://*/*"
+  ],
+  "web_accessible_resources": [{
+    "resources": ["webAccessibleResources/*"],
+    "matches": ["*://*/*"]
+  }],
+  "content_security_policy": {
+    "extension_pages": "script-src 'self'"
+  }
+}