@antv/dumi-theme-antv 0.3.0-beta.1 → 0.3.0-beta.3

package/dist/pages/404.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Header } from "../slots/Header";
 import { NotFound as NotFoundPage } from "../slots/404";
 import { Footer } from "../slots/Footer";

package/dist/plugin/examples.d.ts

@@ -4,4 +4,9 @@
  * @returns {ExamplesPage.ExampleTopic[]} 案例主题列表
  * @author YuZhanglong <loveyzl1123@gmail.com>
  */
-export declare const getExamplesPageTopics: () => ExamplesPage.ExampleTopic[];
+export declare const getExamplesPageTopics: (exampleTopics: ExamplesPage.ExampleTopic[]) => {
+    id: string;
+    title: ExamplesPage.ExampleTopic;
+    icon: ExamplesPage.ExampleTopic;
+    examples: ExamplesPage.Example[];
+}[];

package/dist/plugin/examples.js

@@ -35,7 +35,7 @@ var getExampleDemos = (exampleDir) => {
   const demoMeta = JSON.parse(demoMetaJSON).demos;
   const demos = demoMeta.map((item) => {
     const { title, screenshot, filename, new: isNew } = item;
-    const id = filename.replace(/\.tsx?$/, "");
+    const id = filename.replace(/\.tsx?$/, "").replace(/\.ts?$/, "").replace(/\.jsx?$/, "").replace(/\.js?$/, "");
     return {
       id,
       screenshot,
@@ -68,13 +68,21 @@ var getTopicExamples = (topicPath) => {
     return example;
   });
 };
-var getExamplesPageTopics = () => {
-  const exampleTopicPaths = glob.sync(`${examplesBaseDir}/*`);
-  return exampleTopicPaths.map((topicPath) => {
-    const topicMetaPath = path.resolve(topicPath, "meta.js");
-    const topicMeta = require(topicMetaPath);
-    topicMeta.examples = getTopicExamples(topicPath);
-    return topicMeta;
+var getExamplesPageTopics = (exampleTopics) => {
+  return exampleTopics.map(({ id, slug, title, icon }) => {
+    const nid = id || slug;
+    let examples = [];
+    try {
+      examples = getTopicExamples(path.join(examplesBaseDir, nid));
+    } catch (e) {
+      console.warn(e);
+    }
+    return {
+      id: nid,
+      title,
+      icon,
+      examples
+    };
   });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/plugin/index.js

@@ -1,8 +1,6 @@
-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)
@@ -16,7 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/plugin/index.ts
@@ -26,52 +23,52 @@ __export(plugin_exports, {
 });
 module.exports = __toCommonJS(plugin_exports);
 var import_examples = require("./examples");
-function generateMetaJSON() {
-  const res = (0, import_examples.getExamplesPageTopics)();
-  return {
-    exampleTopics: res
-  };
-}
+var import_utils = require("./utils");
 var plugin_default = (api) => {
   api.describe({ key: `dumi-theme:${require("../../package.json").name}` });
   const pages = [
     {
       id: "dumi-theme-antv-example-list-zh",
       path: "/examples/",
-      file: require.resolve("../pages/Examples/index.tsx")
+      file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-example-list-lang",
       path: "/:language/examples/",
-      file: require.resolve("../pages/Examples/index.tsx")
+      file: (0, import_utils.myResolve)("../pages/Examples/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-zh",
       path: "/examples/:topic/:example",
-      file: require.resolve("../pages/Example/index.tsx")
+      file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     },
     {
       id: "dumi-theme-antv-single-example-lang",
       path: "/:language/examples/:topic/:example",
-      file: require.resolve("../pages/Example/index.tsx")
+      file: (0, import_utils.myResolve)("../pages/Example/index.tsx")
     }
   ];
-  const contextFilePath = require.resolve("../context.ts");
+  const contextFilePath = (0, import_utils.myResolve)("../context.ts");
   api.onGenerateFiles(() => {
     api.writeTmpFile({
       noPluginDir: true,
       path: "theme-antv/ContextWrapper.tsx",
       content: `
-import { useOutlet } from 'dumi';
+import React from 'react';
+import { useOutlet, useSiteData } from 'dumi';
 import { ThemeAntVContext } from '${contextFilePath}';
 
 export default function ThemeAntVContextWrapper() {
   const outlet = useOutlet();
+  // const { themeConfig } = useSiteData();
+  // const exampleTopics = themeConfig?.examples || [];
 
   return (
     <ThemeAntVContext.Provider
       value={{
-        meta: ${JSON.stringify(generateMetaJSON())}
+        meta: ${JSON.stringify({
+        exampleTopics: (0, import_examples.getExamplesPageTopics)(api.config.themeConfig.examples || [])
+      })}
       }}
     >
       {outlet}
@@ -95,7 +92,7 @@ export default function ThemeAntVContextWrapper() {
         parentId: "DocLayout"
       };
     });
-    routes["404"].file = require.resolve("../pages/404.tsx");
+    routes["404"].file = (0, import_utils.myResolve)("../pages/404.tsx");
     return routes;
   });
 };

package/dist/plugin/utils.d.ts

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

package/dist/plugin/utils.js

@@ -0,0 +1,46 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  myResolve: () => myResolve
+});
+module.exports = __toCommonJS(utils_exports);
+var path = __toESM(require("path"));
+function myResolve(p, alternateExts = [".js"]) {
+  const extname2 = path.extname(p);
+  const pathname = p.slice(0, p.length - extname2.length);
+  const exts = [extname2, ...alternateExts];
+  for (let i = 0; i < exts.length; i++) {
+    const ext = exts[i];
+    const fullpath = `${pathname}${ext}`;
+    try {
+      return require.resolve(fullpath);
+    } catch (e) {
+    }
+  }
+  return "";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  myResolve
+});

package/dist/slots/CodePreview/index.module.less

@@ -18,9 +18,12 @@
     height: 100%;
     position: relative;
   
-    .playgroundScriptContainer {
+    :global(#playgroundScriptContainer) {
       flex: 1;
       position: relative;
+      width: 100%;
+      height: 100%;
+
       :global(#container) {
         width: 100%;
         height: 100%;

package/dist/slots/ExampleSider/index.js

@@ -24,8 +24,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { Input, Menu, Tooltip } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
+import { Input, Menu, Tooltip } from 'antd';
 import { useLocale } from 'dumi';
 import { createFromIconfontCN, SearchOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import classNames from 'classnames';

package/dist/typings.d.ts

@@ -104,10 +104,13 @@ declare namespace ExamplesPage {
   /** 案例主题 */
   export interface ExampleTopic {
     /**
-     * id
+     * id 和文件夹目录名保持一致
      */
     id: string;
-
+    /**
+     * slug 和 id 一样，兼容旧配置
+     */
+    slug?: string;
     /**
      * 标题
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.0-beta.1",
+  "version": "0.3.0-beta.3",
   "description": "AntV website theme based on dumi2.",
   "types": "dist/types.d.ts",
   "scripts": {