@umijs/plugin-docs 4.0.6 → 4.0.9

package/client/theme-doc/Search.tsx

@@ -1,9 +1,9 @@
 import cx from 'classnames';
+import slugger from 'github-slugger';
 import key from 'keymaster';
 import React, { Fragment, useEffect, useState } from 'react';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 
 export default () => {
   const { components } = useThemeContext()!;
@@ -168,7 +168,7 @@ function search(routes: any, keyword: string): SearchResultItem[] {
               .join(' > ') +
             ' > ' +
             title.title,
-          href: '/' + path + '#' + getLinkFromTitle(title.title),
+          href: '/' + path + '#' + slugger.slug(title.title),
         });
       }
     });

package/client/theme-doc/Toc.tsx

@@ -1,11 +1,12 @@
+import GithubSlugger from 'github-slugger';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 import getTocTitle from './utils/getTocTitle';
 
 export default () => {
+  const slugger = new GithubSlugger();
   const { location, appData, themeConfig } = useThemeContext()!;
   const lang = useLanguage();
   const route =
@@ -48,7 +49,7 @@ export default () => {
                 className={`${
                   item.level > 2 ? 'text-sm' : 'text-base'
                 } break-all 2xl:break-words`}
-                href={'#' + getLinkFromTitle(item.title)}
+                href={'#' + slugger.slug(item.title)}
               >
                 {getTocTitle(item.title)}
               </a>

package/client/theme-doc/components/Tabbed.tsx

@@ -0,0 +1,78 @@
+import React, { FC, PropsWithChildren, ReactNode, useState } from 'react';
+
+type Pane = {
+  title: ReactNode;
+  content: ReactNode;
+};
+
+type TabbedProps = {
+  panes?: Pane[];
+};
+
+export default function Tabbed(props: PropsWithChildren<TabbedProps>) {
+  const { children } = props;
+
+  const [activeTab, setActiveTab] = useState(0);
+
+  let tabs: ReactNode[] = [];
+  let content: ReactNode = null;
+
+  if (props.panes && props.panes.length > 0) {
+    tabs = props.panes.map((pane) => {
+      return pane.title;
+    });
+
+    content = props.panes[activeTab].content;
+  } else {
+    // Guess pane from children, make mdx more idiomatic
+    const childrenArray = React.Children.toArray(children) || [];
+
+    tabs = childrenArray.filter((_, index) => index % 2 === 0);
+    const contents = childrenArray.filter((_, index) => index % 2 === 1);
+
+    content = contents[activeTab];
+  }
+
+  return (
+    <div className="tabbed-code">
+      <Wrapper>
+        <Tabs tabs={tabs} setActiveTab={setActiveTab} activeTab={activeTab} />
+      </Wrapper>
+      {content || null}
+    </div>
+  );
+}
+const Wrapper: FC<PropsWithChildren> = ({ children }) => {
+  return <div className={`w-full pt-5 pt-0 `}>{children}</div>;
+};
+
+const Tabs: FC<
+  PropsWithChildren<{
+    tabs: ReactNode[];
+    setActiveTab: Function;
+    activeTab: number;
+  }>
+> = ({ tabs, activeTab, setActiveTab }) => {
+  return (
+    <ul className="cursor-pointer m-0 mt-4 px-0 list-none inline-flex flex-wrap rounded-t-lg text-sm font-small text-center text-gray-500 dark:text-gray-400">
+      {tabs.map((tab, index) => {
+        return (
+          <li key={index} className="mr-0 mt-0">
+            <button
+              onClick={() => setActiveTab(index)}
+              className={`tabbed-tab-button
+                hover:text-gray-700 hover:border-gray-300 dark:hover:text-gray-300 
+                ${
+                  activeTab === index
+                    ? 'bg-zinc-900 text-white hover:text-neutral-300 dark:text-white'
+                    : 'text-neutral-500 hover:text-gray-700 hover:border-gray-300 dark:hover:text-gray-300 '
+                }`}
+            >
+              {tab}
+            </button>
+          </li>
+        );
+      })}
+    </ul>
+  );
+};

package/client/theme-doc/index.ts

@@ -5,4 +5,5 @@ export { default as FeatureItem } from './components/FeatureItem';
 export { default as Features } from './components/Features';
 export { default as Hero } from './components/Hero';
 export { default as Message } from './components/Message';
+export { default as Tabbed } from './components/Tabbed';
 export { default as $Layout } from './Layout';

package/client/theme-doc/tailwind.css

@@ -77,6 +77,23 @@ article div[data-rehype-pretty-code-fragment] {
   @apply my-4;
 }
 
+article .tabbed-code div[data-rehype-pretty-code-fragment] {
+  @apply my-0;
+}
+
+article .tabbed-code pre {
+  @apply rounded-none rounded-b-md rounded-tr-md;
+}
+
+article .tabbed-code .tabbed-tab-button {
+  @apply inline-flex items-center rounded-t-lg px-4;
+}
+
+article .tabbed-code .tabbed-tab-button * {
+  @apply mt-0;
+  color: inherit;
+}
+
 /* 代码块的标题部分 */
 article
   div[data-rehype-pretty-code-fragment]
@@ -223,7 +240,6 @@ h6 {
 }
 
 @layer components {
-
   .title-link a {
     float: left;
     margin-top: 0.1em;
@@ -233,19 +249,19 @@ h6 {
     line-height: 1;
     box-sizing: border-box;
     background: none;
-    opacity: 0
-  }  
+    opacity: 0;
+  }
 
-  .title-link:hover a{
-    opacity: 1
+  .title-link:hover a {
+    opacity: 1;
   }
 
-  .title-link span{
+  .title-link span {
     display: none;
   }
-  
-  .title-link a::after{
-    content: "#";
+
+  .title-link a::after {
+    content: '#';
     display: inline-block;
     vertical-align: middle;
     font-size: 20px;

package/dist/compiler.js

@@ -1,60 +1,70 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compile = void 0;
-const rehype_pretty_code_1 = __importDefault(require("rehype-pretty-code"));
-const plugin_utils_1 = require("umi/plugin-utils");
-// @ts-ignore
-const mdx_1 = require("../compiled/@mdx-js/mdx");
-// @ts-ignore
-const rehype_slug_1 = __importDefault(require("../compiled/rehype-slug"));
-// @ts-ignore
-const remark_gfm_1 = __importDefault(require("../compiled/remark-gfm"));
-// @ts-ignore
-const rehype_autolink_headings_1 = __importDefault(require("../compiled/rehype-autolink-headings"));
-// https://rehype-pretty-code.netlify.app
-const rehypePrettyCodeOptions = {
-    theme: 'dark-plus',
-    onVisitLine(node) {
-        // Prevent lines from collapsing in `display: grid` mode, and
-        // allow empty lines to be copy/pasted
-        if (node.children.length === 0) {
-            node.children = [{ type: 'text', value: ' ' }];
-        }
-    },
-    // 允许高亮代码行
-    // 对于高亮的代码行，设置为 highlighted 样式表类
-    onVisitHighlightedLine(node) {
-        node.properties.className.push('highlighted');
-    },
-    // 允许高亮代码文字
-    // 对于高亮的代码文字，设置为 word 样式表类
-    onVisitHighlightedWord(node) {
-        node.properties.className = ['word'];
-    },
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// compiler.ts
+var compiler_exports = {};
+__export(compiler_exports, {
+  compile: () => compile
+});
+module.exports = __toCommonJS(compiler_exports);
+var import_rehype_pretty_code = __toESM(require("rehype-pretty-code"));
+var import_plugin_utils = require("umi/plugin-utils");
+var import_mdx = require("../compiled/@mdx-js/mdx");
+var import_rehype_slug = __toESM(require("../compiled/rehype-slug"));
+var import_remark_gfm = __toESM(require("../compiled/remark-gfm"));
+var import_rehype_autolink_headings = __toESM(require("../compiled/rehype-autolink-headings"));
+var rehypePrettyCodeOptions = {
+  theme: "dark-plus",
+  onVisitLine(node) {
+    if (node.children.length === 0) {
+      node.children = [{ type: "text", value: " " }];
+    }
+  },
+  onVisitHighlightedLine(node) {
+    node.properties.className.push("highlighted");
+  },
+  onVisitHighlightedWord(node) {
+    node.properties.className = ["word"];
+  }
 };
 async function compile(opts) {
-    const compiler = (0, mdx_1.createProcessor)({
-        jsx: true,
-        remarkPlugins: [remark_gfm_1.default],
-        rehypePlugins: [
-            rehype_slug_1.default,
-            [rehype_pretty_code_1.default, rehypePrettyCodeOptions],
-            rehype_autolink_headings_1.default,
-        ],
-    });
-    try {
-        let result = String(await compiler.process(opts.content));
-        result = result.replace('function MDXContent(props = {}) {', `
+  const compiler = (0, import_mdx.createProcessor)({
+    jsx: true,
+    remarkPlugins: [import_remark_gfm.default],
+    rehypePlugins: [
+      import_rehype_slug.default,
+      [import_rehype_pretty_code.default, rehypePrettyCodeOptions],
+      import_rehype_autolink_headings.default
+    ]
+  });
+  try {
+    let result = String(await compiler.process(opts.content));
+    result = result.replace("function MDXContent(props = {}) {", `
 import { useEffect } from 'react';
 
 function MDXContent(props = {}) {
 
   useEffect(() => {
     if (window.location.hash.length !== 0) {
-      // 为了右侧内容区能正常跳转
+      // \u4E3A\u4E86\u53F3\u4FA7\u5185\u5BB9\u533A\u80FD\u6B63\u5E38\u8DF3\u8F6C
       const hash = decodeURIComponent(window.location.hash);
       setTimeout(() => {
         document.getElementById(hash.slice(1))?.scrollIntoView();
@@ -69,17 +79,16 @@ function MDXContent(props = {}) {
   }, []);
 
 `);
-        return { result };
-    }
-    catch (e) {
-        plugin_utils_1.logger.error(e.reason);
-        plugin_utils_1.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
-        plugin_utils_1.logger.error(opts.content
-            .split('\n')
-            .filter((_, i) => i == e.line - 1)
-            .join('\n'));
-        plugin_utils_1.logger.error(' '.repeat(e.column - 1) + '^');
-        return { result: '' };
-    }
+    return { result };
+  } catch (e) {
+    import_plugin_utils.logger.error(e.reason);
+    import_plugin_utils.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
+    import_plugin_utils.logger.error(opts.content.split("\n").filter((_, i) => i == e.line - 1).join("\n"));
+    import_plugin_utils.logger.error(" ".repeat(e.column - 1) + "^");
+    return { result: "" };
+  }
 }
-exports.compile = compile;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compile
+});

package/dist/index.js

@@ -1,135 +1,141 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+  return a;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const bundler_utils_1 = require("@umijs/bundler-utils");
-const utils_1 = require("@umijs/utils");
-const fs_1 = __importStar(require("fs"));
-const path_1 = require("path");
-const markdown_1 = require("./markdown");
-exports.default = (api) => {
-    // 把用户当前有设置在 docs/locales 下的语系放到变量 locales 中，方便后续使用
-    const locales = {};
-    const localesPath = (0, path_1.join)(api.cwd, 'docs/locales');
-    if ((0, fs_1.existsSync)(localesPath)) {
-        fs_1.default.readdirSync(localesPath).forEach((file) => {
-            if (file.endsWith('.json')) {
-                const filePath = (0, path_1.join)(localesPath, file);
-                const content = fs_1.default.readFileSync(filePath).toString();
-                const json = JSON.parse(content);
-                const localeName = file.replace('.json', '');
-                locales[localeName] = json;
-            }
-        });
-    }
-    api.modifyDefaultConfig((memo) => {
-        memo.conventionRoutes = {
-            ...memo.conventionRoutes,
-            base: (0, path_1.join)(api.cwd, 'docs'),
-        };
-        memo.mdx = {
-            loader: require.resolve('./loader'),
-            loaderOptions: {},
-        };
-        return memo;
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_bundler_utils = require("@umijs/bundler-utils");
+var import_utils = require("@umijs/utils");
+var import_fs = __toESM(require("fs"));
+var import_path = require("path");
+var import_markdown = require("./markdown");
+var src_default = (api) => {
+  const locales = {};
+  const localesPath = (0, import_path.join)(api.cwd, "docs/locales");
+  if ((0, import_fs.existsSync)(localesPath)) {
+    import_fs.default.readdirSync(localesPath).forEach((file) => {
+      if (file.endsWith(".json")) {
+        const filePath = (0, import_path.join)(localesPath, file);
+        const content = import_fs.default.readFileSync(filePath).toString();
+        const json = JSON.parse(content);
+        const localeName = file.replace(".json", "");
+        locales[localeName] = json;
+      }
     });
-    api.addLayouts(() => {
-        return [
-            {
-                id: 'docs-layout',
-                file: withTmpPath({ api, path: 'Layout.tsx' }),
-            },
-        ];
+  }
+  api.modifyDefaultConfig((memo) => {
+    memo.conventionRoutes = __spreadProps(__spreadValues({}, memo.conventionRoutes), {
+      base: (0, import_path.join)(api.cwd, "docs")
     });
-    api.onPatchRoute(({ route }) => {
-        if (route.__content) {
-            route.titles = (0, markdown_1.parseTitle)({
-                content: route.__content,
-            });
-        }
-        // 放在 docs/xxx.zh-CN.md 的文档，会被映射到 /zh-CN/docs/xxx 目录
-        if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
-            route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, '$2/$1');
-            // 放在 docs/xxx/README.zh-CN.md 格式结尾的文档，会被映射到 /zh-CN/docs 目录
-            if (route.path.endsWith('README')) {
-                route.path = route.path.replace(/README$/, '');
-            }
+    memo.mdx = {
+      loader: require.resolve("./loader"),
+      loaderOptions: {}
+    };
+    return memo;
+  });
+  api.addLayouts(() => {
+    return [
+      {
+        id: "docs-layout",
+        file: withTmpPath({ api, path: "Layout.tsx" })
+      }
+    ];
+  });
+  api.onPatchRoute(({ route }) => {
+    if (route.__content) {
+      route.titles = (0, import_markdown.parseTitle)({
+        content: route.__content
+      });
+    }
+    if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
+      route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, "$2/$1");
+      if (route.path.endsWith("README")) {
+        route.path = route.path.replace(/README$/, "");
+      }
+    }
+  });
+  api.modifyRoutes((r) => {
+    if (!locales)
+      return r;
+    for (const route in r) {
+      if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
+        continue;
+      const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, "");
+      Object.keys(locales).map((l) => {
+        if (r[defaultLangFile] && !r[defaultLangFile + "." + l]) {
+          r[defaultLangFile + "." + l] = __spreadProps(__spreadValues({}, r[defaultLangFile]), {
+            path: `/${l}/${r[defaultLangFile].path}`
+          });
         }
+      });
+    }
+    return r;
+  });
+  api.onGenerateFiles(() => {
+    var _a;
+    let theme = ((_a = api.config.docs) == null ? void 0 : _a.theme) || require.resolve("../client/theme-doc/index.ts");
+    if (theme === "blog") {
+      theme = require.resolve("../client/theme-blog/index.ts");
+    }
+    theme = (0, import_utils.winPath)(theme);
+    const themeConfigPath = (0, import_utils.winPath)((0, import_path.join)(api.cwd, "theme.config.ts"));
+    const themeExists = (0, import_fs.existsSync)(themeConfigPath);
+    let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
+    const [_, exports] = (0, import_bundler_utils.parseModuleSync)({
+      content: (0, import_fs.readFileSync)(theme, "utf-8"),
+      path: theme
     });
-    // 检查路由是否存在其他语言，没有的话做 fallback 处理
-    api.modifyRoutes((r) => {
-        if (!locales)
-            return r;
-        for (const route in r) {
-            if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
-                continue;
-            const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, '');
-            Object.keys(locales).map((l) => {
-                if (r[defaultLangFile] && !r[defaultLangFile + '.' + l]) {
-                    r[defaultLangFile + '.' + l] = {
-                        ...r[defaultLangFile],
-                        path: `/${l}/${r[defaultLangFile].path}`,
-                    };
-                }
-            });
-        }
-        return r;
+    api.writeTmpFile({
+      path: "index.ts",
+      content: `
+export { ${exports.filter((item) => !item.startsWith("$")).join(", ")} } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+    `
     });
-    api.onGenerateFiles(() => {
-        var _a;
-        // theme path
-        let theme = ((_a = api.config.docs) === null || _a === void 0 ? void 0 : _a.theme) || require.resolve('../client/theme-doc/index.ts');
-        if (theme === 'blog') {
-            theme = require.resolve('../client/theme-blog/index.ts');
-        }
-        theme = (0, utils_1.winPath)(theme);
-        const themeConfigPath = (0, utils_1.winPath)((0, path_1.join)(api.cwd, 'theme.config.ts'));
-        const themeExists = (0, fs_1.existsSync)(themeConfigPath);
-        // 将 docs/locales 目录下的 json 文件注入到 themeConfig.locales 中
-        let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
-        // exports don't start with $ will be MDX Component
-        const [_, exports] = (0, bundler_utils_1.parseModuleSync)({
-            content: (0, fs_1.readFileSync)(theme, 'utf-8'),
-            path: theme,
-        });
-        api.writeTmpFile({
-            path: 'index.ts',
-            content: `
-export { ${exports
-                .filter((item) => !item.startsWith('$'))
-                .join(', ')} } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-    `,
-        });
-        api.writeTmpFile({
-            path: 'Layout.tsx',
-            content: `
+    api.writeTmpFile({
+      path: "Layout.tsx",
+      content: `
 import React from 'react';
 import { useOutlet, useAppData, useLocation, Link, history } from 'umi';
-import { $Layout as Layout } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-${themeExists
-                ? `import themeConfig from '${themeConfigPath}'`
-                : `const themeConfig = {}`}
+import { $Layout as Layout } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+${themeExists ? `import themeConfig from '${themeConfigPath}'` : `const themeConfig = {}`}
 
 ${injectLocale}
 
@@ -143,12 +149,12 @@ export default () => {
     </Layout>
   );
 };
-`,
-        });
+`
     });
+  });
 };
 function withTmpPath(opts) {
-    return (0, path_1.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir
-        ? `plugin-${opts.api.plugin.key}`
-        : '', opts.path);
+  return (0, import_path.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir ? `plugin-${opts.api.plugin.key}` : "", opts.path);
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});