@antv/dumi-theme-antv 0.3.8 → 0.3.11

package/dist/slots/ManualContent/usePreview.js

@@ -0,0 +1,97 @@
+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); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+import React, { useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import { Preview } from "./Preview";
+import { safeEval } from "./utils";
+function optionsOf(p) {
+  try {
+    var _meta$match;
+    var meta = p.getAttribute('meta');
+    var options = (_meta$match = meta.match(/\|\s*ob\s*({.*})/)) === null || _meta$match === void 0 ? void 0 : _meta$match[1];
+    if (!options) return {};
+    return safeEval(options);
+  } catch (e) {
+    console.error(e);
+    return {};
+  }
+}
+function sourceOf(block) {
+  var cloned = block.cloneNode(true);
+  // 去掉 comments
+  var comments = Array.from(cloned.querySelectorAll('.comment'));
+  comments.forEach(function (comment) {
+    return comment.remove();
+  });
+  return cloned.textContent;
+}
+export function usePreview() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  useEffect(function () {
+    var blocks = Array.from(document.querySelectorAll('.ob-codeblock .dumi-default-source-code'));
+
+    // 过滤实际展示的 block
+    var I = Array.from({
+      length: blocks.length
+    }, function (_, i) {
+      return i;
+    });
+    var OI = I.filter(function (i) {
+      var p = blocks[i].previousSibling;
+      var options = optionsOf(p);
+      var _options$only = options.only,
+        only = _options$only === void 0 ? false : _options$only;
+      return only === true;
+    });
+    var FI = OI.length === 0 ? I : OI;
+
+    // 将 p 标签替换成渲染后结果
+    var W = [];
+    var P = [];
+    var _iterator = _createForOfIteratorHelper(FI),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var i = _step.value;
+        var block = blocks[i];
+        var source = sourceOf(block);
+        var p = block.previousSibling;
+
+        // 渲染并且挂载代码运行结果
+        var wrapper = document.createElement('div');
+        var _options = optionsOf(p);
+        var root = createRoot(wrapper);
+        root.render( /*#__PURE__*/React.createElement(Preview, _extends({
+          source: source,
+          code: block
+        }, _options)));
+        p.replaceWith(wrapper);
+        W[i] = wrapper;
+        P[i] = p;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return function () {
+      // 复原
+      var _iterator2 = _createForOfIteratorHelper(FI),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var i = _step2.value;
+          var wrapper = W[i];
+          var p = P[i];
+          wrapper.replaceWith(p);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    };
+  });
+}

package/dist/slots/ManualContent/utils.d.ts

@@ -16,3 +16,4 @@ export declare function getIndexRoute(MenuData: any): any;
  * @param p
  */
 export declare function getNavigateUrl(pathname: string, first: string, siderbarMenu: any[]): string;
+export declare function safeEval(source: any): any;

package/dist/slots/ManualContent/utils.js

@@ -37,12 +37,12 @@ export function getIndexRoute(MenuData) {
  * /en/docs/api/ ----> /en/api/[first-doc]
  * /zh/docs/api/ ----> /api/[first-doc]
  *
- * /en/docs/api/xxx ----> /en/api/xxx 
+ * /en/docs/api/xxx ----> /en/api/xxx
  * /zh/docs/api/xxx ----> /api/xxx
- * 
+ *
  * /docs/api/xxx -----> /api/xxx
- * 
- * @param p 
+ *
+ * @param p
  */
 export function getNavigateUrl(pathname, first, siderbarMenu) {
   // 兜底 如果 nav 指定有误则自动重定向到 indexDocRoute
@@ -56,4 +56,7 @@ export function getNavigateUrl(pathname, first, siderbarMenu) {
     return first;
   }
   return pathname;
+}
+export function safeEval(source) {
+  return new Function("return ".concat(source))();
 }

package/dist/slots/utils.js

@@ -14,7 +14,7 @@ export function ping() {
 }
 function _ping() {
   _ping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var timeout, url, network;
+    var timeout, network;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -23,14 +23,25 @@ function _ping() {
               resolve('timeout');
             }, 1500);
           });
-          url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
-          network = fetch(url).then(function (resp) {
-            return resp.status === 200 ? 'responded' : 'error';
+          network = new Promise(function (resolve) {
+            var url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
+            var img = new Image();
+            img.onload = function () {
+              img.onload = null;
+              img.onerror = null;
+              resolve('responded');
+            };
+            img.onerror = function () {
+              img.onload = null;
+              img.onerror = null;
+              resolve('error');
+            };
+            img.src = url;
           });
           return _context.abrupt("return", Promise.race([timeout, network]).catch(function (r) {
             return 'error';
           }));
-        case 4:
+        case 3:
         case "end":
           return _context.stop();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.8",
+  "version": "0.3.11",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -61,11 +61,12 @@
     "antd": "^4.23.5",
     "classnames": "^2.3.2",
     "codesandbox": "^2.2.3",
+    "d3-dsv": "^3.0.1",
     "docsearch.js": "^2.6.3",
-    "dumi": "^2.0.0-beta.15",
     "front-matter": "^4.0.2",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
+    "hast": "^1.0.0",
     "indent-string": "^5.0.0",
     "insert-css": "^2.0.0",
     "lodash-es": "^4.17.21",
@@ -86,11 +87,13 @@
     "semver": "^7.3.8",
     "size-sensor": "^1.0.1",
     "slick-carousel": "^1.8.1",
+    "unified": "^10.1.2",
+    "unist-util-visit": "^4.1.2",
     "uri-parse": "^1.0.0",
     "video-react": "^0.16.0"
   },
   "peerDependencies": {
-    "dumi": "^2.0.0-beta.15",
+    "dumi": "^2.0.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
@@ -106,6 +109,7 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.10",
     "@umijs/lint": "^4.0.0",
+    "dumi": "^2.0.0",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
     "father-plugin-dumi-theme": "^1.0.0-beta.1",

package/dist/plugin/utils.d.ts

@@ -1,5 +0,0 @@
-/**
- * 自定义的 resolve 函数，优先找 tsx，如果找不到则找对应的 js 文件。
- * 因为 dumi-theme-antv 编译之后，全部变成 js 文件
- */
-export declare function myResolve(p: string, alternateExts?: string[]): string;

package/dist/slots/Header/Search.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import '@docsearch/css';
-import 'docsearch.js/dist/cdn/docsearch.min.css';
-export interface SearchProps {
-    docsearchOptions?: {
-        versionV3?: boolean;
-        appId?: string;
-        apiKey: string;
-        indexName: string;
-    };
-}
-export declare const Search: React.FC<SearchProps>;

package/dist/slots/Header/Search.js

@@ -1,87 +0,0 @@
-import React, { useEffect } from 'react';
-import { SearchOutlined } from '@ant-design/icons';
-import { DocSearch } from '@docsearch/react';
-import { useLocale, useIntl } from 'dumi';
-import '@docsearch/css';
-import styles from "./Search.module.less";
-import 'docsearch.js/dist/cdn/docsearch.min.css';
-function initDocSearchV2(_ref) {
-  var docsearchV2 = _ref.docsearchV2,
-    lang = _ref.lang,
-    docsearchOptions = _ref.docsearchOptions;
-  var _ref2 = docsearchOptions || {},
-    _ref2$apiKey = _ref2.apiKey,
-    apiKey = _ref2$apiKey === void 0 ? '194b1be7fb1254c787f4e036912af3eb' : _ref2$apiKey,
-    _ref2$indexName = _ref2.indexName,
-    indexName = _ref2$indexName === void 0 ? 'antv' : _ref2$indexName;
-  docsearchV2({
-    apiKey: apiKey,
-    indexName: indexName,
-    inputSelector: ".".concat(styles.input),
-    algoliaOptions: {
-      facetFilters: ["tags:".concat(lang)]
-    },
-    transformData: function transformData(hits) {
-      hits.forEach(function (hit) {
-        /* eslint-disable no-param-reassign */
-        hit.url = hit.url.replace('g2.antv.vision', window.location.host);
-        hit.url = hit.url.replace('g6.antv.vision', window.location.host);
-        hit.url = hit.url.replace('f2.antv.vision', window.location.host);
-        hit.url = hit.url.replace('l7.antv.vision', window.location.host);
-        hit.url = hit.url.replace('x6.antv.vision', window.location.host);
-        hit.url = hit.url.replace('g2plot.antv.vision', window.location.host);
-        hit.url = hit.url.replace('graphin.antv.vision', window.location.host);
-        hit.url = hit.url.replace('https:', window.location.protocol);
-        hit.url = hit.url.replace('#gatsby-focus-wrapper', '');
-        /* eslint-enable no-param-reassign */
-      });
-
-      return hits;
-    },
-    debug: false // Set debug to true if you want to inspect the dropdown
-  });
-}
-
-export var Search = function Search(_ref3) {
-  var docsearchOptions = _ref3.docsearchOptions;
-  var locale = useLocale();
-  var intl = useIntl();
-  var _ref4 = docsearchOptions || {},
-    _ref4$apiKey = _ref4.apiKey,
-    apiKey = _ref4$apiKey === void 0 ? '' : _ref4$apiKey,
-    _ref4$indexName = _ref4.indexName,
-    indexName = _ref4$indexName === void 0 ? '' : _ref4$indexName,
-    _ref4$versionV = _ref4.versionV3,
-    versionV3 = _ref4$versionV === void 0 ? false : _ref4$versionV,
-    _ref4$appId = _ref4.appId,
-    appId = _ref4$appId === void 0 ? '' : _ref4$appId;
-  useEffect(function () {
-    if (typeof window !== 'undefined' && !versionV3) {
-      import('docsearch.js').then(function (_ref5) {
-        var docsearchV2 = _ref5.default;
-        initDocSearchV2({
-          docsearchV2: docsearchV2,
-          lang: locale.id,
-          docsearchOptions: docsearchOptions
-        });
-      });
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("label", {
-    className: styles.search,
-    htmlFor: "search",
-    id: "search"
-  }, versionV3 ? /*#__PURE__*/React.createElement(DocSearch, {
-    appId: appId,
-    indexName: indexName,
-    apiKey: apiKey
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchOutlined, {
-    className: styles.icon
-  }), /*#__PURE__*/React.createElement("input", {
-    className: styles.input,
-    id: "search",
-    placeholder: intl.formatMessage({
-      id: '搜索…'
-    })
-  })));
-};