@antv/dumi-theme-antv 0.3.10 → 0.3.11

package/dist/pages/404.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { SEO } from "dumi/theme/slots/SEO";
-import { Header } from "dumi/theme/slots/Header";
 import { NotFound as NotFoundPage } from "dumi/theme/slots/404";
 import { Footer } from "dumi/theme/slots/Footer";
+import { Header } from "dumi/theme/slots/Header";
+import { SEO } from "dumi/theme/slots/SEO";
 
 /**
  * 404 页面

package/dist/plugin/index.js

@@ -32,9 +32,10 @@ __export(plugin_exports, {
   default: () => plugin_default
 });
 module.exports = __toCommonJS(plugin_exports);
-var path = __toESM(require("path"));
 var import_plugin_utils = require("dumi/plugin-utils");
+var path = __toESM(require("path"));
 var import_examples = require("./examples");
+var import_rehypeObservable = __toESM(require("./rehypeObservable"));
 var ALIAS_PAGES_KEY = "@/antv__theme__pages";
 var MOCK_META = { frontmatter: { title: "mock-meta" }, texts: [], toc: [] };
 var plugin_default = (api) => {
@@ -44,8 +45,11 @@ var plugin_default = (api) => {
     memo.exportStatic.extraRoutePaths = (0, import_examples.getExamplePaths)();
     memo.mfsu = false;
     memo.jsMinifier = "terser";
-    memo.favicons = ["https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original"];
+    memo.favicons = [
+      "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original"
+    ];
     memo.alias[ALIAS_PAGES_KEY] = path.join(__dirname, "../pages");
+    memo.extraRehypePlugins = [import_rehypeObservable.default];
     return memo;
   });
   const pages = [
@@ -91,7 +95,9 @@ var plugin_default = (api) => {
       content: `
 import React from 'react';
 import { useOutlet, useSiteData } from 'dumi';
-import { ThemeAntVContext } from '${(0, import_plugin_utils.winPath)(path.join(__dirname, "../context"))}';
+import { ThemeAntVContext } from '${(0, import_plugin_utils.winPath)(
+        path.join(__dirname, "../context")
+      )}';
 
 export default function ThemeAntVContextWrapper() {
   const outlet = useOutlet();
@@ -100,7 +106,9 @@ export default function ThemeAntVContextWrapper() {
     <ThemeAntVContext.Provider
       value={{
         meta: ${JSON.stringify({
-        exampleTopics: (0, import_examples.getExamplesPageTopics)(api.config.themeConfig.examples || [])
+        exampleTopics: (0, import_examples.getExamplesPageTopics)(
+          api.config.themeConfig.examples || []
+        )
       })}
       }}
     >
@@ -130,7 +138,9 @@ export default function ThemeAntVContextWrapper() {
     routes["404"].meta = MOCK_META;
     return routes;
   });
-  api.addTmpGenerateWatcherPaths(() => [path.resolve(process.cwd(), "examples")]);
+  api.addTmpGenerateWatcherPaths(() => [
+    path.resolve(process.cwd(), "examples")
+  ]);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/dist/plugin/rehypeObservable.d.ts

@@ -0,0 +1 @@
+export default function rehypeObservable(): (tree: any) => Promise<void>;

package/dist/plugin/rehypeObservable.js

@@ -0,0 +1,74 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin/rehypeObservable.ts
+var rehypeObservable_exports = {};
+__export(rehypeObservable_exports, {
+  default: () => rehypeObservable
+});
+module.exports = __toCommonJS(rehypeObservable_exports);
+var visit;
+(async () => {
+  ({ visit } = await import("unist-util-visit"));
+})();
+function isObservable(node) {
+  if (!node.data)
+    return;
+  const { meta } = node.data;
+  if (!meta)
+    return;
+  return meta.match(/\|\s*ob\s*{*/);
+}
+function rehypeObservable() {
+  return async (tree) => {
+    visit(tree, "element", (node, i, parent) => {
+      if (!isObservable(node))
+        return;
+      if (node.tagName === "SourceCode") {
+        parent.children.splice(i, 1, {
+          type: "element",
+          tagName: "div",
+          properties: {
+            class: "ob-codeblock"
+          },
+          children: [
+            {
+              type: "element",
+              tagName: "p",
+              properties: { meta: node.data.meta },
+              children: []
+            },
+            { ...node }
+          ]
+        });
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/slots/CodeEditor/index.js

@@ -171,6 +171,11 @@ export var CodeEditor = function CodeEditor(_ref) {
   // 案例变化的时候，修改代码
   useEffect(function () {
     setCode(source);
+
+    // 清空 data 和 spec
+    // 放在该案例运行错误，返回之前案例的 data 和 spec
+    setData(null);
+    if (showSpecTab) setSpec(null);
   }, [exampleId]);
 
   // 代码变化的时候，运行代码
@@ -257,9 +262,12 @@ export var CodeEditor = function CodeEditor(_ref) {
   // hook 用户的数据
   useEffect(function () {
     // 需要匹配首位的换行符，以及 ' 和 "
-    var dataFileMatch = source.match(/fetch\(\s*["|'](.*)["|']\s*\)/);
+    var match = source.matchAll(/fetch\(\s*["|'](.*)["|'],*\s*\)/g);
+    var dataFileMatch = Array.from(match);
     if (dataFileMatch && dataFileMatch.length > 0) {
-      fetchData([dataFileMatch[1].trim()]).then(function (data) {
+      fetchData(dataFileMatch.map(function (d) {
+        return d[1].trim();
+      })).then(function (data) {
         updateData(data);
       });
     } else {
@@ -300,7 +308,7 @@ export var CodeEditor = function CodeEditor(_ref) {
     }
   }, [currentEditorTab]);
   var parseFunction = function parseFunction(string) {
-    return string.replace(/"\<func\>(.*)\<\/func\>"/g, function (_, code) {
+    return string.replace(/"\<func\>(.*?)\<\/func\>"/g, function (_, code) {
       return code;
     });
   };

package/dist/slots/Header/Search/index.js

@@ -44,7 +44,7 @@ export var Search = function Search() {
     value: keywords,
     autoComplete: "off",
     onBlur: function onBlur() {
-      return onClose;
+      return onClose();
     },
     onFocus: function onFocus() {
       return setOpen(!!(result !== null && result !== void 0 && result.length));

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 export declare type PreviewProps = {
     source: string;
-    pin: string;
+    pin: boolean;
     code: HTMLDivElement;
 };
 export declare const Preview: FC<any>;

package/dist/slots/ManualContent/Preview.js

@@ -11,6 +11,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { PlayCircleOutlined, PushpinOutlined } from '@ant-design/icons';
 import React, { useEffect, useRef, useState } from 'react';
 import styles from "./Preview.module.less";
+import { safeEval } from "./utils";
 function normalizeValue(node) {
   return node instanceof Promise ? node : Promise.resolve(node);
 }
@@ -20,9 +21,6 @@ function normalizeDOM(node) {
   span.textContent = node.toString();
   return span;
 }
-function safeEval(source) {
-  return new Function("return ".concat(source))();
-}
 function sizeOf(dom) {
   if (dom.style.display === 'none') return {
     width: 0,
@@ -42,7 +40,8 @@ function sizeOf(dom) {
 export var Preview = function Preview(_ref) {
   var source = _ref.source,
     code = _ref.code,
-    _pin = _ref._pin;
+    _ref$pin = _ref.pin,
+    pin = _ref$pin === void 0 ? true : _ref$pin;
   var containerRef = useRef(null);
   var ulRef = useRef(null);
   var nodeRef = useRef(null);
@@ -146,9 +145,9 @@ export var Preview = function Preview(_ref) {
 
   // 是否需要隐藏代码
   useEffect(function () {
-    if (_pin !== 'false') return;
+    if (pin !== false) return;
     code.style.display = 'none';
-  }, [_pin]);
+  }, [pin]);
 
   // 暂时和隐藏 toolbar
   useEffect(function () {

package/dist/slots/ManualContent/usePreview.js

@@ -5,11 +5,18 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import React, { useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
 import { Preview } from "./Preview";
+import { safeEval } from "./utils";
 function optionsOf(p) {
-  var keys = ['_pin', '_only'];
-  return Object.fromEntries(keys.map(function (key) {
-    return [key, p.getAttribute(key)];
-  }));
+  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);
@@ -23,7 +30,7 @@ function sourceOf(block) {
 export function usePreview() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   useEffect(function () {
-    var blocks = Array.from(document.querySelectorAll('.markdown .preview + .dumi-default-source-code'));
+    var blocks = Array.from(document.querySelectorAll('.ob-codeblock .dumi-default-source-code'));
 
     // 过滤实际展示的 block
     var I = Array.from({
@@ -34,8 +41,9 @@ export function usePreview() {
     var OI = I.filter(function (i) {
       var p = blocks[i].previousSibling;
       var options = optionsOf(p);
-      var _only = options._only;
-      return _only === 'true';
+      var _options$only = options.only,
+        only = _options$only === void 0 ? false : _options$only;
+      return only === true;
     });
     var FI = OI.length === 0 ? I : OI;
 

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {
@@ -66,6 +66,7 @@
     "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,6 +87,8 @@
     "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"
   },