vigor-moon 1.0.0

package/dist/chunk-W6MHPTGR.js

@@ -0,0 +1,605 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkLS3TOABUjs = require('./chunk-LS3TOABU.js');
+
+// src/node/dev.ts
+var _vite = require('vite');
+
+// src/node/plugin/indexHtml.ts
+var _promises = require('fs/promises');
+
+// src/node/constants/index.ts
+var _path = require('path'); var _path2 = _interopRequireDefault(_path);
+var PACKAGE_ROOT = _path.join.call(void 0, __dirname, "..");
+var DEFAULT_HTML_PATH = _path.join.call(void 0, PACKAGE_ROOT, "template.html");
+var CLIENT_ENTRY_PATH = _path.join.call(void 0, PACKAGE_ROOT, "src", "runtime", "client-entry.tsx");
+var SERVER_ENTRY_PATH = _path.join.call(void 0, PACKAGE_ROOT, "src", "runtime", "ssr-entry.tsx");
+
+// src/node/plugin/indexHtml.ts
+function pluginIndexHtml() {
+  return {
+    name: "vigor: index-html",
+    apply: "serve",
+    transformIndexHtml(html) {
+      return {
+        html,
+        tags: [
+          {
+            tag: "script",
+            attrs: {
+              type: "module",
+              src: `/@fs/${CLIENT_ENTRY_PATH}`
+            },
+            injectTo: "body"
+          }
+        ]
+      };
+    },
+    configureServer(server) {
+      return () => {
+        server.middlewares.use(async (req, res, next) => {
+          let html = await _promises.readFile.call(void 0, DEFAULT_HTML_PATH, "utf-8");
+          try {
+            html = await server.transformIndexHtml(req.url, html, req.originalUrl);
+            res.statusCode = 200;
+            res.setHeader("Content-Type", "text/html");
+            res.end(html);
+          } catch (error) {
+            return next(error);
+          }
+        });
+      };
+    }
+  };
+}
+
+// src/node/dev.ts
+var _pluginreact = require('@vitejs/plugin-react'); var _pluginreact2 = _interopRequireDefault(_pluginreact);
+
+// src/node/plugin/config.ts
+
+var _sirv = require('sirv'); var _sirv2 = _interopRequireDefault(_sirv);
+
+var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
+var SITE_DATA_ID = "vigor:site-data";
+function pluginConfig(config) {
+  return {
+    name: "vigor:site-data",
+    resolveId(id) {
+      if (id === SITE_DATA_ID) {
+        return "\0" + SITE_DATA_ID;
+      }
+    },
+    load(id) {
+      if (id === "\0" + SITE_DATA_ID) {
+        return `export default ${JSON.stringify(config.siteData)}`;
+      }
+    },
+    // 通过config钩子设置别名，此处设置的别名会自动与vite配置中的别名呼应
+    config() {
+      return {
+        root: PACKAGE_ROOT,
+        resolve: {
+          alias: {
+            "@runtime": _path.join.call(void 0, PACKAGE_ROOT, "src", "runtime", "index.ts"),
+            "@constants": _path.join.call(void 0, PACKAGE_ROOT, "src", "node", "constants", "index.ts"),
+            "@types": _path.join.call(void 0, PACKAGE_ROOT, "src", "types", "index.ts")
+          }
+        },
+        css: {
+          // 在scss中定义类名的时候使用 '-' 格式可以转换为小驼峰形式进行使用
+          // 比如：
+          // scss: .main-bg
+          // tsx: mainBg
+          modules: {
+            localsConvention: "camelCaseOnly"
+          }
+        }
+      };
+    },
+    // 构建一个配置服务器来加载docs文件夹下public中的静态资源
+    // sirv 是一个优化过的轻量级中间件，用来处理静态资源请求
+    configureServer(server) {
+      const publicDir = _path2.default.join(config.root, "public");
+      if (_fsextra2.default.pathExistsSync(publicDir)) {
+        server.middlewares.use(_sirv2.default.call(void 0, publicDir));
+      }
+    }
+    // 一个学习的内容，本身未实现，比较复杂的一个逻辑。
+    // 钩子函数：当配置文件发生改变时，达到热更新的效果
+    // async handleHotUpdate(ctx) {
+    //   const customWatchedFiles = [config.configPath];
+    //   const include = (id: string) => customWatchedFiles.some((file) => id.includes(file));
+    //   if (include(ctx.file)) {
+    //     `\n${relative(config.root, ctx.file)} has changed, restarting server...`;
+    //     // 重启Dev Server的方案
+    //     // 手动调用dev.ts中的createServer方法
+    //   }
+    // },
+  };
+}
+
+// src/node/plugin/plugin-mdx/pluginMdxRollup.ts
+var _rollup = require('@mdx-js/rollup'); var _rollup2 = _interopRequireDefault(_rollup);
+var _remarkgfm = require('remark-gfm'); var _remarkgfm2 = _interopRequireDefault(_remarkgfm);
+var _rehypeautolinkheadings = require('rehype-autolink-headings'); var _rehypeautolinkheadings2 = _interopRequireDefault(_rehypeautolinkheadings);
+var _rehypeslug = require('rehype-slug'); var _rehypeslug2 = _interopRequireDefault(_rehypeslug);
+var _remarkfrontmatter = require('remark-frontmatter'); var _remarkfrontmatter2 = _interopRequireDefault(_remarkfrontmatter);
+var _remarkmdxfrontmatter = require('remark-mdx-frontmatter'); var _remarkmdxfrontmatter2 = _interopRequireDefault(_remarkmdxfrontmatter);
+
+// node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/lib/index.js
+var convert = (
+  /**
+   * @type {(
+   *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &
+   *   ((test?: Test) => AssertAnything)
+   * )}
+   */
+  /**
+   * @param {Test} [test]
+   * @returns {AssertAnything}
+   */
+  function(test) {
+    if (test === void 0 || test === null) {
+      return ok;
+    }
+    if (typeof test === "string") {
+      return typeFactory(test);
+    }
+    if (typeof test === "object") {
+      return Array.isArray(test) ? anyFactory(test) : propsFactory(test);
+    }
+    if (typeof test === "function") {
+      return castFactory(test);
+    }
+    throw new Error("Expected function, string, or object as test");
+  }
+);
+function anyFactory(tests) {
+  const checks = [];
+  let index = -1;
+  while (++index < tests.length) {
+    checks[index] = convert(tests[index]);
+  }
+  return castFactory(any);
+  function any(...parameters) {
+    let index2 = -1;
+    while (++index2 < checks.length) {
+      if (checks[index2].call(this, ...parameters))
+        return true;
+    }
+    return false;
+  }
+}
+function propsFactory(check) {
+  return castFactory(all);
+  function all(node) {
+    let key;
+    for (key in check) {
+      if (node[key] !== check[key])
+        return false;
+    }
+    return true;
+  }
+}
+function typeFactory(check) {
+  return castFactory(type);
+  function type(node) {
+    return node && node.type === check;
+  }
+}
+function castFactory(check) {
+  return assertion;
+  function assertion(node, ...parameters) {
+    return Boolean(
+      node && typeof node === "object" && "type" in node && // @ts-expect-error: fine.
+      Boolean(check.call(this, node, ...parameters))
+    );
+  }
+}
+function ok() {
+  return true;
+}
+
+// node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/color.js
+function color(d) {
+  return "\x1B[33m" + d + "\x1B[39m";
+}
+
+// node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/index.js
+var CONTINUE = true;
+var EXIT = false;
+var SKIP = "skip";
+var visitParents = (
+  /**
+   * @type {(
+   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &
+   *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)
+   * )}
+   */
+  /**
+   * @param {Node} tree
+   * @param {Test} test
+   * @param {Visitor<Node>} visitor
+   * @param {boolean | null | undefined} [reverse]
+   * @returns {void}
+   */
+  function(tree, test, visitor, reverse) {
+    if (typeof test === "function" && typeof visitor !== "function") {
+      reverse = visitor;
+      visitor = test;
+      test = null;
+    }
+    const is2 = convert(test);
+    const step = reverse ? -1 : 1;
+    factory(tree, void 0, [])();
+    function factory(node, index, parents) {
+      const value = node && typeof node === "object" ? node : {};
+      if (typeof value.type === "string") {
+        const name = (
+          // `hast`
+          typeof value.tagName === "string" ? value.tagName : (
+            // `xast`
+            typeof value.name === "string" ? value.name : void 0
+          )
+        );
+        Object.defineProperty(visit2, "name", {
+          value: "node (" + color(node.type + (name ? "<" + name + ">" : "")) + ")"
+        });
+      }
+      return visit2;
+      function visit2() {
+        let result = [];
+        let subresult;
+        let offset;
+        let grandparents;
+        if (!test || is2(node, index, parents[parents.length - 1] || null)) {
+          result = toResult(visitor(node, parents));
+          if (result[0] === EXIT) {
+            return result;
+          }
+        }
+        if (node.children && result[0] !== SKIP) {
+          offset = (reverse ? node.children.length : -1) + step;
+          grandparents = parents.concat(node);
+          while (offset > -1 && offset < node.children.length) {
+            subresult = factory(node.children[offset], offset, grandparents)();
+            if (subresult[0] === EXIT) {
+              return subresult;
+            }
+            offset = typeof subresult[1] === "number" ? subresult[1] : offset + step;
+          }
+        }
+        return result;
+      }
+    }
+  }
+);
+function toResult(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value === "number") {
+    return [CONTINUE, value];
+  }
+  return [value];
+}
+
+// node_modules/.pnpm/unist-util-visit@4.1.2/node_modules/unist-util-visit/lib/index.js
+var visit = (
+  /**
+   * @type {(
+   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &
+   *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)
+   * )}
+   */
+  /**
+   * @param {Node} tree
+   * @param {Test} test
+   * @param {Visitor} visitor
+   * @param {boolean | null | undefined} [reverse]
+   * @returns {void}
+   */
+  function(tree, test, visitor, reverse) {
+    if (typeof test === "function" && typeof visitor !== "function") {
+      reverse = visitor;
+      visitor = test;
+      test = null;
+    }
+    visitParents(tree, test, overload, reverse);
+    function overload(node, parents) {
+      const parent = parents[parents.length - 1];
+      return visitor(
+        node,
+        parent ? parent.children.indexOf(node) : null,
+        parent
+      );
+    }
+  }
+);
+
+// src/node/plugin/plugin-mdx/rehypePlugins/preWrapper.ts
+var preWrapperPlugin = () => {
+  return (tree) => {
+    visit(tree, "element", (node) => {
+      if (node.tagName === "pre" && _optionalChain([node, 'access', _ => _.children, 'access', _2 => _2[0], 'optionalAccess', _3 => _3.type]) === "element" && node.children[0].tagName === "code" && !_optionalChain([node, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.isVisited])) {
+        const codeNode = node.children[0];
+        const codeClassName = _optionalChain([codeNode, 'access', _6 => _6.properties, 'optionalAccess', _7 => _7.className, 'optionalAccess', _8 => _8.toString, 'call', _9 => _9()]) || "";
+        const lang = codeClassName.split("-")[1];
+        const nodeClone = {
+          type: "element",
+          tagName: "pre",
+          children: node.children,
+          data: {
+            isVisited: true
+          }
+        };
+        node.tagName = "div";
+        node.properties = node.properties || {};
+        node.properties.className = codeClassName;
+        node.children = [
+          {
+            type: "element",
+            tagName: "span",
+            properties: {
+              className: "lang"
+            },
+            children: [
+              {
+                type: "text",
+                value: lang
+              }
+            ]
+          },
+          nodeClone
+        ];
+      }
+    });
+  };
+};
+
+// src/node/plugin/plugin-mdx/rehypePlugins/shiki.ts
+var _hastutilfromhtml = require('hast-util-from-html');
+var shikiPlugin = ({ highlighter }) => {
+  return (tree) => {
+    visit(tree, "element", (node, index, parent) => {
+      if (node.tagName === "pre" && _optionalChain([node, 'access', _10 => _10.children, 'access', _11 => _11[0], 'optionalAccess', _12 => _12.type]) === "element" && _optionalChain([node, 'access', _13 => _13.children, 'access', _14 => _14[0], 'optionalAccess', _15 => _15.tagName]) === "code") {
+        const codeNode = node.children[0];
+        const codeContent = codeNode.children[0].value;
+        const codeClassName = _optionalChain([codeNode, 'access', _16 => _16.properties, 'optionalAccess', _17 => _17.className, 'optionalAccess', _18 => _18.toString, 'call', _19 => _19()]) || "";
+        const lang = codeClassName.split("-")[1];
+        if (!lang)
+          return;
+        const highlightCode = highlighter.codeToHtml(codeContent, { lang });
+        const fragmentAST = _hastutilfromhtml.fromHtml.call(void 0, highlightCode, { fragment: true });
+        parent.children.splice(index, 1, ...fragmentAST.children);
+      }
+    });
+  };
+};
+
+// src/node/plugin/plugin-mdx/pluginMdxRollup.ts
+var _shiki = require('shiki'); var _shiki2 = _interopRequireDefault(_shiki);
+
+// src/node/plugin/plugin-mdx/remarkPlugins/toc.ts
+var _githubslugger = require('github-slugger'); var _githubslugger2 = _interopRequireDefault(_githubslugger);
+var _acorn = require('acorn');
+var slugger = new (0, _githubslugger2.default)();
+var TOCPlugin = () => {
+  return (tree) => {
+    const tocTree = [];
+    visit(tree, "heading", (node) => {
+      if (!node.depth || !node.children) {
+        return;
+      }
+      if (node.depth > 1 && node.depth < 5) {
+        const originText = node.children.map((child) => {
+          switch (child.type) {
+            case "link":
+              return _optionalChain([child, 'access', _20 => _20.children, 'optionalAccess', _21 => _21.map, 'call', _22 => _22((c) => c.value), 'access', _23 => _23.join, 'call', _24 => _24("")]) || "";
+            default:
+              return child.value;
+          }
+        }).join("");
+        const id = slugger.slug(originText);
+        tocTree.push({
+          id,
+          text: originText,
+          depth: node.depth
+        });
+      }
+    });
+    const insertCode = `export const toc = ${JSON.stringify(tocTree, null, 2)};`;
+    tree.children.push({
+      type: "mdxjsEsm",
+      value: insertCode,
+      data: {
+        estree: _acorn.parse.call(void 0, insertCode, {
+          ecmaVersion: 2020,
+          sourceType: "module"
+        })
+      }
+    });
+  };
+};
+
+// src/node/plugin/plugin-mdx/pluginMdxRollup.ts
+async function pluginMdxRollup() {
+  return _rollup2.default.call(void 0, {
+    // 添加github的markdown标准-GFM语法
+    remarkPlugins: [
+      _remarkgfm2.default,
+      _remarkfrontmatter2.default,
+      [_remarkmdxfrontmatter2.default, { name: "frontmatter" }],
+      TOCPlugin
+    ],
+    // md文件解析插件
+    rehypePlugins: [
+      _rehypeslug2.default,
+      [
+        _rehypeautolinkheadings2.default,
+        {
+          properties: {
+            class: "header-anchor"
+          },
+          content: {
+            type: "text",
+            value: "#"
+          }
+        }
+      ],
+      preWrapperPlugin,
+      [shikiPlugin, { highlighter: await _shiki2.default.getHighlighter({ theme: "nord" }) }]
+    ]
+  });
+}
+
+// src/node/plugin/plugin-mdx/index.ts
+async function pluginMdx2() {
+  return [await pluginMdxRollup()];
+}
+
+// src/node/plugin/plugin-routes/RouteService.ts
+var _fastglob = require('fast-glob'); var _fastglob2 = _interopRequireDefault(_fastglob);
+
+
+var RouteService = class {
+  // #scanDir是定义一个私有变量
+  #scanDir;
+  // 路由信息数组
+  #routeData = [];
+  constructor(scanDir) {
+    this.#scanDir = scanDir;
+  }
+  async init() {
+    const files = _fastglob2.default.sync(["**/*.{js,jsx,ts,tsx,md,mdx}"], {
+      cwd: this.#scanDir,
+      absolute: true,
+      ignore: ["**/build/**", "**/.vigor/**", "config.ts", "tsconfig.json"]
+    }).sort();
+    files.forEach((file) => {
+      const fileRelativePath = _vite.normalizePath.call(void 0, _path2.default.relative(this.#scanDir, file));
+      const routePath = this.getRoutePath(fileRelativePath);
+      this.#routeData.push({
+        routePath,
+        absolutePath: file
+      });
+    });
+  }
+  // 得到路由路径
+  getRoutePath(fileRelativePath) {
+    const routePath = fileRelativePath.replace(/\.(.*)?$/, "").replace(/index$/, "");
+    return routePath.startsWith("/") ? routePath : `/${routePath}`;
+  }
+  // 生成路由页面代码
+  generateRoutesPath(ssr) {
+    return `
+      import React from 'react';
+      ${ssr ? "" : 'import loadable from "@loadable/component";'}
+      ${this.#routeData.map((route, index) => {
+      return ssr ? `import Route${index} from "${_vite.normalizePath.call(void 0, route.absolutePath)}";` : `const Route${index} = loadable(() => import('${_vite.normalizePath.call(void 0, 
+        route.absolutePath
+      )}')); `;
+    }).join("\n")}
+      
+      export const routes = [
+        ${this.#routeData.map((route, index) => {
+      return `{ path: '${_vite.normalizePath.call(void 0, 
+        route.routePath
+      )}', element: React.createElement(Route${index}), preload: () => import('${_vite.normalizePath.call(void 0, 
+        route.absolutePath
+      )}') },`;
+    }).join("\n")}
+      ]
+    `;
+  }
+  // 设定一个访问私有变量的api，用来单元测试
+  getRouteData() {
+    return this.#routeData;
+  }
+};
+
+// src/node/plugin/plugin-routes/index.ts
+var CONVENTIONAL_ROUTE_ID = "vigor:routes";
+function pluginRoutes(options2) {
+  const rootService = new RouteService(options2.root);
+  return {
+    name: "vigor:routes",
+    async configResolved() {
+      await rootService.init();
+    },
+    resolveId(id) {
+      if (id === CONVENTIONAL_ROUTE_ID) {
+        return "\0" + id;
+      }
+    },
+    load(id) {
+      if (id === "\0" + CONVENTIONAL_ROUTE_ID) {
+        return rootService.generateRoutesPath(options2.isSSR || false);
+      }
+    }
+  };
+}
+
+// src/node/dev.ts
+var _vite3 = require('unocss/vite'); var _vite4 = _interopRequireDefault(_vite3);
+
+// src/node/unocssOptions.ts
+var _unocss = require('unocss');
+var options = {
+  presets: [_unocss.presetAttributify.call(void 0, ), _unocss.presetIcons.call(void 0, ), _unocss.presetWind.call(void 0, )],
+  rules: [
+    // 下面这种写法和此种写法是一样的，只不过用正则会更加灵活
+    // [
+    //   "divider-bottom",
+    //   {
+    //     "border-bottom": "1px solid var(--island-c-divider-light)"
+    //   }
+    // ]
+    [
+      /^divider-(\w+)$/,
+      ([, w]) => ({
+        [`border-${w}`]: "1px solid var(--vigor-c-divider-light)"
+      })
+    ]
+  ],
+  shortcuts: {
+    "flex-center": "flex justify-center items-center"
+  }
+};
+var unocssOptions_default = options;
+
+// src/node/dev.ts
+async function createDevServer(root, isSSR = false) {
+  const config = await _chunkLS3TOABUjs.resolveConfig.call(void 0, root, "serve", "development");
+  return _vite.createServer.call(void 0, {
+    root: PACKAGE_ROOT,
+    // 插件注册
+    plugins: [
+      _vite4.default.call(void 0, unocssOptions_default),
+      pluginIndexHtml(),
+      _pluginreact2.default.call(void 0, ),
+      pluginConfig(config),
+      pluginRoutes({ root: config.root, isSSR }),
+      await pluginMdx2()
+    ],
+    // 配置e2e的服务器检索目录外的项目的合法性
+    server: {
+      fs: {
+        allow: [PACKAGE_ROOT]
+      }
+    }
+  });
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.PACKAGE_ROOT = PACKAGE_ROOT; exports.CLIENT_ENTRY_PATH = CLIENT_ENTRY_PATH; exports.SERVER_ENTRY_PATH = SERVER_ENTRY_PATH; exports.pluginIndexHtml = pluginIndexHtml; exports.pluginConfig = pluginConfig; exports.pluginMdx = pluginMdx2; exports.pluginRoutes = pluginRoutes; exports.unocssOptions_default = unocssOptions_default; exports.createDevServer = createDevServer;