插件是 docmd 的主要扩展机制。它们允许您注入 HTML、修改 Markdown 解析、注入构建时数据，并自动化构建后任务。本指南概述了插件 API。

插件描述符

每个插件必须导出一个 plugin 描述符，声明其身份和能力。这使引擎能够在加载时验证和隔离边界。

  "plugin": {
    "name": "my-analytics",
    "version": "1.0.0",
    "capabilities": ["head", "body", "post-build"]
  },

  "generateScripts": (config, opts) => { ... },
  "onPostBuild": async (ctx) => { ... }

注意： 描述符是严格必需的。没有描述符的插件将无法加载。

核心能力

capabilities 数组决定您的插件可以使用哪些钩子。

注意： template 能力是独占的 —— 如果一个插件声明了它，就不能再声明 head、build、post-build 等。模板仅提供插槽和资源；它们不运行生命周期钩子。如果您需要两者，请发布两个独立的包。

插件 API 参考

docmd 插件是一个标准的 JavaScript 对象，实现以下一个或多个钩子。

构建模板插件（0.8.7 新增）

模板是具有 capabilities: ['template'] 的插件。它提供 templates[] 数组（插槽覆盖）和 templateAssets[] 数组（CSS/JS bundle）。请参阅专门的 模板指南 和 主题 → 模板 以获取完整的编写步骤、插槽表和解析链。最小的可行模板如下：

export default {
  plugin: {
    name: 'template-foo',
    version: '1.0.0',
    capabilities: ['template'],
  },
  templates: [
    { type: 'menubar', templatePath: '/abs/path/to/templates/partials/menubar.ejs' },
    { type: 'footer',  templatePath: '/abs/path/to/templates/partials/footer.ejs' },
  ],
  templateAssets: [
    { type: 'css', path: '/abs/path/to/assets/css/foo.css', priority: 10, position: 'head' },
  ],
};

创建本地插件

创建插件就像定义一个 JavaScript 文件一样简单。例如，my-plugin.js：

import path from "path";

export default {
  plugin: {
    "name": "my-plugin",
    "version": "1.0.0",
    "capabilities": ["head", "post-build"]
  },

  markdownSetup: (md, options) => {
    // 添加自定义解析规则
  },

  generateMetaTags: async (config, page, relativePathToRoot) => {
    return `<meta name="x-build-id" content="${config._buildHash}">`;
  },

  onPostBuild: async ({ config, pages, outputDir, log, options }) => {
    log(`Custom Plugin: Verified ${pages.length} pages.`);
  }
};

要启用您的插件，请在您的 docmd.config.json 中引用其完整包名：

  "plugins": {
    "my-awesome-plugin": {}
  }

注意： 简写名称（例如 math、search）保留给官方 @docmd/plugin-* 包。第三方插件必须始终使用其完整的 npm 包名。

插件解析

docmd 引擎按如下方式解析插件名称：

• 官方简写（math、search）扩展为 @docmd/plugin-<name>。只有官方包可以存在于 @docmd 作用域下。
• 第三方插件必须使用其完整包名（例如 my-awesome-plugin、@myorg/docmd-extras）。外部插件没有别名系统。这消除了供应链攻击向量。

插件隔离

每次钩子调用都被包裹在 try/catch 块中。损坏的插件不会导致构建崩溃或干扰其他插件。错误会被记录并汇总到摘要中。

限制插件作用域（noStyle）

插件默认会全局注入其 CSS/JS。开发者可以通过导出 noStyle 布尔值来明确阻止其插件在 noStyle 页面上渲染：

export default {
  noStyle: false,

  generateScripts: () => { ... }
}

用户可以通过配置（plugins: { math: { noStyle: false } }）或通过 Markdown frontmatter（plugins: { math: true }）动态覆盖此设置。

生命周期钩子

Docmd 提供深度集成钩子。它们允许插件操作配置、原始源码和页面数据。

引擎加速与后台任务（runWorkerTask）

docmd 通过可插拔引擎架构执行密集型操作。插件可以通过配置的构建引擎（例如 JavaScript 或原生 Rust 工作进程）轻松卸载自定义繁重 I/O 或 CPU 密集型子例程。

runWorkerTask 方法被透明地注入到 PageContext、PostBuildContext 和 ActionContext。

{
  "plugin": { "name": "my-plugin", "version": "1.0.0", "capabilities": ["post-build"] },

  "onPostBuild": async (ctx) => {
    // 传递注册的引擎 action 名称或绝对脚本路径
    const result = await ctx.runWorkerTask('/path/to/worker.js', 'parseData', [ctx.outputDir]);
  }
}

数据获取与索引（onBeforeBuild）

onBeforeBuild 钩子在 markdown 解析完成之后、HTML 渲染循环开始之前运行。它非常适合用于繁重的数据索引或 API 调用。

它接收 BeforeBuildContext，其中包含所有 pages 和 tui 实例。这允许插件显示隔离的进度条。

export async function onBeforeBuild({ pages, tui }) {
  tui.step('Fetching remote plugin data', 'WAIT');

  let processed = 0;
  for (const page of pages) {
    if (page.sourcePath) {
      page.frontmatter.remoteData = await fetchHeavyData(page.sourcePath);
    }
    processed++;
    if (processed % 10 === 0 || processed === pages.length) {
      tui.progress('Fetching remote plugin data', processed, pages.length);
    }
  }

  tui.step('Fetching remote plugin data', 'DONE');
}

onBeforeRender 和 PageContext

使用 onBeforeRender 注入从源文件派生的构建时数据。

interface PageContext {
  sourcePath: string;
  frontmatter: Record<string, any>;
  html: string;
  localeId?: string;
  versionId?: string;
  relativePathToRoot?: string;
  runWorkerTask<T = any>(modulePath: string, functionName: string, args: any[]): Promise<T>;
}

export default {
  plugin: {
    name: "my-metadata-plugin",
    version: "1.0.0",
    capabilities: ["build"]
  },

  onBeforeRender: async (page) => {
    const stats = fs.statSync(page.sourcePath);
    page.frontmatter.wordCount = page.html.split(/\s+/).length;
    page.frontmatter.fileSize = stats.size;
  }
}

深入了解：资源注入

getAssets() 钩子允许您的插件安全地捆绑客户端逻辑。

export default {
  getAssets: (options) => {
    return [
      {
        url: "https://example.com/script.js",
        type: "js",
        location: "head"
      },
      {
        src: path.join(__dirname, "plugin-init.js"),
        dest: "assets/js/plugin-init.js",
        type: "js",
        location: "body"
      }
    ];
  }
}

翻译插件（i18n）

渲染客户端 UI 的插件应通过 translations(localeId) 钩子公开字符串。引擎会自动将这些与核心字符串合并。

标准模式将每种语言的 JSON 文件存储在 i18n/ 目录中：

import fs from "fs";
import path from "path";

export default {
  plugin: {
    name: "my-plugin",
    version: "1.0.0",
    capabilities: ["translations", "body"]
  },

  translations: (localeId) => {
    try {
      const p = path.join(__dirname, "i18n", `${localeId}.json`);
      return JSON.parse(fs.readFileSync(p, "utf8"));
    } catch { }

    return {};
  }
}

WebSocket RPC Actions

插件可以在开发服务器上注册 action 处理器和 event 处理器。它们可通过 window.docmd API 从浏览器调用。

export default {
  plugin: {
    name: "my-live-plugin",
    version: "1.0.0",
    capabilities: ["actions", "events"]
  },

  actions: {
    "my-plugin:save-note": async (payload, ctx) => {
      const content = await ctx.readFile(payload.file);
      const updated = content + "\n\n> " + payload.note;
      await ctx.writeFile(payload.file, updated);
      return { "saved": true };
    }
  },

  events: {
    "my-plugin:page-viewed": (data, ctx) => {
      console.log(`Page viewed: ${data.path}`);
    }
  }
};

ctx（ActionContext）提供：

所有文件操作都沙箱化到项目根目录。

最佳实践

1. 声明能力：始终导出带有声明能力的 plugin 描述符。
2. 使用 onBeforeRender 进行数据注入：如果您的插件计算 frontmatter 字段，请使用 onBeforeRender。
3. Async/Await：始终对 onPostBuild、onBeforeRender 和 action 处理器使用 async 函数。
4. 无状态：避免在插件对象中维护状态。引擎可能会动态重新初始化插件。
5. 命名约定：社区包名称以前缀 docmd-plugin- 开头。
6. Action 命名空间：action 名称以您的插件名称为前缀（例如 my-plugin:save-note）。
7. Action 验证：在您的 actions 中定义并要求显式的 payload schema。
8. 日志记录：在 onPostBuild 中使用提供的 log() helper 以遵守用户的详细程度设置。