13 |
14 |
15 |
44 |
12 |
13 |
14 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/src/js/pageAction.js:
--------------------------------------------------------------------------------
1 | async function init() {
2 | const fragment = document.createDocumentFragment();
3 | const identities = await browser.contextualIdentities.query({});
4 |
5 | for (const identity of identities) {
6 | const tr = document.createElement("tr");
7 | tr.classList.add("menu-item", "hover-highlight");
8 | tr.setAttribute("data-cookie-store-id", identity.cookieStoreId);
9 | const td = document.createElement("td");
10 | td.innerHTML = Utils.escaped`
11 |
17 |
18 | 14 |
15 |
16 |
28 |
29 | | 18 | 24 | 25 | | 26 |
19 | `;
20 |
21 | tr.appendChild(td);
22 | fragment.appendChild(tr);
23 |
24 | Utils.addEnterHandler(tr, async () => {
25 | Utils.alwaysOpenInContainer(identity);
26 | window.close();
27 | });
28 | }
29 |
30 | const list = document.querySelector("#picker-identities-list");
31 | list.innerHTML = "";
32 | list.appendChild(fragment);
33 |
34 | MozillaVPN.handleContainerList(identities);
35 |
36 | // Set the theme
37 | Utils.applyTheme();
38 | }
39 |
40 | init();
41 |
--------------------------------------------------------------------------------
/src/img/moz-vpn-disconnected.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/img/webicon-facebook.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
18 |
--------------------------------------------------------------------------------
/test/issues/1168.test.js:
--------------------------------------------------------------------------------
1 | const {expect, sinon, initializeWithTab} = require("../common");
2 |
3 | describe("#1168", function () {
4 | describe("when navigation happens too slow after opening new tab to a page which then redirects", function () {
5 | let clock, tab, background;
6 |
7 | beforeEach(async function () {
8 | this.webExt = await initializeWithTab({
9 | cookieStoreId: "firefox-container-1",
10 | url: "https://bugzilla.mozilla.org"
11 | });
12 |
13 | await this.webExt.popup.helper.clickElementById("container-page-assigned");
14 |
15 | clock = sinon.useFakeTimers();
16 | tab = await this.webExt.browser.tabs._create({});
17 |
18 | clock.tick(2000);
19 |
20 | await background.browser.tabs._navigate(tab.id, "https://duckduckgo.com/?q=%21bugzilla+thing&t=ffab");
21 | await background.browser.tabs._redirect(tab.id, [
22 | "https://bugzilla.mozilla.org"
23 | ]);
24 | });
25 |
26 | afterEach(function () {
27 | this.webExt.destroy();
28 | clock.restore();
29 | });
30 |
31 | // Not solved yet
32 | // See: https://github.com/mozilla/multi-account-containers/issues/1168#issuecomment-378394091
33 | it.skip("should remove the old tab", async function () {
34 | expect(background.browser.tabs.create).to.have.been.calledOnce;
35 | expect(background.browser.tabs.remove).to.have.been.calledWith(tab.id);
36 | });
37 | });
38 | });
--------------------------------------------------------------------------------
/src/img/moz-vpn-status-icons/moz-vpn-connected.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/img/moz-vpn-status-icons/moz-vpn-disconnected.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/img/gear-icon-light.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/img/gear-icon.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/test/features/containers.test.js:
--------------------------------------------------------------------------------
1 | const {initializeWithTab} = require("../common");
2 |
3 | describe("Containers Management", function () {
4 | beforeEach(async function () {
5 | this.webExt = await initializeWithTab();
6 | });
7 |
8 | afterEach(function () {
9 | this.webExt.destroy();
10 | });
11 |
12 | describe("creating a new container", function () {
13 | beforeEach(async function () {
14 | await this.webExt.popup.helper.clickElementById("manage-containers-link");
15 | await this.webExt.popup.helper.clickElementById("new-container");
16 | await this.webExt.popup.helper.clickElementById("create-container-ok-link");
17 | });
18 |
19 | it("should create it in the browser as well", function () {
20 | this.webExt.background.browser.contextualIdentities.create.should.have.been.calledOnce;
21 | });
22 |
23 | describe("removing it afterwards", function () {
24 | beforeEach(async function () {
25 | await this.webExt.popup.helper.clickElementById("manage-containers-link");
26 | await this.webExt.popup.helper.clickElementByQuerySelectorAll("#picker-identities-list > .menu-item", "last");
27 | await this.webExt.popup.helper.clickElementById("delete-container-button");
28 | await this.webExt.popup.helper.clickElementById("delete-container-ok-link");
29 | });
30 |
31 | it("should remove it in the browser as well", function () {
32 | this.webExt.background.browser.contextualIdentities.remove.should.have.been.calledOnce;
33 | });
34 | });
35 | });
36 | });
--------------------------------------------------------------------------------
/src/img/warning.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/img/proxy-warning-light.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/img/proxy-warning.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Multi-Account Containers
2 |
3 | [](https://github.com/mozilla/multi-account-containers/actions/workflows/test.yaml)
4 |
5 | The Firefox Multi-Account Containers extension lets you carve out a separate box for each of your online lives – no more opening a different browser just to check your work email!
6 |
7 | Learn more about Multi-Account Containers in
8 | [our end-user documentation][enduser].
9 |
10 | ## Contributing
11 |
12 | Everyone is welcome to contribute to Multi-Account Containers. To learn how
13 | to contribute a patch to Multi-Account Container, please
14 | [read our contributing guide][contributing].
15 |
16 | You can also chat with us on [our Matrix room][matrix] or ask in [our discussions board][discussions].
17 |
18 | This repository is governed by Mozilla's code of conduct and etiquette
19 | guidelines. For more details, [please read the Mozilla Community Participation Guidelines][cpg].
20 |
21 | ### License
22 |
23 | This Source Code Form is subject to the terms of the Mozilla Public
24 | License, v. 2.0. If a copy of the MPL was not distributed with this
25 | file, You can obtain one at https://mozilla.org/MPL/2.0/.
26 |
27 |
28 | [contributing]: CONTRIBUTING.md
29 | [cpg]: https://www.mozilla.org/about/governance/policies/participation/
30 | [enduser]: https://support.mozilla.org/en-US/kb/containers
31 | [forum]: https://discourse.mozilla.org/c/containers/223
32 | [discussions]: https://github.com/mozilla/multi-account-containers/discussions
33 | [matrix]: https://matrix.to/#/#containers:mozilla.org
34 |
--------------------------------------------------------------------------------
/src/js/content-script.js:
--------------------------------------------------------------------------------
1 | async function delayAnimation(delay = 350) {
2 | return new Promise((resolve) => {
3 | setTimeout(resolve, delay);
4 | });
5 | }
6 |
7 | async function doAnimation(element, property, value) {
8 | return new Promise((resolve) => {
9 | const handler = () => {
10 | resolve();
11 | element.removeEventListener("transitionend", handler);
12 | };
13 | element.addEventListener("transitionend", handler);
14 | window.requestAnimationFrame(() => {
15 | element.style[property] = value;
16 | });
17 | });
18 | }
19 |
20 | async function addMessage(message) {
21 | const divElement = document.createElement("div");
22 | divElement.classList.add("container-notification");
23 | // Ideally we would use https://bugzilla.mozilla.org/show_bug.cgi?id=1340930 when this is available
24 | divElement.innerText = message.text;
25 |
26 | const imageElement = document.createElement("img");
27 | const imagePath = browser.runtime.getURL("/img/multiaccountcontainer-16.svg");
28 | const response = await fetch(imagePath);
29 | const blob = await response.blob();
30 | const objectUrl = URL.createObjectURL(blob);
31 | imageElement.src = objectUrl;
32 | imageElement.width = imageElement.height = 24;
33 | divElement.prepend(imageElement);
34 |
35 | document.body.appendChild(divElement);
36 |
37 | await delayAnimation(100);
38 | await doAnimation(divElement, "transform", "translateY(0)");
39 | await delayAnimation(3000);
40 | await doAnimation(divElement, "transform", "translateY(-100%)");
41 |
42 | divElement.remove();
43 | }
44 |
45 | browser.runtime.onMessage.addListener((message) => {
46 | addMessage(message);
47 | });
48 |
--------------------------------------------------------------------------------
/src/img/password-hide.svg:
--------------------------------------------------------------------------------
1 |
4 |
10 |
--------------------------------------------------------------------------------
/src/img/arrow-icon-right.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
25 |
--------------------------------------------------------------------------------
/src/img/arrow-icon-right-light.svg:
--------------------------------------------------------------------------------
1 |
2 |
5 |
25 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug.yml:
--------------------------------------------------------------------------------
1 | name: Bug Report
2 | description: Report a problem in Multi-Account Containers
3 | labels: [bug]
4 | body:
5 | - type: checkboxes
6 | id: before-bug-report
7 | attributes:
8 | label: Before submitting a bug report
9 | options:
10 | - label: "I updated to the latest version of Multi-Account Container and tested if I can reproduce the issue"
11 | required: true
12 | - label: "I searched for existing reports to see if it hasn't already been reported"
13 | required: true
14 | - type: textarea
15 | id: step_to_reproduce
16 | attributes:
17 | label: "Step to reproduce"
18 | description: "Provide a list of steps you did to trigger this bug"
19 | placeholder: |
20 | 1. I opened ...
21 | 2. I clicked on ...
22 | 3. ...
23 | validations:
24 | required: true
25 | - type: textarea
26 | id: actual_behavior
27 | attributes:
28 | label: "Actual behavior"
29 | description: "Provide a description of what is currently happening"
30 | validations:
31 | required: true
32 | - type: textarea
33 | id: expected_behavior
34 | attributes:
35 | label: "Expected behavior"
36 | description: "Provide a description of what should happen"
37 | validations:
38 | required: true
39 | - type: textarea
40 | id: additional_informations
41 | attributes:
42 | label: "Additional informations"
43 | description: "Provide any other information revelant to this issue"
44 | validations:
45 | required: false
46 | - type: textarea
47 | id: about_support
48 | attributes:
49 | label: "Provide a copy of Troubleshooting Information page (optional)"
50 | description: "To get a copy of the Troubleshooting Information page, type *about:support* in the address bar and click on the *Copy text to clipboard* button."
51 | render: "plain text"
52 | validations:
53 | required: false
54 |
--------------------------------------------------------------------------------
/src/confirm-page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |