vscode-leetcodeにCookieでログインする

LeetCodeの問題をVSCodeで解きたいと思い、
VScodeのプラグイン「vscode-leetcode」をインストールしました。

下記の情報を参考にして環境構築を行い、一度ログインできましたが、
セッションが切れた後に再度ログインする際詰まってしまったので、
参考にさせていただいた記事の整理と備忘メモを記載します。

環境構築

• 参考にさせていただいた記事
  vscode-leetcode で快適 LeetCode 生活
  https://zenn.dev/ryo_kawamata/articles/introduce-vscode-leetcode
  LeetCodeをVS CodeとGoで解くための環境づくり
  https://zenn.dev/sadah/articles/ede353e39c0500
  Use VSCode LeetCode extension
  https://zenn.dev/nyancat/scraps/caa9f3029e3ab9

~/.lc/leetcode/user.jsonの設定

1. ChromeブラウザでLeetCodeにログイン
2. 開発者ツールのApplicationタブからCookieの情報を確認する
3. “csrftoken”, “LEETCODE_SESSION”のValueをメモ
4. ~/.lc/leetcode/user.jsonにメモした値を入力する

{
  "login": "[username]",
  "loginCSRF": "",
  "sessionCSRF": "[copied from csrftoken]",
  "sessionId": "[copied from LEETCODE_SESSION]"
}

• こちらの記事を参考にさせていただきました。
  vscodeでleetcodeに入門しようと思ってハマった話（と回避策）
  https://qiita.com/aiuecohei/items/42ec2d78712c576040fa

「vscode-leetcode」にCookieでログインする

1. ChromeブラウザでLeetCodeにログイン
2. どこでも良いので、ブラウザのLeetCodeのページをクリックする
3. 検証ツールのNetworkタブを開いてリクエストを選択し、Request Headersの属性を確認する
4. Cookieの値をコピーする(“Cookie: “ の文字列は除く)
5. VS Codeを開き、拡張機能LeetCodeを開く
6. Cookieでログインするオプションを選択
7. ユーザー名とコピーしておいたCookieの値を入力する

• こちらの記事の「Log in with the cookie」の章を参考にさせていただきました。
  https://betterprogramming.pub/work-on-leetcode-problems-in-vs-code-5fedf1a06ca1