FamilyBook/templates/books/weread.php

<?php
/**
 * 微信读书导入（v24 第 24 批 用户第 5 条）。
 *
 * 两种导入方式，**这里管的是"官方 API Key"那一种**：
 *   ① 手动粘贴 —— 见 `books/notes_import`（早已有，App 里「导出笔记」复制出来即可）；
 *   ② 官方授权 —— 本页：填一次微信读书开放平台的 API Key（`wrk-` 开头），
 *      之后系统就能直接读你的书架笔记，选中要导的书一键导入。
 *
 * 用户原话：「你看一下能不能导入微信的读书笔记，就是每一个人设置一下，比如说扫一下
 *           微信的这个码呀，或者什么之类的授权一下」→ 后续明确「用微信读书 api key」。
 *   ⚠️ 官方在 2026 年开了开放平台，走**扫码登录后一键生成 API Key**（`wrk-` 前缀），
 *      不再需要早期那种"复制 cookie"的野路子。Key 的获取页就在本页给出。
 *
 * ⚠️ Key 是**账号凭据**（官方原话：等价于账号凭证，泄露等于账号泄露）：
 *    所以界面上**只回显掩码**（`wrk-********abcd`），完整值只在提交那一刻存在。
 *
 * @param array|null $preview 「拉取预览」的结果（每本书 + 前几条笔记）
 * @param int        $nbCount 预览时一共发现多少本有笔记的书
 */
$preview = $preview ?? null;
$nbCount = (int)($nbCount ?? 0);
$me      = (int)\App\Auth::personId();
$hasKey  = \App\WeRead::hasKey($me);
$masked  = \App\WeRead::maskedKey($me);
$canWrite = \App\Auth::canWrite();
?>
<div class="page-head">
  <h1>微信读书导入</h1>
  <span class="sub">填一次 API Key，之后就能直接把你微信读书里的划线与想法导进来</span>
  <div class="actions">
    <?php $bkSetCurrent = 'import'; require __DIR__ . '/_settings_menu.php'; ?>
  </div>
</div>

<?php /* ==================== ① 授权（填 API Key）==================== */ ?>
<div class="card card-pad">
  <h2 class="cinema-h2">
    授权
    <?php if ($hasKey): ?>
      <span class="node-badge">已授权</span>
    <?php else: ?>
      <span class="node-badge">还没授权</span>
    <?php endif; ?>
  </h2>
  <p class="small muted" style="margin:0 0 12px">
    去 <a href="https://weread.qq.com/r/weread-skills" target="_blank" rel="noopener">微信读书开放平台</a>
    扫码登录，页面上点「获取 API Key」，会得到一串 <code class="mono">wrk-</code> 开头的字符串，
    复制到下面就行。
  </p>
  <p class="tip" style="background:#FFF6E5;border-color:#E8C98A;padding:8px 12px;border-radius:8px">
    <b>这串 Key 等于你的账号凭据</b> —— 我们会<b>加密存放</b>，页面上也只显示掩码；
    不想再用时，把它清空保存即可（或去开放平台重置那串 Key）。
  </p>
  <?php if ($canWrite): ?>
    <form method="post" action="<?= e(url('books/weread')) ?>">
      <?= csrf_field() ?>
      <input type="hidden" name="act" value="key_save">
      <div class="field">
        <label>微信读书 API Key</label>
        <input class="input mono" name="api_key" autocomplete="off"
               placeholder="<?= $hasKey ? e($masked) . '（已保存，留空并保存 = 清除）' : 'wrk-xxxxxxxxxxxx' ?>">
        <span class="tip">
          <?php if ($hasKey): ?>
            当前已保存：<b class="mono"><?= e($masked) ?></b>。要换就把新的整串贴进来（会覆盖）。
          <?php else: ?>
            形如 <code class="mono">wrk-NVbX…dgAA</code>，只在你自己的账号里可见。
          <?php endif; ?>
        </span>
      </div>
      <div class="btn-row" style="margin-top:0">
        <button class="btn" type="submit">保存</button>
      </div>
    </form>
  <?php else: ?>
    <p class="empty-hint">只读账号不能配置导入。</p>
  <?php endif; ?>
</div>

<?php /* ==================== ② 拉取预览（先看再导）====================
   ⚠️ 必须有这一步：直接"一键全导"会把别人（或自己多年前）的书一次性灌进书架，
      想撤回只能一本本删。先给个清单、让用户自己勾，是最省事也最不容易后悔的做法。 */ ?>
<?php if ($canWrite && $hasKey): ?>
  <div class="card card-pad">
    <h2 class="cinema-h2">从微信读书取数据</h2>
    <form method="post" action="<?= e(url('books/weread')) ?>" class="inline-form">
      <?= csrf_field() ?>
      <input type="hidden" name="act" value="fetch">
      <div class="btn-row" style="margin-top:0">
        <button class="btn btn-sm" type="submit">拉取我的笔记清单</button>
      </div>
      <p class="tip" style="margin-top:6px">
        会去微信读书取一次数据（你有笔记的书 + 每本书的划线/想法），可能要十几秒。
      </p>
    </form>
  </div>
<?php endif; ?>

<?php if ($preview !== null): ?>
  <div class="card card-pad">
    <h2 class="cinema-h2">
      发现 <?= (int)$nbCount ?> 本有笔记的书
      <span class="hint">勾选要导入的，然后点下面的「导入选中」</span>
    </h2>
    <?php if (!$preview): ?>
      <p class="empty-hint">微信读书里还没有带笔记的书。</p>
    <?php else: ?>
      <form method="post" action="<?= e(url('books/weread')) ?>">
        <?= csrf_field() ?>
        <input type="hidden" name="act" value="import">
        <div class="wr-list">
          <?php foreach ($preview as $p): ?>
            <label class="wr-book">
              <input type="checkbox" name="pick[]" value="<?= e((string)$p['bookId']) ?>"
                     <?= (int)$p['count'] > 0 ? 'checked' : '' ?>>
              <span class="wr-main">
                <span class="wr-title"><?= e((string)$p['title']) ?></span>
                <?php if ((string)$p['author'] !== ''): ?>
                  <span class="small muted"><?= e((string)$p['author']) ?></span>
                <?php endif; ?>
                <span class="node-badge"><?= (int)$p['count'] ?> 条</span>
                <?php if ((int)$p['local'] > 0): ?>
                  <span class="node-badge">书架里已有</span>
                <?php else: ?>
                  <span class="node-badge">会新建</span>
                <?php endif; ?>
              </span>
              <?php if (!empty($p['items'])): ?>
                <span class="wr-sample">
                  <?php foreach ($p['items'] as $it): ?>
                    <span class="wr-q">
                      <?php if ((string)($it['quote'] ?? '') !== ''): ?>
                        <i><?= e(mb_substr((string)$it['quote'], 0, 60, 'UTF-8')) ?></i>
                      <?php endif; ?>
                      <?php if ((string)($it['content'] ?? '') !== ''): ?>
                        <em><?= e(mb_substr((string)$it['content'], 0, 60, 'UTF-8')) ?></em>
                      <?php endif; ?>
                    </span>
                  <?php endforeach; ?>
                </span>
              <?php endif; ?>
            </label>
          <?php endforeach; ?>
        </div>
        <div class="btn-row">
          <button class="btn" type="submit">导入选中</button>
        </div>
      </form>
    <?php endif; ?>
  </div>
<?php endif; ?>

<?php /* ==================== ③ 另一条路：手动粘贴 ====================
   ⚠️ 两种方式都留着，不是重复：
      · API Key 走"全自动"，但要求用户愿意把 Key 交出来；
      · 粘贴走"零授权"，App 里「导出笔记」复制一段文字即可。
      用户可能两个都用（比如只想导某一本书的几段）。 */ ?>
<div class="card card-pad">
  <h2 class="cinema-h2">或者：手动粘贴笔记</h2>
  <p class="small muted" style="margin:0 0 10px">
    不想配 Key 也行 —— 在微信读书 App 里打开一本书 → 右上角「…」→ 导出笔记，
    把复制到的文字粘到那里，效果一样。
  </p>
  <div class="btn-row" style="margin-top:0">
    <a class="btn btn-ghost btn-sm" href="<?= e(url('books/notes_import')) ?>">去粘贴导入</a>
  </div>
</div>