dumi 2.0.12 → 2.0.13

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

@@ -1,8 +1,13 @@
 import { AtomAsset, ExamplePresetAsset } from 'dumi-assets-types';
+import type { TypeMap } from 'dumi-assets-types/typings/atom/props/types';
 import { type FC } from 'react';
 interface IAtomRendererProps {
     type: AtomAsset['type'];
     value: ExamplePresetAsset['value'];
+    processor?: typeof builtInProcessor;
 }
+declare type Entity = TypeMap['element'] | TypeMap['function'] | TypeMap['dom'];
+declare type Exports = Record<string, any>;
+declare function builtInProcessor(entity: Entity, entryExports: Exports): any;
 export declare const AtomRenderer: FC<IAtomRendererProps>;
 export {};

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

@@ -88,8 +88,12 @@ export var AtomRenderer = function AtomRenderer(props) {
   switch (props.type) {
     case 'COMPONENT':
       return translatePresetToReact(props.value, function (entity) {
-        // TODO: support custom processor
-        return builtInProcessor(entity, entryExports);
+        var _props$processor, _props$processor2;
+
+        return (// support custom processor
+          (_props$processor = (_props$processor2 = props.processor) === null || _props$processor2 === void 0 ? void 0 : _props$processor2.call(props, entity, entryExports)) !== null && _props$processor !== void 0 ? _props$processor : // fallback to built-in processor
+          builtInProcessor(entity, entryExports)
+        );
       });
 
     default:

package/dist/features/derivative.js

@@ -90,6 +90,10 @@ var derivative_default = (api) => {
         memo.mfsu = false;
       } else {
         memo.mfsu.strategy = "normal";
+        memo.mfsu.shared = {
+          react: { singleton: true },
+          "react-dom": { singleton: true }
+        };
         import_constants.CLIENT_DEPS.forEach((pkg) => {
           memo.alias ?? (memo.alias = {});
           memo.alias[pkg] = (0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve(`${pkg}/package.json`)));

package/dist/features/parser.js

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(parser_exports);
 var import_assert = __toESM(require("assert"));
 var import_meta = require("./meta");
 var parser_default = (api) => {
+  let prevData;
   const writeAtomsMetaFile = (data) => {
     api.writeTmpFile({
       noPluginDir: true,
@@ -40,7 +41,8 @@ var parser_default = (api) => {
     enableBy: api.EnableBy.config,
     config: {
       schema: (Joi) => Joi.object({
-        unpkgHost: Joi.string().uri()
+        unpkgHost: Joi.string().uri().optional(),
+        resolveFilter: Joi.function().optional()
       })
     }
   });
@@ -60,14 +62,19 @@ var parser_default = (api) => {
       resolveFilter: api.config.apiParser.resolveFilter
     });
     if (api.env === "development") {
-      api.service.atomParser.watch(writeAtomsMetaFile);
+      api.service.atomParser.watch((data) => {
+        prevData = data;
+        writeAtomsMetaFile(prevData);
+      });
     }
   });
-  if (api.env === "production") {
-    api.onGenerateFiles(async () => {
+  api.onGenerateFiles(async () => {
+    if (api.env === "production") {
       writeAtomsMetaFile(await api.service.atomParser.parse());
-    });
-  }
+    } else if (prevData) {
+      writeAtomsMetaFile(prevData);
+    }
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/dist/techStacks/react.js

@@ -42,6 +42,9 @@ var ReactDemoVisitor = class extends import_Visitor.default {
       argument: n.expression
     };
   }
+  visitTsType(n) {
+    return n;
+  }
 };
 var ReactTechStack = class {
   constructor() {

package/package.json

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

package/theme-default/builtins/Previewer/index.less

@@ -94,9 +94,9 @@
       font-weight: 500;
       background: linear-gradient(
           to top,
-          rgb(255 255 255 / 100%),
-          rgb(255 255 255 / 100%) 50%,
-          rgb(255 255 255 / 0%)
+          rgba(255, 255, 255, 100%),
+          rgba(255, 255, 255, 100%) 50%,
+          rgba(255, 255, 255, 0%)
         )
         100%;
 

package/theme-default/builtins/Table/index.less

@@ -23,15 +23,15 @@
       left: 0;
       background-image: linear-gradient(
         to right,
-        rgb(0 0 0 / 10%),
-        rgb(0 0 0 / 0%)
+        rgba(0, 0, 0, 10%),
+        rgba(0, 0, 0, 0%)
       );
 
       [data-prefers-color='dark'] & {
         background-image: linear-gradient(
           to right,
-          rgb(0 0 0 / 50%),
-          rgb(0 0 0 / 0%)
+          rgba(0, 0, 0, 50%),
+          rgba(0, 0, 0, 0%)
         );
       }
     }
@@ -40,15 +40,15 @@
       right: 0;
       background-image: linear-gradient(
         to left,
-        rgb(0 0 0 / 10%),
-        rgb(0 0 0 / 0%)
+        rgba(0, 0, 0, 10%),
+        rgba(0, 0, 0, 0%)
       );
 
       [data-prefers-color='dark'] & {
         background-image: linear-gradient(
           to left,
-          rgb(0 0 0 / 50%),
-          rgb(0 0 0 / 0%)
+          rgba(0, 0, 0, 50%),
+          rgba(0, 0, 0, 0%)
         );
       }
     }

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

@@ -18,7 +18,7 @@ body {
       right: 0;
       left: 0;
       bottom: 0;
-      background-color: rgb(0 0 0 / 50%);
+      background-color: rgba(0, 0, 0, 50%);
       transition: all 0.1s;
     }
 

package/theme-default/slots/Content/index.less

@@ -110,7 +110,7 @@
     background-color: #fff;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
-    box-shadow: 0 8px 24px 0 rgb(0 0 0 / 5%);
+    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 5%);
 
     @media @mobile {
       max-width: initial;

package/theme-default/slots/HeroTitle/index.less

@@ -16,7 +16,7 @@
 
   > span {
     color: transparent;
-    text-shadow: 0 10px 20px rgb(22 119 255 / 15%);
+    text-shadow: 0 10px 20px rgba(22, 119, 255, 15%);
     background: linear-gradient(30deg, #91d6ff 30%, #66a6ff);
     background-clip: text;
   }

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

@@ -75,11 +75,11 @@
       overflow: hidden;
 
       &&-ping-left {
-        box-shadow: 5px 0 5px -5px rgb(0 0 0 / 10%) inset;
+        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 10%) inset;
       }
 
       &&-ping-right ~ * > .@{prefix}-tabs-nav-more {
-        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
+        box-shadow: 0 0 5px rgba(0, 0, 0, 10%);
       }
     }
 

package/theme-default/slots/SearchBar/index.less

@@ -81,7 +81,7 @@
     margin-top: 18px;
     background-color: #fff;
     border-radius: 8px;
-    box-shadow: 0 4px 30px rgb(0 0 0 / 20%);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 20%);
 
     &::before {
       content: '';
@@ -116,7 +116,7 @@
     justify-content: center;
 
     &-mask {
-      background-color: rgb(0 0 0 / 45%);
+      background-color: rgba(0, 0, 0, 45%);
       width: 100%;
       height: 100%;
     }
@@ -128,7 +128,8 @@
       width: 500px;
       padding: 12px;
       box-sizing: border-box;
-      box-shadow: inset 1px 1px 0 0 hsl(0deg 0% 100% / 50%), 0 3px 8px 0 #555a64;
+      box-shadow: inset 1px 1px 0 0 hsla(0deg, 0%, 100%, 50%),
+        0 3px 8px 0 #555a64;
       border-radius: 8px;
       max-height: calc(100% - 120px);
       display: flex;

package/theme-default/slots/Sidebar/index.less

@@ -22,7 +22,7 @@
     padding-inline-start: 32px;
     background-color: @c-site-bg;
     border-top: 1px solid @c-border-light;
-    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
+    box-shadow: 0 0 20px rgba(0, 0, 0, 10%);
     transition: 0.2s all;
 
     .@{prefix}-doc-layout:not([data-mobile-sidebar-active]) & {

package/theme-default/styles/utils.less

@@ -24,7 +24,7 @@
     white-space: nowrap;
     background-color: #000;
     border-radius: 2px;
-    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 10%);
     box-sizing: border-box;
   }