walover-line-harness-gui 0.1.0

package/src/server/guide.js

@@ -0,0 +1,181 @@
+/**
+ * 各入力欄の「この値はどこで取るか」。
+ *
+ * 実測では、手作業13件のうち GUI で隠せるのは2件だけだった。残りは LINE と
+ * Cloudflare のブラウザ作業で、ターミナルとは関係ない。
+ * つまりこのツールの value は「ターミナルを隠すこと」より
+ * **「手順書と入力欄が同じ画面に並ぶこと」**にある。
+ *
+ * ## 資産を二重に持たない
+ *
+ * 画像と詳しい手順は**配布キット側にあるものをそのまま参照する**。
+ * ここに置くのは、画面から目を離さずに済む程度の短い手順と、該当箇所へのリンクだけ。
+ *
+ * 画像は https で読む。こちらの画面は http://localhost だが、
+ * 「http のページが https の画像を読む」向きは混在コンテンツにならない。
+ * 逆向き（GitHub Pages の画面から localhost を叩く）は成立しないので、やらない。
+ */
+
+const KIT = "https://saniman.github.io/walover-line-harness-kit/docs/setup";
+const IMAGES = `${KIT}/images`;
+
+const LINE_MANAGER = "https://manager.line.biz/";
+const LINE_CONSOLE = "https://developers.line.biz/console/";
+/** 未ログインでも redirect_uri で行き先を保持する（実測済み） */
+const CF_R2 = "https://dash.cloudflare.com/?to=/:account/r2/overview";
+
+/**
+ * @typedef {object} Guide
+ * @property {string[]} [steps]   画面から目を離さずに追える程度の短い手順
+ * @property {string} [warn]      間違えやすいところ
+ * @property {{label: string, url: string}[]} [links]  作業する画面へのリンク
+ * @property {{url: string, alt: string}[]} [images]  配布キットにある実画面（複数可）
+ * @property {{url: string, label: string}} [manual]   手順書の該当箇所
+ */
+
+/**
+ * プロンプト id をキーにする。フォームの欄も、実行中に人が答える場面も同じ扱いにできる。
+ * @type {Record<string, Guide>}
+ */
+export const GUIDE = {
+  projectName: {
+    steps: ["好きな名前で構いません。Cloudflare 上の Worker と D1 の名前になります。"],
+    warn: "あとから変えられません。",
+  },
+
+  workersSubdomain: {
+    steps: [
+      "まだ決めていなければ空のままで構いません。本家が候補を出してくれます。",
+      "この名前は Worker の URL の一部になります。",
+    ],
+    warn: "全世界で早い者勝ちです。すでに使われていると、本家が別の名前を求めます。",
+    manual: { url: `${KIT}/cloudflare.html`, label: "1. Cloudflare の準備" },
+  },
+
+  // ── Messaging API チャネル ───────────────────────────────────────
+  lineChannelId: {
+    steps: [
+      "LINE Official Account Manager を開き、アカウントを選ぶ",
+      "右上の歯車アイコン（設定）→ サイドメニューの「Messaging API」",
+      "ステータスが「未利用」なら「Messaging APIを利用する」を押し、プロバイダーを選んで利用規約に同意する",
+      "表示された Channel ID を「コピー」ボタンで写す",
+    ],
+    warn: "「未利用」のままだと Channel ID はどこにも表示されません。まずボタンを押すのが最初の一歩です。",
+    links: [{ label: "LINE Official Account Manager を開く", url: LINE_MANAGER }],
+    images: [
+      {
+        url: `${IMAGES}/line-channel-id-secret.png`,
+        alt: "Messaging API の設定画面。Channel ID と Channel secret が並んで表示され、それぞれに「コピー」ボタンがある",
+      },
+    ],
+    manual: { url: `${KIT}/line.html#step1`, label: "Step 1：① Channel ID を取得する" },
+  },
+
+  lineChannelSecret: {
+    steps: ["Channel ID と同じ画面に Channel secret が並んでいます。「コピー」ボタンで写してください。"],
+    warn: "LINE 公式アカウントのパスワードに相当します。スクリーンショットに写さない・チャットに貼らないでください。",
+    links: [{ label: "LINE Official Account Manager を開く", url: LINE_MANAGER }],
+    images: [
+      {
+        url: `${IMAGES}/line-channel-id-secret.png`,
+        alt: "Messaging API の設定画面。Channel ID と Channel secret が並んで表示されている",
+      },
+    ],
+    manual: { url: `${KIT}/line.html#step2`, label: "Step 2：② チャネルシークレットを取得する" },
+  },
+
+  lineChannelAccessToken: {
+    steps: [
+      "LINE Developers Console を開く",
+      "Step 1 で決めたプロバイダー → Messaging API チャネル",
+      "「Messaging API設定」タブ → 一番下までスクロール",
+      "「チャネルアクセストークン（長期）」の「発行」を押す",
+    ],
+    warn: "こちらもパスワード相当です。短い文字列しか出ていない場合は発行し直してください。",
+    links: [{ label: "LINE Developers Console を開く", url: LINE_CONSOLE }],
+    images: [
+      {
+        url: `${IMAGES}/line-access-token.png`,
+        alt: "Messaging API設定タブの下部。「チャネルアクセストークン（長期）」の下に「発行」ボタンがある",
+      },
+    ],
+    manual: { url: `${KIT}/line.html#step3`, label: "Step 3：③ チャネルアクセストークンを発行する" },
+  },
+
+  // ── LINE Login チャネル ──────────────────────────────────────────
+  lineLoginChannelId: {
+    steps: [
+      "LINE Developers Console を開く",
+      "Step 1 と同じプロバイダーを選ぶ",
+      "「新規チャネル作成」→ 4種類のうち「LINEログイン」を選ぶ",
+      "「チャネル基本設定」タブの「基本情報」にある「チャネル ID」を、コピーボタンで写す",
+    ],
+    warn: "上の Channel ID とは別物です。同じ値にはなりません。Messaging API を選ばないよう注意してください。",
+    links: [{ label: "LINE Developers Console を開く", url: LINE_CONSOLE }],
+    images: [
+      {
+        url: `${IMAGES}/line-new-channel-type.png`,
+        alt: "新規チャネル作成のダイアログ。LINEログイン / Messaging API / ブロックチェーンサービス / LINEミニアプリ の4種類から選ぶ",
+      },
+      {
+        url: `${IMAGES}/line-login-channel-id.png`,
+        alt: "LINE ログインチャネルの「チャネル基本設定」タブ。「基本情報」の「チャネルID」に数字が表示され、右にコピーボタンがある",
+      },
+    ],
+    manual: { url: `${KIT}/line.html#step4`, label: "Step 4：④ LINE ログインチャネルを作る" },
+  },
+
+  liffId: {
+    steps: [
+      "作成した LINE ログインチャネル → 「LIFF」タブ → 「追加」",
+      "サイズ: Full ／ エンドポイント URL: https://example.com（仮の値。あとで変わります）",
+      "Scope: openid ／ profile ／ chat_message.write の3つすべてにチェック",
+      "友だち追加オプション: On (Aggressive)",
+      "作成した LIFF アプリを「公開済み」にする",
+      "一覧の「LIFF ID」列のコピーボタンで写す（隣の「LIFF URL」ではありません）",
+    ],
+    warn: "友だち追加オプションは既定が On (Normal) なので、On (Aggressive) に変更してください。ここは間違えてもエラーにならず、あとから原因を追いにくい場所です。LIFF タブに出る「LINEミニアプリを推奨」の案内は無視して「追加」で進めてください。",
+    links: [{ label: "LINE Developers Console を開く", url: LINE_CONSOLE }],
+    images: [
+      {
+        url: `${IMAGES}/line-liff-form.png`,
+        alt: "LIFFアプリを追加するフォーム。LIFFアプリ名、サイズ、エンドポイントURL、Scope、友だち追加オプションを入力する",
+      },
+      {
+        url: `${IMAGES}/line-liff-list.png`,
+        alt: "LINE ログインチャネルの LIFF タブ。作成した LIFF アプリが一覧に並び、LIFF ID と LIFF URL にそれぞれコピーボタンがある",
+      },
+    ],
+    manual: { url: `${KIT}/line.html#step5`, label: "Step 5：⑤ LIFF アプリを作る" },
+  },
+
+  addMcp: {
+    steps: ["Claude Code や Cursor から、作った環境を触れるようにする設定です。よく分からなければそのままで構いません。"],
+  },
+
+  // ── 実行中に人が答える場面 ───────────────────────────────────────
+  r2Enabled: {
+    steps: [
+      "Cloudflare ダッシュボードの R2 を開く",
+      "支払い情報（クレジットカード）を登録する",
+      "R2 の利用を開始する",
+    ],
+    warn: "「カード登録済み」と「R2 有効化済み」は別です。カードを登録しただけで進むと、あとの手順で必ず失敗します。",
+    links: [{ label: "Cloudflare の R2 を開く", url: CF_R2 }],
+    manual: { url: `${KIT}/cloudflare.html`, label: "1. Cloudflare の準備" },
+  },
+
+  subdomainManualCheck: {
+    steps: [
+      "本家が表示した URL をブラウザで開く",
+      "「サブドメインの登録」で好きな名前を登録する",
+      "登録が終わったら「確認する」を選ぶ",
+    ],
+    manual: { url: `${KIT}/cloudflare.html`, label: "1. Cloudflare の準備" },
+  },
+};
+
+/** @param {string} promptId */
+export function guideFor(promptId) {
+  return GUIDE[promptId] ?? null;
+}

package/src/server/index.js

@@ -0,0 +1,334 @@
+import { createServer } from "node:http";
+import { fileURLToPath } from "node:url";
+import { dirname, join } from "node:path";
+
+import { serveStatic } from "./static.js";
+import {
+  publicSnapshot,
+  clear,
+  setAnswers,
+  startRun,
+  currentRun,
+  formSchema,
+  guideMap,
+} from "./state.js";
+import { ptyBackend } from "./pty.js";
+import { getVersionStatus } from "./cli-version.js";
+import { checkLeftoverState, leftoverWarning } from "./leftover.js";
+
+const HERE = dirname(fileURLToPath(import.meta.url));
+const WEB_ROOT = join(HERE, "..", "web");
+
+/**
+ * 外部から到達させない。127.0.0.1 に固定して bind する。
+ * このサーバーは参加者のシークレットを扱うため、0.0.0.0 で待ち受けてはならない。
+ */
+export const HOST = "127.0.0.1";
+const DEFAULT_PORT = 4321;
+const MAX_PORT_TRIES = 20;
+const MAX_BODY_BYTES = 64 * 1024;
+
+/**
+ * 別のサイトのページから、このサーバーを勝手に操作されないようにする。
+ *
+ * 127.0.0.1 に bind していても、ブラウザで開いた第三者のページは
+ * `http://127.0.0.1:4321/api/...` に投げられる。シークレットを渡す口を
+ * 作った以上、Host と Origin は見ておく。
+ */
+function isLocalRequest(req, port) {
+  const allowed = new Set([`127.0.0.1:${port}`, `localhost:${port}`, `[::1]:${port}`]);
+  if (!allowed.has(req.headers.host ?? "")) return false;
+
+  const origin = req.headers.origin;
+  if (origin === undefined) return true; // fetch 以外（画面の直接読み込みなど）
+  return [...allowed].some((host) => origin === `http://${host}`);
+}
+
+function json(res, status, body) {
+  const payload = JSON.stringify(body);
+  res.writeHead(status, {
+    "Content-Type": "application/json; charset=utf-8",
+    "Content-Length": Buffer.byteLength(payload),
+    "Cache-Control": "no-store",
+  });
+  res.end(payload);
+}
+
+/**
+ * 本文の読み取り。
+ *
+ * `JSON.parse` の例外メッセージには**入力の一部がそのまま入る**
+ * （例: `Unexpected token 'x', "x{"lineCha"... is not valid JSON`）。
+ * 本文にはチャネルシークレットが入るので、その例外を素通しすると
+ * 壊れたリクエスト1本でシークレットがログに出る。
+ * ここで捕まえて、中身を持たない例外に差し替える。
+ */
+class BadRequestError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "BadRequestError";
+  }
+}
+
+async function readJson(req) {
+  const chunks = [];
+  let size = 0;
+  for await (const chunk of req) {
+    size += chunk.length;
+    if (size > MAX_BODY_BYTES) throw new BadRequestError("本文が大きすぎます");
+    chunks.push(chunk);
+  }
+  if (size === 0) return {};
+
+  try {
+    return JSON.parse(Buffer.concat(chunks).toString("utf8"));
+  } catch {
+    // 例外の中身は捨てる。入力を持ち回らない
+    throw new BadRequestError("本文が JSON として読めません");
+  }
+}
+
+async function handleApi(req, res, port) {
+  const { pathname } = new URL(req.url, "http://localhost");
+  if (!pathname.startsWith("/api/")) return false;
+
+  if (!isLocalRequest(req, port)) {
+    json(res, 403, { error: "このサーバーは手元からのみ操作できます" });
+    return true;
+  }
+
+  const method = req.method ?? "GET";
+
+  try {
+    return await route(req, res, pathname, method);
+  } catch (err) {
+    if (err instanceof BadRequestError) {
+      json(res, 400, { error: err.message });
+      return true;
+    }
+    throw err;
+  }
+}
+
+async function route(req, res, pathname, method) {
+
+  if (pathname === "/api/health" && method === "GET") {
+    const backend = ptyBackend();
+    json(res, 200, { ok: true, pty: backend !== null, ptyBackend: backend });
+    return true;
+  }
+
+  // 値は返さない。入力済みかどうかだけ
+  if (pathname === "/api/state" && method === "GET") {
+    json(res, 200, publicSnapshot());
+    return true;
+  }
+
+  // 本家 CLI の版のズレ。ネットワークが無くても落とさない
+  if (pathname === "/api/version" && method === "GET") {
+    json(res, 200, await getVersionStatus());
+    return true;
+  }
+
+  // 失敗・中断で残る本家のステートファイル。中身は読まず、あるかどうかだけ見る
+  if (pathname === "/api/leftover" && method === "GET") {
+    const leftover = await checkLeftoverState(currentRun()?.cwd);
+    json(res, 200, { ...leftover, warning: leftoverWarning(leftover) });
+    return true;
+  }
+
+  // 実行中の場面でも「どこで取るか」を引けるようにする
+  if (pathname === "/api/guide" && method === "GET") {
+    json(res, 200, guideMap());
+    return true;
+  }
+
+  // #2 のフォームが参照する入力欄の定義
+  if (pathname === "/api/contract" && method === "GET") {
+    json(res, 200, formSchema());
+    return true;
+  }
+
+  if (pathname === "/api/answers" && method === "POST") {
+    const body = await readJson(req);
+    const { accepted, rejected } = setAnswers(body ?? {});
+    // 受け取った値は返さない。受け付けた欄の名前と、弾いた理由だけ
+    json(res, 200, { accepted, rejected, state: publicSnapshot() });
+    return true;
+  }
+
+  if (pathname === "/api/run/start" && method === "POST") {
+    const body = await readJson(req);
+    try {
+      startRun(body?.cliSpec ? { cliSpec: String(body.cliSpec) } : undefined);
+      json(res, 200, publicSnapshot());
+    } catch (err) {
+      json(res, 409, { error: err instanceof Error ? err.message : String(err) });
+    }
+    return true;
+  }
+
+  // 進捗を流す。伏字を通した画面だけを送る
+  if (pathname === "/api/run/stream" && method === "GET") {
+    const run = currentRun();
+    if (!run) {
+      json(res, 409, { error: "セットアップが動いていません" });
+      return true;
+    }
+    streamRun(req, res, run);
+    return true;
+  }
+
+  // 仕上げの手作業に使う値。**API Key を含むので、口をここ1つに絞っている**
+  if (pathname === "/api/run/completion" && method === "GET") {
+    const run = currentRun();
+    json(res, 200, run?.completionForDisplay() ?? null);
+    return true;
+  }
+
+  if (pathname === "/api/run/screen" && method === "GET") {
+    const run = currentRun();
+    // 伏字を通した画面だけを返す
+    json(res, 200, { lines: run ? run.screen() : [], state: run?.state() ?? null });
+    return true;
+  }
+
+  if (pathname === "/api/run/answer" && method === "POST") {
+    const run = currentRun();
+    if (!run) {
+      json(res, 409, { error: "セットアップが動いていません" });
+      return true;
+    }
+    const body = await readJson(req);
+    try {
+      if (body?.manual === true) {
+        // 止まっているときに、画面を見た人が自分で打つ逃げ道
+        run.answerManually(String(body.text ?? ""));
+      } else {
+        run.answerHuman({
+          promptId: String(body?.promptId ?? ""),
+          text: body?.text === undefined ? undefined : String(body.text),
+          optionIndex: typeof body?.optionIndex === "number" ? body.optionIndex : undefined,
+          confirm: typeof body?.confirm === "boolean" ? body.confirm : undefined,
+        });
+      }
+      json(res, 200, run.state());
+    } catch (err) {
+      json(res, 409, { error: err instanceof Error ? err.message : String(err) });
+    }
+    return true;
+  }
+
+  if (pathname === "/api/run/stop" && method === "POST") {
+    currentRun()?.stop();
+    json(res, 200, publicSnapshot());
+    return true;
+  }
+
+  json(res, 404, { error: "Not Found" });
+  return true;
+}
+
+/** 画面に出す行数の上限。全部送ると、長い実行で無駄が大きい */
+const STREAM_LINES = 400;
+
+/** 一定時間なにも送らないと切れる経路があるので、コメント行で生存を伝える */
+const HEARTBEAT_MS = 20000;
+
+/**
+ * Server-Sent Events で実行中の画面を流す。
+ *
+ * **送るのは {@link SetupRun#screen} が返す伏字済みの行だけ。**
+ * 生のバイト列を流すと、本家がエコーした値がそのままブラウザに出る。
+ * 端末の再描画（`\r` によるスピナー）はサーバー側で解決済みなので、
+ * 受け取る側は行を並べるだけでよい。
+ */
+export function streamRun(req, res, run) {
+  res.writeHead(200, {
+    "Content-Type": "text/event-stream; charset=utf-8",
+    "Cache-Control": "no-store",
+    Connection: "keep-alive",
+    "X-Accel-Buffering": "no",
+  });
+
+  const send = (event, payload) => {
+    if (res.writableEnded) return;
+    res.write(`event: ${event}\ndata: ${JSON.stringify(payload)}\n\n`);
+  };
+
+  const push = () => send("update", { lines: run.screen(STREAM_LINES), state: run.state() });
+
+  push();
+  run.on("update", push);
+
+  const beat = setInterval(() => {
+    if (!res.writableEnded) res.write(": ping\n\n");
+  }, HEARTBEAT_MS);
+
+  const finish = () => {
+    push();
+    cleanup();
+    res.end();
+  };
+  const cleanup = () => {
+    clearInterval(beat);
+    run.off("update", push);
+    run.off("exit", finish);
+  };
+
+  run.on("exit", finish);
+  req.on("close", cleanup);
+}
+
+function createApp(getPort) {
+  return createServer(async (req, res) => {
+    try {
+      if (await handleApi(req, res, getPort())) return;
+      if (await serveStatic(req, res, WEB_ROOT)) return;
+      res.writeHead(404, { "Content-Type": "text/plain; charset=utf-8" }).end("Not Found");
+    } catch (err) {
+      // 例外メッセージには本文の断片が混ざりうる（＝シークレット）。
+      // 種類だけ出して、中身はログにも画面にも出さない
+      console.error("[error]", err instanceof Error ? err.name : "unknown", req.method, req.url);
+      if (!res.headersSent) res.writeHead(500);
+      res.end("Internal Server Error");
+    }
+  });
+}
+
+/**
+ * 空いているポートを探して listen する。
+ * @param {number} [startPort]
+ * @returns {Promise<{ server: import("node:http").Server, port: number, url: string }>}
+ */
+export function start(startPort = DEFAULT_PORT) {
+  let port = startPort;
+  const server = createApp(() => port);
+
+  return new Promise((resolve, reject) => {
+    let tries = 0;
+
+    const attempt = () => {
+      server.once("error", (err) => {
+        if (err.code === "EADDRINUSE" && ++tries < MAX_PORT_TRIES) {
+          port += 1;
+          attempt();
+          return;
+        }
+        reject(err);
+      });
+
+      server.listen(port, HOST, () => {
+        resolve({ server, port, url: `http://${HOST}:${port}` });
+      });
+    };
+
+    attempt();
+  });
+}
+
+/** 終了時にメモリ上のシークレットを破棄する */
+export function shutdown(server) {
+  clear();
+  return new Promise((resolve) => server.close(resolve));
+}

package/src/server/leftover.js

@@ -0,0 +1,111 @@
+/**
+ * 失敗・中断時に残る本家のステートファイルを見つけて警告する。
+ *
+ * 本家 CLI は進捗を `<repoDir>/.line-harness-setup.json` に書く。
+ *
+ *   - **成功時は削除される**
+ *   - **失敗・Ctrl-C 時は残る**
+ *   - 中身は `SetupState` を丸ごと JSON 化したもので、
+ *     `lineChannelSecret` / `lineChannelAccessToken` / `apiKey` が**平文で入る**
+ *   - パーミッションは既定の 0644
+ *
+ * そして失敗した場面は、参加者がサポートにファイルやスクショを送りたくなる場面と
+ * ちょうど重なる。本家は改変しない方針なので、こちらで気づかせる。
+ *
+ * ## ここでやらないこと
+ *
+ * - **中身を読まない。** シークレットが入っているので `stat` だけで判断する
+ * - **消さない。** 再開に必要な進捗（completedSteps）も同じファイルに入っている
+ */
+
+import { stat } from "node:fs/promises";
+import { homedir } from "node:os";
+import { join } from "node:path";
+
+/** 本家が書くファイル名 */
+export const STATE_FILE_NAME = ".line-harness-setup.json";
+
+/**
+ * 本家が repoDir を決める順番（0.2.11 のソースより）。
+ *
+ *   1. `--repo-dir <path>`
+ *   2. カレントに pnpm-workspace.yaml があればカレント
+ *   3. `$HOME/.line-harness`
+ *
+ * このツールは 1 も 2 も使わないので 3 になるが、
+ * 参加者が自分でターミナルから実行した場合に備えて候補を広めに見る。
+ *
+ * @param {string} [cwd] 実行時のカレント
+ * @returns {string[]}
+ */
+export function stateFilePaths(cwd) {
+  const home = process.env.HOME || process.env.USERPROFILE || homedir();
+  const candidates = [join(home, ".line-harness")];
+  if (cwd && cwd !== home) candidates.push(cwd);
+  return candidates.map((dir) => join(dir, STATE_FILE_NAME));
+}
+
+/**
+ * @typedef {object} Leftover
+ * @property {boolean} exists
+ * @property {string|null} path        見つかった場所
+ * @property {string|null} mode        パーミッション（8進3桁）
+ * @property {boolean} readableByOthers 自分以外にも読めるか
+ * @property {string|null} modifiedAt
+ */
+
+/**
+ * 残っていないかを見る。**中身は読まない。**
+ * @param {string} [cwd]
+ * @returns {Promise<Leftover>}
+ */
+export async function checkLeftoverState(cwd) {
+  for (const path of stateFilePaths(cwd)) {
+    try {
+      const info = await stat(path);
+      if (!info.isFile()) continue;
+
+      const mode = (info.mode & 0o777).toString(8).padStart(3, "0");
+      return {
+        exists: true,
+        path,
+        mode,
+        // group / other に読み取りビットが立っているか
+        readableByOthers: (info.mode & 0o044) !== 0,
+        modifiedAt: info.mtime.toISOString(),
+      };
+    } catch {
+      // 無ければ次の候補へ
+    }
+  }
+
+  return { exists: false, path: null, mode: null, readableByOthers: false, modifiedAt: null };
+}
+
+/**
+ * 参加者に出す文言。**このファイルを送らせないことが最優先。**
+ * @param {Leftover} leftover
+ */
+export function leftoverWarning(leftover) {
+  if (!leftover.exists) return null;
+
+  return {
+    title: "途中経過のファイルが残っています",
+    lines: [
+      "セットアップが最後まで進まなかったため、本家のツールが途中経過を保存しました。",
+      "",
+      `  ${leftover.path}`,
+      "",
+      "このファイルには**チャネルシークレットとアクセストークンが、そのまま読める形で**入っています。",
+      "**このファイルも、開いた画面も、誰にも送らないでください。**（サポートへの問い合わせでも同じです）",
+      "",
+      "もう一度同じ手順でセットアップを実行し、最後まで完了すれば、このファイルは自動で消えます。",
+      "途中から再開されるので、入力し直す必要はありません（選択を求められたら「続行」を選んでください）。",
+    ],
+    // 消すのはこちらの判断でやらない。再開に必要な進捗も同じファイルに入っている
+    canDelete: false,
+    tighten: leftover.readableByOthers
+      ? `いますぐ他の人から読めないようにするなら、ターミナルで: chmod 600 ${leftover.path}`
+      : null,
+  };
+}