GmailのURLをMessage-ID(RFC822形式)で取得するブラウザの拡張機能

0. はじめに

Gmail ユーザーのみなさん。こんにちは。GmailのMessage-IDに基づくURLを欲しくないですか？私はほしいです。だから作りました。ツールを作った経緯は次のとおりです。

Gmailは探しにくい
Gmail は世界中にはびこっています。しかし、Gmailの検索には難儀しています。「三上さん」から届いたメールを検索しようとして、「三上」と入力すると、数字の３が入ったメールがことごとく引っかかります。「"三上"」とすればまだ良いのですが、そういう問題なのかな？と思います。だから、大切なメールは、URLとして残しておきたいです。
　
他の人とも情報共有できるURLになりうる
RFC822形式の Message-ID は、送信されるとユニークなIDとして記録されます。だから、これに基づいてGmailへのURLを作成することができれば、送信者も受信者も同じURLで参照できます。（「ほら、以前送ったあれ！」を特定できます。）だけじゃなく、メーリングリストの場合には、メンバー全員が同じURLで参照できます。
　
今まであったツールは使えなくなってしまった
同志（←単に同じように考えた人たち）が作ってくれたツールは、マニフェスト2 なので、今は使えなくなってしまいました。inboxSDK もうまく機能しません。

そこで、新たに作りましょう。

1. 設計

inboxSDK を使わない。
Gmail の「<> メッセージのソースを表示」ボタンを押して、開いた途端に"クリップボード" にGmail のURLが保存されるようにする。（その旨メッセージも表示される。）
拡張機能の公開の仕方はよくわからないので、ストアなどに置かない。フォルダに置いて読み込む方法は、【猿でもできる】Chrome拡張機能の作り方などをありがたく参照します。

2. ソース

manifest.json

{
	"manifest_version": 3,
	"name": "URL for Gmail by MsgID822",
	"version": "1.0",
	"permissions": ["activeTab", "scripting"],
	"host_permissions": ["https://mail.google.com/*"],
	"action": {
		"default_icon": {
		"16": "icon16.png",
		"48": "icon48.png",
		"128": "icon128.png"
	  }
	},
	"content_scripts": [
	  {
		"matches": ["https://mail.google.com/mail/*?ik=*"],
		"js": ["content.js"],
		"run_at": "document_start"
	  }
	]
  }

content.js

document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        try {
            const preElement = document.querySelector('pre');
            if (!preElement) throw new Error('PRE element not found');
            const fullText = preElement.textContent;
            const messageIdMatch = fullText.match(/^Message-ID: <(.+?)>/im);
            if (messageIdMatch) {
                const messageId = messageIdMatch[1];
                console.log('Extracted Message ID:', messageId);

                // メッセージIDをURLエンコード
                const encodedMessageId = encodeURIComponent(messageId);
                console.log('Encoded Message ID:', encodedMessageId);

                // Gmailの検索URLを生成
                const searchUrl = `https://mail.google.com/mail/#search/rfc822msgid:${encodedMessageId}`;
                console.log('Generated search URL:', searchUrl);

                // URLをクリップボードにコピー
                navigator.clipboard.writeText(searchUrl).then(function() {
                    // 成功した場合
                    alert('Search URL has been copied to clipboard!');
                }, function(err) {
                    // エラーが発生した場合
                    console.error('Could not copy text: ', err);
                });
            } else {
                throw new Error('Message ID not found.');
            }
        } catch (error) {
            console.error('Error in script:', error);
        }
    }, 300); // GmailのDOMが読み込まれるまでに少し遅延を設ける
});

※ アイコンは適当に作ってください！（私は同志が作ってくれたツールのものを拝借しています。）

3. 操作方法

3-1. 拡張機能の導入

上記の manifest.json, contents.js, アイコンを特定のフォルダに格納する。
ブラウザ（以下、Edgeの場合）で「…」＞「拡張機能」＞「拡張機能の管理」へ進む。
「開発者モード」を有効にする
「展開して読み込み」で、manifest.json などを格納したフォルダを指定する。

3-2. 使い方

Gmail に拡張機能が入ったブラウザでアクセスする。メールを開く。
縦に3点並んだところをクリックして「<> メッセージのソースを表示」をクリックする。
クリップボードに、そのメールへのURLが格納されるので、適宜使う。

4. コメント

GmailがMessage-ID で検索できることは、例えばGmail 内のメールをメッセージ ID から探す方法について教えてくださいを参照してください。
「<> メッセージのソースを表示」をクリックすると最上部に、RFC822のMessage-ID が表示されるようですね。つまり、このような仕組みはいらないということだったのか。以前は出ていなかったように思うので不便に思っていたのですが…
Windows + MS Edge で試していました。Linux + Google Chrome でも動きました！
Message-IDには、"+" など、そのままではURLとして使えない文字も含まれています。そこで、encodeURIComponent()を使っています。