フォームに自動入力する機能の追加

[Milix-M]

background側でcontextMenuを追加する際に今までのcontextMenuをremoveAll()してからStorageProviderのgetAccountsでアカウントを取ってきてforでcontextMenuで再度登録する.

こうすることでcontextMenuの並び順が保証される

[Milix-M]

毎回contextMenuを全登録し直すほうが良いかも(後から弄ることを考えると)

[HEKUCHAN]

右クリックで表示されるサービスを追加したり、削除できるようにしてほしい

[Milix-M]

ブランチリセットする(reason: gitの操作ミス)

[Milix-M]

manifest.json

• background.ts

  
  import { Account } from "./models/account";

chrome.runtime.onInstalled.addListener(() => { chrome.contextMenus.create({ id: "insertTwoFactorCodeMenu", title: "二段階認証コードを挿入", contexts: ["all"], }); });

chrome.runtime.onMessage.addListener((request) => { if (request.addAccount) { insertAccountMenuToParent(request.addAccount); } else if (request.deleteAccount) { removeAccountMenu(request.deleteAccount); } });

export function insertAccountMenuToParent(account: Account) { chrome.contextMenus.create({ id: account.accountUUID, parentId: "insertTwoFactorCodeMenu", title: account.label, contexts: ["all"], }); }

export function removeAccountMenu(accountUUID: string) { chrome.contextMenus.remove(accountUUID); }

- storage.ts

import { Account } from "./models/account"; import crypto from "crypto-js"; import CryptoJS from "crypto-js"; import { getBucket } from "@extend-chrome/storage"; import { v4 as uuidv4 } from "uuid";

/**

• シークレット, カウンタなどの情報をinput, outputするクラス */ export class StorageProvider { private readonly bucket = getBucket("acc-bucket", "sync");

  /**

  • シークレット(アカウント)をchromeのsyncストレージに暗号化して保存します
  • @param account 追加したいシークレット(アカウント) */ public async setSecret(account: Account) { const encryptedAccount = this.genSavingEncryptString(account);

  await this.bucket .set({ }) .then(() => { // コンテキストメニューに追加 chrome.runtime.sendMessage({ addAccount: account }); }); }

  public async getSecrets() { const secrets = await this.bucket.get();

  // Accountの配列に入れてあげる const accounts: Account[] = []; // Mapにすべき？ for (const [_, v] of Object.entries(secrets)) { accounts.push(this.decodeEncryptAccount(v)); }

  // 降順ソート return [...accounts].sort((a, b) => b.addedAt - a.addedAt); }

  /**

  • シークレットを削除します
  • @param accountUUID アカウントのuuid */ public async removeSecret(accountUUID: string) { // const secrets = await this.bucket.get();

  await this.bucket .remove(accountUUID) .then(() => chrome.runtime.sendMessage({ deleteAccount: accountUUID })); }

  /**

  • Accountクラスの属性を元にパスワードにより暗号化された文字列を生成します
  • @param account
  • @returns 暗号化されたAcccountクラス文字列 */ private genSavingEncryptString(account: Account): string { const accountJson = JSON.stringify(account);

  // 暗号化して返却 return crypto.AES.encrypt(accountJson, this.readPassword()).toString(); }

  /**

  • 暗号化されたAccountクラスを復号化します
  • @param encryptStr 暗号化されたAccount
  • @returns 復号化されたAccount */ private decodeEncryptAccount(encryptStr: string): Account { const decodedAccount = crypto.AES.decrypt( encryptStr, this.readPassword() ).toString(CryptoJS.enc.Utf8);

  // Accountクラスに戻す const account: Account = Object.assign( new Account(uuidv4(), "", "totp", "", 0), JSON.parse(decodedAccount) );

  return account; }

  /**

  • パスワードを読み込みます
  • @returns パスワード */ private readPassword(): string { // 暗号化するパスワード let password = "password";

  if (import.meta.env.VITE_ENCRYPT_PASSWORD !== undefined) { password = import.meta.env.VITE_ENCRYPT_PASSWORD; }

  return password; } }

[Milix-M]

アカウントをeditするとduplicate idエラーが発生するのでどうにかする

案:

• AccountクラスにcontextMenuに追加してあるかを管理するフラグをもたせる そしてアカウントを保存する際にチェックしてcontextMenuが存在した場合削除してから再度追加する
  • これをするなら今までのバージョンを使用している人の引き継ぎを考えなければならない

[Milix-M]

contextMenuに追加する方式厳しそうなので他の方法考えたい