✨ 新旧テキストとHEAD情報をChangesに変換する関数を作った

Author: takker99

browser/websocket/makeChanges.ts

@@ -0,0 +1,128 @@
+import { diffToChanges } from "./patch.ts";
+import type { Line } from "../../deps/scrapbox.ts";
+import {
+  Block,
+  convertToBlock,
+  Node,
+  packRows,
+  parseToRows,
+} from "../../deps/scrapbox.ts";
+import type { Change } from "../../deps/socket.ts";
+import { HeadData } from "./pull.ts";
+import { toTitleLc } from "../../title.ts";
+
+export interface Init {
+  userId: string;
+  head: HeadData;
+}
+export function makeChanges(
+  left: Pick<Line, "text" | "id">[],
+  right: string[],
+  { userId, head }: Init,
+) {
+  // 本文の差分
+  const changes: Change[] = [...diffToChanges(left, right, { userId })];
+
+  // titleの差分を入れる
+  // 空ページの場合もタイトル変更commitを入れる
+  if (left[0].text !== right[0] || !head.persistent) {
+    changes.push({ title: right[0] });
+  }
+
+  // descriptionsの差分を入れる
+  const leftDescriptions = left.slice(1, 6).map((line) => line.text);
+  const rightDescriptions = right.slice(1, 6);
+  if (leftDescriptions.join("") !== rightDescriptions.join("")) {
+    changes.push({ descriptions: rightDescriptions });
+  }
+
+  // リンクと画像の差分を入れる
+  const [linksLc, image] = findLinksAndImage(right.join("\n"));
+  if (
+    head.linksLc.length !== linksLc.length ||
+    !head.linksLc.every((link) => linksLc.includes(link))
+  ) {
+    changes.push({ links: linksLc });
+  }
+  if (head.image !== image) {
+    changes.push({ image });
+  }
+
+  return changes;
+}
+
+/** テキストに含まれる全てのリンクと最初の画像を探す */
+function findLinksAndImage(text: string): [string[], string | null] {
+  const rows = parseToRows(text);
+  const blocks = packRows(rows, { hasTitle: true }).flatMap((pack) => {
+    switch (pack.type) {
+      case "codeBlock":
+      case "title":
+        return [];
+      case "line":
+      case "table":
+        return [convertToBlock(pack)];
+    }
+  });
+
+  const linksLc = [] as string[];
+  let image: string | null = null;
+
+  const lookup = (node: Node) => {
+    switch (node.type) {
+      case "hashTag":
+        linksLc.push(toTitleLc(node.href));
+        return;
+      case "link": {
+        if (node.pathType !== "relative") return;
+        linksLc.push(toTitleLc(node.href));
+        return;
+      }
+      case "image":
+      case "strongImage": {
+        image ??= node.src;
+        return;
+      }
+      case "strong":
+      case "quote":
+      case "decoration": {
+        for (const n of node.nodes) {
+          lookup(n);
+        }
+        return;
+      }
+      default:
+        return;
+    }
+  };
+  for (const node of blocksToNodes(blocks)) {
+    lookup(node);
+  }
+
+  return [linksLc, image];
+}
+
+function* blocksToNodes(blocks: Iterable<Block>) {
+  for (const block of blocks) {
+    switch (block.type) {
+      case "codeBlock":
+      case "title":
+        continue;
+      case "line":
+        for (const node of block.nodes) {
+          yield node;
+        }
+        continue;
+      case "table": {
+        for (const row of block.cells) {
+          for (const nodes of row) {
+            for (const node of nodes) {
+              yield node;
+            }
+          }
+        }
+        continue;
+      }
+    }
+  }
+}

browser/websocket/patch.ts

@@ -11,7 +11,7 @@ type Options = {
   userId: string;
 };
 export function* diffToChanges(
-  left: Omit<Line, "userId" | "updated" | "created">[],
+  left: Pick<Line, "text" | "id">[],
   right: string[],
   { userId }: Options,
 ): Generator<DeleteCommit | InsertCommit | UpdateCommit, void, unknown> {

deps/scrapbox.ts

@@ -14,4 +14,5 @@ export type {
   Scrapbox,
 } from "https://raw.githubusercontent.com/scrapbox-jp/types/0.0.8/mod.ts";
 import type { Page } from "https://raw.githubusercontent.com/scrapbox-jp/types/0.0.8/mod.ts";
+export * from "https://esm.sh/@progfay/scrapbox-parser@7.2.0";
 export type Line = Page["lines"][0];

deps/socket.ts

@@ -9,8 +9,8 @@ export type {
   ProjectUpdatesStreamCommit,
   ProjectUpdatesStreamEvent,
   UpdateCommit,
-} from "https://raw.githubusercontent.com/takker99/scrapbox-userscript-websocket/0.1.3/mod.ts";
+} from "https://raw.githubusercontent.com/takker99/scrapbox-userscript-websocket/0.1.4/mod.ts";
 export {
   socketIO,
   wrap,
-} from "https://raw.githubusercontent.com/takker99/scrapbox-userscript-websocket/0.1.3/mod.ts";
+} from "https://raw.githubusercontent.com/takker99/scrapbox-userscript-websocket/0.1.4/mod.ts";