@skrillex1224/chrome-article-publish-extension 1.0.0

package/dist/converter/index.js

@@ -0,0 +1,432 @@
+import "../chunk-IUAZAMKF.js";
+import {
+  markdownToHtml
+} from "../chunk-7Q3KKWUB.js";
+
+// src/converter/markdown-renderer.ts
+import html2canvas from "html2canvas";
+var DEFAULT_WIDTH = 1080;
+var DEFAULT_HEIGHT = 1440;
+var DEFAULT_SCALE = 1;
+var DEFAULT_MAX_PAGES = 12;
+var DEFAULT_THEME = "clean";
+var STYLE_ELEMENT_ID = "ws-markdown-image-renderer-style";
+var THEMES = {
+  clean: {
+    colors: {
+      background: "#fbfaf7",
+      text: "#1d2433",
+      heading: "#111827",
+      muted: "#6d7480",
+      accent: "#2f6f73",
+      mark: "#d7a84f",
+      subtle: "#f0eee7",
+      border: "#ded8c8",
+      codeText: "#8a4b17",
+      codeBackground: "#f3ead9"
+    }
+  }
+};
+var CARD_CSS = `
+* {
+  box-sizing: border-box;
+}
+
+.ws-md-card {
+  width: var(--ws-card-width);
+  height: var(--ws-card-height);
+  color: var(--ws-color-text);
+  background: var(--ws-color-background);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
+  display: flex;
+  flex-direction: column;
+  padding: 68px 76px 54px;
+  position: relative;
+  overflow: hidden;
+}
+
+.ws-md-card::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 16px;
+  height: 100%;
+  background: var(--ws-color-accent);
+}
+
+.ws-md-card::after {
+  content: "";
+  position: absolute;
+  right: 76px;
+  top: 0;
+  width: 116px;
+  height: 12px;
+  background: var(--ws-color-mark);
+}
+
+.ws-md-page {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.ws-md-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 24px;
+  padding-top: 24px;
+  color: var(--ws-color-muted);
+  font-size: 24px;
+  line-height: 1;
+  border-top: 1px solid var(--ws-color-border);
+}
+
+.ws-md-footer span:first-child {
+  color: var(--ws-color-accent);
+  font-weight: 700;
+}
+
+.ws-md-title {
+  margin: 0 0 28px;
+  color: var(--ws-color-heading);
+  font-size: 58px;
+  line-height: 1.16;
+  font-weight: 800;
+  letter-spacing: 0;
+}
+
+.ws-md-content {
+  font-size: 33px;
+  line-height: 1.72;
+  letter-spacing: 0;
+}
+
+.ws-md-content h1,
+.ws-md-content h2,
+.ws-md-content h3 {
+  color: var(--ws-color-heading);
+  line-height: 1.22;
+  letter-spacing: 0;
+}
+
+.ws-md-content h1 {
+  font-size: 48px;
+  margin: 0 0 24px;
+}
+
+.ws-md-content h2 {
+  font-size: 42px;
+  margin: 28px 0 16px;
+  padding-left: 18px;
+  border-left: 8px solid var(--ws-color-accent);
+}
+
+.ws-md-content h3 {
+  font-size: 36px;
+  margin: 24px 0 12px;
+}
+
+.ws-md-content p {
+  margin: 0 0 20px;
+}
+
+.ws-md-content strong {
+  color: var(--ws-color-heading);
+  font-weight: 800;
+}
+
+.ws-md-content em {
+  color: var(--ws-color-accent);
+  font-style: normal;
+  font-weight: 700;
+}
+
+.ws-md-content ul,
+.ws-md-content ol {
+  margin: 0 0 22px;
+  padding-left: 40px;
+}
+
+.ws-md-content li {
+  margin: 8px 0;
+  padding-left: 4px;
+}
+
+.ws-md-content blockquote {
+  margin: 24px 0;
+  padding: 20px 28px;
+  color: var(--ws-color-text);
+  background: var(--ws-color-subtle);
+  border-left: 8px solid var(--ws-color-accent);
+}
+
+.ws-md-content code {
+  color: var(--ws-color-code-text);
+  background: var(--ws-color-code-background);
+  border-radius: 6px;
+  padding: 3px 8px;
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+  font-size: 0.86em;
+}
+
+.ws-md-content pre {
+  margin: 22px 0;
+  padding: 22px 24px;
+  color: var(--ws-color-text);
+  background: var(--ws-color-subtle);
+  border: 1px solid var(--ws-color-border);
+  border-radius: 10px;
+  overflow: hidden;
+  white-space: pre-wrap;
+}
+
+.ws-md-content pre code {
+  padding: 0;
+  color: inherit;
+  background: transparent;
+  font-size: 26px;
+  line-height: 1.55;
+}
+
+.ws-md-content table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 24px 0;
+  font-size: 26px;
+}
+
+.ws-md-content th,
+.ws-md-content td {
+  border: 1px solid var(--ws-color-border);
+  padding: 12px 14px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.ws-md-content th {
+  color: var(--ws-color-heading);
+  background: var(--ws-color-subtle);
+}
+
+.ws-md-image-placeholder {
+  margin: 22px 0;
+  padding: 18px 22px;
+  color: var(--ws-color-muted);
+  background: var(--ws-color-subtle);
+  border: 1px dashed var(--ws-color-border);
+  border-radius: 10px;
+  font-size: 26px;
+}
+`;
+async function renderMarkdownToImages(request) {
+  const config = normalizeRequest(request);
+  ensureCardStyle();
+  const stage = createStage(config);
+  document.body.appendChild(stage);
+  try {
+    const pages = paginateMarkdown(config, stage);
+    await document.fonts?.ready;
+    const outputs = [];
+    for (let i = 0; i < pages.length; i += 1) {
+      setFooter(pages[i], i + 1, pages.length);
+      outputs.push({
+        src: await renderCardToDataUrl(pages[i], config),
+        width: config.width * config.scale,
+        height: config.height * config.scale,
+        index: i
+      });
+    }
+    return outputs;
+  } finally {
+    stage.remove();
+  }
+}
+function normalizeRequest(request) {
+  const markdown = request.markdown?.trim();
+  if (!markdown) {
+    throw new Error("Markdown \u5185\u5BB9\u4E3A\u7A7A\uFF0C\u65E0\u6CD5\u751F\u6210\u56FE\u6587\u56FE\u7247");
+  }
+  return {
+    title: request.title?.trim() || "",
+    markdown,
+    theme: resolveTheme(request.theme),
+    width: clampInteger(request.width, 720, 1600, DEFAULT_WIDTH),
+    height: clampInteger(request.height, 960, 2400, DEFAULT_HEIGHT),
+    scale: clampInteger(request.scale, 1, 3, DEFAULT_SCALE),
+    maxPages: clampInteger(request.maxPages, 1, 35, DEFAULT_MAX_PAGES)
+  };
+}
+function resolveTheme(theme) {
+  return THEMES[theme || DEFAULT_THEME] || THEMES[DEFAULT_THEME];
+}
+function clampInteger(value, min, max, fallback) {
+  if (!Number.isFinite(value)) return fallback;
+  return Math.max(min, Math.min(max, Math.round(value)));
+}
+function createStage(config) {
+  const stage = document.createElement("div");
+  stage.style.cssText = [
+    "position: fixed",
+    "left: 0",
+    "top: 0",
+    `width: ${config.width}px`,
+    "background: transparent",
+    "pointer-events: none",
+    "z-index: 2147483647"
+  ].join(";");
+  return stage;
+}
+function paginateMarkdown(config, stage) {
+  const nodes = createArticleNodes(config);
+  const pages = [];
+  let page = createPage(config);
+  let body = getPageBody(page);
+  stage.appendChild(page);
+  pages.push(page);
+  for (const sourceNode of nodes) {
+    const node = sourceNode.cloneNode(true);
+    body.appendChild(node);
+    if (body.scrollHeight > body.clientHeight && body.childNodes.length > 1) {
+      body.removeChild(node);
+      if (pages.length >= config.maxPages) {
+        throw new Error(`Markdown \u5185\u5BB9\u8D85\u8FC7 ${config.maxPages} \u5F20\u56FE\u7684\u9650\u5236`);
+      }
+      page = createPage(config);
+      body = getPageBody(page);
+      stage.appendChild(page);
+      pages.push(page);
+      body.appendChild(node);
+    }
+  }
+  return pages;
+}
+function createArticleNodes(config) {
+  const nodes = [];
+  if (config.title) {
+    const title = document.createElement("h1");
+    title.className = "ws-md-title";
+    title.textContent = config.title;
+    nodes.push(title);
+  }
+  const content = document.createElement("div");
+  content.className = "ws-md-content";
+  content.innerHTML = sanitizeHtml(markdownToHtml(config.markdown));
+  for (const child of Array.from(content.childNodes)) {
+    if (child.nodeType === Node.TEXT_NODE && !child.textContent?.trim()) continue;
+    nodes.push(child);
+  }
+  return nodes;
+}
+function sanitizeHtml(html) {
+  const template = document.createElement("template");
+  template.innerHTML = html;
+  template.content.querySelectorAll("script, style, iframe, object, embed, link, meta, form, input, button, svg, video, audio").forEach((node) => node.remove());
+  template.content.querySelectorAll("img").forEach((img) => {
+    const placeholder = document.createElement("div");
+    placeholder.className = "ws-md-image-placeholder";
+    const alt = img.getAttribute("alt")?.trim();
+    placeholder.textContent = alt ? `\u56FE\u7247\u5360\u4F4D\uFF1A${alt}` : "\u56FE\u7247\u5360\u4F4D";
+    img.replaceWith(placeholder);
+  });
+  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_ELEMENT);
+  const elements = [];
+  while (walker.nextNode()) {
+    elements.push(walker.currentNode);
+  }
+  for (const element of elements) {
+    for (const attr of Array.from(element.attributes)) {
+      const name = attr.name.toLowerCase();
+      const value = attr.value.trim().toLowerCase();
+      if (name.startsWith("on") || name === "style") {
+        element.removeAttribute(attr.name);
+      }
+      if ((name === "href" || name === "src") && value.startsWith("javascript:")) {
+        element.removeAttribute(attr.name);
+      }
+    }
+  }
+  return Array.from(template.content.childNodes).map((node) => {
+    const container = document.createElement("div");
+    container.appendChild(node.cloneNode(true));
+    return container.innerHTML;
+  }).join("");
+}
+function createPage(config) {
+  const card = document.createElement("article");
+  card.className = "ws-md-card";
+  card.style.setProperty("--ws-card-width", `${config.width}px`);
+  card.style.setProperty("--ws-card-height", `${config.height}px`);
+  applyTheme(card, config.theme);
+  card.style.width = `${config.width}px`;
+  card.style.height = `${config.height}px`;
+  const body = document.createElement("div");
+  body.className = "ws-md-page ws-md-content";
+  card.appendChild(body);
+  const footer = document.createElement("footer");
+  footer.className = "ws-md-footer";
+  card.appendChild(footer);
+  return card;
+}
+function getPageBody(page) {
+  const body = page.querySelector(".ws-md-page");
+  if (!body) throw new Error("\u6E32\u67D3\u9875\u9762\u7ED3\u6784\u9519\u8BEF");
+  return body;
+}
+function setFooter(page, current, total) {
+  const footer = page.querySelector(".ws-md-footer");
+  if (!footer) return;
+  footer.replaceChildren(span("Article Publish"), span(`${current} / ${total}`));
+}
+async function renderCardToDataUrl(page, config) {
+  const canvas = await html2canvas(page, {
+    backgroundColor: config.theme.colors.background,
+    width: config.width,
+    height: config.height,
+    scale: config.scale,
+    useCORS: true,
+    allowTaint: false,
+    logging: false,
+    windowWidth: config.width,
+    windowHeight: config.height
+  });
+  return canvas.toDataURL("image/png");
+}
+function applyTheme(card, theme) {
+  card.style.setProperty("--ws-color-background", theme.colors.background);
+  card.style.setProperty("--ws-color-text", theme.colors.text);
+  card.style.setProperty("--ws-color-heading", theme.colors.heading);
+  card.style.setProperty("--ws-color-muted", theme.colors.muted);
+  card.style.setProperty("--ws-color-accent", theme.colors.accent);
+  card.style.setProperty("--ws-color-mark", theme.colors.mark);
+  card.style.setProperty("--ws-color-subtle", theme.colors.subtle);
+  card.style.setProperty("--ws-color-border", theme.colors.border);
+  card.style.setProperty("--ws-color-code-text", theme.colors.codeText);
+  card.style.setProperty("--ws-color-code-background", theme.colors.codeBackground);
+}
+function span(text) {
+  const element = document.createElement("span");
+  element.textContent = text;
+  return element;
+}
+function ensureCardStyle() {
+  if (document.getElementById(STYLE_ELEMENT_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ELEMENT_ID;
+  style.textContent = CARD_CSS;
+  document.head.appendChild(style);
+}
+
+// src/converter/index.ts
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if (message.type !== "RENDER_MARKDOWN_TO_IMAGES" || message.target !== "markdown-image-converter") {
+    return false;
+  }
+  renderMarkdownToImages(message.payload).then((images) => sendResponse({ requestId: message.requestId, images })).catch((error) => sendResponse({
+    requestId: message.requestId,
+    error: error instanceof Error ? error.message : String(error)
+  }));
+  return true;
+});
+//# sourceMappingURL=index.js.map

package/dist/converter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/converter/markdown-renderer.ts","../../src/converter/index.ts"],"sourcesContent":["import { markdownToHtml } from '../lib'\nimport html2canvas from 'html2canvas'\n\nexport interface MarkdownImageRenderRequest {\n  markdown: string\n  title?: string\n  theme?: string\n  width?: number\n  height?: number\n  scale?: number\n  maxPages?: number\n}\n\nexport interface MarkdownImageRenderOutput {\n  src: string\n  width: number\n  height: number\n  index: number\n}\n\ninterface RenderConfig {\n  title: string\n  markdown: string\n  theme: RenderTheme\n  width: number\n  height: number\n  scale: number\n  maxPages: number\n}\n\ninterface RenderTheme {\n  colors: {\n    background: string\n    text: string\n    heading: string\n    muted: string\n    accent: string\n    mark: string\n    subtle: string\n    border: string\n    codeText: string\n    codeBackground: string\n  }\n}\n\nconst DEFAULT_WIDTH = 1080\nconst DEFAULT_HEIGHT = 1440\nconst DEFAULT_SCALE = 1\nconst DEFAULT_MAX_PAGES = 12\nconst DEFAULT_THEME = 'clean'\nconst STYLE_ELEMENT_ID = 'ws-markdown-image-renderer-style'\n\nconst THEMES: Record<string, RenderTheme> = {\n  clean: {\n    colors: {\n      background: '#fbfaf7',\n      text: '#1d2433',\n      heading: '#111827',\n      muted: '#6d7480',\n      accent: '#2f6f73',\n      mark: '#d7a84f',\n      subtle: '#f0eee7',\n      border: '#ded8c8',\n      codeText: '#8a4b17',\n      codeBackground: '#f3ead9',\n    },\n  },\n}\n\nconst CARD_CSS = `\n* {\n  box-sizing: border-box;\n}\n\n.ws-md-card {\n  width: var(--ws-card-width);\n  height: var(--ws-card-height);\n  color: var(--ws-color-text);\n  background: var(--ws-color-background);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", Arial, sans-serif;\n  display: flex;\n  flex-direction: column;\n  padding: 68px 76px 54px;\n  position: relative;\n  overflow: hidden;\n}\n\n.ws-md-card::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 16px;\n  height: 100%;\n  background: var(--ws-color-accent);\n}\n\n.ws-md-card::after {\n  content: \"\";\n  position: absolute;\n  right: 76px;\n  top: 0;\n  width: 116px;\n  height: 12px;\n  background: var(--ws-color-mark);\n}\n\n.ws-md-page {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.ws-md-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n  padding-top: 24px;\n  color: var(--ws-color-muted);\n  font-size: 24px;\n  line-height: 1;\n  border-top: 1px solid var(--ws-color-border);\n}\n\n.ws-md-footer span:first-child {\n  color: var(--ws-color-accent);\n  font-weight: 700;\n}\n\n.ws-md-title {\n  margin: 0 0 28px;\n  color: var(--ws-color-heading);\n  font-size: 58px;\n  line-height: 1.16;\n  font-weight: 800;\n  letter-spacing: 0;\n}\n\n.ws-md-content {\n  font-size: 33px;\n  line-height: 1.72;\n  letter-spacing: 0;\n}\n\n.ws-md-content h1,\n.ws-md-content h2,\n.ws-md-content h3 {\n  color: var(--ws-color-heading);\n  line-height: 1.22;\n  letter-spacing: 0;\n}\n\n.ws-md-content h1 {\n  font-size: 48px;\n  margin: 0 0 24px;\n}\n\n.ws-md-content h2 {\n  font-size: 42px;\n  margin: 28px 0 16px;\n  padding-left: 18px;\n  border-left: 8px solid var(--ws-color-accent);\n}\n\n.ws-md-content h3 {\n  font-size: 36px;\n  margin: 24px 0 12px;\n}\n\n.ws-md-content p {\n  margin: 0 0 20px;\n}\n\n.ws-md-content strong {\n  color: var(--ws-color-heading);\n  font-weight: 800;\n}\n\n.ws-md-content em {\n  color: var(--ws-color-accent);\n  font-style: normal;\n  font-weight: 700;\n}\n\n.ws-md-content ul,\n.ws-md-content ol {\n  margin: 0 0 22px;\n  padding-left: 40px;\n}\n\n.ws-md-content li {\n  margin: 8px 0;\n  padding-left: 4px;\n}\n\n.ws-md-content blockquote {\n  margin: 24px 0;\n  padding: 20px 28px;\n  color: var(--ws-color-text);\n  background: var(--ws-color-subtle);\n  border-left: 8px solid var(--ws-color-accent);\n}\n\n.ws-md-content code {\n  color: var(--ws-color-code-text);\n  background: var(--ws-color-code-background);\n  border-radius: 6px;\n  padding: 3px 8px;\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n  font-size: 0.86em;\n}\n\n.ws-md-content pre {\n  margin: 22px 0;\n  padding: 22px 24px;\n  color: var(--ws-color-text);\n  background: var(--ws-color-subtle);\n  border: 1px solid var(--ws-color-border);\n  border-radius: 10px;\n  overflow: hidden;\n  white-space: pre-wrap;\n}\n\n.ws-md-content pre code {\n  padding: 0;\n  color: inherit;\n  background: transparent;\n  font-size: 26px;\n  line-height: 1.55;\n}\n\n.ws-md-content table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 24px 0;\n  font-size: 26px;\n}\n\n.ws-md-content th,\n.ws-md-content td {\n  border: 1px solid var(--ws-color-border);\n  padding: 12px 14px;\n  text-align: left;\n  vertical-align: top;\n}\n\n.ws-md-content th {\n  color: var(--ws-color-heading);\n  background: var(--ws-color-subtle);\n}\n\n.ws-md-image-placeholder {\n  margin: 22px 0;\n  padding: 18px 22px;\n  color: var(--ws-color-muted);\n  background: var(--ws-color-subtle);\n  border: 1px dashed var(--ws-color-border);\n  border-radius: 10px;\n  font-size: 26px;\n}\n`\n\nexport async function renderMarkdownToImages(\n  request: MarkdownImageRenderRequest,\n): Promise<MarkdownImageRenderOutput[]> {\n  const config = normalizeRequest(request)\n  ensureCardStyle()\n  const stage = createStage(config)\n  document.body.appendChild(stage)\n\n  try {\n    const pages = paginateMarkdown(config, stage)\n    await document.fonts?.ready\n\n    const outputs: MarkdownImageRenderOutput[] = []\n    for (let i = 0; i < pages.length; i += 1) {\n      setFooter(pages[i], i + 1, pages.length)\n      outputs.push({\n        src: await renderCardToDataUrl(pages[i], config),\n        width: config.width * config.scale,\n        height: config.height * config.scale,\n        index: i,\n      })\n    }\n    return outputs\n  } finally {\n    stage.remove()\n  }\n}\n\nfunction normalizeRequest(request: MarkdownImageRenderRequest): RenderConfig {\n  const markdown = request.markdown?.trim()\n  if (!markdown) {\n    throw new Error('Markdown 内容为空，无法生成图文图片')\n  }\n\n  return {\n    title: request.title?.trim() || '',\n    markdown,\n    theme: resolveTheme(request.theme),\n    width: clampInteger(request.width, 720, 1600, DEFAULT_WIDTH),\n    height: clampInteger(request.height, 960, 2400, DEFAULT_HEIGHT),\n    scale: clampInteger(request.scale, 1, 3, DEFAULT_SCALE),\n    maxPages: clampInteger(request.maxPages, 1, 35, DEFAULT_MAX_PAGES),\n  }\n}\n\nfunction resolveTheme(theme: string | undefined): RenderTheme {\n  return THEMES[theme || DEFAULT_THEME] || THEMES[DEFAULT_THEME]\n}\n\nfunction clampInteger(value: number | undefined, min: number, max: number, fallback: number): number {\n  if (!Number.isFinite(value)) return fallback\n  return Math.max(min, Math.min(max, Math.round(value as number)))\n}\n\nfunction createStage(config: RenderConfig): HTMLDivElement {\n  const stage = document.createElement('div')\n  stage.style.cssText = [\n    'position: fixed',\n    'left: 0',\n    'top: 0',\n    `width: ${config.width}px`,\n    'background: transparent',\n    'pointer-events: none',\n    'z-index: 2147483647',\n  ].join(';')\n  return stage\n}\n\nfunction paginateMarkdown(config: RenderConfig, stage: HTMLElement): HTMLElement[] {\n  const nodes = createArticleNodes(config)\n  const pages: HTMLElement[] = []\n  let page = createPage(config)\n  let body = getPageBody(page)\n  stage.appendChild(page)\n  pages.push(page)\n\n  for (const sourceNode of nodes) {\n    const node = sourceNode.cloneNode(true)\n    body.appendChild(node)\n\n    if (body.scrollHeight > body.clientHeight && body.childNodes.length > 1) {\n      body.removeChild(node)\n      if (pages.length >= config.maxPages) {\n        throw new Error(`Markdown 内容超过 ${config.maxPages} 张图的限制`)\n      }\n      page = createPage(config)\n      body = getPageBody(page)\n      stage.appendChild(page)\n      pages.push(page)\n      body.appendChild(node)\n    }\n  }\n\n  return pages\n}\n\nfunction createArticleNodes(config: RenderConfig): Node[] {\n  const nodes: Node[] = []\n  if (config.title) {\n    const title = document.createElement('h1')\n    title.className = 'ws-md-title'\n    title.textContent = config.title\n    nodes.push(title)\n  }\n\n  const content = document.createElement('div')\n  content.className = 'ws-md-content'\n  content.innerHTML = sanitizeHtml(markdownToHtml(config.markdown))\n\n  for (const child of Array.from(content.childNodes)) {\n    if (child.nodeType === Node.TEXT_NODE && !child.textContent?.trim()) continue\n    nodes.push(child)\n  }\n  return nodes\n}\n\nfunction sanitizeHtml(html: string): string {\n  const template = document.createElement('template')\n  template.innerHTML = html\n\n  template.content\n    .querySelectorAll('script, style, iframe, object, embed, link, meta, form, input, button, svg, video, audio')\n    .forEach((node) => node.remove())\n\n  template.content.querySelectorAll('img').forEach((img) => {\n    const placeholder = document.createElement('div')\n    placeholder.className = 'ws-md-image-placeholder'\n    const alt = img.getAttribute('alt')?.trim()\n    placeholder.textContent = alt ? `图片占位：${alt}` : '图片占位'\n    img.replaceWith(placeholder)\n  })\n\n  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_ELEMENT)\n  const elements: Element[] = []\n  while (walker.nextNode()) {\n    elements.push(walker.currentNode as Element)\n  }\n\n  for (const element of elements) {\n    for (const attr of Array.from(element.attributes)) {\n      const name = attr.name.toLowerCase()\n      const value = attr.value.trim().toLowerCase()\n      if (name.startsWith('on') || name === 'style') {\n        element.removeAttribute(attr.name)\n      }\n      if ((name === 'href' || name === 'src') && value.startsWith('javascript:')) {\n        element.removeAttribute(attr.name)\n      }\n    }\n  }\n\n  return Array.from(template.content.childNodes)\n    .map((node) => {\n      const container = document.createElement('div')\n      container.appendChild(node.cloneNode(true))\n      return container.innerHTML\n    })\n    .join('')\n}\n\nfunction createPage(config: RenderConfig): HTMLElement {\n  const card = document.createElement('article')\n  card.className = 'ws-md-card'\n  card.style.setProperty('--ws-card-width', `${config.width}px`)\n  card.style.setProperty('--ws-card-height', `${config.height}px`)\n  applyTheme(card, config.theme)\n  card.style.width = `${config.width}px`\n  card.style.height = `${config.height}px`\n\n  const body = document.createElement('div')\n  body.className = 'ws-md-page ws-md-content'\n  card.appendChild(body)\n\n  const footer = document.createElement('footer')\n  footer.className = 'ws-md-footer'\n  card.appendChild(footer)\n\n  return card\n}\n\nfunction getPageBody(page: HTMLElement): HTMLElement {\n  const body = page.querySelector<HTMLElement>('.ws-md-page')\n  if (!body) throw new Error('渲染页面结构错误')\n  return body\n}\n\nfunction setFooter(page: HTMLElement, current: number, total: number): void {\n  const footer = page.querySelector<HTMLElement>('.ws-md-footer')\n  if (!footer) return\n  footer.replaceChildren(span('Article Publish'), span(`${current} / ${total}`))\n}\n\nasync function renderCardToDataUrl(page: HTMLElement, config: RenderConfig): Promise<string> {\n  const canvas = await html2canvas(page, {\n    backgroundColor: config.theme.colors.background,\n    width: config.width,\n    height: config.height,\n    scale: config.scale,\n    useCORS: true,\n    allowTaint: false,\n    logging: false,\n    windowWidth: config.width,\n    windowHeight: config.height,\n  })\n  return canvas.toDataURL('image/png')\n}\n\nfunction applyTheme(card: HTMLElement, theme: RenderTheme): void {\n  card.style.setProperty('--ws-color-background', theme.colors.background)\n  card.style.setProperty('--ws-color-text', theme.colors.text)\n  card.style.setProperty('--ws-color-heading', theme.colors.heading)\n  card.style.setProperty('--ws-color-muted', theme.colors.muted)\n  card.style.setProperty('--ws-color-accent', theme.colors.accent)\n  card.style.setProperty('--ws-color-mark', theme.colors.mark)\n  card.style.setProperty('--ws-color-subtle', theme.colors.subtle)\n  card.style.setProperty('--ws-color-border', theme.colors.border)\n  card.style.setProperty('--ws-color-code-text', theme.colors.codeText)\n  card.style.setProperty('--ws-color-code-background', theme.colors.codeBackground)\n}\n\nfunction span(text: string): HTMLSpanElement {\n  const element = document.createElement('span')\n  element.textContent = text\n  return element\n}\n\nfunction ensureCardStyle(): void {\n  if (document.getElementById(STYLE_ELEMENT_ID)) return\n  const style = document.createElement('style')\n  style.id = STYLE_ELEMENT_ID\n  style.textContent = CARD_CSS\n  document.head.appendChild(style)\n}\n","import { renderMarkdownToImages, type MarkdownImageRenderRequest } from './markdown-renderer'\n\ninterface RenderMessage {\n  type: 'RENDER_MARKDOWN_TO_IMAGES'\n  target?: 'markdown-image-converter'\n  requestId?: string\n  payload: MarkdownImageRenderRequest\n}\n\nchrome.runtime.onMessage.addListener((message: RenderMessage, _sender, sendResponse) => {\n  if (message.type !== 'RENDER_MARKDOWN_TO_IMAGES' || message.target !== 'markdown-image-converter') {\n    return false\n  }\n\n  renderMarkdownToImages(message.payload)\n    .then((images) => sendResponse({ requestId: message.requestId, images }))\n    .catch((error) => sendResponse({\n      requestId: message.requestId,\n      error: error instanceof Error ? error.message : String(error),\n    }))\n\n  return true\n})\n"],"mappings":";;;;;;AACA,OAAO,iBAAiB;AA4CxB,IAAM,gBAAgB;AACtB,IAAM,iBAAiB;AACvB,IAAM,gBAAgB;AACtB,IAAM,oBAAoB;AAC1B,IAAM,gBAAgB;AACtB,IAAM,mBAAmB;AAEzB,IAAM,SAAsC;AAAA,EAC1C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;AAEA,IAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkMjB,eAAsB,uBACpB,SACsC;AACtC,QAAM,SAAS,iBAAiB,OAAO;AACvC,kBAAgB;AAChB,QAAM,QAAQ,YAAY,MAAM;AAChC,WAAS,KAAK,YAAY,KAAK;AAE/B,MAAI;AACF,UAAM,QAAQ,iBAAiB,QAAQ,KAAK;AAC5C,UAAM,SAAS,OAAO;AAEtB,UAAM,UAAuC,CAAC;AAC9C,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,gBAAU,MAAM,CAAC,GAAG,IAAI,GAAG,MAAM,MAAM;AACvC,cAAQ,KAAK;AAAA,QACX,KAAK,MAAM,oBAAoB,MAAM,CAAC,GAAG,MAAM;AAAA,QAC/C,OAAO,OAAO,QAAQ,OAAO;AAAA,QAC7B,QAAQ,OAAO,SAAS,OAAO;AAAA,QAC/B,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,UAAE;AACA,UAAM,OAAO;AAAA,EACf;AACF;AAEA,SAAS,iBAAiB,SAAmD;AAC3E,QAAM,WAAW,QAAQ,UAAU,KAAK;AACxC,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,yFAAwB;AAAA,EAC1C;AAEA,SAAO;AAAA,IACL,OAAO,QAAQ,OAAO,KAAK,KAAK;AAAA,IAChC;AAAA,IACA,OAAO,aAAa,QAAQ,KAAK;AAAA,IACjC,OAAO,aAAa,QAAQ,OAAO,KAAK,MAAM,aAAa;AAAA,IAC3D,QAAQ,aAAa,QAAQ,QAAQ,KAAK,MAAM,cAAc;AAAA,IAC9D,OAAO,aAAa,QAAQ,OAAO,GAAG,GAAG,aAAa;AAAA,IACtD,UAAU,aAAa,QAAQ,UAAU,GAAG,IAAI,iBAAiB;AAAA,EACnE;AACF;AAEA,SAAS,aAAa,OAAwC;AAC5D,SAAO,OAAO,SAAS,aAAa,KAAK,OAAO,aAAa;AAC/D;AAEA,SAAS,aAAa,OAA2B,KAAa,KAAa,UAA0B;AACnG,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,KAAe,CAAC,CAAC;AACjE;AAEA,SAAS,YAAY,QAAsC;AACzD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,UAAU;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,KAAK;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,GAAG;AACV,SAAO;AACT;AAEA,SAAS,iBAAiB,QAAsB,OAAmC;AACjF,QAAM,QAAQ,mBAAmB,MAAM;AACvC,QAAM,QAAuB,CAAC;AAC9B,MAAI,OAAO,WAAW,MAAM;AAC5B,MAAI,OAAO,YAAY,IAAI;AAC3B,QAAM,YAAY,IAAI;AACtB,QAAM,KAAK,IAAI;AAEf,aAAW,cAAc,OAAO;AAC9B,UAAM,OAAO,WAAW,UAAU,IAAI;AACtC,SAAK,YAAY,IAAI;AAErB,QAAI,KAAK,eAAe,KAAK,gBAAgB,KAAK,WAAW,SAAS,GAAG;AACvE,WAAK,YAAY,IAAI;AACrB,UAAI,MAAM,UAAU,OAAO,UAAU;AACnC,cAAM,IAAI,MAAM,qCAAiB,OAAO,QAAQ,iCAAQ;AAAA,MAC1D;AACA,aAAO,WAAW,MAAM;AACxB,aAAO,YAAY,IAAI;AACvB,YAAM,YAAY,IAAI;AACtB,YAAM,KAAK,IAAI;AACf,WAAK,YAAY,IAAI;AAAA,IACvB;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,mBAAmB,QAA8B;AACxD,QAAM,QAAgB,CAAC;AACvB,MAAI,OAAO,OAAO;AAChB,UAAM,QAAQ,SAAS,cAAc,IAAI;AACzC,UAAM,YAAY;AAClB,UAAM,cAAc,OAAO;AAC3B,UAAM,KAAK,KAAK;AAAA,EAClB;AAEA,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AACpB,UAAQ,YAAY,aAAa,eAAe,OAAO,QAAQ,CAAC;AAEhE,aAAW,SAAS,MAAM,KAAK,QAAQ,UAAU,GAAG;AAClD,QAAI,MAAM,aAAa,KAAK,aAAa,CAAC,MAAM,aAAa,KAAK,EAAG;AACrE,UAAM,KAAK,KAAK;AAAA,EAClB;AACA,SAAO;AACT;AAEA,SAAS,aAAa,MAAsB;AAC1C,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,YAAY;AAErB,WAAS,QACN,iBAAiB,0FAA0F,EAC3G,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;AAElC,WAAS,QAAQ,iBAAiB,KAAK,EAAE,QAAQ,CAAC,QAAQ;AACxD,UAAM,cAAc,SAAS,cAAc,KAAK;AAChD,gBAAY,YAAY;AACxB,UAAM,MAAM,IAAI,aAAa,KAAK,GAAG,KAAK;AAC1C,gBAAY,cAAc,MAAM,iCAAQ,GAAG,KAAK;AAChD,QAAI,YAAY,WAAW;AAAA,EAC7B,CAAC;AAED,QAAM,SAAS,SAAS,iBAAiB,SAAS,SAAS,WAAW,YAAY;AAClF,QAAM,WAAsB,CAAC;AAC7B,SAAO,OAAO,SAAS,GAAG;AACxB,aAAS,KAAK,OAAO,WAAsB;AAAA,EAC7C;AAEA,aAAW,WAAW,UAAU;AAC9B,eAAW,QAAQ,MAAM,KAAK,QAAQ,UAAU,GAAG;AACjD,YAAM,OAAO,KAAK,KAAK,YAAY;AACnC,YAAM,QAAQ,KAAK,MAAM,KAAK,EAAE,YAAY;AAC5C,UAAI,KAAK,WAAW,IAAI,KAAK,SAAS,SAAS;AAC7C,gBAAQ,gBAAgB,KAAK,IAAI;AAAA,MACnC;AACA,WAAK,SAAS,UAAU,SAAS,UAAU,MAAM,WAAW,aAAa,GAAG;AAC1E,gBAAQ,gBAAgB,KAAK,IAAI;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAEA,SAAO,MAAM,KAAK,SAAS,QAAQ,UAAU,EAC1C,IAAI,CAAC,SAAS;AACb,UAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,cAAU,YAAY,KAAK,UAAU,IAAI,CAAC;AAC1C,WAAO,UAAU;AAAA,EACnB,CAAC,EACA,KAAK,EAAE;AACZ;AAEA,SAAS,WAAW,QAAmC;AACrD,QAAM,OAAO,SAAS,cAAc,SAAS;AAC7C,OAAK,YAAY;AACjB,OAAK,MAAM,YAAY,mBAAmB,GAAG,OAAO,KAAK,IAAI;AAC7D,OAAK,MAAM,YAAY,oBAAoB,GAAG,OAAO,MAAM,IAAI;AAC/D,aAAW,MAAM,OAAO,KAAK;AAC7B,OAAK,MAAM,QAAQ,GAAG,OAAO,KAAK;AAClC,OAAK,MAAM,SAAS,GAAG,OAAO,MAAM;AAEpC,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,YAAY;AACjB,OAAK,YAAY,IAAI;AAErB,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,YAAY;AACnB,OAAK,YAAY,MAAM;AAEvB,SAAO;AACT;AAEA,SAAS,YAAY,MAAgC;AACnD,QAAM,OAAO,KAAK,cAA2B,aAAa;AAC1D,MAAI,CAAC,KAAM,OAAM,IAAI,MAAM,kDAAU;AACrC,SAAO;AACT;AAEA,SAAS,UAAU,MAAmB,SAAiB,OAAqB;AAC1E,QAAM,SAAS,KAAK,cAA2B,eAAe;AAC9D,MAAI,CAAC,OAAQ;AACb,SAAO,gBAAgB,KAAK,iBAAiB,GAAG,KAAK,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;AAC/E;AAEA,eAAe,oBAAoB,MAAmB,QAAuC;AAC3F,QAAM,SAAS,MAAM,YAAY,MAAM;AAAA,IACrC,iBAAiB,OAAO,MAAM,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,IACf,OAAO,OAAO;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,OAAO;AAAA,IACpB,cAAc,OAAO;AAAA,EACvB,CAAC;AACD,SAAO,OAAO,UAAU,WAAW;AACrC;AAEA,SAAS,WAAW,MAAmB,OAA0B;AAC/D,OAAK,MAAM,YAAY,yBAAyB,MAAM,OAAO,UAAU;AACvE,OAAK,MAAM,YAAY,mBAAmB,MAAM,OAAO,IAAI;AAC3D,OAAK,MAAM,YAAY,sBAAsB,MAAM,OAAO,OAAO;AACjE,OAAK,MAAM,YAAY,oBAAoB,MAAM,OAAO,KAAK;AAC7D,OAAK,MAAM,YAAY,qBAAqB,MAAM,OAAO,MAAM;AAC/D,OAAK,MAAM,YAAY,mBAAmB,MAAM,OAAO,IAAI;AAC3D,OAAK,MAAM,YAAY,qBAAqB,MAAM,OAAO,MAAM;AAC/D,OAAK,MAAM,YAAY,qBAAqB,MAAM,OAAO,MAAM;AAC/D,OAAK,MAAM,YAAY,wBAAwB,MAAM,OAAO,QAAQ;AACpE,OAAK,MAAM,YAAY,8BAA8B,MAAM,OAAO,cAAc;AAClF;AAEA,SAAS,KAAK,MAA+B;AAC3C,QAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,UAAQ,cAAc;AACtB,SAAO;AACT;AAEA,SAAS,kBAAwB;AAC/B,MAAI,SAAS,eAAe,gBAAgB,EAAG;AAC/C,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,KAAK;AACX,QAAM,cAAc;AACpB,WAAS,KAAK,YAAY,KAAK;AACjC;;;ACteA,OAAO,QAAQ,UAAU,YAAY,CAAC,SAAwB,SAAS,iBAAiB;AACtF,MAAI,QAAQ,SAAS,+BAA+B,QAAQ,WAAW,4BAA4B;AACjG,WAAO;AAAA,EACT;AAEA,yBAAuB,QAAQ,OAAO,EACnC,KAAK,CAAC,WAAW,aAAa,EAAE,WAAW,QAAQ,WAAW,OAAO,CAAC,CAAC,EACvE,MAAM,CAAC,UAAU,aAAa;AAAA,IAC7B,WAAW,QAAQ;AAAA,IACnB,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;AAAA,EAC9D,CAAC,CAAC;AAEJ,SAAO;AACT,CAAC;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+import { R as RuntimeInterface, c as PublishStatusRef, a as Article, b as PublishEventHandler, A as AuthResult, d as PublishStatusResult, e as PublishResult } from './interface-BlLeWXzS.js';
+export { M as MarkdownImageRenderOptions, f as MarkdownImageRenderResult, g as PublishError, h as PublishEvent, i as PublishState, j as PublishStatusState, k as RuntimeConfig } from './interface-BlLeWXzS.js';
+import { I as ImageProgressCallback } from './types-BAnNlLpy.js';
+export { createExtensionRuntime } from './runtime/index.js';
+
+interface PublishArticleInput {
+    title: string;
+    description?: string;
+    body?: string;
+    content?: string;
+    markdown?: string;
+    html?: string;
+    cover?: string;
+    tags?: string[];
+    category?: string;
+    source?: Article['source'];
+}
+interface PublishRequestOptions {
+    onImageProgress?: ImageProgressCallback;
+}
+interface PublishRequest {
+    platform: string;
+    article: Article | PublishArticleInput;
+    runtime: RuntimeInterface;
+    onEvent?: PublishEventHandler;
+    options?: PublishRequestOptions;
+}
+interface GetStatusRequest {
+    platform: string;
+    runtime: RuntimeInterface;
+    statusRef: PublishStatusRef;
+}
+interface CheckAuthRequest {
+    platform: string;
+    runtime: RuntimeInterface;
+}
+declare function publish(request: PublishRequest): Promise<PublishResult>;
+declare function checkAuth(request: CheckAuthRequest): Promise<AuthResult>;
+declare function getStatus(request: GetStatusRequest): Promise<PublishStatusResult>;
+
+declare const VERSION = "1.0.0";
+
+export { Article, AuthResult, type CheckAuthRequest, type GetStatusRequest, type PublishArticleInput, PublishEventHandler, type PublishRequest, type PublishRequestOptions, PublishResult, PublishStatusRef, PublishStatusResult, RuntimeInterface, VERSION, checkAuth, getStatus, publish };