今日のページをnavbarから開くUserScript
navbar(画面右上)にボタンを表示して、「今日のページ」を開く
日付ページ、日記ページとも
今日のページを取得してみて、内容がまだ空ならテンプレート(空行と日付リンク)を書くが、空でなければ単に開く
現在のデザインは空行数行 + 前後の日付へのリンク
空白をあらかじめ置くことで、好きに書けるスペースを確保している気持ち
真っ白なノート的な
好きに変えて下さい
(方法はわからない)
更新履歴
開くタブを選べるようにした
ページ遷移をwindow.openからa.hrefに変えた
すでになにか書いてあっても日付タグがなければ挿入するようにした
UserScript
script.js(() => {
const navbar = document.getElementsByClassName('navbar-menu')[0];
const todayButton = document.createElement('li');
const a = document.createElement('a');
const span = document.createElement('span');
span.setAttribute('class', 'kamon kamon-pencil'); // see https://nota.github.io/kamon/example/
a.appendChild(span);
todayButton.setAttribute('class', 'today-btn');
todayButton.appendChild(a);
navbar.appendChild(todayButton);
function getDate(i) {
const d = new Date(); d.setDate(d.getDate() + i);
return [`${d.getFullYear()}`, `${d.getMonth() + 1}`, `${d.getDate()}`];
}
const today = getDate(0);
const prev = getDate(-1);
const next = getDate(1);
const title = encodeURIComponent(`${today[0]}/${today[1]}/${today[2]}`);
const dateTag = `[${prev[0]}/${prev[1]}/${prev[2]}] -> [${today[0]}/${today[1]}]/${today[2]} -> [${next[0]}/${next[1]}/${next[2]}]`;
todayButton.addEventListener('click', async (e) => {
const json = await (await fetch(`/api/pages/${scrapbox.Project.name}/${title}`)).json();
let body = '';
if (json.lines.every(line => !line.text.includes(dateTag))) {
body = encodeURIComponent(
dateTag
+ '\n'.repeat(4) // 書く場所
+ '\n'
);
}
a.href = `./${title}?body=${body}`;
let obj = {};
for (const key in e) {
obj[key] = key != 'bubbles' ? e[key] : false;
}
const e_ = new MouseEvent(e.type, obj);
a.dispatchEvent(e_);
//a.click();
});
})();
開発メモ
PageMenuだけ?addEventListenerだとだめ?
PageMenu.addMenuでなにか処理されている?
eventはsetterをもたないらしいので、for文で書き写しつつ
bubblesだけfalseにして新しいイベントをつくり、そっちをdispatch
もっといいやり方がありそう...
eventのクローンづくりと
fetch処理とでPromiseしてみた
後者が圧倒的に遅いので、結局速度的には同じかsequentialのほうが少し速い感じだった