Skip to content

feat(autopilot): monitor に 🤖 絵文字 favicon を設定 #902

Description

@smalruby3-editor-bot

背景

autopilot monitor(tools/autopilot/src/monitor.js が生成する自己完結 HTML)は
ブラウザタブの favicon が未設定で、既定の地球儀アイコンのまま。複数タブを開くと
どれが autopilot monitor か判別しづらい。ヘッダーは 🤖 autopilot なので、タブにも
同じ 🤖 を出して一目で分かるようにする。

smalruby の favicon は使わない(smalruby.app と紛らわしいため)。

やること(DoD)

  • monitor.js<head>🤖 ロボット絵文字の favicon を追加する
  • 実装方式は インライン SVG data URI(外部リクエストなし。monitor は
    strict に自己完結 HTML なので CDN や外部画像は使わない)。例:
    html <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤖</text></svg>">
    monitor.js 内では JS 文字列に埋め込むので引用符のエスケープに注意。SVG 内は
    シングルクォート、絵文字はそのまま UTF-8 で埋め込む)
  • タブ表示が 🤖 autopilot monitor になる(<title> は既存のまま)
  • monitor.test.js に、生成 HTML の <head>rel="icon" と 🤖 を含むことの
    アサーションを 1 本追加
  • node --test(autopilot 一式)が緑

参考

  • ヘッダー: monitor.js<h1>🤖 autopilot</h1> と絵文字を統一
  • 挿入位置: <head><meta charset="utf-8"> 直後(<title> の前後どちらでも可)

Metadata

Metadata

Assignees

Labels

🤖 autopilotautopilot が処理対象にした Issue/PR(daemon が付与)

Type

No type

Fields

No fields configured for issues without a type.

Projects

Status
Close

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions