dumi 2.1.3 → 2.1.4

package/dist/client/theme-api/types.d.ts

@@ -115,8 +115,8 @@ export interface IRouteMeta {
     }[];
     tabs?: {
         key: string;
-        name?: string;
-        nameIntlId?: string;
+        title?: string;
+        titleIntlId?: string;
         components: {
             default: ComponentType;
             Extra: ComponentType;

package/dist/features/derivative.js

@@ -109,6 +109,9 @@ var derivative_default = (api) => {
   });
   api.modifyConfig((memo) => {
     var _a;
+    if (api.userConfig.mfsu === true) {
+      memo.mfsu = {};
+    }
     if ((_a = api.userConfig.alias) == null ? void 0 : _a["@"]) {
       memo.alias["@"] = api.userConfig.alias["@"];
     } else {

package/dist/features/meta.js

@@ -119,10 +119,17 @@ export const patchRoutes = ({ routes }) => {
         route.meta = deepmerge(route.meta, filesMeta[route.id]);
 
         // apply real tab data from id
-        route.meta.tabs = route.meta.tabs?.map(id => ({
-          ...tabs[id],
-          meta: filesMeta[id],
-        }));
+        route.meta.tabs = route.meta.tabs?.map((id) => {
+          const meta = {
+            frontmatter: { title: tabs[id].title },
+            toc: [],
+            texts: [],
+          }
+          return {
+            ...tabs[id],
+            meta: filesMeta[id] || meta,
+          }
+        });
       }
     }
   });

package/dist/features/tabs.d.ts

@@ -3,8 +3,8 @@ export interface IContentTab {
     key: string;
     id?: string;
     test?: RegExp;
-    name?: string;
-    nameIntlId?: string;
+    title?: string;
+    titleIntlId?: string;
     component: string;
 }
 export declare function isTabRouteFile(file: string): boolean;

package/dist/features/tabs.js

@@ -86,8 +86,8 @@ var tabs_default = (api) => {
       index: tabs.length + index,
       key: tab.key,
       id: tab.id,
-      name: tab.name,
-      nameIntlId: tab.nameIntlId,
+      title: tab.title || import_plugin_utils.lodash.startCase(import_path.default.parse(tab.component).name),
+      titleIntlId: tab.titleIntlId,
       file: tab.component
     })));
     return routes;
@@ -101,11 +101,14 @@ var tabs_default = (api) => {
         }
       });
       tabs.forEach((tab) => {
-        metaFiles.push({
-          id: tab.id,
-          file: tab.file,
-          index: metaFiles.length
-        });
+        const isFromPlugin = tabsFromPlugins.some((item) => item.id === tab.id);
+        if (!isFromPlugin) {
+          metaFiles.push({
+            id: tab.id,
+            file: tab.file,
+            index: metaFiles.length
+          });
+        }
       });
       return metaFiles;
     }
@@ -120,7 +123,7 @@ import * as tab{{{index}}} from '{{{file}}}';
 
 export const tabs = {
   {{#tabs}}
-  '{{{id}}}': { key: '{{{key}}}', name: '{{{name}}}', nameIntlId: '{{{nameIntlId}}}', components: tab{{{index}}} },
+  '{{{id}}}': { key: '{{{key}}}', title: '{{{title}}}', titleIntlId: '{{{titleIntlId}}}', components: tab{{{index}}} },
   {{/tabs}}
 }
 `, { tabs })

package/dist/loaders/markdown/transformer/rehypeDemo.js

@@ -163,6 +163,12 @@ function rehypeDemo(opts) {
                 "snapshot",
                 "keywords"
               ];
+              const techStackOpts = {
+                type: codeType,
+                mdAbsPath: opts.fileAbsPath,
+                fileAbsPath: codeType === "external" ? parseOpts.fileAbsPath : void 0,
+                entryPointCode: parseOpts.entryPointCode
+              };
               Object.keys(restAttrs).forEach((key) => {
                 if (restAttrs[key] === "")
                   restAttrs[key] = true;
@@ -179,12 +185,7 @@ function rehypeDemo(opts) {
                   component
                 };
               }
-              Object.assign(previewerProps, await ((_b = techStack.generatePreviewerProps) == null ? void 0 : _b.call(techStack, originalProps, {
-                type: codeType,
-                mdAbsPath: opts.fileAbsPath,
-                fileAbsPath: codeType === "external" ? parseOpts.fileAbsPath : void 0,
-                entryPointCode: parseOpts.entryPointCode
-              })) || originalProps);
+              Object.assign(previewerProps, await ((_b = techStack.generatePreviewerProps) == null ? void 0 : _b.call(techStack, originalProps, techStackOpts)) || originalProps);
               if (previewerProps.description) {
                 const { unified } = await import("unified");
                 const { default: remarkParse } = await import("remark-parse");
@@ -201,7 +202,7 @@ function rehypeDemo(opts) {
               return {
                 id: asset.id,
                 component,
-                asset: techStack.generateMetadata ? await techStack.generateMetadata(asset) : asset,
+                asset: techStack.generateMetadata ? await techStack.generateMetadata(asset, techStackOpts) : asset,
                 sources
               };
             }));

package/dist/types.d.ts

@@ -71,16 +71,16 @@ export declare abstract class IDumiTechStack {
     /**
      * generator for return asset metadata
      */
-    abstract generateMetadata?(asset: ExampleBlockAsset): Promise<ExampleBlockAsset> | ExampleBlockAsset;
-    /**
-     * generator for return previewer props
-     */
-    abstract generatePreviewerProps?(props: IDumiDemoProps['previewerProps'], opts: {
+    abstract generateMetadata?(asset: ExampleBlockAsset, opts: {
         type: Parameters<IDumiTechStack['transformCode']>[1]['type'];
         mdAbsPath: string;
         fileAbsPath?: string;
         entryPointCode?: string;
-    }): Promise<IDumiDemoProps['previewerProps']> | IDumiDemoProps['previewerProps'];
+    }): Promise<ExampleBlockAsset> | ExampleBlockAsset;
+    /**
+     * generator for return previewer props
+     */
+    abstract generatePreviewerProps?(props: IDumiDemoProps['previewerProps'], opts: Parameters<NonNullable<IDumiTechStack['generateMetadata']>>[1]): Promise<IDumiDemoProps['previewerProps']> | IDumiDemoProps['previewerProps'];
 }
 export declare type IApi = IUmiApi & {
     config: IDumiConfig & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",
@@ -107,7 +107,7 @@
     "prism-themes": "^1.9.0",
     "prismjs": "^1.29.0",
     "raw-loader": "^4.0.2",
-    "rc-tabs": "12.1.0-alpha.1",
+    "rc-tabs": "^12.5.6",
     "react-copy-to-clipboard": "^5.1.0",
     "react-error-boundary": "^3.1.4",
     "react-intl": "^6.1.1",

package/theme-default/slots/ContentTabs/index.js

@@ -28,9 +28,9 @@ var ContentTabs = function ContentTabs(_ref) {
       "data-active": key === tab.key || undefined
     }, /*#__PURE__*/React.createElement("button", {
       type: "button"
-    }, tab.nameIntlId ? intl.formatMessage({
-      id: tab.nameIntlId
-    }) : tab.name || tab.meta.frontmatter.title));
+    }, tab.titleIntlId ? intl.formatMessage({
+      id: tab.titleIntlId
+    }) : tab.meta.frontmatter.title));
   })) : null;
 };