Scrapboxに通知ボックスを実装するUserScript

プロジェクト内のページに通知を受け取るメニューを追加する

ここから通知を受け取りたいページを登録する

cookieに（登録した）ページの最終閲覧日時を記録する

これを解決できないかなって

ただ、デバイスにリアルタイムに通知を送るようにすると普通にうざいので、あくまでScrapboxを開いた時に確認しやすくする程度に留めた方がよさそう

特定のページの未読だけ検知したい、ということだろうか？

それに加えて、自分が知らない更新があることに気づけるようにしたいということです

@ページとか、その他自分が頻繁にwatchしているページとか

ピン留めでどうにかならないかとも最初は思ったのですが、ページカードのサムネイルって更新があったかどうかはわかりにくいので

未読のpinの色を変える

code:今日の日記の更新取得サンプル.js

import { detect } from "./detectUnread.js";

/** @type {(date: Date) => string} */

const format = (date) =>

// 10分ごとにpolling

setInterval(

async () => {

const project = "villagepump";

const title = format(new Date());

const result = await detect(project, title);

if (!result.ok) return;

if (!result.value) return;

alert("今日の日記が更新されたよ");

},

10 * 60 * 1000,

);

code:detectUnread.js

/**

*

* @param {string} project

* @param {string} title

* @return {Promise<{ ok: false; value: unknown; } | { ok: true, value: boolean; }>}

*/

export const detect = async (project, title) => {

const res = await fetch(

/api/pages/${project}/${encodeURIComponent(title)}

);

if (!res.ok) return {

ok: false,

value: await res.json(),

};

const { lastAccessed, updated } = await res.json();

return { ok: true, value: lastAccessed < updated };

};