dumi 2.3.0-beta.1 → 2.3.0-beta.3

package/dist/features/theme/index.js

@@ -86,7 +86,7 @@ function checkMinor2ByPkg(pkg) {
   if ((_a = pkg.name) == null ? void 0 : _a.startsWith("@examples/"))
     return true;
   const ver = ((_b = pkg.peerDependencies) == null ? void 0 : _b.dumi) || ((_c = pkg.devDependencies) == null ? void 0 : _c.dumi) || "^2.0.0";
-  return import_plugin_utils.semver.subset(ver, import_constants.VERSION_2_LEVEL_NAV);
+  return import_plugin_utils.semver.subset(ver, import_constants.VERSION_2_LEVEL_NAV, { includePrerelease: true });
 }
 var theme_default = (api) => {
   const defaultThemeData = (0, import_loader.default)(DEFAULT_THEME_PATH);

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

@@ -56,7 +56,9 @@ function keepSoftBreak(pkg) {
   if (((_a = pkg == null ? void 0 : pkg.name) == null ? void 0 : _a.startsWith("@examples/")) || (pkg == null ? void 0 : pkg.name) === "dumi")
     return false;
   const ver = ((_b = pkg == null ? void 0 : pkg.devDependencies) == null ? void 0 : _b.dumi) ?? ((_c = pkg == null ? void 0 : pkg.dependencies) == null ? void 0 : _c.dumi) ?? "^2.0.0";
-  return !import_plugin_utils.semver.subset(ver, import_constants.VERSION_2_DEPRECATE_SOFT_BREAKS);
+  return !import_plugin_utils.semver.subset(ver, import_constants.VERSION_2_DEPRECATE_SOFT_BREAKS, {
+    includePrerelease: true
+  });
 }
 async function applyUnifiedPlugin(opts) {
   const [plugin, options] = Array.isArray(opts.plugin) ? opts.plugin : [opts.plugin];
@@ -76,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/dist/templates/meta/exports.ts.tpl

@@ -109,7 +109,7 @@ export function getRouteMetaById<T extends { syncOnly?: boolean }>(
   ? undefined | IRouteMeta
   : Promise<undefined | IRouteMeta> | undefined {
   if (filesMeta[id]) {
-    const { frontmatter, toc, textGetter, tabs = [] } = filesMeta[id];
+    const { frontmatter, toc, textGetter, tabs } = filesMeta[id];
     const routeMeta: IRouteMeta = {
       frontmatter,
       toc: toc,
@@ -117,25 +117,30 @@ export function getRouteMetaById<T extends { syncOnly?: boolean }>(
     };
 
     if (opts?.syncOnly) {
-      routeMeta.tabs = tabs.map((tabId) =>
-        genTab(tabId, getRouteMetaById(tabId, opts)),
-      );
+      if (tabs) {
+        routeMeta.tabs = tabs.map((tabId) =>
+          genTab(tabId, getRouteMetaById(tabId, opts)),
+        );
+      }
+
+      return routeMeta;
     } else {
       return new Promise(async (resolve) => {
         if (textGetter) {
           ({ texts: routeMeta.texts } = await textGetter());
         }
 
-        routeMeta.tabs = await Promise.all(
-          tabs.map(async (tabId) =>
-            genTab(tabId, await getRouteMetaById(tabId, opts)),
-          ),
-        );
+        if (tabs) {
+          routeMeta.tabs = await Promise.all(
+            tabs.map(async (tabId) =>
+              genTab(tabId, await getRouteMetaById(tabId, opts)),
+            ),
+          );
+        }
+
         resolve(routeMeta);
       });
     }
-
-    return routeMeta;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.3.0-beta.1",
+  "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;