 |
概要 | トピックの右サイドバー（タイムラインコントロールまたは目次）のデスクトップ版、およびモバイル版と画面幅の狭い場合のトピックタイトルエリアに、discourse-aiのトピック要約ボタンを追加します。 |
 |
プレビュー | GIF |
 |
リポジトリ | GitHub - rapekas/discourse-ai-summary-in-header: AI summary in topic header theme · GitHub |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourseテーマ初心者ですか？ | Discourseテーマを使用するための初心者ガイド |
このテーマコンポーネントをインストールする
デスクトップでは、discourse-aiの要約ボタンをトピックマップからトピックの右サイドバー（タイムラインまたは目次）に、モバイルおよび画面幅が狭い場合はトピックタイトルエリアに移動します。discourse-ai が必要で、トピック要約が有効になっている必要があります。
仕組み
このコンポーネントは独自のボタンを作成し、Discourseの modal サービスを介してAI要約モーダルを直接開きます。元のボタンをクローンまたは移動させないため、Glimmerコンポーネントのイベントハンドラに関する問題を回避できます。
ボタンの配置は利用可能なレイアウトに適応します。
-
デスクトップ（広画面） — ボタンは目次（DiscoTOCが有効な場合）またはタイムラインコントロールのサイドバーに表示されます。
-
デスクトップ（狭い画面） — サイドバーがDiscourseによってレンダリングされない場合、ボタンはタイトルの下、カテゴリ/タグの下にあるトピックタイトルエリアにフォールバックします。
-
モバイル — ボタンはトピックタイトルエリアに表示されます。
ブラウザウィンドウのサイズが変更されると、コンポーネントは古いボタンを自動的にクリーンアップし、正しい位置に新しいボタンを配置します（重複なし）。
設定
| 設定 | デフォルト | 説明 |
|---|---|---|
| タイムラインに表示 | オン | 要約ボタンをサイドバー（タイムラインまたはToC）に表示します。デスクトップの画面幅が狭い場合は、ボタンはトピックタイトルエリアにフォールバックします。 |
| モバイルに表示 | オン | モバイルデバイスのトピックタイトルエリアに要約ボタンを表示します。 |
| リーダーモードで保持 | オフ | リーダーモードが有効な場合にボタンを可視のままにします。 |
互換性
-
discourse-ai — 必須（ユーザーに対してトピック要約が有効になっている必要があります）
-
DiscoTOC — サポート済み（ボタンはタイムラインの代わりにToCに自動配置されます）
-
Reader Mode — サポート済み（オプションの「リーダーモードで保持」設定）