@skrillex1224/chrome-article-publish-extension 1.0.1 → 1.0.2

package/README.md

@@ -11,13 +11,39 @@ Direct article publishing adapters for Chrome extensions. The package runs in a
 
 The host extension owns UI, local task state, retry buttons, storage, and polling cadence.
 
+## Included Chrome Extension UI
+
+This repository also includes a standalone host extension UI under `extension-app/`.
+
+Boundary:
+
+- `src/` is the reusable npm kernel.
+- `extension-app/` is only a Chrome extension UI that imports the kernel package at build time.
+- The extension app does not import adapter internals.
+- The extension app never loads executable adapter code from a CDN.
+
+Build the side panel extension:
+
+```bash
+pnpm build:extension-app
+pnpm zip:extension-app
+```
+
+The zip is generated as:
+
+```text
+chrome-article-publish-extension-ui-1.0.2.zip
+```
+
+The UI uses Chrome Side Panel as the primary entry. Article creation happens in a full extension tab, while the side panel handles saved article selection, platform auth checks, publish tasks, retries, and status polling.
+
 ## Supported Platforms
 
 | id | Platform | Notes |
 |---|---|---|
 | `bilibili` | Bilibili Opus | Supports cover and structured Opus payload. Tables degrade to readable text. |
 | `weixin` | WeChat Official Account | Supports cover, body images, summary, and security QR events. |
-| `douyin` | Douyin image-text | Renders Markdown into image cards, then publishes image-text notes. |
+| `douyin` | Douyin | Requires exactly one of `article.images` URL list for image-text notes or `article.video.url` for video posts. |
 | `cnblogs` | Cnblogs | Supports article publish, tags, cover metadata. |
 | `juejin` | Juejin | Supports cover and real tag ids when the account is eligible. |
 | `baijiahao` | Baijiahao | Resolves public URLs from official page data after management status says published. |
@@ -148,10 +174,22 @@ type PublishArticleInput = {
   cover?: string
   tags?: string[]
   category?: string
+  images?: Array<{ url: string }>
+  video?: {
+    url: string
+    filename?: string
+    mimeType?: string
+  }
   source?: { url: string; platform: string }
 }
 ```
 
+For Douyin image-text, pass `platform: 'douyin'` and `article.images: [{ url }]`. The adapter uploads those image URLs through ImageX and publishes a note. Douyin image-text no longer converts Markdown into image cards.
+
+For Douyin video, pass `platform: 'douyin'` and `article.video.url`. The adapter runs inside a logged-in Chrome extension context, uses the official Creator page uploader for the video asset, and then calls the Creator publish API. If `article.cover` is present, the adapter uploads it as the video cover; otherwise it uses the platform-generated poster from the uploaded video.
+
+Douyin media inputs are URL-only and mutually exclusive: pass either `article.images[].url` or `article.video.url`, not both. `article.images[].url`, `article.video.url`, and `article.cover` must be `http://` or `https://` URLs.
+
 `publish()` returns only:
 
 ```ts
@@ -202,7 +240,7 @@ const runtime = createExtensionRuntime({
 })
 ```
 
-`timeout` controls extension `fetch()` timeout in milliseconds. Keep it higher for platforms that upload images or generated Markdown cards.
+`timeout` controls extension `fetch()` timeout in milliseconds. Keep it higher for platforms that upload images or videos.
 
 ## Testing In A Host Extension
 

package/dist/adapters/index.d.ts

@@ -1,6 +1,6 @@
-import { P as PlatformAdapter, a as PublishOptions, A as AdapterRegistryEntry, b as PreprocessConfig } from '../types-BAnNlLpy.js';
-export { C as Category, D as DEFAULT_PREPROCESS_CONFIG, c as Draft, I as ImageProgressCallback, O as OutputFormat } from '../types-BAnNlLpy.js';
-import { P as PlatformMeta, R as RuntimeInterface, A as AuthResult, a as Article, S as SyncResult, c as PublishStatusRef, d as PublishStatusResult, H as HeaderRule } from '../interface-BlLeWXzS.js';
+import { P as PlatformAdapter, a as PublishOptions, A as AdapterRegistryEntry, b as PreprocessConfig } from '../types-DllMbt54.js';
+export { C as Category, D as DEFAULT_PREPROCESS_CONFIG, c as Draft, I as ImageProgressCallback, O as OutputFormat } from '../types-DllMbt54.js';
+import { P as PlatformMeta, R as RuntimeInterface, A as AuthResult, a as Article, S as SyncResult, c as PublishStatusRef, d as PublishStatusResult, H as HeaderRule } from '../interface-DRp7JR58.js';
 
 /**
  * 适配器基类
@@ -63,6 +63,11 @@ interface ImageUploadResult {
     /** 额外的 img 属性 */
     attrs?: Record<string, string | number>;
 }
+interface NormalizedImageFile {
+    file: File;
+    mimeType: string;
+    ext: string;
+}
 /**
  * 图片处理选项
  */
@@ -154,6 +159,10 @@ declare abstract class CodeAdapter implements PlatformAdapter {
      * data URI 转 Blob
      */
     protected dataUriToBlob(dataUri: string): Promise<Blob>;
+    protected normalizeImageFile(blob: Blob, src: string, filenameBase?: string): Promise<NormalizedImageFile>;
+    private detectImageType;
+    private imageTypeFromUrl;
+    private imageTypeFromMime;
     /**
      * 延迟
      */
@@ -449,6 +458,7 @@ declare class CSDNAdapter extends CodeAdapter {
     private signRequest;
     private canonicalizeResource;
     private resolveTags;
+    private preserveTaskListMarkers;
     private postSaveArticle;
     private postSaveArticleFromPage;
     private getCsdnTabId;
@@ -506,9 +516,10 @@ declare class BilibiliAdapter extends CodeAdapter {
     private markdownBlockTokenToInlineNodes;
     private createCodeBlockParagraph;
     private createTableParagraphs;
-    private tableToMarkdown;
-    private tableCellsToMarkdownRow;
+    private tableToTextRows;
+    private tableCellsToText;
     private inlineTokensToPlainText;
+    private linkTokenToText;
     private createBlockquoteParagraphs;
     private createTextParagraph;
     private createHeadingParagraph;
@@ -546,12 +557,13 @@ declare class BilibiliAdapter extends CodeAdapter {
 }
 
 /**
- * 抖音图文适配器
+ * 抖音适配器
  *
  * 只复现创作者中心公开前端的 HTTP/API 行为：
  * - 通过创作者中心接口检查登录态
  * - 通过 ImageX 上传图片
- * - 通过 aweme/create_v2 直接发布图文
+ * - 图文：上传 caller 提供的 images URL 后通过 aweme/create_v2 直接发布
+ * - 视频：复用创作者中心官方 uploader 上传资产后通过 aweme/create 直接发布
  *
  * 不点击平台 UI，不逆向私有算法。若平台返回二次验证/风控，直接暴露给用户处理。
  */
@@ -572,6 +584,8 @@ declare class DouyinAdapter extends CodeAdapter {
     checkAuth(): Promise<AuthResult>;
     publish(article: Article, options?: PublishOptions): Promise<SyncResult>;
     uploadImage(file: Blob, _filename?: string): Promise<string>;
+    private createPublishContext;
+    private publishVideo;
     getStatus(statusRef: PublishStatusRef): Promise<PublishStatusResult>;
     private resolveStatusId;
     private getStatusUserId;
@@ -590,21 +604,27 @@ declare class DouyinAdapter extends CodeAdapter {
     private isRejectedStatus;
     private normalizeStatusValue;
     private resolveDouyinPublicUrl;
+    private isVideoStatusRef;
+    private statusKindLabel;
     private getStatusFields;
     private formatStatusError;
     protected uploadImageByUrl(src: string): Promise<ImageUploadResult>;
     private postCreatorJson;
     private postCreatorJsonFromPage;
+    private getCreatorJsonFromPage;
+    private postCreatorForm;
+    private postCreatorFormFromPage;
     private getCreatorTabId;
     private extractUserData;
     private isSuccessResponse;
-    private renderMarkdownImageUrls;
     private buildTextPayload;
     private extractBodyText;
-    private extractCaptionText;
     private normalizeText;
     private limitText;
     private buildPublishItem;
+    private uploadDouyinVideo;
+    private waitForVideoTransend;
+    private buildVideoPublishPayload;
     private uploadDouyinImageByUrl;
     private loadImageBlob;
     private uploadDouyinImage;
@@ -613,10 +633,12 @@ declare class DouyinAdapter extends CodeAdapter {
     private uploadToTOS;
     private commitImageUpload;
     private assertPublishSuccess;
+    private extractPublishPostId;
     private looksLikeSecondVerify;
     private detectImageSize;
     private parseJsonText;
     private pickString;
+    private createCreationId;
     private stringifyId;
     private decodeHtmlEntities;
 }
@@ -653,6 +675,9 @@ declare class BaijiahaoAdapter extends CodeAdapter {
     private prepareContent;
     private replaceLinksWithUrls;
     private replaceTablesWithText;
+    private replaceCodeBlocksWithText;
+    private replaceHorizontalRules;
+    private preserveTaskListMarkers;
     private textFromHtml;
     private decodeHtml;
     private escapeHtml;
@@ -749,9 +774,10 @@ declare class WeixinAdapter extends CodeAdapter {
     private escapeStyleAttribute;
     /**
      * 移除外部链接（微信不允许非 mp.weixin.qq.com 域名的链接）
-     * 将 <a href="外部链接">文字</a> 转换为 文字
+     * 将 <a href="外部链接">文字</a> 转换为 文字（URL），避免公开页丢失链接信息
      */
     private stripExternalLinks;
+    private stripHtml;
     private formatError;
     private formatStageError;
     private wrapStageError;
@@ -788,7 +814,9 @@ declare class ToutiaoAdapter extends CodeAdapter {
     private getVisitedUserId;
     private buildManagedListUrl;
     private resolvePostUrl;
+    private resolvePublicArticleUrl;
     private prepareContent;
+    private textFromHtml;
     private wrapImages;
     private toCoverPayload;
     private textLength;
@@ -818,6 +846,9 @@ declare class TencentAdapter extends CodeAdapter {
     private prepareArticleContent;
     private callPublishService;
     private ensureTencentTab;
+    private buildArticleListUrl;
+    private hasListData;
+    private extractUserInfo;
     private mapArticleStatus;
     private isOk;
     private errorMessage;
@@ -1122,4 +1153,4 @@ declare class NeteaseAdapter extends CodeAdapter {
     private isPublicArticleAvailable;
 }
 
-export { AdapterRegistryEntry, BaijiahaoAdapter, BaseAdapter, BilibiliAdapter, CSDNAdapter, CnblogsAdapter, CodeAdapter, Cto51Adapter, DoubanAdapter, DouyinAdapter, EastmoneyAdapter, type ImageProcessOptions, type ImageUploadResult, ImoocAdapter, JuejinAdapter, NeteaseAdapter, OschinaAdapter, PlatformAdapter, PreprocessConfig, PublishOptions, SegmentfaultAdapter, SohuAdapter, TencentAdapter, ToutiaoAdapter, WeixinAdapter, WoshipmAdapter, XueqiuAdapter, YuqueAdapter, ZipDownloadAdapter, adapterRegistry, getAdapter, getPreprocessConfig, getPreprocessConfigs, registerAdapter };
+export { AdapterRegistryEntry, BaijiahaoAdapter, BaseAdapter, BilibiliAdapter, CSDNAdapter, CnblogsAdapter, CodeAdapter, Cto51Adapter, DoubanAdapter, DouyinAdapter, EastmoneyAdapter, type ImageProcessOptions, type ImageUploadResult, ImoocAdapter, JuejinAdapter, NeteaseAdapter, type NormalizedImageFile, OschinaAdapter, PlatformAdapter, PreprocessConfig, PublishOptions, SegmentfaultAdapter, SohuAdapter, TencentAdapter, ToutiaoAdapter, WeixinAdapter, WoshipmAdapter, XueqiuAdapter, YuqueAdapter, ZipDownloadAdapter, adapterRegistry, getAdapter, getPreprocessConfig, getPreprocessConfigs, registerAdapter };

package/dist/adapters/index.js

@@ -11,16 +11,11 @@ import {
   SohuAdapter,
   TencentAdapter,
   ToutiaoAdapter,
-  WeixinAdapter
-} from "../chunk-NKSXZF7J.js";
-import {
-  markdownToDraft
-} from "../chunk-GATX26VC.js";
-import {
+  WeixinAdapter,
   createLogger,
   htmlToMarkdown,
   parseMarkdownImages
-} from "../chunk-JFXS3MPU.js";
+} from "../chunk-LUN2JBGI.js";
 
 // src/adapters/types.ts
 var DEFAULT_PREPROCESS_CONFIG = {
@@ -203,6 +198,125 @@ function getPreprocessConfigs(platformIds) {
   return adapterRegistry.getPreprocessConfigs(platformIds);
 }
 
+// src/lib/markdown-to-draft.ts
+import { markdownToDraft as mdToDraft } from "markdown-draft-js";
+var ImageRegexp = /^!\[([^\]]*)]\s*\(([^)"]+)( "([^)"]+)")?\)/;
+var imageBlockPlugin = (remarkable) => {
+  remarkable.block.ruler.before("paragraph", "image", (state, startLine, endLine, silent) => {
+    const pos = state.bMarks[startLine] + state.tShift[startLine];
+    const max = state.eMarks[startLine];
+    if (pos >= max) return false;
+    if (!state.src) return false;
+    if (state.src[pos] !== "!") return false;
+    const match = ImageRegexp.exec(state.src.slice(pos));
+    if (!match) return false;
+    if (!silent) {
+      state.tokens.push({
+        type: "image_open",
+        src: match[2],
+        alt: match[1],
+        lines: [startLine, state.line],
+        level: state.level
+      });
+      state.tokens.push({
+        type: "image_close",
+        level: state.level
+      });
+    }
+    state.line = startLine + 1;
+    return true;
+  });
+};
+function markdownToDraft(markdown, imageDataMap = /* @__PURE__ */ new Map()) {
+  const processedMarkdown = markdown.split("\n").map((line) => {
+    const imageBlocks = line.split("![]");
+    return imageBlocks.length > 1 ? imageBlocks.join("\n![]") : line;
+  }).join("\n");
+  let keyCounter = 0;
+  const generateUniqueKey = () => keyCounter++;
+  const draftState = mdToDraft(processedMarkdown, {
+    remarkablePlugins: [imageBlockPlugin],
+    blockTypes: {
+      image_open: function(item) {
+        const key = generateUniqueKey();
+        const blockEntities = {};
+        const sourcePair = item.src ? item.src.split("?#") : ["", ""];
+        const rawSrc = sourcePair[0];
+        const sourceId = sourcePair[1] || "";
+        const imgData = imageDataMap.get(item.src) || imageDataMap.get(rawSrc);
+        const imageTemplate = imgData ? {
+          id: imgData.id,
+          src: imgData.url,
+          thumb: imgData.thumb,
+          url: imgData.url,
+          width: imgData.width,
+          height: imgData.height,
+          file_name: imgData.file_name,
+          file_size: imgData.file_size
+        } : {
+          id: sourceId,
+          src: rawSrc,
+          thumb: rawSrc,
+          url: rawSrc
+        };
+        blockEntities[key] = {
+          type: "IMAGE",
+          mutability: "IMMUTABLE",
+          data: imageTemplate
+        };
+        return {
+          type: "atomic",
+          blockEntities,
+          inlineStyleRanges: [],
+          entityRanges: [{ offset: 0, length: 1, key }],
+          text: " "
+        };
+      }
+    },
+    blockEntities: {
+      image: function(item) {
+        const sourcePair = item.src ? item.src.split("?#") : ["", ""];
+        const rawSrc = sourcePair[0];
+        const sourceId = sourcePair[1] || "";
+        const imgData = imageDataMap.get(item.src) || imageDataMap.get(rawSrc);
+        if (imgData) {
+          return {
+            type: "IMAGE",
+            mutability: "IMMUTABLE",
+            data: {
+              id: imgData.id,
+              src: imgData.url,
+              thumb: imgData.thumb,
+              url: imgData.url,
+              width: imgData.width,
+              height: imgData.height
+            }
+          };
+        }
+        return {
+          type: "IMAGE",
+          mutability: "IMMUTABLE",
+          data: {
+            id: sourceId,
+            src: rawSrc,
+            thumb: rawSrc,
+            url: rawSrc
+          }
+        };
+      }
+    }
+  });
+  if (draftState.blocks) {
+    for (const block of draftState.blocks) {
+      if (block.blockEntities) {
+        Object.assign(draftState.entityMap, block.blockEntities);
+        delete block.blockEntities;
+      }
+    }
+  }
+  return JSON.stringify(draftState);
+}
+
 // src/adapters/platforms/douban.ts
 var logger = createLogger("Douban");
 var DoubanAdapter = class extends CodeAdapter {