Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

プッシュ通知にclosed, action, clickのイベントを作る #6359

Closed
tamaina opened this issue May 13, 2020 · 7 comments · Fixed by #7667
Closed

プッシュ通知にclosed, action, clickのイベントを作る #6359

tamaina opened this issue May 13, 2020 · 7 comments · Fixed by #7667
Assignees
Labels
✨Feature This adds/improves/enhances a feature packages/frontend Client side specific issue/PR packages/sw and PWA ServiceWorker and PWA related issue/PR

Comments

@tamaina
Copy link
Member

tamaina commented May 13, 2020

Summary

ブラウザの対応の差異はあれど、Notifications APIはわりといろいろなことができるので、活用したい。
なんかスクショが出てこないので具体的な説明が今は不可能

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
WHATWG: https://notifications.spec.whatwg.org/

@tamaina tamaina added the ✨Feature This adds/improves/enhances a feature label May 13, 2020
@tamaina tamaina changed the title 通知をリッチにする プッシュ通知をリッチにする May 13, 2020
@tamaina tamaina added the packages/frontend Client side specific issue/PR label May 13, 2020
@tamaina
Copy link
Member Author

tamaina commented May 22, 2020

とりあえず、プッシュ通知は以下の動作を検知します:

  • click(選択、つまりタップ)
  • action(s)(こちらが任意のアクションを設定可能)
  • close(閉じる、スライド(タッチ)や×をクリック(マウス))

これらを駆使して操作できるようにしていくんだけど、具体的な組み合わせはプログラムを組む前にすり合わせて決めておきたいと思う。

@tamaina
Copy link
Member Author

tamaina commented May 22, 2020

フォロー(follow)

click
そのユーザーの詳細を開く
actions
フォロー
フォローバックする(フォローしていない場合に表示)
close
通知に既読をつける

メンション/リプライ(mention, reply)

click
ノートの詳細を開く
actions
返信
返信フォームを開く(自分宛てのみ)
URLから返信フォームを開くようなものはMisskey Webに実装されていないと思うので、これを実装する必要あり → #6404
close
通知に既読をつける

引用(quote)

click
ノートの詳細を開く
actions
返信
返信フォームを開く(自分宛てのみ)
URLから返信フォームを開くようなものはMisskey Webに実装されていないと思うので、これを実装する必要あり → #6404
Renote
Renoteする
close
通知に既読をつける

(actionsが要るかどうかは微妙なところあり)

リアクション(reaction)

click
ノートのページに移動する
actions
ユーザーを開く
ユーザーのページに移動する
close
通知に既読をつける

投票された(pollVote), Renote

click
ノートの詳細を開く
close
通知に既読をつける

フォローリクエストを受信(receiveFollowRequest)

click
ユーザーの詳細を開く
操作の順番的に、ユーザーページに「このユーザーからフォローリクエストが届いています。承認しますか?」という感じでユーザページから承認と拒否ができるようになるといいかも
actions
  • 承認
  • 拒否
  • フォローリクエスト一覧を開く
close
通知に既読をつける

自分の送ったフォローリクエストが承認された(followRequestAccepted)

click
ユーザーの詳細を開く
close
通知に既読をつける

グループに招待された(groupInvited)

click
グループ一覧を開く
actions
  • 許可
  • 拒否
close
通知に既読をつける

未読のチャットメッセージがある(unreadMessagingMessage)

click
チャットルームを開く

@tamaina
Copy link
Member Author

tamaina commented Jul 30, 2020

そろそろ実装する

リアクションクリックはユーザーを開くようにするようにするか

@rinsuki
Copy link
Contributor

rinsuki commented Jul 30, 2020

ユーザー開いてもどうしようもなくない?該当投稿のほうがいい気がする

@tamaina
Copy link
Member Author

tamaina commented Aug 4, 2020

Twitterの挙動を見たら投稿を開くようになっていたので、やっぱ投稿を開くようにする

@tamaina
Copy link
Member Author

tamaina commented Aug 5, 2020

現状の実装だとServiceWorkerにiが読み込めないので…あぁ、コードの変更範囲が広がってしまう…

@tamaina tamaina changed the title プッシュ通知をリッチにする プッシュ通知にclosedやactionsなどのイベントを作る Aug 5, 2020
@tamaina tamaina changed the title プッシュ通知にclosedやactionsなどのイベントを作る プッシュ通知にclosed, action, clickのイベントを作る Aug 5, 2020
@tamaina tamaina added the packages/sw and PWA ServiceWorker and PWA related issue/PR label Aug 5, 2020
@tamaina
Copy link
Member Author

tamaina commented Feb 14, 2021

そもそもActionsの上限が2つだったわ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨Feature This adds/improves/enhances a feature packages/frontend Client side specific issue/PR packages/sw and PWA ServiceWorker and PWA related issue/PR
Projects
None yet
2 participants