pin-diary-4

使い方

お試し

code:js

await import("/api/code/villagepump/pin-diary-4/script.js");

実行内容

以下を井戸端にアクセスした直後に実行し、以後井戸端にいる間1日1回の周期で同様に実行する

今日の日記ページがPinされていなければPinする

今日の日記ページ自体が見つからなかったら新しく作ってそのページに移動する

今日以外の日記ページがPinされていればPinを外す

今までとの相違点

このUserScriptを使っていない人にもPinが反映されます

実装方法を完全に変えた

今回の方法

scrapbox.ioにPin留めの指示を出す

ちなみにこれを応用すれば、任意のページを削除することもできるようになる

2022-02-02

2022-01-19

07:06:42 相対パス→絶対パス

2021-11-11

2021-11-10

20:26:24 日付ページが見つからなければ新規作成するようにした

known issues

一番最初に日記を始めたときのformatをそのまま使い続けている

変更する部分を教えてほしいです

日付処理があちこちに分散しているのよくないですね……

ここは直したい

根本的には、両方とも関数の外部から注入できるようにすべき

code (before bundle)

全てのコードがこのページ内で完結しています

外部コードに一切依存していません(型定義以外)

このtemplate内でdate-fnsを使用しています

code:script.ts

/// <reference no-default-lib="true"/>

/// <reference lib="esnext"/>

/// <reference lib="dom"/>

import {listDiaries} from "./list.ts";

import {togglePin} from "./pin.ts";

import {getTemplate} from "../日記ページのtemplate/diary.ts";

import type {

Scrapbox,

declare const scrapbox: Scrapbox;

const targetProject = 'villagepump';

const handleChange = () =>

scrapbox.Project.name === targetProject ?

startObserve() : endObserve();

// initialize

handleChange();

scrapbox.addListener("project:changed", handleChange);

let updateTimer: number | undefined;

async function startObserve() {

endObserve();

const {id: userId} = await res.json();

const {id: projectId} = await res2.json();

pinDiary(userId, projectId);

updateTimer = setInterval(() => pinDiary(userId, projectId), 24 * 3600 * 1000);

}

function endObserve() {

clearInterval(updateTimer);

}

async function pinDiary(userId: string, projectId: string): Promise<void> {

// 今pinされている日付ページを調査する

const diaryPages = await listDiaries(targetProject);

const pinnedDiaryPages = diaryPages.filter(({pin}) => pin > 0);

// 今日以外の日付ページを外す

for (const page of pinnedDiaryPages) {

if (page.title === toYYYYMMDD(new Date())) continue;

await togglePin({userId, projectId, ...page});

}

const todayDiaryPage = diaryPages.find(({title}) => title === toYYYYMMDD(new Date()));

code:script.ts

if (!todayDiaryPage) {

const a = document.createElement("a");

a.href = `/${targetProject}/${

encodeURIComponent(title)

}?body=${

}`;

document.body.append(a);

a.click();

a.remove();

新しい日記ページが生成されるまで待つ

code:script.ts

await new Promise<void>(

(resolve) => scrapbox.once("page:changed", resolve),

);

code:script.ts

return await pinDiary(userId, projectId);

}

code:script.ts

if (todayDiaryPage.pin > 0) return; // すでにPinされていれば何もしない

await togglePin({userId, projectId, ...todayDiaryPage});

}

function toYYYYMMDD(date: Date) {

}

function zero(n: number) {

return String(n).padStart(2, '0');

}

Pinの付け外しをする

code:pin.ts

import type {PageMetaData} from "./list.ts";

import {createWS} from "./socket.ts";

export interface PinProps extends PageMetaData {

userId: string;

projectId: string;

}

const MakeTogglePinRequest = ({pin, commitId, pageId, userId, projectId}: PinProps) =>

`422${JSON.stringify([

"socket.io-request",

{

method: "commit",

data: {

kind: "page",

parentId: commitId,

changes:[{

pin: pin > 0 ? 0 : Number.MAX_SAFE_INTEGER - Math.floor(Date.now() / 1000),

}],

cursor: null,

pageId,

userId,

projectId,

freeze:true,

},

},

])}`;

export async function togglePin(data: PinProps) {

const {send, receive, close} = await createWS(

"wss://scrapbox.io/socket.io/?EIO=4&transport=websocket"

);

const stream = receive();

await stream.next();

// 最初の通信に返答する

await send("40");

await stream.next();

// Pinを付け外しするよう命令する

await send(MakeTogglePinRequest(data));

await stream.next();

// 全部の応答が返ってきたら閉じる

await close();

}

日付ページの一覧を取得する

code:list.ts

export interface PageMetaData {

title: string;

pin: number;

pageId: string;

commitId: string;

};

interface Page {

title: string;

pin: number;

id: string;

commitId: string;

}

export async function listDiaries(project: string) {

const pages = await fetchPages(project);

return pages.flatMap(page => /\d{4}\/\d{2}\/\d{2}/.test(page.title) ?

[]

);

}

2021-09-18 04:38:04 本当にちゃんと全部のページを読まないとだめだ

2021/09/18が1000ページ前に埋もれていたみたいで、Pinし損ねた

04:49:24 全ページを読み込むように変更した

code:list.ts

async function fetchPages(project: string) {

const res = await fetch(

https://scrapbox.io/api/pages/${project}?limit=1

);

const { count: pageNum } = await res.json();

const limitParam = Math.min(pageNum, 1000); // APIで一度に取得するページ数

const maxIndex = Math.floor(pageNum / 1000) + 1; // APIを叩く回数

// 一気にAPIを叩いてページ情報を取得する

const results = await Promise.all(

.map(async (index) => {

const response = await fetch(

`/api/pages/${

project

}/?limit=${

limitParam

}&skip=${index * 1000}`

);

const { pages }: {pages: Page[];} = await response.json();

return pages;

})

);

return results.flat();

}

code:socket.ts

export type Return = {

close: () => Promise<Event | undefined>;

send: (data: string | ArrayBufferLike | Blob | ArrayBufferView) => void;

receive: () => AsyncGenerator<MessageEvent>;

};

export function createWS(url: string, protcols?: string | string[]) {

return new Promise<Return>((resolve, reject) => {

const socket = new WebSocket(url, protcols);

const once = (

type: keyof WebSocketEventMap,

callback: (event?: Event | MessageEvent | CloseEvent) => void,

) => {

const wrapper = (e: Event | MessageEvent | CloseEvent) => {

callback(e);

socket.removeEventListener(type, wrapper);

};

socket.addEventListener(type, wrapper);

};

once("error", reject);

once("open", () =>

resolve({

close: () =>

new Promise((res) => {

socket.close();

once("close", (e) => res(e));

}),

send: (data) => {

socket.send(data);

},

receive: async function* () {

while (true) {

const response = await new Promise((res) =>

once("message", (e) => res(e))

);

yield response as MessageEvent;

}

},

}));

});

}

source code

code:sh

2021-11-11

12:54:22 ページが重くなるので止めた

08:32:20 やっぱsource map貼ることにしてみた

2021-11-10

20:25:23 source mapは削りました

むちゃくちゃ長くなってしまったので、そのまま貼り付けるとStreamを壊してしまう

code:script.js