dumi 2.1.1 → 2.1.2

package/dist/client/theme-api/DumiDemo.js

@@ -29,7 +29,9 @@ export var DumiDemo = function DumiDemo(props) {
 
   var _demos$props$demo$id = demos[props.demo.id],
       component = _demos$props$demo$id.component,
-      asset = _demos$props$demo$id.asset;
+      asset = _demos$props$demo$id.asset; // hide debug demo in production
+
+  if (process.env.NODE_ENV === 'production' && props.previewerProps.debug) return null;
 
   if (props.demo.inline) {
     return /*#__PURE__*/React.createElement(DemoErrorBoundary, null, /*#__PURE__*/createElement(component));

package/dist/client/theme-api/DumiDemoGrid.js

@@ -18,10 +18,14 @@ export var DumiDemoGrid = function DumiDemoGrid(props) {
   var _useRouteMeta = useRouteMeta(),
       fm = _useRouteMeta.frontmatter;
 
-  var generator = useCallback(function (fm, items) {
+  var generator = useCallback(function (fm, oItems) {
     var _fm$demo;
 
     var cols = [];
+    var items = process.env.NODE_ENV === 'production' ? // hide debug demo in production
+    oItems.filter(function (d) {
+      return !d.previewerProps.debug;
+    }) : oItems;
 
     if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1 && ( // compatible for ssr env
     typeof window === 'undefined' || window.innerWidth > 1024)) {

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

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

package/dist/features/routes.js

@@ -133,7 +133,7 @@ var routes_default = (api) => {
       const base = import_path.default.join(api.cwd, dir);
       const dirRoutes = (0, import_core.getConventionRoutes)({
         base,
-        exclude: [/.*(?<!md)$/, /(\/|^)(\.|_\/)/]
+        exclude: [/.*(?<!md)$/, /(\/|^)(\.|_)/]
       });
       Object.entries(dirRoutes).forEach(([key, route]) => {
         route.id = `${dir}/${key}`;

package/dist/features/tabs.d.ts

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

package/dist/features/tabs.js

@@ -86,6 +86,8 @@ var tabs_default = (api) => {
       index: tabs.length + index,
       key: tab.key,
       id: tab.id,
+      name: tab.name,
+      nameIntlId: tab.nameIntlId,
       file: tab.component
     })));
     return routes;
@@ -118,7 +120,7 @@ import * as tab{{{index}}} from '{{{file}}}';
 
 export const tabs = {
   {{#tabs}}
-  '{{{id}}}': { key: '{{{key}}}', components: tab{{{index}}} },
+  '{{{id}}}': { key: '{{{key}}}', name: '{{{name}}}', nameIntlId: '{{{nameIntlId}}}', components: tab{{{index}}} },
   {{/tabs}}
 }
 `, { tabs })

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

@@ -29,7 +29,10 @@ var import_plugin_utils = require("umi/plugin-utils");
 var raw;
 var visit;
 var COMPONENT_NAME_REGEX = /<[A-Z][a-zA-Z\d]*/g;
+var COMPONENT_PROP_REGEX = /\s[a-z][a-z\d]*[A-Z]+[a-zA-Z\d]*(=|\s|>)/g;
 var COMPONENT_STUB_ATTR = "$tag-name";
+var PROP_STUB_ATTR = "-$u";
+var PROP_STUB_ATTR_REGEX = new RegExp(`${PROP_STUB_ATTR.replace("$", "\\$")}[a-z]`, "g");
 var CODE_META_STUB_ATTR = "$code-meta";
 (async () => {
   ({ visit } = await import("unist-util-visit"));
@@ -44,6 +47,9 @@ function rehypeRaw(opts) {
           const tagName = str.slice(1);
           return `${str} ${COMPONENT_STUB_ATTR}="${tagName}"`;
         });
+        node.value = node.value.replace(COMPONENT_PROP_REGEX, (str) => {
+          return str.replace(/[A-Z]/g, (s) => `${PROP_STUB_ATTR}${s.toLowerCase()}`);
+        });
       } else if (node.type === "element" && ((_a = node.data) == null ? void 0 : _a.meta)) {
         node.properties ?? (node.properties = {});
         node.properties[CODE_META_STUB_ATTR] = node.data.meta;
@@ -63,6 +69,14 @@ File: ${opts.fileAbsPath}`);
         node.data = { meta: node.properties[CODE_META_STUB_ATTR] };
         delete node.properties[CODE_META_STUB_ATTR];
       }
+      Object.keys(node.properties || {}).forEach((p) => {
+        if (PROP_STUB_ATTR_REGEX.test(p)) {
+          const originalName = p.replace(PROP_STUB_ATTR_REGEX, (s) => s.slice(PROP_STUB_ATTR.length).toUpperCase());
+          node.properties[originalName] = node.properties[p];
+          node.properties[originalName.toLowerCase()] = node.properties[p];
+          delete node.properties[p];
+        }
+      });
     });
     return newTree;
   };

package/dist/types.d.ts

@@ -50,6 +50,7 @@ export declare type IDumiUserConfig = Subset<Omit<IDumiConfig, 'locales'>> & {
     }>[] | Omit<Exclude<IDumiConfig['locales'][0], {
         suffix: string;
     }>, 'base'>[];
+    [key: string]: any;
 };
 export declare abstract class IDumiTechStack {
     /**
@@ -82,7 +83,9 @@ export declare abstract class IDumiTechStack {
     }): Promise<IDumiDemoProps['previewerProps']> | IDumiDemoProps['previewerProps'];
 }
 export declare type IApi = IUmiApi & {
-    config: IDumiConfig;
+    config: IDumiConfig & {
+        [key: string]: any;
+    };
     userConfig: IDumiUserConfig;
     service: IUmiApi['service'] & {
         themeData: IThemeLoadResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",

package/theme-default/layouts/DocLayout/index.less

@@ -1,5 +1,9 @@
 @import (reference) '../../styles/variables.less';
 
+@{dark-selector} {
+  color-scheme: dark;
+}
+
 body {
   margin: 0;
   padding: 0;

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

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

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

@@ -62,7 +62,7 @@ var PreviewerActions = function PreviewerActions(props) {
       activeKey = _useState2[0],
       setActiveKey = _useState2[1];
 
-  var _useState3 = useState(props === null || props === void 0 ? void 0 : props.forceShowCode),
+  var _useState3 = useState(props.forceShowCode || props.defaultShowCode),
       _useState4 = _slicedToArray(_useState3, 2),
       showCode = _useState4[0],
       setShowCode = _useState4[1];