dumi 2.0.0-rc.9 → 2.0.1

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

@@ -1,7 +1,7 @@
 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 { useSiteData } from 'dumi';
+import { useAppData, useSiteData } from 'dumi';
 import Container from "dumi/theme/builtins/Container";
 import Previewer from "dumi/theme/builtins/Previewer";
 import React, { createElement } from 'react';
@@ -24,6 +24,9 @@ export var DumiDemo = function DumiDemo(props) {
   var _useSiteData = useSiteData(),
       demos = _useSiteData.demos;
 
+  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;
@@ -35,6 +38,6 @@ export var DumiDemo = function DumiDemo(props) {
   return /*#__PURE__*/React.createElement(Previewer, _extends({
     asset: asset,
     demoUrl: // allow user override demoUrl by frontmatter
-    props.previewerProps.demoUrl || "/".concat(SP_ROUTE_PREFIX, "demos/").concat(props.demo.id)
+    props.previewerProps.demoUrl || "".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)));
 };

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

@@ -13,19 +13,19 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { DumiDemo, useRouteMeta } from 'dumi';
-import React, { useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 export var DumiDemoGrid = function DumiDemoGrid(props) {
   var _useRouteMeta = useRouteMeta(),
       fm = _useRouteMeta.frontmatter;
 
-  var _useState = useState(function () {
+  var generator = useCallback(function (fm, items) {
     var _fm$demo;
 
     var cols = [];
 
-    if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1) {
-      for (var i = 0; i < props.items.length; i += fm.demo.cols) {
-        props.items.slice(i, i + fm.demo.cols).forEach(function (item, j) {
+    if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1 && window.innerWidth > 1024) {
+      for (var i = 0; i < items.length; i += fm.demo.cols) {
+        items.slice(i, i + fm.demo.cols).forEach(function (item, j) {
           var _cols$j;
 
           (_cols$j = cols[j]) !== null && _cols$j !== void 0 ? _cols$j : cols[j] = [];
@@ -35,14 +35,29 @@ export var DumiDemoGrid = function DumiDemoGrid(props) {
 
       return cols;
     } else {
-      cols.push(props.items);
+      cols.push(items);
     }
 
     return cols;
+  }, []);
+
+  var _useState = useState(function () {
+    return generator(fm, props.items);
   }),
-      _useState2 = _slicedToArray(_useState, 1),
-      cols = _useState2[0];
+      _useState2 = _slicedToArray(_useState, 2),
+      cols = _useState2[0],
+      setCols = _useState2[1];
+
+  useEffect(function () {
+    var handler = function handler() {
+      return setCols(generator(fm, props.items));
+    };
 
+    window.addEventListener('resize', handler);
+    return function () {
+      return window.removeEventListener('resize', handler);
+    };
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',

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

@@ -4,6 +4,7 @@ export { DumiDemo } from './DumiDemo';
 export { DumiDemoGrid } from './DumiDemoGrid';
 export { DumiPage } from './DumiPage';
 export { openCodeSandbox } from './openCodeSandbox';
+export { openStackBlitz } from './openStackBlitz';
 export type { IPreviewerProps } from './types';
 export { useAtomAssets } from './useAtomAssets';
 export { useLocale } from './useLocale';

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

@@ -4,6 +4,7 @@ export { DumiDemo } from "./DumiDemo";
 export { DumiDemoGrid } from "./DumiDemoGrid";
 export { DumiPage } from "./DumiPage";
 export { openCodeSandbox } from "./openCodeSandbox";
+export { openStackBlitz } from "./openStackBlitz";
 export { useAtomAssets } from "./useAtomAssets";
 export { useLocale } from "./useLocale";
 export { useNavData } from "./useNavData";

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

@@ -0,0 +1 @@
+export declare const openStackBlitz: (data: IPreviewerProps) => void;

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

@@ -0,0 +1,60 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import sdk from '@stackblitz/sdk';
+import { genReactRenderCode } from "./utils";
+export var openStackBlitz = function openStackBlitz(data) {
+  var _data$asset$dependenc, _react, _deps$_react, _reactDom, _deps$_reactDom;
+
+  var isTSX = Boolean((_data$asset$dependenc = data.asset.dependencies) === null || _data$asset$dependenc === void 0 ? void 0 : _data$asset$dependenc['index.tsx']);
+  var ext = isTSX ? '.tsx' : '.jsx';
+  var deps = {};
+  var entryFileName = "index".concat(ext);
+  var files = {
+    'index.html': '<div style="margin: 16px;" id="root"></div>'
+  };
+  var config = {
+    title: data.title || '',
+    description: data.description || 'An auto-generated demo by dumi',
+    template: 'create-react-app',
+    files: {}
+  };
+  Object.entries(data.asset.dependencies).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        name = _ref2[0],
+        _ref2$ = _ref2[1],
+        type = _ref2$.type,
+        value = _ref2$.value;
+
+    if (type === 'NPM') {
+      // generate dependencies
+      deps[name] = value;
+    } else {
+      // append other imported local files
+      files[name === entryFileName ? "App".concat(ext) : name] = value;
+    }
+  });
+  (_deps$_react = deps[_react = 'react']) !== null && _deps$_react !== void 0 ? _deps$_react : deps[_react] = 'latest';
+  (_deps$_reactDom = deps[_reactDom = 'react-dom']) !== null && _deps$_reactDom !== void 0 ? _deps$_reactDom : deps[_reactDom] = deps.react;
+  files['package.json'] = JSON.stringify({
+    name: data.title,
+    description: data.description || 'An auto-generated demo by dumi',
+    dependencies: deps,
+    // add TypeScript dependency if required, must in devDeps to avoid csb compile error
+    devDependencies: isTSX ? {
+      typescript: '^4'
+    } : {}
+  }, null, 2);
+  files[entryFileName] = genReactRenderCode(deps.react);
+  config.files = files;
+  sdk.openProject(config);
+};

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

@@ -21,6 +21,10 @@ export interface IPreviewerProps {
      * debug mark (will only render in dev by default)
      */
     debug?: boolean;
+    /**
+     * url for render current demo in a single page
+     */
+    demoUrl: string;
     /**
      * disable demo content padding
      */

package/dist/client/theme-api/useSiteSearch/index.d.ts

@@ -0,0 +1,7 @@
+import type { ISearchResult } from './worker';
+export declare const useSiteSearch: () => {
+    keywords: string;
+    setKeywords: (val: string) => void;
+    result: ISearchResult;
+    loading: boolean;
+};

package/dist/client/theme-api/useSiteSearch/index.js

@@ -0,0 +1,108 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useNavData, useSiteData } from 'dumi';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useLocaleDocRoutes } from "../utils";
+var worker; // for ssr
+
+if (typeof window !== 'undefined') {
+  worker = new Worker(new URL('./worker', import.meta.url));
+}
+
+export var useSiteSearch = function useSiteSearch() {
+  var debounceTimer = useRef();
+  var routes = useLocaleDocRoutes();
+
+  var _useSiteData = useSiteData(),
+      demos = _useSiteData.demos;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      keywords = _useState4[0],
+      setKeywords = _useState4[1];
+
+  var navData = useNavData();
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      result = _useState6[0],
+      setResult = _useState6[1];
+
+  var setter = useCallback(function (val) {
+    setLoading(true);
+    setKeywords(val);
+  }, []);
+  useEffect(function () {
+    worker.onmessage = function (e) {
+      setResult(e.data);
+      setLoading(false);
+    };
+  }, []);
+  useEffect(function () {
+    // omit demo component for postmessage
+    var demoData = Object.entries(demos).reduce(function (acc, _ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          _ref2$ = _ref2[1],
+          asset = _ref2$.asset,
+          routeId = _ref2$.routeId;
+
+      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, {
+        asset: asset,
+        routeId: routeId
+      }));
+    }, {});
+    worker.postMessage({
+      action: 'generate-metadata',
+      args: {
+        routes: JSON.parse(JSON.stringify(routes)),
+        nav: navData,
+        demos: demoData
+      }
+    });
+  }, [routes, demos, navData]);
+  useEffect(function () {
+    var str = keywords.trim();
+
+    if (str) {
+      clearTimeout(debounceTimer.current);
+      debounceTimer.current = window.setTimeout(function () {
+        worker.postMessage({
+          action: 'get-search-result',
+          args: {
+            keywords: str
+          }
+        });
+      }, 200);
+    } else {
+      setResult([]);
+    }
+  }, [keywords]);
+  return {
+    keywords: keywords,
+    setKeywords: setter,
+    result: result,
+    loading: loading
+  };
+};

package/dist/client/theme-api/{useSiteSearch.d.ts → useSiteSearch/worker.d.ts}

@@ -13,11 +13,5 @@ interface ISearchNavResult {
         highlightTexts: IHighlightText[];
     }[];
 }
-declare type ISearchResult = ISearchNavResult[];
-export declare const useSiteSearch: () => {
-    keywords: string;
-    setKeywords: (val: string) => void;
-    result: ISearchResult;
-    loading: boolean;
-};
+export declare type ISearchResult = ISearchNavResult[];
 export {};

package/dist/client/theme-api/{useSiteSearch.js → useSiteSearch/worker.js}

@@ -26,11 +26,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
-import { useNavData, useSiteData } from 'dumi';
 import { findAll } from 'highlight-words-core';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { TAB_QUERY_KEY } from "./useTabMeta";
-import { useLocaleDocRoutes } from "./utils";
+var TAB_QUERY_KEY = 'tab';
 
 function createMetadataSection(rawTitle, title, link, texts, tocIndex) {
   var allowEmptyParas = tocIndex !== undefined;
@@ -58,6 +55,10 @@ function createMetadataSection(rawTitle, title, link, texts, tocIndex) {
   } : null;
 }
 
+function generateRouteTitle(fm) {
+  return [fm.title, fm.subtitle].filter(Boolean).join(' ');
+}
+
 function generateSearchMetadata(routes, demos, nav) {
   var metadata = []; // generate demos mapping by route.id
 
@@ -86,11 +87,11 @@ function generateSearchMetadata(routes, demos, nav) {
 
         return (_demo$asset = demo.asset) === null || _demo$asset === void 0 ? void 0 : _demo$asset.id;
       });
-      var orphanSection = createMetadataSection('', routeMeta.frontmatter.title, routeAbsPath, routeMeta.texts);
+      var orphanSection = createMetadataSection('', generateRouteTitle(routeMeta.frontmatter), routeAbsPath, routeMeta.texts);
       var tocSections = routeMeta.toc.reduce(function (acc, toc, i) {
         // exclude demo id, to avoid duplicate
         if (!demoIds.includes(toc.id) && toc.depth > 1) {
-          acc.push(createMetadataSection(toc.title, "".concat(routeMeta.frontmatter.title, " - ").concat(toc.title), "".concat(routeAbsPath, "#").concat(toc.id), routeMeta.texts, i));
+          acc.push(createMetadataSection(toc.title, "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(toc.title), "".concat(routeAbsPath, "#").concat(toc.id), routeMeta.texts, i));
         }
 
         return acc;
@@ -99,25 +100,25 @@ function generateSearchMetadata(routes, demos, nav) {
         var key = _ref.key,
             meta = _ref.meta;
         // collect orphan section that not in toc
-        var tabOrphanSection = createMetadataSection('', "".concat(routeMeta.frontmatter.title, " - ").concat(meta.frontmatter.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key), meta.texts);
+        var tabOrphanSection = createMetadataSection('', "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(meta.frontmatter.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key), meta.texts);
         if (tabOrphanSection) acc.push(tabOrphanSection); // collect sections by toc
 
         acc.push.apply(acc, _toConsumableArray(meta.toc.map(function (toc, i) {
-          return createMetadataSection(toc.title, "".concat(routeMeta.frontmatter.title, " - ").concat(meta.frontmatter.title, " - ").concat(toc.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key, "#").concat(toc.id), meta.texts, i);
+          return createMetadataSection(toc.title, "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(meta.frontmatter.title, " - ").concat(toc.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key, "#").concat(toc.id), meta.texts, i);
         })));
         return acc;
       }, []);
       metadata.push({
         navTitle: routeNav === null || routeNav === void 0 ? void 0 : routeNav.title,
         navOrder: routeNav ? nav.indexOf(routeNav) : Infinity,
-        title: routeMeta.frontmatter.title,
+        title: generateRouteTitle(routeMeta.frontmatter),
         link: routeAbsPath,
         sections: [].concat(_toConsumableArray(orphanSection ? [orphanSection] : []), _toConsumableArray(tocSections), _toConsumableArray(tabSections)),
         demos: ((_demosMapping$route$i = demosMapping[route.id]) === null || _demosMapping$route$i === void 0 ? void 0 : _demosMapping$route$i.map(function (demo) {
           return {
             link: "".concat(routeAbsPath, "#").concat(demo.asset.id),
             rawTitle: demo.asset.title || '',
-            title: demo.asset.title || routeMeta.frontmatter.title,
+            title: demo.asset.title || generateRouteTitle(routeMeta.frontmatter),
             description: demo.asset.description || '',
             keywords: demo.asset.keywords || []
           };
@@ -131,6 +132,7 @@ function generateSearchMetadata(routes, demos, nav) {
 function generateHighlightTexts() {
   var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var keywords = arguments.length > 1 ? arguments[1] : undefined;
+  var priority = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var chunks = findAll({
     textToHighlight: str,
     searchWords: keywords,
@@ -155,7 +157,7 @@ function generateHighlightTexts() {
       highlightText.highlighted = true;
       matchedMapping[keywords.find(function (k) {
         return highlightText.text.includes(k);
-      })] = true;
+      })] = priority;
     }
 
     return highlightText;
@@ -180,7 +182,7 @@ function generateSearchResult(metadata, keywordsStr) {
           var p = _step.value;
 
           if (matchReg.test(p)) {
-            var _generateHighlightTex3 = generateHighlightTexts(sec.title, keywords),
+            var _generateHighlightTex3 = generateHighlightTexts(sec.title, keywords, 10),
                 _generateHighlightTex4 = _slicedToArray(_generateHighlightTex3, 2),
                 _highlightTitleTexts = _generateHighlightTex4[0],
                 _titleMatchMapping = _generateHighlightTex4[1];
@@ -193,7 +195,9 @@ function generateSearchResult(metadata, keywordsStr) {
             hints.push({
               type: 'content',
               link: sec.link,
-              priority: Object.keys(_objectSpread(_objectSpread({}, _titleMatchMapping), matchMapping)).length,
+              priority: Object.values(_objectSpread(_objectSpread({}, matchMapping), _titleMatchMapping)).reduce(function (acc, p) {
+                return acc + p;
+              }, 0),
               highlightTitleTexts: _highlightTitleTexts,
               highlightTexts: highlightTexts
             }); // match at most once in the same section
@@ -209,7 +213,7 @@ function generateSearchResult(metadata, keywordsStr) {
       }
 
       if (matchReg.test(sec.rawTitle)) {
-        var _generateHighlightTex = generateHighlightTexts(sec.title, keywords),
+        var _generateHighlightTex = generateHighlightTexts(sec.title, keywords, 10),
             _generateHighlightTex2 = _slicedToArray(_generateHighlightTex, 2),
             highlightTitleTexts = _generateHighlightTex2[0],
             titleMatchMapping = _generateHighlightTex2[1];
@@ -217,7 +221,9 @@ function generateSearchResult(metadata, keywordsStr) {
         hints.push({
           type: 'title',
           link: sec.link,
-          priority: Object.keys(titleMatchMapping).length,
+          priority: Object.values(titleMatchMapping).reduce(function (acc, p) {
+            return acc + p;
+          }, 0),
           highlightTitleTexts: highlightTitleTexts,
           highlightTexts: generateHighlightTexts(sec.paragraphs[0] || '', keywords)[0]
         });
@@ -226,7 +232,7 @@ function generateSearchResult(metadata, keywordsStr) {
 
     data.demos.forEach(function (demo) {
       if (matchReg.test(demo.rawTitle) || matchReg.test(demo.description)) {
-        var _generateHighlightTex7 = generateHighlightTexts(demo.title, keywords),
+        var _generateHighlightTex7 = generateHighlightTexts(demo.title, keywords, 10),
             _generateHighlightTex8 = _slicedToArray(_generateHighlightTex7, 2),
             highlightTitleTexts = _generateHighlightTex8[0],
             titleMatchMapping = _generateHighlightTex8[1];
@@ -239,7 +245,9 @@ function generateSearchResult(metadata, keywordsStr) {
         hints.push({
           type: 'demo',
           link: demo.link,
-          priority: Object.keys(_objectSpread(_objectSpread({}, titleMatchMapping), matchMapping)).length,
+          priority: Object.values(_objectSpread(_objectSpread({}, matchMapping), titleMatchMapping)).reduce(function (acc, p) {
+            return acc + p;
+          }, 0),
           highlightTitleTexts: highlightTitleTexts,
           highlightTexts: highlightTexts
         });
@@ -249,7 +257,7 @@ function generateSearchResult(metadata, keywordsStr) {
     if (matchReg.test(data.title)) {
       var _data$sections$;
 
-      var _generateHighlightTex11 = generateHighlightTexts(data.title, keywords),
+      var _generateHighlightTex11 = generateHighlightTexts(data.title, keywords, 100),
           _generateHighlightTex12 = _slicedToArray(_generateHighlightTex11, 2),
           highlightTitleTexts = _generateHighlightTex12[0],
           titleMatchMapping = _generateHighlightTex12[1];
@@ -257,7 +265,9 @@ function generateSearchResult(metadata, keywordsStr) {
       hints.push({
         type: 'page',
         link: data.link,
-        priority: Object.keys(titleMatchMapping).length,
+        priority: Object.values(titleMatchMapping).reduce(function (acc, p) {
+          return acc + p;
+        }, 0),
         highlightTitleTexts: highlightTitleTexts,
         highlightTexts: generateHighlightTexts(((_data$sections$ = data.sections[0]) === null || _data$sections$ === void 0 ? void 0 : _data$sections$.paragraphs[0]) || '', keywords)[0]
       });
@@ -270,7 +280,7 @@ function generateSearchResult(metadata, keywordsStr) {
       var key = data.navTitle || '$ROOT';
       (_resultMapping$key = resultMapping[key]) !== null && _resultMapping$key !== void 0 ? _resultMapping$key : resultMapping[key] = {
         title: data.navTitle,
-        priority: data.navOrder,
+        priority: data.navOrder * 1000,
         hints: []
       };
 
@@ -289,59 +299,20 @@ function generateSearchResult(metadata, keywordsStr) {
   });
 }
 
-export var useSiteSearch = function useSiteSearch() {
-  var debounceTimer = useRef();
-  var routes = useLocaleDocRoutes();
-
-  var _useSiteData = useSiteData(),
-      demos = _useSiteData.demos;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      keywords = _useState4[0],
-      setKeywords = _useState4[1];
-
-  var navData = useNavData();
-
-  var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      metadata = _useState6[0],
-      setMetadata = _useState6[1];
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      result = _useState8[0],
-      setResult = _useState8[1];
-
-  var setter = useCallback(function (val) {
-    setLoading(true);
-    setKeywords(val);
-  }, []);
-  useEffect(function () {
-    setMetadata(generateSearchMetadata(routes, demos, navData));
-  }, [routes, demos, navData]);
-  useEffect(function () {
-    var str = keywords.trim();
-
-    if (str) {
-      clearTimeout(debounceTimer.current);
-      debounceTimer.current = window.setTimeout(function () {
-        setResult(generateSearchResult(metadata, str));
-        setLoading(false);
-      }, 100);
-    } else {
-      setResult([]);
-    }
-  }, [keywords, metadata]);
-  return {
-    keywords: keywords,
-    setKeywords: setter,
-    result: result,
-    loading: loading
-  };
+var metadata;
+
+self.onmessage = function (_ref4) {
+  var data = _ref4.data;
+
+  switch (data.action) {
+    case 'generate-metadata':
+      metadata = generateSearchMetadata(data.args.routes, data.args.demos, data.args.nav);
+      break;
+
+    case 'get-search-result':
+      self.postMessage(generateSearchResult(metadata, data.args.keywords));
+      break;
+
+    default:
+  }
 };

package/dist/constants.js

@@ -52,7 +52,6 @@ var CLIENT_DEPS = [
   "prismjs",
   "rc-tabs",
   "react-copy-to-clipboard",
-  "react-helmet",
   "react-intl"
 ];
 // Annotate the CommonJS export names for ESM import in node:

package/dist/features/exportStatic.js

@@ -25,18 +25,33 @@ module.exports = __toCommonJS(exportStatic_exports);
 var import_constants = require("../constants");
 var import_assets = require("./assets");
 var exportStatic_default = (api) => {
+  const prevExtraRoutePaths = [];
   api.describe({ key: "dumi:exportStatic" });
+  api.register({
+    key: "modifyDefaultConfig",
+    stage: Infinity,
+    fn(memo) {
+      if (memo.exportStatic && memo.exportStatic.extraRoutePaths) {
+        prevExtraRoutePaths.push(memo.exportStatic.extraRoutePaths);
+      }
+    }
+  });
   api.register({
     key: "modifyConfig",
     stage: Infinity,
     fn(memo) {
       var _a;
-      if (api.userConfig.exportStatic !== false) {
-        const prev = ((_a = memo.exportStatic) == null ? void 0 : _a.extraRoutePaths) || [];
+      if (memo.exportStatic !== false) {
+        if ((_a = memo.exportStatic) == null ? void 0 : _a.extraRoutePaths) {
+          prevExtraRoutePaths.push(memo.exportStatic.extraRoutePaths);
+        }
         memo.exportStatic ?? (memo.exportStatic = {});
         memo.exportStatic.extraRoutePaths = async () => {
           const examples = (0, import_assets.getExampleAssets)();
-          const userExtraPaths = typeof prev === "function" ? await prev() : prev;
+          const userExtraPaths = [];
+          for (const prev of prevExtraRoutePaths) {
+            userExtraPaths.push(...typeof prev === "function" ? await prev() : prev);
+          }
           return userExtraPaths.concat(examples.map(({ id }) => `/${import_constants.SP_ROUTE_PREFIX}demos/${id}`));
         };
       }

package/dist/features/routes.js

@@ -40,8 +40,11 @@ function localizeUmiRoute(route, locales) {
   if (locale) {
     const base = !("base" in locale) || locale.base === "/" ? "" : locale.base.replace(/^(\/)(.+)$/, "$2$1");
     const suffix = "suffix" in locale ? locale.suffix : "";
-    route.path = `${base}${route.path.replace(new RegExp(`/${locale.id}$`), "").replace(/((^|\/)(index|README))$/, "")}${suffix}`;
+    route.path = `${base}${route.path.replace(new RegExp(`/${locale.id}$`), "").replace(/((^|\/)(index|README))$/, "").toLowerCase()}${suffix}`;
     route.absPath = route.path !== "/" ? `/${route.path}` : route.path;
+  } else {
+    route.path = route.path.toLowerCase();
+    route.absPath = route.absPath.toLowerCase();
   }
 }
 function flatRoute(route, docLayoutId) {
@@ -163,8 +166,6 @@ var routes_default = (api) => {
       } else if (!route.isLayout) {
         flatRoute(route, docLayoutId);
         localizeUmiRoute(route, api.config.locales);
-        route.path = route.path.toLowerCase();
-        route.absPath = route.absPath.toLowerCase();
       }
     });
     if (Object.values(pages).every((route) => route.path !== "*")) {
@@ -201,6 +202,20 @@ var routes_default = (api) => {
     }
     return layouts;
   });
+  api.addEntryCodeAhead(() => `
+// always remove trailing slash from location.pathname
+if (
+  typeof history !== 'undefined' &&
+  location.pathname.length > 1 &&
+  location.pathname.endsWith('/')
+) {
+  history.replaceState(
+    {},
+    '',
+    location.pathname.slice(0, -1) + location.search + location.hash,
+  );
+}
+`);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});