dumi 2.2.6 → 2.3.0-alpha.0

package/dist/features/theme/index.js

@@ -279,63 +279,27 @@ export default DumiLoading;
     api.writeTmpFile({
       noPluginDir: true,
       path: "dumi/theme/ContextWrapper.tsx",
-      content: `import React, { useState, useEffect, useRef } from 'react';
-import { useOutlet, history } from 'dumi';
-import { SiteContext } from '${(0, import_plugin_utils.winPath)(
-        require.resolve("../../client/theme-api/context")
-      )}';
-import { demos, components } from '../meta';
-import { locales } from '../locales/config';${hasDefaultExport ? `
-import entryDefaultExport from '${(0, import_plugin_utils.winPath)(entryFile)}';` : ""}${hasNamedExport ? `
-import * as entryMemberExports from '${(0, import_plugin_utils.winPath)(entryFile)}';` : ""}
-
-const entryExports = {
-  ${hasDefaultExport ? "default: entryDefaultExport," : ""}
-  ${hasNamedExport ? "...entryMemberExports," : ""}
-};
-
-export default function DumiContextWrapper() {
-  const outlet = useOutlet();
-  const [loading, setLoading] = useState(false);
-  const prev = useRef(history.location.pathname);
-
-  useEffect(() => {
-    return history.listen((next) => {
-      if (next.location.pathname !== prev.current) {
-        prev.current = next.location.pathname;
-
-        // scroll to top when route changed
-        document.documentElement.scrollTo(0, 0);
+      tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(import_constants.TEMPLATES_DIR, "ContextWrapper.ts.tpl")),
+      context: {
+        contextPath: (0, import_plugin_utils.winPath)(require.resolve("../../client/theme-api/context")),
+        defaultExport: hasDefaultExport ? `import entryDefaultExport from '${(0, import_plugin_utils.winPath)(entryFile)}';` : "",
+        namedExport: hasNamedExport ? `import * as entryMemberExports from '${(0, import_plugin_utils.winPath)(entryFile)}';` : "",
+        hasDefaultExport,
+        hasNamedExport,
+        pkg: JSON.stringify(
+          import_plugin_utils.lodash.pick(api.pkg, ...Object.keys(import_constants.PICKED_PKG_FIELDS))
+        ),
+        historyType: ((_a = api.config.history) == null ? void 0 : _a.type) || "browser",
+        hostname: String(JSON.stringify((_b = api.config.sitemap) == null ? void 0 : _b.hostname)),
+        themeConfig: JSON.stringify(
+          Object.assign(
+            import_plugin_utils.lodash.pick(api.config, "logo", "description", "title"),
+            api.config.themeConfig
+          )
+        ),
+        _2_level_nav_available: api.appData._2LevelNavAvailable
       }
     });
-  }, []);
-
-  return (
-    <SiteContext.Provider value={{
-      pkg: ${JSON.stringify(
-        import_plugin_utils.lodash.pick(api.pkg, ...Object.keys(import_constants.PICKED_PKG_FIELDS))
-      )},
-      historyType: "${((_a = api.config.history) == null ? void 0 : _a.type) || "browser"}",
-      entryExports,
-      demos,
-      components,
-      locales,
-      loading,
-      setLoading,
-      hostname: ${JSON.stringify((_b = api.config.sitemap) == null ? void 0 : _b.hostname)},
-      themeConfig: ${JSON.stringify(
-        Object.assign(
-          import_plugin_utils.lodash.pick(api.config, "logo", "description", "title"),
-          api.config.themeConfig
-        )
-      )},
-      _2_level_nav_available: ${api.appData._2LevelNavAvailable},
-    }}>
-      {outlet}
-    </SiteContext.Provider>
-  );
-}`
-    });
     const primaryColor = typeof ((_c = api.config) == null ? void 0 : _c.theme) === "object" ? (_e = (_d = api.config) == null ? void 0 : _d.theme) == null ? void 0 : _e["@c-primary"] : "#1677ff";
     api.writeTmpFile({
       noPluginDir: true,

package/dist/loaders/markdown/index.d.ts

@@ -3,12 +3,24 @@ import { type IMdTransformerOptions, type IMdTransformerResult } from './transfo
 interface IMdLoaderDefaultModeOptions extends Omit<IMdTransformerOptions, 'fileAbsPath'> {
     mode?: 'markdown';
     builtins: IThemeLoadResult['builtins'];
+    onResolveDemos?: (demos: NonNullable<IMdTransformerResult['meta']['demos']>) => void;
+    onResolveAtomMeta?: (atomId: string, meta: IMdTransformerResult['meta']['frontmatter']) => void;
 }
 interface IMdLoaderDemosModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
     mode: 'meta';
-    onResolveDemos?: (demos: NonNullable<IMdTransformerResult['meta']['demos']>) => void;
-    onResolveAtomMeta?: (atomId: string, meta: IMdTransformerResult['meta']['frontmatter']) => void;
 }
-export type IMdLoaderOptions = IMdLoaderDefaultModeOptions | IMdLoaderDemosModeOptions;
+interface IMdLoaderDemoModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
+    mode: 'demo';
+}
+interface IMdLoaderDemoIndexModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
+    mode: 'demo-index';
+}
+interface IMdLoaderFrontmatterModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
+    mode: 'frontmatter';
+}
+interface IMdLoaderTextModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'builtins' | 'mode'> {
+    mode: 'text';
+}
+export type IMdLoaderOptions = IMdLoaderDefaultModeOptions | IMdLoaderDemosModeOptions | IMdLoaderDemoModeOptions | IMdLoaderFrontmatterModeOptions | IMdLoaderTextModeOptions | IMdLoaderDemoIndexModeOptions;
 export default function mdLoader(this: any, content: string): void;
 export {};

package/dist/loaders/markdown/index.js

@@ -46,20 +46,10 @@ function getDemoSourceFiles(demos = []) {
     return ret;
   }, []);
 }
-function emit(opts, ret) {
-  const { demos, embeds } = ret.meta;
-  embeds.forEach((file) => this.addDependency(file));
-  getDemoSourceFiles(demos).forEach((file) => this.addDependency(file));
-  if (opts.mode === "meta") {
-    const { frontmatter, toc, texts } = ret.meta;
-    if (demos && opts.onResolveDemos) {
-      opts.onResolveDemos(demos);
-    }
-    if (frontmatter.atomId && opts.onResolveAtomMeta) {
-      opts.onResolveAtomMeta(frontmatter.atomId, frontmatter);
-    }
-    return import_plugin_utils.Mustache.render(
-      `import React from 'react';
+function emitMeta(opts, ret) {
+  const { frontmatter, toc, texts, demos } = ret.meta;
+  return import_plugin_utils.Mustache.render(
+    `import React from 'react';
 
 export const demos = {
   {{#demos}}
@@ -73,40 +63,129 @@ export const frontmatter = {{{frontmatter}}};
 export const toc = {{{toc}}};
 export const texts = {{{texts}}};
 `,
-      {
-        demos,
-        frontmatter: JSON.stringify(frontmatter),
-        toc: JSON.stringify(toc),
-        texts: JSON.stringify(texts),
-        renderAsset: function renderAsset() {
-          if (!("asset" in this))
-            return "null";
-          let { asset } = this;
-          const { sources } = this;
-          Object.keys(this.sources).forEach((file) => {
-            if (!asset.dependencies[file])
-              return;
-            asset = import_plugin_utils.lodash.cloneDeep(asset);
-            asset.dependencies[file].value = `{{{require('-!${sources[file]}?dumi-raw').default}}}`;
-          });
-          return JSON.stringify(asset, null, 2).replace(/"{{{|}}}"/g, "");
-        }
+    {
+      demos,
+      frontmatter: JSON.stringify(frontmatter),
+      toc: JSON.stringify(toc),
+      texts: JSON.stringify(texts),
+      renderAsset: function renderAsset() {
+        if (!("asset" in this))
+          return "null";
+        let { asset } = this;
+        const { sources } = this;
+        Object.keys(this.sources).forEach((file) => {
+          if (!asset.dependencies[file])
+            return;
+          asset = import_plugin_utils.lodash.cloneDeep(asset);
+          asset.dependencies[file].value = `{{{require('-!${sources[file]}?dumi-raw').default}}}`;
+        });
+        return JSON.stringify(asset, null, 2).replace(/"{{{|}}}"/g, "");
       }
-    );
-  } else {
-    const isTabContent = (0, import_tabs.isTabRouteFile)(this.resourcePath);
-    return `${Object.values(opts.builtins).map((item) => `import ${item.specifier} from '${item.source}';`).join("\n")}
+    }
+  );
+}
+function emitDefault(opts, ret) {
+  const { frontmatter, demos } = ret.meta;
+  const isTabContent = (0, import_tabs.isTabRouteFile)(this.resourcePath);
+  if (demos && opts.onResolveDemos) {
+    opts.onResolveDemos(demos);
+  }
+  if (frontmatter.atomId && opts.onResolveAtomMeta) {
+    opts.onResolveAtomMeta(frontmatter.atomId, frontmatter);
+  }
+  return `${Object.values(opts.builtins).map((item) => `import ${item.specifier} from '${item.source}';`).join("\n")}
 import React from 'react';
-${isTabContent ? `import { useTabMeta } from 'dumi';` : `import { DumiPage, useRouteMeta } from 'dumi';`}
+${isTabContent ? `` : `import { DumiPage } from 'dumi';`}
+import { texts as ${import_rehypeText.CONTENT_TEXTS_OBJ_NAME} } from '${(0, import_plugin_utils.winPath)(
+    this.resourcePath
+  )}?type=text';
 
 // export named function for fastRefresh
 // ref: https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/docs/TROUBLESHOOTING.md#edits-always-lead-to-full-reload
 function DumiMarkdownContent() {
-  const { texts: ${import_rehypeText.CONTENT_TEXTS_OBJ_NAME} } = use${isTabContent ? "TabMeta" : "RouteMeta"}();
   return ${isTabContent ? ret.content : `<DumiPage>${ret.content}</DumiPage>`};
 }
 
 export default DumiMarkdownContent;`;
+}
+function emitDemo(opts, ret) {
+  const { demos } = ret.meta;
+  return import_plugin_utils.Mustache.render(
+    `import React from 'react';
+
+export const demos = {
+  {{#demos}}
+  '{{{id}}}': {
+    component: {{{component}}},
+    asset: {{{renderAsset}}}
+  },
+  {{/demos}}
+};`,
+    {
+      demos,
+      renderAsset: function renderAsset() {
+        if (!("asset" in this))
+          return "null";
+        let { asset } = this;
+        const { sources } = this;
+        Object.keys(this.sources).forEach((file) => {
+          if (!asset.dependencies[file])
+            return;
+          asset = import_plugin_utils.lodash.cloneDeep(asset);
+          asset.dependencies[file].value = `{{{require('-!${sources[file]}?dumi-raw').default}}}`;
+        });
+        return JSON.stringify(asset, null, 2).replace(/"{{{|}}}"/g, "");
+      }
+    }
+  );
+}
+function emitDemoIndex(opts, ret) {
+  const { demos } = ret.meta;
+  return import_plugin_utils.Mustache.render(
+    `export const demoIndex = {
+  ids: {{{ids}}},
+  getter: {{{getter}}}
+};`,
+    {
+      ids: JSON.stringify(demos == null ? void 0 : demos.map((demo) => demo.id)),
+      getter: `() => import('${(0, import_plugin_utils.winPath)(this.resourcePath)}?type=demo')`
+    }
+  );
+}
+function emitFrontmatter(opts, ret) {
+  const { frontmatter } = ret.meta;
+  return import_plugin_utils.Mustache.render(`export const frontmatter = {{{frontmatter}}};`, {
+    frontmatter: JSON.stringify(frontmatter)
+  });
+}
+function emitText(opts, ret) {
+  const { texts, toc } = ret.meta;
+  return import_plugin_utils.Mustache.render(
+    `export const toc = {{{toc}}};
+export const texts = {{{texts}}};`,
+    {
+      toc: JSON.stringify(toc),
+      texts: JSON.stringify(texts)
+    }
+  );
+}
+function emit(opts, ret) {
+  const { demos, embeds } = ret.meta;
+  embeds.forEach((file) => this.addDependency(file));
+  getDemoSourceFiles(demos).forEach((file) => this.addDependency(file));
+  switch (opts.mode) {
+    case "meta":
+      return emitMeta.call(this, opts, ret);
+    case "demo":
+      return emitDemo.call(this, opts, ret);
+    case "demo-index":
+      return emitDemoIndex.call(this, opts, ret);
+    case "frontmatter":
+      return emitFrontmatter.call(this, opts, ret);
+    case "text":
+      return emitText.call(this, opts, ret);
+    default:
+      return emitDefault.call(this, opts, ret);
   }
 }
 function getDepsCacheKey(deps = []) {

package/dist/templates/ContextWrapper.ts.tpl

@@ -0,0 +1,89 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { useOutlet, history } from 'dumi';
+import { warning } from 'rc-util';
+import { SiteContext, type ISiteContext } from '{{{contextPath}}}';
+import { components } from '../meta/atoms';
+import { getDemoById } from '../meta/demos';
+import { locales } from '../locales/config';
+{{{defaultExport}}}
+{{{namedExport}}}
+
+const entryExports = {
+  {{#hasDefaultExport}}
+    default: entryDefaultExport,
+  {{/hasDefaultExport}}
+  {{#hasNamedExport}}
+    ...entryMemberExports,
+  {{/hasNamedExport}}
+};
+
+// Static content
+const pkg = {{{pkg}}};
+const historyType = "{{{historyType}}}";
+const hostname = {{{hostname}}};
+const themeConfig = {{{themeConfig}}};
+const _2_level_nav_available = {{{_2_level_nav_available}}};
+
+export default function DumiContextWrapper() {
+  const outlet = useOutlet();
+  const [loading, setLoading] = useState(false);
+  const prev = useRef(history.location.pathname);
+
+  useEffect(() => {
+    return history.listen((next) => {
+      if (next.location.pathname !== prev.current) {
+        prev.current = next.location.pathname;
+
+        // scroll to top when route changed
+        document.documentElement.scrollTo(0, 0);
+      }
+    });
+  }, []);
+
+  const context: ISiteContext = React.useMemo(() => {
+    const ctx = {
+      pkg,
+      historyType,
+      entryExports,
+      demos: null,
+      components,
+      locales,
+      loading,
+      setLoading,
+      hostname,
+      themeConfig,
+      _2_level_nav_available,
+      getDemoById,
+    };
+
+    // Proxy do not warning since `Object.keys` will get nothing to loop
+    Object.defineProperty(ctx, 'demos', {
+      get: () => {
+        warning(false, '`demos` return empty in latest version.');
+        return {};
+      },
+    });
+
+    return ctx;
+  }, [
+    pkg,
+    historyType,
+    entryExports,
+    components,
+    locales,
+    loading,
+    setLoading,
+    hostname,
+    themeConfig,
+    _2_level_nav_available,
+    getDemoById,
+  ]);
+
+
+
+  return (
+    <SiteContext.Provider value={context}>
+      {outlet}
+    </SiteContext.Provider>
+  );
+}

package/dist/templates/meta-demos.ts.tpl

@@ -0,0 +1,34 @@
+{{#metaFiles}}
+import { demoIndex as dmi{{{index}}} } from '{{{file}}}?type=demo-index';
+{{/metaFiles}}
+
+const demoIndexes: Record<string, { ids: string[], getter: () => Promise<any> }> = {
+  {{#metaFiles}}
+  '{{{id}}}': dmi{{{index}}},
+  {{/metaFiles}}
+};
+
+// Convert the demoIndex to a key-value pairs: <demoId, getter>
+const demoIdMap = Object.keys(demoIndexes).reduce((total, current) => {
+  const demoIndex = demoIndexes[current];
+  const { ids, getter } = demoIndex;
+
+  ids.forEach((id) => {
+    total[id] = getter;
+  });
+
+  return total;
+}, {});
+
+/** Async to load demo by id */
+export const getDemoById = async (id: string) => {
+  const getter = demoIdMap[id];
+
+  if (!getter) {
+    return null;
+  }
+
+  const { demos }: any = await getter() || {};
+
+  return demos?.[id];
+};

package/dist/templates/meta-frontmatter.ts.tpl

@@ -0,0 +1,9 @@
+{{#metaFiles}}
+import { frontmatter as fm{{{index}}} } from '{{{file}}}?type=frontmatter';
+{{/metaFiles}}
+
+export const filesFrontmatter = {
+  {{#metaFiles}}
+  '{{{id}}}': fm{{{index}}},
+  {{/metaFiles}}
+}

package/dist/templates/meta-route.ts.tpl

@@ -0,0 +1,43 @@
+import { tabs } from './tabs';
+import { filesFrontmatter } from './frontmatter';
+
+const files = {
+{{#metaFiles}}
+  '{{{id}}}': {
+    textGetter: () => import('{{{file}}}?type=text'),
+    {{#tabs}}
+    tabs: {{{tabs}}},
+    {{/tabs}}
+  },
+{{/metaFiles}}
+};
+
+export const getRouteMetaById = async (id: string) => {
+  const file = files[id];
+
+  if (!file) {
+    return null;
+  }
+
+  const text = await file.textGetter();
+  const frontmatter = filesFrontmatter[id];
+
+  const tabsMeta = file.tabs && await Promise.all(file.tabs.map(async (tab) => {
+    const meta = await getRouteMetaById(tab) ?? {
+      frontmatter: { title: tabs[tab].title },
+      toc: [],
+      texts: [],
+    };
+    return {
+      ...tabs[tab],
+      meta,
+    }
+  }));
+
+  return {
+    texts: text?.texts,
+    toc: text?.toc,
+    frontmatter,
+    tabs: tabsMeta,
+  };
+}

package/dist/templates/meta-runtime.ts.tpl

@@ -0,0 +1,48 @@
+import { warning } from 'rc-util';
+import { tabs } from './tabs';
+import { filesFrontmatter } from './frontmatter';
+import deepmerge from '{{{deepmerge}}}';
+
+// Proxy do not warning since `Object.keys` will get nothing to loop
+function wrapEmpty(meta, fieldName, defaultValue) {
+  Object.defineProperty(meta, fieldName, {
+    get: () => {
+      warning(false, `'${fieldName}' return empty in latest version.`);
+      return defaultValue;
+    },
+  });
+}
+
+export const patchRoutes = ({ routes }) => {
+  Object.values(routes).forEach((route) => {
+    if (filesFrontmatter[route.id]) {
+      if (process.env.NODE_ENV === 'production' && (route.meta?.frontmatter?.debug || filesFrontmatter[route.id].debug)) {
+        // hide route in production which set hide frontmatter
+        delete routes[route.id];
+      } else {
+        // merge meta to route object
+        route.meta = deepmerge(route.meta, { frontmatter: filesFrontmatter[route.id] });
+
+        wrapEmpty(route.meta, 'demos', {});
+        wrapEmpty(route.meta, 'texts', []);
+
+        // apply real tab data from id
+        route.meta.tabs = route.meta.tabs?.map((id) => {
+          const meta = {
+            frontmatter: filesFrontmatter[id] || { title: tabs[id].title },
+            toc: [],
+            texts: [],
+          }
+
+          wrapEmpty(meta, 'demos', {});
+          wrapEmpty(meta, 'texts', []);
+
+          return {
+            ...tabs[id],
+            meta,
+          }
+        });
+      }
+    }
+  });
+}

package/dist/templates/meta.ts.tpl

@@ -0,0 +1,23 @@
+{{#metaFiles}}
+import { frontmatter as fm{{{index}}}, toc as toc{{{index}}} } from '{{{file}}}?type=meta';
+{{/metaFiles}}
+
+export { components } from './atoms';
+export { tabs } from './tabs';
+
+export const filesMeta = {
+  {{#metaFiles}}
+  '{{{id}}}': {
+    frontmatter: fm{{{index}}},
+    toc: toc{{{index}}},
+    texts: [],
+    demos: {},
+    {{#tabs}}
+    tabs: {{{tabs}}},
+    {{/tabs}}
+  },
+  {{/metaFiles}}
+}
+
+// generate demos data in runtime, for reuse route.id to reduce bundle size
+export const demos = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.2.6",
+  "version": "2.3.0-alpha.0",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",
@@ -117,6 +117,7 @@
     "rc-motion": "^2.7.3",
     "rc-tabs": "^12.10.0",
     "rc-tree": "^5.7.9",
+    "rc-util": "^5.37.0",
     "react-copy-to-clipboard": "^5.1.0",
     "react-error-boundary": "^4.0.10",
     "react-intl": "^6.4.4",

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

@@ -69,6 +69,8 @@ var HANDLERS = {
   function: function _function(_ref3) {
     var _this2 = this;
     var signature = _ref3.signature;
+    // handle Function type without signature
+    if (!signature) return 'Function';
     var signatures = 'oneOf' in signature ? signature.oneOf : [signature];
     return signatures.map(function (signature) {
       return "".concat(signature.isAsync ? 'async ' : '', "(").concat(signature.arguments.map(function (arg) {

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

@@ -4,11 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import ContentFooter from "../../slots/ContentFooter";
 import { ReactComponent as IconSidebar } from '@ant-design/icons-svg/inline-svg/outlined/align-left.svg';
 import animateScrollTo from 'animated-scroll-to';
 import { Helmet, useIntl, useLocation, useOutlet, useRouteMeta, useSidebarData, useSiteData } from 'dumi';
 import Content from 'dumi/theme/slots/Content';
+import ContentFooter from 'dumi/theme/slots/ContentFooter';
 import Features from 'dumi/theme/slots/Features';
 import Footer from 'dumi/theme/slots/Footer';
 import Header from 'dumi/theme/slots/Header';

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

@@ -50,11 +50,12 @@
 
   select {
     position: absolute;
-    top: 0;
-    left: 0;
+    inset: 0 15%;
     opacity: 0;
-    max-width: 100%;
-    max-height: 16px;
+    width: 100%;
+    min-width: 16px;
+    max-width: 70%;
+    height: 16px;
     cursor: pointer;
   }
 }

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

@@ -8,7 +8,6 @@ var ContentTabs = function ContentTabs(_ref) {
   var intl = useIntl();
 
   // TODO: tab.Extra & tab.Action render
-
   return Boolean(tabs === null || tabs === void 0 ? void 0 : tabs.length) ? /*#__PURE__*/React.createElement("ul", {
     className: "dumi-default-content-tabs"
   }, /*#__PURE__*/React.createElement("li", {

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

@@ -46,7 +46,7 @@ var Toc = function Toc() {
       });
       setSectionRefs(refs);
     }
-  }, [pathname, search, loading]);
+  }, [pathname, search, loading, memoToc]);
   return sectionRefs.length ? /*#__PURE__*/React.createElement(ScrollSpy, {
     sectionRefs: sectionRefs
   }, function (_ref3) {

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

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { SP_ROUTE_PREFIX } from "../../constants";
-import { useAppData, useSiteData } from 'dumi';
-import Container from 'dumi/theme/builtins/Container';
-import Previewer from 'dumi/theme/builtins/Previewer';
-import React, { createElement } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-var DemoErrorBoundary = function DemoErrorBoundary(props) {
-  return /*#__PURE__*/React.createElement(ErrorBoundary, {
-    fallbackRender: function fallbackRender(_ref) {
-      var error = _ref.error;
-      return /*#__PURE__*/React.createElement(Container, {
-        type: "error"
-      }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, error.message || 'This demo has been crashed.')), error.stack && /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("details", {
-        open: true
-      }, /*#__PURE__*/React.createElement("summary", null, "Error stack"), /*#__PURE__*/React.createElement("pre", null, error.stack))));
-    }
-  }, props.children);
-};
-export var DumiDemo = /*#__PURE__*/React.memo(function (props) {
-  var _useSiteData = useSiteData(),
-    demos = _useSiteData.demos,
-    historyType = _useSiteData.historyType;
-  var _useAppData = useAppData(),
-    basename = _useAppData.basename;
-  var _demos$props$demo$id = demos[props.demo.id],
-    component = _demos$props$demo$id.component,
-    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));
-  }
-  var isHashRoute = historyType === 'hash';
-  return /*#__PURE__*/React.createElement(Previewer, _extends({
-    asset: asset,
-    demoUrl:
-    // allow user override demoUrl by frontmatter
-    props.previewerProps.demoUrl || // when use hash route, browser can automatically handle relative paths starting with #
-    "".concat(isHashRoute ? "#" : '').concat(basename).concat(SP_ROUTE_PREFIX, "demos/").concat(props.demo.id)
-  }, props.previewerProps), props.previewerProps.iframe ? null : /*#__PURE__*/React.createElement(DemoErrorBoundary, null, /*#__PURE__*/createElement(component)));
-}, function (prev, next) {
-  // compare length for performance
-  return JSON.stringify(prev).length === JSON.stringify(next).length;
-});