fix(xiaohongshu): adapt publish to new two-step creator center UI

src/clis/xiaohongshu/publish.test.ts

@@ -51,9 +51,10 @@ describe('xiaohongshu publish', () => {
     const page = createPageMock([
       'https://creator.xiaohongshu.com/publish/publish?from=menu_left',
       { ok: true, target: '上传图文', text: '上传图文' },
-      { hasTitleInput: true, hasImageInput: true, hasVideoSurface: false },
+      { state: 'editor_ready', hasTitleInput: true, hasImageInput: true, hasVideoSurface: false },
       { ok: true, count: 1 },
       false,
+      true, // waitForEditForm: editor appeared
       { ok: true, sel: 'input[maxlength="20"]' },
       { ok: true, sel: '[contenteditable="true"][class*="content"]' },
       true,
@@ -84,18 +85,23 @@ describe('xiaohongshu publish', () => {
     const cmd = getRegistry().get('xiaohongshu/publish');
     expect(cmd?.func).toBeTypeOf('function');
 
+    const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'opencli-xhs-publish-'));
+    const imagePath = path.join(tempDir, 'demo.jpg');
+    fs.writeFileSync(imagePath, Buffer.from([0xff, 0xd8, 0xff, 0xd9]));
+
     const page = createPageMock([
       'https://creator.xiaohongshu.com/publish/publish?from=menu_left',
       { ok: false, visibleTexts: ['上传视频', '上传图文'] },
-      { hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
-      { hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
-      { hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
-      { hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
+      { state: 'video_surface', hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
+      { state: 'video_surface', hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
+      { state: 'video_surface', hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
+      { state: 'video_surface', hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
     ]);
 
     await expect(cmd!.func!(page, {
       title: 'DeepSeek别乱问',
       content: '一篇真实一点的小红书正文',
+      images: imagePath,
       topics: '',
       draft: false,
     })).rejects.toThrow('Still on the video publish page after trying to select 图文');
@@ -107,11 +113,18 @@ describe('xiaohongshu publish', () => {
     const cmd = getRegistry().get('xiaohongshu/publish');
     expect(cmd?.func).toBeTypeOf('function');
 
+    const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'opencli-xhs-publish-'));
+    const imagePath = path.join(tempDir, 'demo.jpg');
+    fs.writeFileSync(imagePath, Buffer.from([0xff, 0xd8, 0xff, 0xd9]));
+
     const page = createPageMock([
       'https://creator.xiaohongshu.com/publish/publish?from=menu_left',
       { ok: true, target: '上传图文', text: '上传图文' },
-      { hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
-      { hasTitleInput: true, hasImageInput: true, hasVideoSurface: false },
+      { state: 'video_surface', hasTitleInput: false, hasImageInput: false, hasVideoSurface: true },
+      { state: 'editor_ready', hasTitleInput: true, hasImageInput: true, hasVideoSurface: false },
+      { ok: true, count: 1 }, // injectImages
+      false, // waitForUploads: no progress indicator
+      true, // waitForEditForm: editor appeared
       { ok: true, sel: 'input[maxlength="20"]' },
       { ok: true, sel: '[contenteditable="true"][class*="content"]' },
       true,
@@ -122,6 +135,7 @@ describe('xiaohongshu publish', () => {
     const result = await cmd!.func!(page, {
       title: '延迟切换也能过',
       content: '图文页切换慢一点也继续等',
+      images: imagePath,
       topics: '',
       draft: false,
     });
@@ -130,7 +144,7 @@ describe('xiaohongshu publish', () => {
     expect(result).toEqual([
       {
         status: '✅ 发布成功',
-        detail: '"延迟切换也能过" · 无图 · 发布成功',
+        detail: '"延迟切换也能过" · 1张图片 · 发布成功',
       },
     ]);
   });

src/clis/xiaohongshu/publish.ts

@@ -27,6 +27,22 @@ const MAX_IMAGES = 9;
 const MAX_TITLE_LEN = 20;
 const UPLOAD_SETTLE_MS = 3000;
 
+/** Selectors for the title field, ordered by priority (new UI first). */
+const TITLE_SELECTORS = [
+  // New creator center (2026-03) uses contenteditable for the title field.
+  // Placeholder observed: "填写标题会有更多赞哦"
+  '[contenteditable="true"][placeholder*="标题"]',
+  '[contenteditable="true"][placeholder*="赞"]',
+  '[contenteditable="true"][class*="title"]',
+  'input[maxlength="20"]',
+  'input[class*="title"]',
+  'input[placeholder*="标题"]',
+  'input[placeholder*="title" i]',
+  '.title-input input',
+  '.note-title input',
+  'input[maxlength]',
+];
+
 type ImagePayload = { name: string; mimeType: string; base64: string };
 
 /**
@@ -205,12 +221,19 @@ async function selectImageTextTab(
   return result;
 }
 
-async function inspectPublishSurface(
-  page: IPage,
-): Promise<{ hasTitleInput: boolean; hasImageInput: boolean; hasVideoSurface: boolean }> {
+type PublishSurfaceState = 'video_surface' | 'image_surface' | 'editor_ready';
+
+type PublishSurfaceInspection = {
+  state: PublishSurfaceState;
+  hasTitleInput: boolean;
+  hasImageInput: boolean;
+  hasVideoSurface: boolean;
+};
+
+async function inspectPublishSurfaceState(page: IPage): Promise<PublishSurfaceInspection> {
   return page.evaluate(`
     () => {
-      const text = (document.body?.innerText || '').replace(/\\s+/g, ' ').trim();
+      const text = (document.body?.innerText || '').replace(/\s+/g, ' ').trim();
       const hasTitleInput = !!Array.from(document.querySelectorAll('input, textarea')).find((el) => {
         if (!el || el.offsetParent === null) return false;
         const placeholder = (el.getAttribute('placeholder') || '').trim();
@@ -234,36 +257,57 @@ async function inspectPublishSurface(
           accept.includes('.webp')
         );
       });
-      return {
-        hasTitleInput,
-        hasImageInput,
-        hasVideoSurface: text.includes('拖拽视频到此处点击上传') || text.includes('上传视频'),
-      };
+      const hasVideoSurface = text.includes('拖拽视频到此处点击上传') || text.includes('上传视频');
+      const state = hasTitleInput ? 'editor_ready' : hasImageInput || !hasVideoSurface ? 'image_surface' : 'video_surface';
+      return { state, hasTitleInput, hasImageInput, hasVideoSurface };
     }
   `);
 }
 
-async function waitForImageTextSurface(
+async function waitForPublishSurfaceState(
   page: IPage,
   maxWaitMs = 5_000,
-): Promise<{ hasTitleInput: boolean; hasImageInput: boolean; hasVideoSurface: boolean }> {
+): Promise<PublishSurfaceInspection> {
   const pollMs = 500;
   const maxAttempts = Math.max(1, Math.ceil(maxWaitMs / pollMs));
-  let surface = await inspectPublishSurface(page);
+  let surface = await inspectPublishSurfaceState(page);
 
   for (let i = 0; i < maxAttempts; i++) {
-    if (surface.hasTitleInput || surface.hasImageInput || !surface.hasVideoSurface) {
+    if (surface.state !== 'video_surface') {
       return surface;
     }
     if (i < maxAttempts - 1) {
       await page.wait({ time: pollMs / 1_000 });
-      surface = await inspectPublishSurface(page);
+      surface = await inspectPublishSurfaceState(page);
     }
   }
 
   return surface;
 }
 
+/**
+ * Poll until the title/content editing form appears on the page.
+ * The new creator center UI only renders the editor after images are uploaded.
+ */
+async function waitForEditForm(page: IPage, maxWaitMs = 10_000): Promise<boolean> {
+  const pollMs = 1_000;
+  const maxAttempts = Math.ceil(maxWaitMs / pollMs);
+  for (let i = 0; i < maxAttempts; i++) {
+    const found: boolean = await page.evaluate(`
+      (() => {
+        const sels = ${JSON.stringify(TITLE_SELECTORS)};
+        for (const sel of sels) {
+          const el = document.querySelector(sel);
+          if (el && el.offsetParent !== null) return true;
+        }
+        return false;
+      })()`);
+    if (found) return true;
+    if (i < maxAttempts - 1) await page.wait({ time: pollMs / 1_000 });
+  }
+  return false;
+}
+
 cli({
   site: 'xiaohongshu',
   name: 'publish',
@@ -274,7 +318,7 @@ cli({
   args: [
     { name: 'title', required: true, help: '笔记标题 (最多20字)' },
     { name: 'content', required: true, positional: true, help: '笔记正文' },
-    { name: 'images', required: false, help: '图片路径，逗号分隔，最多9张 (jpg/png/gif/webp)' },
+    { name: 'images', required: true, help: '图片路径，逗号分隔，最多9张 (jpg/png/gif/webp)' },
     { name: 'topics', required: false, help: '话题标签，逗号分隔，不含 # 号' },
     { name: 'draft', type: 'bool', default: false, help: '保存为草稿，不直接发布' },
   ],
@@ -297,6 +341,8 @@ cli({
     if (title.length > MAX_TITLE_LEN)
       throw new Error(`Title is ${title.length} chars — must be ≤ ${MAX_TITLE_LEN}`);
     if (!content) throw new Error('Positional argument <content> is required');
+    if (imagePaths.length === 0)
+      throw new Error('At least one --images path is required. The creator center now requires images before showing the editor.');
     if (imagePaths.length > MAX_IMAGES)
       throw new Error(`Too many images: ${imagePaths.length} (max ${MAX_IMAGES})`);
 
@@ -318,8 +364,8 @@ cli({
 
     // ── Step 2: Select 图文 (image+text) note type if tabs are present ─────────
     const tabResult = await selectImageTextTab(page);
-    const surface = await waitForImageTextSurface(page, tabResult?.ok ? 5_000 : 2_000);
-    if (!surface.hasTitleInput && !surface.hasImageInput && surface.hasVideoSurface) {
+    const surface = await waitForPublishSurfaceState(page, tabResult?.ok ? 5_000 : 2_000);
+    if (surface.state === 'video_surface') {
       await page.screenshot({ path: '/tmp/xhs_publish_tab_debug.png' });
       const detail = tabResult?.ok
         ? `clicked "${tabResult.text}"`
@@ -331,35 +377,30 @@ cli({
     }
 
     // ── Step 3: Upload images ──────────────────────────────────────────────────
-    if (imageData.length > 0) {
-      const upload = await injectImages(page, imageData);
-      if (!upload.ok) {
-        await page.screenshot({ path: '/tmp/xhs_publish_upload_debug.png' });
-        throw new Error(
-          `Image injection failed: ${upload.error ?? 'unknown'}. ` +
-          'Debug screenshot: /tmp/xhs_publish_upload_debug.png'
-        );
-      }
-      // Allow XHS to process and upload images to its CDN
-      await page.wait({ time: UPLOAD_SETTLE_MS / 1_000 });
-      await waitForUploads(page);
+    const upload = await injectImages(page, imageData);
+    if (!upload.ok) {
+      await page.screenshot({ path: '/tmp/xhs_publish_upload_debug.png' });
+      throw new Error(
+        `Image injection failed: ${upload.error ?? 'unknown'}. ` +
+        'Debug screenshot: /tmp/xhs_publish_upload_debug.png'
+      );
+    }
+    // Allow XHS to process and upload images to its CDN
+    await page.wait({ time: UPLOAD_SETTLE_MS / 1_000 });
+    await waitForUploads(page);
+
+    // ── Step 3b: Wait for editor form to render ───────────────────────────────
+    const formReady = await waitForEditForm(page);
+    if (!formReady) {
+      await page.screenshot({ path: '/tmp/xhs_publish_form_debug.png' });
+      throw new Error(
+        'Editing form did not appear after image upload. The page layout may have changed. ' +
+        'Debug screenshot: /tmp/xhs_publish_form_debug.png'
+      );
     }
 
     // ── Step 4: Fill title ─────────────────────────────────────────────────────
-    await fillField(
-      page,
-      [
-        'input[maxlength="20"]',
-        'input[class*="title"]',
-        'input[placeholder*="标题"]',
-        'input[placeholder*="title" i]',
-        '.title-input input',
-        '.note-title input',
-        'input[maxlength]',
-      ],
-      title,
-      'title'
-    );
+    await fillField(page, TITLE_SELECTORS, title, 'title');
     await page.wait({ time: 0.5 });
 
     // ── Step 5: Fill content / body ────────────────────────────────────────────
@@ -374,7 +415,7 @@ cli({
         '.note-content [contenteditable="true"]',
         '.editor-content [contenteditable="true"]',
         // Broad fallback — last resort; filter out any title contenteditable
-        '[contenteditable="true"]:not([placeholder*="标题"]):not([placeholder*="title" i])',
+        '[contenteditable="true"]:not([placeholder*="标题"]):not([placeholder*="赞"]):not([placeholder*="title" i])',
       ],
       content,
       'content'
@@ -438,14 +479,14 @@ cli({
     }
 
     // ── Step 7: Publish or save draft ─────────────────────────────────────────
-    const actionLabel = isDraft ? '存草稿' : '发布';
+    const actionLabels = isDraft ? ['暂存离开', '存草稿'] : ['发布', '发布笔记'];
     const btnClicked: boolean = await page.evaluate(`
-      (label => {
+      (labels => {
         const buttons = document.querySelectorAll('button, [role="button"]');
         for (const btn of buttons) {
           const text = (btn.innerText || btn.textContent || '').trim();
           if (
-            (text === label || text.includes(label) || text === '发布笔记') &&
+            labels.some(l => text === l || text.includes(l)) &&
             btn.offsetParent !== null &&
             !btn.disabled
           ) {
@@ -454,13 +495,13 @@ cli({
           }
         }
         return false;
-      })(${JSON.stringify(actionLabel)})
+      })(${JSON.stringify(actionLabels)})
     `);
 
     if (!btnClicked) {
       await page.screenshot({ path: '/tmp/xhs_publish_submit_debug.png' });
       throw new Error(
-        `Could not find "${actionLabel}" button. ` +
+        `Could not find "${actionLabels[0]}" button. ` +
         'Debug screenshot: /tmp/xhs_publish_submit_debug.png'
       );
     }
@@ -475,7 +516,7 @@ cli({
           const text = (el.innerText || '').trim();
           if (
             el.children.length === 0 &&
-            (text.includes('发布成功') || text.includes('草稿已保存') || text.includes('上传成功'))
+            (text.includes('发布成功') || text.includes('草稿已保存') || text.includes('暂存成功') || text.includes('上传成功'))
           ) return text;
         }
         return '';
@@ -484,14 +525,14 @@ cli({
 
     const navigatedAway = !finalUrl.includes('/publish/publish');
     const isSuccess = successMsg.length > 0 || navigatedAway;
-    const verb = isDraft ? '草稿已保存' : '发布成功';
+    const verb = isDraft ? '暂存成功' : '发布成功';
 
     return [
       {
         status: isSuccess ? `✅ ${verb}` : '⚠️ 操作完成，请在浏览器中确认',
         detail: [
           `"${title}"`,
-          imageData.length ? `${imageData.length}张图片` : '无图',
+          `${imageData.length}张图片`,
           topics.length ? `话题: ${topics.join(' ')}` : '',
           successMsg || finalUrl || '',
         ]