Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pr-quick-link

GitHubのプルリクエストのタイトルとリンクを素早くコピーできるChrome拡張機能です。Slack、Notion、Google Docsなど、様々なツールで使用できます。

機能

  • GitHubのプルリクエストページの右下にフローティングコピーボタンを表示(GitHubのDOM構造に依存しないため、UI変更の影響を受けません)
  • ボタンをクリックすると、リッチテキスト形式でクリップボードにコピー
  • 以下のツールでリンク付きテキストとして貼り付け可能:
    • Slack: <URL|タイトル #番号> 形式
    • Notion: リンク付きテキストとして挿入
    • Google Docs: リンク付きテキストとして挿入
    • Microsoft Word: リンク付きテキストとして挿入
    • Gmail / Outlook: リンク付きテキストとして挿入
    • その他多くのリッチテキストエディタ
  • ページ遷移時も自動的にボタンを再表示

インストール方法

  1. このリポジトリをクローンまたはダウンロード

    git clone https://github.com/watagit/pr-quick-link.git
    cd pr-quick-link
  2. 依存関係をインストールしてビルド

    pnpm install
    pnpm build
  3. Chromeで chrome://extensions/ を開く

  4. 右上の「デベロッパーモード」をONにする

  5. 「パッケージ化されていない拡張機能を読み込む」をクリック

  6. プロジェクトの dist フォルダを選択

使い方

  1. GitHubのプルリクエストページを開く
  2. 画面右下にフローティングのコピーボタン(丸いアイコン)が表示されます
  3. ボタンをクリックすると、リッチテキスト形式でクリップボードにコピーされます
  4. お好きなツール(Slack、Notion、Google Docsなど)に貼り付けると、リンク付きテキストとして表示されます

貼り付け後の表示例

各ツールでは以下のように表示されます:

  • Slack: プルリクエストのタイトル #123(クリック可能なリンク)
  • Notion: プルリクエストのタイトル #123(クリック可能なリンク)
  • Google Docs: プルリクエストのタイトル #123(クリック可能なリンク)

: 環境によっては、プレーンテキストのみでコピーされる場合があります。

コピー成功の確認

  • コピー成功時:ボタンがチェックマークアイコンに変わり、緑色で表示されます
  • コピー失敗時:ボタンがバツマークアイコンに変わり、赤色で表示されます
  • 2秒後に元のコピーアイコンに戻ります

デザイン

  • GitHubのネイティブボタンスタイルに合わせたデザイン
  • ダークモード対応

動作環境

  • Google Chrome(推奨)
  • Microsoft Edge(Chromiumベース)
  • その他Chromiumベースのブラウザ

対応ページ

  • GitHub プルリクエストページ: https://github.com/*/*/pull/*

開発者向け情報

プロジェクトに貢献したい開発者の方は、以下の手順で開発環境をセットアップできます。

開発環境のセットアップ

Node.js と pnpm のバージョン管理には mise を使用しています。mise.toml に必要なバージョンが定義されているため、以下のコマンドでツールをインストールできます。

# Node.js と pnpm をインストール
mise install
# 依存関係のインストール
pnpm install

# ビルド
pnpm build

# ファイル変更の監視(開発時)
pnpm watch

その他の開発コマンド(リント、テストなど)については、package.json をご確認ください。

ライセンス

MIT

貢献

プルリクエストやIssueは大歓迎です!

注意事項

  • この拡張機能はフローティングボタンとして動作するため、GitHubのDOM構造に依存しません
  • PRタイトルの取得には document.title を利用しています(GitHubのタイトル形式に依存します)
  • 動作に問題があればIssueで報告していただけると助かります

About

Copy GitHub pull request's title with number as rich text link

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages