@takagaki/cortex-decisions-viewer 0.12.181 → 0.12.185

package/dist/build.js

@@ -88,6 +88,7 @@ const member_origin_1 = require("./member-origin");
 const home_project_1 = require("./home-project");
 const supersedes_1 = require("./supersedes");
 const minify_1 = require("./minify");
+const google_confirm_page_1 = require("./google-confirm-page");
 const render_1 = require("./render");
 const ledger_dir_1 = require("./ledger-dir");
 const view_dir_1 = require("./view-dir");
@@ -2741,6 +2742,15 @@ async function buildSite(opts, views) {
     // 型が通ってしまう形にすると、本番の出力が黙ってインラインに戻る
     const html = (0, render_1.renderSiteWithAssets)(site, assets);
     await node_fs_1.promises.writeFile(path.join(outAbs, "index.html"), html, "utf8");
+    // Drive・Google Chat の追加の確認ページ（cortex-tools #1357）。**操作タブ（intake）がある出力にだけ**置く。
+    // 本体とは別のページ・別の JS にして、ポータルの配信側がこのパスにだけ専用の CSP（Google の画面を載せる）を当てる。
+    // 置いても、栓が切の間は本体のどこからも開かれない
+    if (site.intake) {
+        const gcJs = (0, minify_1.minifyClientJs)((0, google_confirm_page_1.googleConfirmPageJs)());
+        const gcJsName = (0, google_confirm_page_1.googleConfirmAssetName)(gcJs);
+        await node_fs_1.promises.writeFile(path.join(outAbs, gcJsName), gcJs, "utf8");
+        await node_fs_1.promises.writeFile(path.join(outAbs, google_confirm_page_1.GOOGLE_CONFIRM_PAGE_FILE), (0, google_confirm_page_1.renderGoogleConfirmPage)({ css: assets.css, js: gcJsName }), "utf8");
+    }
     // SPA的フォールバック（?id= はクエリなので不要だが、サブパス直叩き対策として404も用意）
     await node_fs_1.promises.writeFile(path.join(outAbs, "404.html"), html, "utf8");
     const sectionCount = sections.reduce((n, s) => n + s.records.length, 0);

package/dist/google-confirm-page.js

@@ -0,0 +1,369 @@
+"use strict";
+/**
+ * Drive・Google Chat の追加の確認ページ（cortex-tools #1357・設計 v3 §4）。
+ *
+ * 追加欄（ビューア本体）は、このページをポップアップで開く。Google のトークンは**このページの中だけ**で扱い、
+ * intake の呼び出しもこのページが行って、ビューア本体には結果（成功か・画面に出す文言）だけを返す。
+ * ビューア全体の CSP は緩めない——このページだけが Google の画面（Picker）を載せるので、ポータルの配信側が
+ * このページのパスにだけ専用の CSP を当てる（classmethod-cortex-portal の `ViewerGoogleConfirm…` ポリシー）。
+ *
+ * ## 流れ
+ *
+ * 1. ビューア本体が `window.open` で開く → このページが `ready` を返す → 本体が指示（`start`）を返す
+ *    （指示には intake の宛先・名乗り券・種別・追加か確認か・Chat の URL か確認したい行の ID が入る）
+ * 2. ［Google で確認する］（利用者の操作）→ 承認用のウィンドウを**先に**開く（ポップアップを止められないため）
+ * 3. intake に nonce をもらう（`google-nonce`）→ 承認用のウィンドウを Google の承認画面へ送る
+ *    （`response_type=id_token token`・`nonce`・`prompt=select_account`）
+ * 4. 承認が終わると、ポータルの戻り先の頁（`/google-confirm-callback.html`）が結果を同じオリジンへ返す
+ *    （BroadcastChannel と opener の両方。`state` が合うものだけ受ける）
+ * 5. Drive は Picker でフォルダを選ぶ。選んだ ID（Chat は URL）とトークン 2 本と nonce を、op に **1 回で**送る
+ * 6. 結果を本体へ返し、成功なら閉じる
+ *
+ * 🔴 トークン・nonce は変数に持つだけ。localStorage・URL・DOM・ログに書かない。戻り先の頁は受け取ったらすぐ URL の
+ * フラグメントを消す。postMessage は送り元・送り先のオリジンを確かめる（同じオリジンだけ）。
+ *
+ * 文言（画面に出る言葉）の正本は intake の `GOOGLE_CONFIRM_MESSAGES`。ここにあるのは、サーバに届く前の失敗の言葉だけ。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GOOGLE_CONFIRM_SCOPES = exports.GOOGLE_CONFIRM_CALLBACK_TYPE = exports.GOOGLE_CONFIRM_CHANNEL = exports.GOOGLE_CONFIRM_CALLBACK_PATH = exports.GOOGLE_CONFIRM_POST_TYPES = exports.GOOGLE_CONFIRM_PAGE_FILE = void 0;
+exports.googleConfirmAssetName = googleConfirmAssetName;
+exports.googleConfirmPageJs = googleConfirmPageJs;
+exports.renderGoogleConfirmPage = renderGoogleConfirmPage;
+const node_crypto_1 = require("node:crypto");
+/** ページのファイル名（ビューアの出力の直下。本体からの相対参照で開く） */
+exports.GOOGLE_CONFIRM_PAGE_FILE = "google-confirm.html";
+/** 本体とページの間の postMessage の型（本体の埋め込み JS にも同じ綴りを流し込む） */
+exports.GOOGLE_CONFIRM_POST_TYPES = {
+    ready: "cortex-google-confirm-ready",
+    start: "cortex-google-confirm-start",
+    result: "cortex-google-confirm-result",
+};
+/** ポータルの戻り先の頁と、同じオリジンの中で結果を運ぶ BroadcastChannel の名前 */
+exports.GOOGLE_CONFIRM_CALLBACK_PATH = "/google-confirm-callback.html";
+exports.GOOGLE_CONFIRM_CHANNEL = "cortex-google-confirm";
+exports.GOOGLE_CONFIRM_CALLBACK_TYPE = "cortex-google-callback";
+/** 種別ごとの承認のスコープ（`openid` は共通）。intake の `GOOGLE_SCOPES` と同じ綴り（テストが突き合わせる） */
+exports.GOOGLE_CONFIRM_SCOPES = {
+    drive: "https://www.googleapis.com/auth/drive.file",
+    "google-chat": "https://www.googleapis.com/auth/chat.spaces.readonly",
+};
+/** 外部ファイル名（内容ハッシュ。同じ中身なら同じ名前＝全案件で同じファイル名になる） */
+function googleConfirmAssetName(js) {
+    return `assets/google-confirm.${(0, node_crypto_1.createHash)("sha256").update(js, "utf8").digest("hex").slice(0, 8)}.js`;
+}
+/** ページの JS（ブラウザで動く素の JS・ES2017）。**バッククォートと ${ を書かない**（この文字列が閉じる） */
+function googleConfirmPageJs() {
+    return `(function () {
+  "use strict";
+  var MSG = ${JSON.stringify(exports.GOOGLE_CONFIRM_POST_TYPES)};
+  var CALLBACK_PATH = ${JSON.stringify(exports.GOOGLE_CONFIRM_CALLBACK_PATH)};
+  var CHANNEL = ${JSON.stringify(exports.GOOGLE_CONFIRM_CHANNEL)};
+  var CALLBACK_TYPE = ${JSON.stringify(exports.GOOGLE_CONFIRM_CALLBACK_TYPE)};
+  var SCOPES = ${JSON.stringify(exports.GOOGLE_CONFIRM_SCOPES)};
+  var ORIGIN = location.origin;
+  var UNFINISHED = "Google での確認が終わっていません。もう一度押してください";
+  var CLOSED_GRACE_MS = 6000;
+  var ADMIN_NOTE = "相手の管理者がこのアプリを許可する必要があります";
+
+  var $ = function (id) { return document.getElementById(id); };
+  var titleEl = $("gc-title");
+  var leadEl = $("gc-lead");
+  var statusEl = $("gc-status");
+  var goBtn = $("gc-go");
+  var closeBtn = $("gc-close");
+
+  var ctx = null;
+  var busy = false;
+  var finished = false;
+
+  function setStatus(text, cls) {
+    statusEl.textContent = text || "";
+    statusEl.className = "gc-status" + (cls ? " " + cls : "");
+  }
+  function randomText(bytes) {
+    var a = new Uint8Array(bytes);
+    crypto.getRandomValues(a);
+    var out = "";
+    for (var i = 0; i < a.length; i++) out += (a[i] < 16 ? "0" : "") + a[i].toString(16);
+    return out;
+  }
+  /** 本体へ結果だけを返す（トークンは載せない）。同じオリジンの opener にだけ */
+  function reportToOpener(result) {
+    try {
+      if (window.opener && !window.opener.closed) {
+        window.opener.postMessage(Object.assign({ type: MSG.result }, result), ORIGIN);
+      }
+    } catch (e) { /* 本体が閉じていても、このページの表示は残す */ }
+  }
+  /** 成功: 閉じる。本体へ結果を返す */
+  function succeed(message, extra) {
+    finished = true;
+    busy = false;
+    goBtn.hidden = true;
+    closeBtn.hidden = false;
+    setStatus("✓ " + message, "is-ok");
+    reportToOpener(Object.assign({ ok: true, message: message }, extra || {}));
+    setTimeout(function () { try { window.close(); } catch (e) { /* 閉じられなくても表示は残る */ } }, 1200);
+  }
+  /** 失敗: 理由を出し、押し直せるように戻す（別のアカウントでやり直す人のため）。本体にも理由を渡す */
+  function retryable(message, extra) {
+    busy = false;
+    goBtn.disabled = false;
+    goBtn.textContent = "もう一度 Google で確認する";
+    setStatus("✗ " + message, "is-error");
+    reportToOpener(Object.assign({ ok: false, message: message }, extra || {}));
+  }
+
+  /** intake を 1 回呼ぶ。戻り値は { status, body }（body は JSON か、文字列のとき { message } に直す） */
+  function callIntake(body) {
+    var intake = ctx.intake;
+    var url = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&") + "op=config&t=" + encodeURIComponent(intake.token);
+    var payload = Object.assign({}, body, ctx.ticket ? { actor: ctx.ticket } : {});
+    return fetch(url, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(payload) })
+      .then(function (res) {
+        return res.text().then(function (text) {
+          var parsed;
+          try { parsed = JSON.parse(text); } catch (e) { parsed = text; }
+          var b = parsed && typeof parsed === "object" ? parsed : { message: String(parsed || "") };
+          return { status: res.status, body: b };
+        });
+      });
+  }
+  function loadInfo() {
+    var intake = ctx.intake;
+    var url = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&") + "op=google-confirm-info&t=" + encodeURIComponent(intake.token);
+    return fetch(url, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(ctx.ticket ? { actor: ctx.ticket } : {}) })
+      .then(function (res) { return res.json().catch(function () { return {}; }); });
+  }
+
+  /** 承認の結果を待つ。BroadcastChannel と opener の両方を聞き、state が合うものだけを受ける */
+  function waitForCallback(state, authWin) {
+    return new Promise(function (resolve) {
+      var done = false;
+      var bc = null;
+      var timer = null;
+      function settle(value) {
+        if (done) return;
+        done = true;
+        clearInterval(timer);
+        window.removeEventListener("message", onMessage);
+        try { if (bc) bc.close(); } catch (e) { /* 閉じられなくても害は無い */ }
+        resolve(value);
+      }
+      function accept(data) {
+        if (!data || data.type !== CALLBACK_TYPE || typeof data.hash !== "string") return;
+        var params = new URLSearchParams(data.hash.replace(/^#/, ""));
+        // 別の流れの結果（古い承認・別のタブ）は受けない
+        if (params.get("state") !== state) return;
+        settle({ params: params });
+      }
+      function onMessage(ev) {
+        // 🔴 送り元のオリジンと、開いた承認用のウィンドウであることを確かめる
+        if (ev.origin !== ORIGIN || ev.source !== authWin) return;
+        accept(ev.data);
+      }
+      window.addEventListener("message", onMessage);
+      try {
+        bc = new BroadcastChannel(CHANNEL);
+        bc.onmessage = function (ev) { accept(ev.data); };
+      } catch (e) { bc = null; }
+      // 承認のウィンドウが（結果を返さずに）閉じられた
+      // ブラウザによっては、承認の途中で Google 側の設定によりウィンドウの所属が切り替わり、こちらから見て closed が真になる。
+      // すぐ失敗にせず、結果（BroadcastChannel）を少し待つ
+      var closedAt = 0;
+      timer = setInterval(function () {
+        if (!authWin.closed) { closedAt = 0; return; }
+        if (!closedAt) closedAt = Date.now();
+        if (Date.now() - closedAt >= CLOSED_GRACE_MS) settle({ closed: true });
+      }, 500);
+    });
+  }
+
+  function authUrl(info, nonce, state) {
+    var q = [
+      ["client_id", info.clientId],
+      ["redirect_uri", ORIGIN + CALLBACK_PATH],
+      ["response_type", "id_token token"],
+      ["scope", "openid " + SCOPES[ctx.kind]],
+      ["nonce", nonce],
+      ["state", state],
+      ["prompt", "select_account"],
+      ["include_granted_scopes", "false"]
+    ];
+    return "https://accounts.google.com/o/oauth2/v2/auth?" + q.map(function (kv) { return kv[0] + "=" + encodeURIComponent(kv[1]); }).join("&");
+  }
+
+  function loadScript(src) {
+    return new Promise(function (resolve, reject) {
+      var s = document.createElement("script");
+      s.src = src;
+      s.onload = function () { resolve(); };
+      s.onerror = function () { reject(new Error("script")); };
+      document.head.appendChild(s);
+    });
+  }
+  /** Picker でフォルダを選ぶ。選ばずに閉じたら null */
+  function pickFolder(info, accessToken) {
+    return loadScript("https://apis.google.com/js/api.js")
+      .then(function () { return new Promise(function (resolve) { window.gapi.load("picker", { callback: resolve }); }); })
+      .then(function () {
+        return new Promise(function (resolve) {
+          var g = window.google.picker;
+          var mine = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setMimeTypes("application/vnd.google-apps.folder");
+          var shared = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setEnableDrives(true).setMimeTypes("application/vnd.google-apps.folder");
+          new g.PickerBuilder()
+            .setAppId(info.projectNumber)
+            .setDeveloperKey(info.apiKey)
+            .setOAuthToken(accessToken)
+            .enableFeature(g.Feature.SUPPORT_DRIVES)
+            .addView(mine)
+            .addView(shared)
+            .setCallback(function (data) {
+              if (data.action === g.Action.PICKED && data.docs && data.docs[0]) resolve(data.docs[0]);
+              else if (data.action === g.Action.CANCEL) resolve(null);
+            })
+            .build()
+            .setVisible(true);
+        });
+      });
+  }
+
+  function authErrorMessage(code) {
+    if (code === "access_denied") return UNFINISHED;
+    if (code === "admin_policy_enforced" || code === "org_internal" || code === "disallowed_useragent") {
+      return "あなたの Google アカウントでは、このアプリを使えませんでした。" + ADMIN_NOTE;
+    }
+    return UNFINISHED;
+  }
+
+  /** ［Google で確認する］を押したあとの全部 */
+  function run() {
+    if (busy || finished || !ctx) return;
+    busy = true;
+    goBtn.disabled = true;
+    setStatus("Google の画面で確認してください…", "");
+    // 🔴 承認用のウィンドウは、押した直後（同期）に開く。後ろへ回すとポップアップとして止められる
+    var authWin = window.open("about:blank", "cortex-google-auth", "popup,width=500,height=680");
+    if (!authWin) { retryable("ポップアップが開けませんでした。ブラウザのポップアップを許可して、もう一度押してください"); return; }
+    var info = null;
+    var nonce = null;
+    var tokens = null;
+    loadInfo()
+      .then(function (i) {
+        if (!i || i.enabled !== true || i.ready !== true) throw { message: "今は確認できません。しばらくしてからもう一度" };
+        info = i;
+        var body = { op: "google-nonce", kind: ctx.kind };
+        if (ctx.kind === "google-chat") body.url = ctx.url || ctx.id;
+        else if (ctx.id) body.folderId = ctx.id;
+        return callIntake(body);
+      })
+      .then(function (r) {
+        if (r.status !== 200 || !r.body.nonce) throw { message: r.body.message || "今は確認できません。しばらくしてからもう一度" };
+        nonce = r.body.nonce;
+        var state = randomText(16);
+        var waiting = waitForCallback(state, authWin);
+        authWin.location.href = authUrl(info, nonce, state);
+        return waiting;
+      })
+      .then(function (cb) {
+        try { authWin.close(); } catch (e) { /* もう閉じている */ }
+        if (cb.closed) throw { message: UNFINISHED };
+        var p = cb.params;
+        if (p.get("error")) throw { message: authErrorMessage(p.get("error")) };
+        var access = p.get("access_token");
+        var idToken = p.get("id_token");
+        if (!access || !idToken) throw { message: UNFINISHED };
+        tokens = { googleToken: access, googleIdToken: idToken, googleNonce: nonce };
+        // Drive の追加と確認は、承認のあとに本人が Picker で選ぶ（drive.file はここで選んだものだけが読める）
+        if (ctx.kind === "drive") return pickFolder(info, access);
+        return null;
+      })
+      .then(function (picked) {
+        var body;
+        if (ctx.kind === "drive") {
+          if (!picked) throw { message: "フォルダを選ばずに閉じられました。もう一度押してください" };
+          body = ctx.mode === "confirm"
+            ? { op: "confirm-drive-folder", id: ctx.id, folderId: picked.id }
+            : { op: "add-drive-folder", folderId: picked.id };
+        } else {
+          body = ctx.mode === "confirm"
+            ? { op: "confirm-google-chat-space", ref: ctx.id }
+            : { op: "add-google-chat-space", url: ctx.url };
+        }
+        return callIntake(Object.assign(body, tokens));
+      })
+      .then(function (r) {
+        tokens = null;
+        if (r.status === 200) {
+          succeed(r.body.message || "確認しました", { changed: r.body.changed !== false, status: 200 });
+        } else {
+          retryable(r.body.message || "追加できませんでした", { status: r.status, code: r.body.code || null });
+        }
+      })
+      .catch(function (e) {
+        tokens = null;
+        try { authWin.close(); } catch (e2) { /* もう閉じている */ }
+        // 通信そのものの失敗（Error）の英語の文面は画面に出さない
+        var message = Object.prototype.toString.call(e) === "[object Error]" ? "今は確認できません。しばらくしてからもう一度" : e && e.message ? e.message : UNFINISHED;
+        retryable(message);
+      });
+  }
+
+  function onStart(ev) {
+    // 🔴 同じオリジンの、このページを開いた本体からの指示だけを受ける
+    if (ev.origin !== ORIGIN || ev.source !== window.opener) return;
+    var d = ev.data;
+    if (!d || d.type !== MSG.start || ctx) return;
+    if (!d.intake || typeof d.intake.url !== "string" || typeof d.intake.token !== "string") return;
+    if (d.kind !== "drive" && d.kind !== "google-chat") return;
+    ctx = { intake: d.intake, ticket: typeof d.ticket === "string" ? d.ticket : null, kind: d.kind, mode: d.mode === "confirm" ? "confirm" : "add", url: typeof d.url === "string" ? d.url : "", id: typeof d.id === "string" ? d.id : "" };
+    var isDrive = ctx.kind === "drive";
+    var what = isDrive ? "Drive のフォルダ" : "Google Chat のスペース";
+    titleEl.textContent = (ctx.mode === "confirm" ? what + "を確認する" : what + "を追加する");
+    leadEl.textContent = isDrive
+      ? "あなたの Google アカウントで、追加するフォルダを選びます。選んだフォルダだけを Cortex が確認に使います。「このアプリは Google で確認されていません」と出たら、「詳細」から進めます。"
+      : "あなたの Google アカウントで、このスペースを開けるかを確認します。メッセージは読みません。";
+    goBtn.textContent = "Google で確認する";
+    goBtn.hidden = false;
+    setStatus("", "");
+  }
+
+  goBtn.addEventListener("click", run);
+  closeBtn.addEventListener("click", function () { try { window.close(); } catch (e) { /* 閉じられなければそのまま */ } });
+  window.addEventListener("message", onStart);
+  // このページは本体から開かれたときだけ使える
+  if (window.opener) {
+    try { window.opener.postMessage({ type: MSG.ready }, ORIGIN); } catch (e) { /* 本体が閉じた */ }
+  } else {
+    setStatus("このページは、追加欄の［Google で選ぶ］などから開きます。", "");
+  }
+})();
+`;
+}
+/** ページの HTML。CSS はビューア本体と同じ外部ファイル（`assets/viewer.<hash>.css`）・JS は専用の外部ファイル */
+function renderGoogleConfirmPage(assets) {
+    const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    return `<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta name="robots" content="noindex, nofollow" />
+<meta name="referrer" content="strict-origin-when-cross-origin" />
+<title>Google で確認</title>
+<link rel="stylesheet" href="${esc(assets.css)}" />
+</head>
+<body class="gc-body">
+<main class="gc-page">
+  <h1 id="gc-title" class="gc-title">Google で確認</h1>
+  <p id="gc-lead" class="gc-lead"></p>
+  <p id="gc-status" class="gc-status" role="status" aria-live="polite"></p>
+  <div class="gc-actions">
+    <button id="gc-go" class="ds-toggle-btn" type="button" hidden>Google で確認する</button>
+    <button id="gc-close" class="ds-toggle-btn" type="button" hidden>閉じる</button>
+  </div>
+</main>
+<script src="${esc(assets.js)}"></script>
+</body>
+</html>`;
+}

package/dist/pending-ops.js

@@ -347,7 +347,8 @@ function pendingOpOf(payload, ctx) {
         case "remove-figma-file":
             return make("figma", "remove", pendingFigmaKey(payload.url) || payload.key);
         case "add-drive-folder": {
-            const id = pendingDriveFolderId(payload.url);
+            // 選択画面（Picker）から来た ID は、URL ではなく folderId で届く（#1357。サーバの planConfigChange と同じ読み分け）
+            const id = payload.folderId !== undefined ? pendingDriveFolderId(String(payload.folderId)) : pendingDriveFolderId(payload.url);
             return make("drive", "add", id, { name: pendingLabel(payload.name) });
         }
         case "remove-drive-folder":