w3wallets 0.1.3 → 0.2.0

package/README.md

@@ -2,6 +2,7 @@
 
 ![License](https://img.shields.io/badge/License-MIT-yellow.svg)
 [![npm version](https://img.shields.io/npm/v/w3wallets.svg)](https://www.npmjs.com/package/w3wallets)
+![CodeQL](https://github.com/Maksandre/w3wallets/actions/workflows/github-code-scanning/codeql/badge.svg?branch=main)
 
 Web3 wallets for Playwright.
 
@@ -13,15 +14,15 @@ npm install -D w3wallets
 
 ## Getting Started
 
-Only the `Backpack` wallet is supported at this point.
+The `Backpack` and the `Polkadot{.js}` wallets are currently supported.
 
-#### 1. Download Backpack
+#### 1. Download wallets
 
 ```sh
-npx w3wallets backpack
+npx w3wallets backpack polkadotJS
 ```
 
-The unzipped files should be stored in the `wallets/backpack` directory. Add them to `.gitignore`.
+The unzipped files should be stored in the `.w3wallets/<wallet-name>` directory. Add them to `.gitignore`.
 
 #### 2. Wrap your fixture `withWallets`
 
@@ -29,7 +30,8 @@ The unzipped files should be stored in the `wallets/backpack` directory. Add the
 import { test as base } from "@playwright/test";
 import { withWallets } from "../src/withWallets";
 
-const test = withWallets(base, { backpack: true });
+// Specify one or many wallets that should be installed in the browser
+const test = withWallets(base, "backpack", "polkadotJS");
 
 test("has title", async ({ page, backpack }) => {
   await page.goto("https://playwright.dev/");
@@ -40,3 +42,38 @@ test("has title", async ({ page, backpack }) => {
   await backpack.onboard("Eclipse", privateKey);
 });
 ```
+
+## Run tests
+
+To work on this project in VS Code, make sure you open the project's root directory.
+
+0. Create the `.env` using `.env.example` as a reference.
+1. Install dependencies
+
+```sh
+yarn
+```
+
+2. Install Chrome browser
+
+```sh
+npx playwright install chromium
+```
+
+3. Download wallet extensions
+
+```sh
+npx w3wallets backpack polkadotJS
+```
+
+4. Start UI
+
+```sh
+yarn start:ui
+```
+
+5. Run Tests with Playwright
+
+```sh
+yarn test
+```

package/dist/index.d.mts

@@ -1,13 +1,27 @@
 import * as playwright_test from 'playwright/test';
 import { Page, test, BrowserContext } from '@playwright/test';
 
-type BackPackNetwork = "Eclipse" | "Ethereum";
+/**
+ * Represents the supported network types for the BackPack application.
+ */
+type BackPackNetwork = "Solana" | "Eclipse" | "Ethereum" | "Polygon" | "Base" | "Arbitrum" | "Optimism";
 
-declare class Backpack {
-    private page;
-    private extensionId;
-    private defaultPassword;
+type WalletName = "backpack" | "polkadotJS";
+type NoDuplicates<T extends readonly unknown[], Acc extends readonly unknown[] = []> = T extends [infer Head, ...infer Tail] ? Head extends Acc[number] ? never : [Head, ...NoDuplicates<Tail, [...Acc, Head]>] : T;
+interface IWallet {
+    gotoOnboardPage(): Promise<void>;
+}
+
+declare abstract class Wallet implements IWallet {
+    protected page: Page;
+    protected extensionId: string;
     constructor(page: Page, extensionId: string);
+    abstract gotoOnboardPage(): Promise<void>;
+}
+
+declare class Backpack extends Wallet {
+    private defaultPassword;
+    gotoOnboardPage(): Promise<void>;
     onboard(network: BackPackNetwork, privateKey: string): Promise<void>;
     unlock(): Promise<void>;
     goToSettings(accountName?: string): Promise<void>;
@@ -17,13 +31,22 @@ declare class Backpack {
     deny(): Promise<void>;
 }
 
-type Config = {
-    backpack?: boolean;
-};
-declare function withWallets(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
+declare class PolkadotJS extends Wallet {
+    private defaultPassword;
+    gotoOnboardPage(): Promise<void>;
+    onboard(seed: string, password?: string, name?: string): Promise<void>;
+    selectAllAccounts(): Promise<void>;
+    selectAccount(accountId: string): Promise<void>;
+    enterPassword(password?: string): Promise<void>;
+    approve(): Promise<void>;
+    deny(): Promise<void>;
+    private _getLabeledInput;
+}
+
+declare function withWallets<T extends readonly WalletName[]>(test: typeof test, ...config: NoDuplicates<T>): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
     context: BrowserContext;
     backpack: Backpack;
-    extensionId: string;
+    polkadotJS: PolkadotJS;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
 export { withWallets };

package/dist/index.d.ts

@@ -1,13 +1,27 @@
 import * as playwright_test from 'playwright/test';
 import { Page, test, BrowserContext } from '@playwright/test';
 
-type BackPackNetwork = "Eclipse" | "Ethereum";
+/**
+ * Represents the supported network types for the BackPack application.
+ */
+type BackPackNetwork = "Solana" | "Eclipse" | "Ethereum" | "Polygon" | "Base" | "Arbitrum" | "Optimism";
 
-declare class Backpack {
-    private page;
-    private extensionId;
-    private defaultPassword;
+type WalletName = "backpack" | "polkadotJS";
+type NoDuplicates<T extends readonly unknown[], Acc extends readonly unknown[] = []> = T extends [infer Head, ...infer Tail] ? Head extends Acc[number] ? never : [Head, ...NoDuplicates<Tail, [...Acc, Head]>] : T;
+interface IWallet {
+    gotoOnboardPage(): Promise<void>;
+}
+
+declare abstract class Wallet implements IWallet {
+    protected page: Page;
+    protected extensionId: string;
     constructor(page: Page, extensionId: string);
+    abstract gotoOnboardPage(): Promise<void>;
+}
+
+declare class Backpack extends Wallet {
+    private defaultPassword;
+    gotoOnboardPage(): Promise<void>;
     onboard(network: BackPackNetwork, privateKey: string): Promise<void>;
     unlock(): Promise<void>;
     goToSettings(accountName?: string): Promise<void>;
@@ -17,13 +31,22 @@ declare class Backpack {
     deny(): Promise<void>;
 }
 
-type Config = {
-    backpack?: boolean;
-};
-declare function withWallets(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
+declare class PolkadotJS extends Wallet {
+    private defaultPassword;
+    gotoOnboardPage(): Promise<void>;
+    onboard(seed: string, password?: string, name?: string): Promise<void>;
+    selectAllAccounts(): Promise<void>;
+    selectAccount(accountId: string): Promise<void>;
+    enterPassword(password?: string): Promise<void>;
+    approve(): Promise<void>;
+    deny(): Promise<void>;
+    private _getLabeledInput;
+}
+
+declare function withWallets<T extends readonly WalletName[]>(test: typeof test, ...config: NoDuplicates<T>): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
     context: BrowserContext;
     backpack: Backpack;
-    extensionId: string;
+    polkadotJS: PolkadotJS;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
 export { withWallets };

package/dist/index.js

@@ -37,17 +37,33 @@ module.exports = __toCommonJS(index_exports);
 // src/withWallets.ts
 var import_path = __toESM(require("path"));
 var import_fs = __toESM(require("fs"));
-var import_test2 = require("@playwright/test");
+
+// tests/utils/sleep.ts
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+
+// src/withWallets.ts
 var import_test3 = require("@playwright/test");
 
 // src/backpack/backpack.ts
 var import_test = require("@playwright/test");
-var Backpack = class {
+
+// src/wallet.ts
+var Wallet = class {
   constructor(page, extensionId) {
     this.page = page;
     this.extensionId = extensionId;
   }
+};
+
+// src/backpack/backpack.ts
+var Backpack = class extends Wallet {
   defaultPassword = "11111111";
+  async gotoOnboardPage() {
+    await this.page.goto(
+      `chrome-extension://${this.extensionId}/options.html?onboarding=true`
+    );
+    await (0, import_test.expect)(this.page.getByText("Welcome to Backpack")).toBeVisible();
+  }
   async onboard(network, privateKey) {
     await this.page.getByRole("button", { name: "Import wallet" }).click();
     await this.page.getByRole("button", { name: network }).click();
@@ -89,39 +105,91 @@ var Backpack = class {
   }
 };
 
+// src/polkadotJS/polkadotJS.ts
+var import_test2 = require("@playwright/test");
+var PolkadotJS = class extends Wallet {
+  defaultPassword = "11111111";
+  async gotoOnboardPage() {
+    await this.page.goto(`chrome-extension://${this.extensionId}/index.html`);
+    await (0, import_test2.expect)(
+      this.page.getByText("Before we start, just a couple of notes")
+    ).toBeVisible();
+  }
+  async onboard(seed, password, name) {
+    await this.page.getByRole("button", { name: "Understood, let me continue" }).click();
+    await this.page.locator(".popupToggle").first().click();
+    await this.page.getByText("Import account from pre-existing seed").click();
+    await this.page.locator(".seedInput").getByRole("textbox").fill(seed);
+    await this.page.getByRole("button", { name: "Next" }).click();
+    await this._getLabeledInput("A descriptive name for your account").fill(
+      name ?? "Test"
+    );
+    await this._getLabeledInput("A new password for this account").fill(
+      password ?? this.defaultPassword
+    );
+    await this._getLabeledInput("Repeat password for verification").fill(
+      password ?? this.defaultPassword
+    );
+    await this.page.getByRole("button", { name: "Add the account with the supplied seed" }).click();
+  }
+  async selectAllAccounts() {
+    await this.page.getByText("Select all").click();
+  }
+  async selectAccount(accountId) {
+    await this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span").check();
+  }
+  async enterPassword(password) {
+    await this._getLabeledInput("Password for this account").fill(
+      password ?? this.defaultPassword
+    );
+  }
+  async approve() {
+    const connect = this.page.getByRole("button", { name: "Connect" });
+    const signTransaction = this.page.getByRole("button", {
+      name: "Sign the transaction"
+    });
+    await connect.or(signTransaction).click();
+  }
+  async deny() {
+    const reject = this.page.getByRole("button", { name: "Reject" });
+    const cancel = this.page.getByRole("link", { name: "Cancel" });
+    await reject.or(cancel).click();
+  }
+  _getLabeledInput(label) {
+    return this.page.locator(
+      `//label[text()="${label}"]/following-sibling::input`
+    );
+  }
+};
+
 // src/withWallets.ts
-function withWallets(test, config) {
-  const backpackPath = import_path.default.join(process.cwd(), "wallets", "backpack");
-  const metamaskPath = import_path.default.join(process.cwd(), "wallets", "metamask");
+var w3walletsDir = ".w3wallets";
+function withWallets(test, ...config) {
+  const withBackpack = config.includes("backpack");
+  const withPolkadotJS = config.includes("polkadotJS");
+  const backpackPath = import_path.default.join(process.cwd(), w3walletsDir, "backpack");
+  const polkadotJSPath = import_path.default.join(process.cwd(), w3walletsDir, "polkadotJS");
   return test.extend({
-    backpack: async ({ context, extensionId }, use) => {
-      const page = context.pages()[0];
-      if (!page) throw Error("No pages in context");
-      const backpack = new Backpack(page, extensionId);
-      await page.goto(
-        `chrome-extension://${extensionId}/options.html?onboarding=true`
-      );
-      await use(backpack);
-    },
-    // Browser context fixture
+    /**
+     * Sets up a persistent browser context with the requested extensions loaded.
+     */
     context: async ({}, use, testInfo) => {
       const userDataDir = import_path.default.join(
         process.cwd(),
         ".w3wallets",
+        ".context",
         testInfo.testId
       );
-      if (import_fs.default.existsSync(userDataDir)) {
-        import_fs.default.rmSync(userDataDir, { recursive: true });
-      }
+      cleanUserDataDir(userDataDir);
       const extensionPaths = [];
-      if (config.backpack) {
-        if (!import_fs.default.existsSync(import_path.default.join(backpackPath, "manifest.json"))) {
-          throw Error(
-            "Cannot find Backpack. Please download it via `npx w3wallets`"
-          );
-        }
+      if (withBackpack) {
+        ensureWalletExtensionExists(backpackPath, "backpack");
         extensionPaths.push(backpackPath);
       }
+      if (withPolkadotJS) {
+        ensureWalletExtensionExists(polkadotJSPath, "polkadotJS");
+        extensionPaths.push(polkadotJSPath);
+      }
       const context = await import_test3.chromium.launchPersistentContext(userDataDir, {
         headless: false,
         args: [
@@ -129,20 +197,72 @@ function withWallets(test, config) {
           `--load-extension=${extensionPaths.join(",")}`
         ]
       });
+      await context.waitForEvent("serviceworker");
+      while (context.serviceWorkers().length < extensionPaths.length) {
+        await sleep(1e3);
+      }
       await use(context);
       await context.close();
     },
-    extensionId: async ({ context }, use) => {
-      let [background] = context.serviceWorkers();
-      if (!background) {
-        background = await context.waitForEvent("serviceworker");
+    backpack: async ({ context }, use) => {
+      if (!withBackpack) {
+        throw Error(
+          "The Backpack wallet hasn't been loaded. Add it to the withWallets function."
+        );
       }
-      const extensionId = background.url().split("/")[2];
-      if (!extensionId) throw Error("No extension id");
-      await use(extensionId);
+      const backpack = await initializeExtension(
+        context,
+        Backpack,
+        "Backpack is not initialized"
+      );
+      await use(backpack);
+    },
+    polkadotJS: async ({ context }, use) => {
+      if (!withPolkadotJS) {
+        throw Error(
+          "The Polkadot{.js} wallet hasn't been loaded. Add it to the withWallets function."
+        );
+      }
+      const polkadotJS = await initializeExtension(
+        context,
+        PolkadotJS,
+        "Polkadot{.js} is not initialized"
+      );
+      await use(polkadotJS);
     }
   });
 }
+function cleanUserDataDir(userDataDir) {
+  if (import_fs.default.existsSync(userDataDir)) {
+    import_fs.default.rmSync(userDataDir, { recursive: true });
+  }
+}
+function ensureWalletExtensionExists(walletPath, walletName) {
+  if (!import_fs.default.existsSync(import_path.default.join(walletPath, "manifest.json"))) {
+    throw new Error(
+      `Cannot find ${walletName}. Please download it via 'npx w3wallets ${walletName}'.`
+    );
+  }
+}
+async function initializeExtension(context, ExtensionClass, notInitializedErrorMessage) {
+  const serviceWorkers = context.serviceWorkers();
+  let page = await context.newPage();
+  for (const worker of serviceWorkers) {
+    const extensionId = worker.url().split("/")[2];
+    if (!extensionId) {
+      continue;
+    }
+    const extension = new ExtensionClass(page, extensionId);
+    try {
+      await extension.gotoOnboardPage();
+      return extension;
+    } catch {
+      await page.close();
+      page = await context.newPage();
+    }
+  }
+  throw new Error(notInitializedErrorMessage);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   withWallets

package/dist/index.mjs

@@ -1,17 +1,35 @@
 // src/withWallets.ts
 import path from "path";
 import fs from "fs";
-import "@playwright/test";
-import { chromium } from "@playwright/test";
+
+// tests/utils/sleep.ts
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+
+// src/withWallets.ts
+import {
+  chromium
+} from "@playwright/test";
 
 // src/backpack/backpack.ts
 import { expect } from "@playwright/test";
-var Backpack = class {
+
+// src/wallet.ts
+var Wallet = class {
   constructor(page, extensionId) {
     this.page = page;
     this.extensionId = extensionId;
   }
+};
+
+// src/backpack/backpack.ts
+var Backpack = class extends Wallet {
   defaultPassword = "11111111";
+  async gotoOnboardPage() {
+    await this.page.goto(
+      `chrome-extension://${this.extensionId}/options.html?onboarding=true`
+    );
+    await expect(this.page.getByText("Welcome to Backpack")).toBeVisible();
+  }
   async onboard(network, privateKey) {
     await this.page.getByRole("button", { name: "Import wallet" }).click();
     await this.page.getByRole("button", { name: network }).click();
@@ -53,39 +71,91 @@ var Backpack = class {
   }
 };
 
+// src/polkadotJS/polkadotJS.ts
+import { expect as expect2 } from "@playwright/test";
+var PolkadotJS = class extends Wallet {
+  defaultPassword = "11111111";
+  async gotoOnboardPage() {
+    await this.page.goto(`chrome-extension://${this.extensionId}/index.html`);
+    await expect2(
+      this.page.getByText("Before we start, just a couple of notes")
+    ).toBeVisible();
+  }
+  async onboard(seed, password, name) {
+    await this.page.getByRole("button", { name: "Understood, let me continue" }).click();
+    await this.page.locator(".popupToggle").first().click();
+    await this.page.getByText("Import account from pre-existing seed").click();
+    await this.page.locator(".seedInput").getByRole("textbox").fill(seed);
+    await this.page.getByRole("button", { name: "Next" }).click();
+    await this._getLabeledInput("A descriptive name for your account").fill(
+      name ?? "Test"
+    );
+    await this._getLabeledInput("A new password for this account").fill(
+      password ?? this.defaultPassword
+    );
+    await this._getLabeledInput("Repeat password for verification").fill(
+      password ?? this.defaultPassword
+    );
+    await this.page.getByRole("button", { name: "Add the account with the supplied seed" }).click();
+  }
+  async selectAllAccounts() {
+    await this.page.getByText("Select all").click();
+  }
+  async selectAccount(accountId) {
+    await this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span").check();
+  }
+  async enterPassword(password) {
+    await this._getLabeledInput("Password for this account").fill(
+      password ?? this.defaultPassword
+    );
+  }
+  async approve() {
+    const connect = this.page.getByRole("button", { name: "Connect" });
+    const signTransaction = this.page.getByRole("button", {
+      name: "Sign the transaction"
+    });
+    await connect.or(signTransaction).click();
+  }
+  async deny() {
+    const reject = this.page.getByRole("button", { name: "Reject" });
+    const cancel = this.page.getByRole("link", { name: "Cancel" });
+    await reject.or(cancel).click();
+  }
+  _getLabeledInput(label) {
+    return this.page.locator(
+      `//label[text()="${label}"]/following-sibling::input`
+    );
+  }
+};
+
 // src/withWallets.ts
-function withWallets(test, config) {
-  const backpackPath = path.join(process.cwd(), "wallets", "backpack");
-  const metamaskPath = path.join(process.cwd(), "wallets", "metamask");
+var w3walletsDir = ".w3wallets";
+function withWallets(test, ...config) {
+  const withBackpack = config.includes("backpack");
+  const withPolkadotJS = config.includes("polkadotJS");
+  const backpackPath = path.join(process.cwd(), w3walletsDir, "backpack");
+  const polkadotJSPath = path.join(process.cwd(), w3walletsDir, "polkadotJS");
   return test.extend({
-    backpack: async ({ context, extensionId }, use) => {
-      const page = context.pages()[0];
-      if (!page) throw Error("No pages in context");
-      const backpack = new Backpack(page, extensionId);
-      await page.goto(
-        `chrome-extension://${extensionId}/options.html?onboarding=true`
-      );
-      await use(backpack);
-    },
-    // Browser context fixture
+    /**
+     * Sets up a persistent browser context with the requested extensions loaded.
+     */
     context: async ({}, use, testInfo) => {
       const userDataDir = path.join(
         process.cwd(),
         ".w3wallets",
+        ".context",
         testInfo.testId
       );
-      if (fs.existsSync(userDataDir)) {
-        fs.rmSync(userDataDir, { recursive: true });
-      }
+      cleanUserDataDir(userDataDir);
       const extensionPaths = [];
-      if (config.backpack) {
-        if (!fs.existsSync(path.join(backpackPath, "manifest.json"))) {
-          throw Error(
-            "Cannot find Backpack. Please download it via `npx w3wallets`"
-          );
-        }
+      if (withBackpack) {
+        ensureWalletExtensionExists(backpackPath, "backpack");
         extensionPaths.push(backpackPath);
       }
+      if (withPolkadotJS) {
+        ensureWalletExtensionExists(polkadotJSPath, "polkadotJS");
+        extensionPaths.push(polkadotJSPath);
+      }
       const context = await chromium.launchPersistentContext(userDataDir, {
         headless: false,
         args: [
@@ -93,20 +163,72 @@ function withWallets(test, config) {
           `--load-extension=${extensionPaths.join(",")}`
         ]
       });
+      await context.waitForEvent("serviceworker");
+      while (context.serviceWorkers().length < extensionPaths.length) {
+        await sleep(1e3);
+      }
       await use(context);
       await context.close();
     },
-    extensionId: async ({ context }, use) => {
-      let [background] = context.serviceWorkers();
-      if (!background) {
-        background = await context.waitForEvent("serviceworker");
+    backpack: async ({ context }, use) => {
+      if (!withBackpack) {
+        throw Error(
+          "The Backpack wallet hasn't been loaded. Add it to the withWallets function."
+        );
+      }
+      const backpack = await initializeExtension(
+        context,
+        Backpack,
+        "Backpack is not initialized"
+      );
+      await use(backpack);
+    },
+    polkadotJS: async ({ context }, use) => {
+      if (!withPolkadotJS) {
+        throw Error(
+          "The Polkadot{.js} wallet hasn't been loaded. Add it to the withWallets function."
+        );
       }
-      const extensionId = background.url().split("/")[2];
-      if (!extensionId) throw Error("No extension id");
-      await use(extensionId);
+      const polkadotJS = await initializeExtension(
+        context,
+        PolkadotJS,
+        "Polkadot{.js} is not initialized"
+      );
+      await use(polkadotJS);
     }
   });
 }
+function cleanUserDataDir(userDataDir) {
+  if (fs.existsSync(userDataDir)) {
+    fs.rmSync(userDataDir, { recursive: true });
+  }
+}
+function ensureWalletExtensionExists(walletPath, walletName) {
+  if (!fs.existsSync(path.join(walletPath, "manifest.json"))) {
+    throw new Error(
+      `Cannot find ${walletName}. Please download it via 'npx w3wallets ${walletName}'.`
+    );
+  }
+}
+async function initializeExtension(context, ExtensionClass, notInitializedErrorMessage) {
+  const serviceWorkers = context.serviceWorkers();
+  let page = await context.newPage();
+  for (const worker of serviceWorkers) {
+    const extensionId = worker.url().split("/")[2];
+    if (!extensionId) {
+      continue;
+    }
+    const extension = new ExtensionClass(page, extensionId);
+    try {
+      await extension.gotoOnboardPage();
+      return extension;
+    } catch {
+      await page.close();
+      page = await context.newPage();
+    }
+  }
+  throw new Error(notInitializedErrorMessage);
+}
 export {
   withWallets
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "w3wallets",
   "description": "browser wallets for playwright",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "homepage": "https://github.com/Maksandre/w3wallets",
@@ -13,6 +13,15 @@
     "type": "git",
     "url": "git+https://github.com/Maksandre/w3wallets.git"
   },
+  "keywords": [
+    "e2e",
+    "playwright",
+    "backpack",
+    "testing",
+    "ethereum",
+    "polkadot",
+    "eclipse"
+  ],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -22,6 +31,8 @@
   ],
   "bin": "./src/scripts/download.js",
   "scripts": {
+    "start:ui": "yarn workspace @w3wallets/test-app dev",
+    "test": "npx playwright test",
     "build": "tsup",
     "clean": "rm -rf dist",
     "check-format": "prettier --check .",
@@ -39,14 +50,15 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.2",
     "@changesets/cli": "^2.27.11",
-    "@playwright/test": "^1.49.1",
+    "@playwright/test": "^1.50.1",
     "@types/node": "^22.10.5",
+    "dotenv": "^16.4.7",
     "prettier": "^3.4.2",
     "standard-version": "^9.5.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "@playwright/test": "^1.49.1"
+    "@playwright/test": "^1.50.1"
   }
 }

package/src/scripts/download.js

@@ -22,6 +22,7 @@ const zlib = require("zlib");
 const ALIASES = {
   backpack: "aflkmfhebedbjioipglgcbcmnbpgliof",
   metamask: "nkbihfbeogaeaoehlefnkodbefgpgknn",
+  polkadotJS: "mopnmbcafieddcagagdcbnhejhlodfdd",
 };
 
 // ---------------------------------------------------------------------
@@ -58,7 +59,7 @@ for (const alias of inputAliases) {
       console.log(`Got CRX data for "${alias}"! ${crxBuffer.length} bytes`);
 
       // 2) Save raw CRX to disk
-      const outDir = path.join("wallets", alias);
+      const outDir = path.join(".w3wallets", alias);
       fs.mkdirSync(outDir, { recursive: true });
 
       const debugPath = path.join(outDir, `debug-${alias}.crx`);