swfz / chrome-extension-google-slide-usertool-comment-stream Goto Github PK

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency vite to v4.5.3 [security]
• chore(deps): update dependency @types/chrome to v0.0.265
• chore(deps): update dependency typescript to v5.4.4
• chore(deps): update react monorepo (@types/react, @types/react-dom)
• chore(deps): update dependency node to v20.12.1 (node, @types/node)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

• 縦横の比率
  • ちょっと歪んでるため適正にしたい

workarroundとしてビルドした成果物のmanifest.jsonを直接書き換え読み込める形に変更している

ok

  "web_accessible_resources": [
    {
      "matches": [
        "<all_urls>"
      ],
      "resources": [
        "assets/stream.ts.aff98a9b.js",
        "assets/subscribe.ts.7c33205d.js"
      ],
      "use_dynamic_url": true
    },

ng

  "web_accessible_resources": [
    {
      "matches": [
        "https://docs.google.com/presentation/d/*/edit"
      ],
      "resources": [
        "assets/stream.ts.aff98a9b.js"
      ],
      "use_dynamic_url": true
    },
    {
      "matches": [
        "https://docs.google.com/presentation/d/e/*"
      ],
      "resources": [
        "assets/subscribe.ts.7c33205d.js"
      ],
      "use_dynamic_url": true
    }
  ]

現象

発表者以外の質問コメントが発表者のユーザーツールに反映されるまでに結構時間が掛かる

そのため聞きたいことがありコメントしたとしてもコメントが流れたときには別の話題になっているなどの状況が多発する

仕組みと原因

2023-02-04時点

現在の仕組み

ユーザーツールのセッションを開始して発表者自身もコメントを入力できる画面で拡張を実行する

この画面のコメントのリストを購読して変化があったらコメント部分を取り出しスライド側に流すようにしている

ラグの原因

該当画面では

ユーザーツールの追加のコメントが有るかどうかのリクエストを定期的に送っている（10秒間隔）

これだけであれば誰かがコメントしたら最高10秒待てばコメントが流れてスライドにも流れると想定されたが

他のユーザーがコメントしたあと10秒たったあとでも上記リクエストのレスポンスに投稿したコメントが含まれないことが多々発生していた

このことからリクエスト先のサーバの状態やデータの状態のリアルタイム性がそこまでない状態だった

対応

プレゼンターのウィンドウでのユーザーツールでは発表者以外のコメントもほぼリアルタイムで反映されていたことを確認したのでそちら側で拡張を実行してコメントをsubscribeするように変更することで投稿から画面へ流れるまでのタイムラグを減らす

ブックマークレットで書いたものをChrome拡張へ移植する

ブックマークレットならcontent_scriptsにまず書けば移植はできる

機能

• popupクリック時に発火させる（スライド、ユーザーツール）
• 設定画面を作る(popup)
  • 文字色
  • フォント
  • 文字サイズ
  • 流れるスピード
  • 他設定できそうなもの
• 特定文字列でエフェクト追加
  • 8888で拍手的な演出をいくつか用意
• スタート時popupに表示
  • popupにステータス的なものを表示できれば理想

やること

• content_scripts, popup, optionsそれぞれをTSで書いてコンパイルする、それをmanifestで読み込む
• chromeの型ファイルを読んでVSCodeで判断してくれるようにする
• dev環境用にローカルで再現できるHTMLを用意する
• 2回読んだら2個流れてしまうのを対応

コメント内容が``888888` の場合にスライド右下に拍手っぽいアイコンが出てくるようにする
時間経過で透明になる