dumi 2.3.0-beta.2 → 2.3.0-beta.3

package/dist/loaders/markdown/index.js

@@ -98,10 +98,11 @@ export const demos = {
         let { asset } = this;
         const { resolveMap } = this;
         Object.keys(this.resolveMap).forEach((file) => {
-          if (!asset.dependencies[file])
-            return;
-          asset = import_plugin_utils.lodash.cloneDeep(asset);
-          asset.dependencies[file].value = `{{{require('-!${resolveMap[file]}?dumi-raw').default}}}`;
+          var _a;
+          if (((_a = asset.dependencies[file]) == null ? void 0 : _a.type) === "FILE") {
+            asset = import_plugin_utils.lodash.cloneDeep(asset);
+            asset.dependencies[file].value = `{{{require('-!${resolveMap[file]}?dumi-raw').default}}}`;
+          }
         });
         return JSON.stringify(asset, null, 2).replace(/"{{{|}}}"/g, "");
       },

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

@@ -78,6 +78,7 @@ var transformer_default = async (raw, opts) => {
   const { default: rehypeAutolinkHeadings } = await import("rehype-autolink-headings");
   const { default: rehypeRemoveComments } = await import("rehype-remove-comments");
   const resolver = import_enhanced_resolve.default.create.sync({
+    mainFields: ["browser", "module", "main"],
     extensions: [".js", ".jsx", ".ts", ".tsx"],
     alias: opts.alias
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.3.0-beta.2",
+  "version": "2.3.0-beta.3",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",

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

@@ -41,6 +41,7 @@ var Previewer = function Previewer(props) {
     "data-compact": props.compact || undefined,
     "data-transform": props.transform || undefined,
     "data-iframe": props.iframe || undefined,
+    "data-error": Boolean(combineError) || undefined,
     ref: demoContainer
   }, props.iframe ? /*#__PURE__*/React.createElement("iframe", {
     style: ['string', 'number'].includes(_typeof(props.iframe)) ? {

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

@@ -1,6 +1,8 @@
 @import (reference) '../../styles/variables.less';
 
 .@{prefix}-previewer {
+  @error-bar-height: 30px;
+
   margin: 24px 0 32px;
   border: 1px solid @c-border-light;
   border-radius: 4px;
@@ -76,16 +78,26 @@
     &[data-compact] {
       padding: 0;
     }
+
+    // error status
+    &[data-error][data-compact] {
+      min-height: @error-bar-height;
+
+      + .@{prefix}-previewer-demo-error {
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px;
+      }
+    }
   }
 
   &-demo-error {
-    @height: 30px;
     @color: darken(desaturate(@c-error, 20%), 1%);
 
-    margin-top: -@height;
-    height: @height;
+    position: relative;
+    margin-top: -@error-bar-height;
+    height: @error-bar-height;
     padding: 0 24px;
-    line-height: @height;
+    line-height: @error-bar-height;
     color: @color;
     font-size: 13px;
     white-space: nowrap;