@rsdoctor/components 0.0.2-beta.0

package/dist/components/CodeViewer/diff.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { DiffEditor } from "@monaco-editor/react";
+import { Size } from "../../constants";
+import { getModifiedLanguage, getOriginalLanguage } from "../../utils";
+const DiffViewer = ({ before, after, filepath, className, editorProps }) => {
+  return /* @__PURE__ */ jsx(
+    DiffEditor,
+    __spreadProps(__spreadValues({
+      className,
+      originalLanguage: getOriginalLanguage(filepath),
+      modifiedLanguage: getModifiedLanguage(filepath),
+      theme: "vs-dark",
+      original: before,
+      modified: after,
+      width: "100%"
+    }, editorProps), {
+      options: __spreadValues({
+        readOnly: true,
+        originalEditable: false,
+        renderSideBySide: true,
+        renderIndicators: true,
+        lineDecorationsWidth: Size.BasePadding,
+        definitionLinkOpensInPeek: false,
+        domReadOnly: true,
+        fontSize: 14,
+        minimap: { enabled: false },
+        diffWordWrap: "on"
+      }, editorProps == null ? void 0 : editorProps.options)
+    })
+  );
+};
+export {
+  DiffViewer
+};

package/dist/components/CodeViewer/hightlight.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SDK } from '@rsdoctor/types';
+interface FileHightLightViewerProps {
+  cwd: string;
+  module: SDK.ModuleData;
+  dependency: SDK.DependencyData;
+  moduleCode: SDK.ModuleSource;
+}
+export declare const FileHightLightViewer: React.FC<FileHightLightViewerProps>;
+export {};

package/dist/components/CodeViewer/hightlight.js

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Space, Card, Tooltip } from "antd";
+import { InfoCircleOutlined } from "@ant-design/icons";
+import Editor from "@monaco-editor/react";
+import { getOriginalLanguage, beautifyModulePath, getSelectionRange, getRevealPositionForViewer } from "../../utils";
+import { CodeOpener } from "../Opener";
+const FileHightLightViewer = ({ dependency, module, cwd, moduleCode }) => {
+  const editorRef = useRef(null);
+  if (!dependency)
+    return null;
+  const { statements } = dependency;
+  const hasSourceRange = Boolean(statements[0].position.source);
+  const { start, end } = hasSourceRange ? statements[0].position.source : statements[0].position.transformed;
+  const content = hasSourceRange ? moduleCode == null ? void 0 : moduleCode.source : moduleCode == null ? void 0 : moduleCode.transformed;
+  const modulePath = module.path;
+  const handleEditorDidMount = (editor2, monaco) => {
+    editorRef.current = editor2;
+    const range = getSelectionRange({ start, end }, monaco.Range);
+    const position = getRevealPositionForViewer(range.startLineNumber, range.startColumn);
+    editor2.revealPositionInCenter(position);
+    editor2.deltaDecorations(
+      [],
+      [
+        {
+          range,
+          options: {
+            inlineClassName: "file-inline-decoration"
+          }
+        }
+      ]
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      title: /* @__PURE__ */ jsxs(Space, { children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: modulePath, zIndex: 99999, children: /* @__PURE__ */ jsx(InfoCircleOutlined, {}) }),
+        /* @__PURE__ */ jsx(
+          CodeOpener,
+          {
+            cwd,
+            url: modulePath,
+            label: beautifyModulePath(modulePath, cwd).alias,
+            loc: `${start.line}:${start.column || 1}`,
+            code: true,
+            disabled: true
+          }
+        )
+      ] }),
+      style: { height: "100%" },
+      children: /* @__PURE__ */ jsx(
+        Editor,
+        {
+          theme: "vs-dark",
+          language: getOriginalLanguage(modulePath),
+          value: content,
+          width: "100%",
+          height: window.innerHeight / 1.5,
+          options: {
+            readOnly: true,
+            domReadOnly: true,
+            fontSize: 14,
+            minimap: {
+              enabled: false
+            }
+          },
+          onMount: handleEditorDidMount
+        }
+      )
+    }
+  );
+};
+export {
+  FileHightLightViewer
+};

package/dist/components/CodeViewer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './diff';
+export * from './hightlight';
+export * from './viewer';
+export * from './config';

package/dist/components/CodeViewer/index.js

@@ -0,0 +1,4 @@
+export * from "./diff";
+export * from "./hightlight";
+export * from "./viewer";
+export * from "./config";

package/dist/components/CodeViewer/viewer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SDK } from '@rsdoctor/types';
+import type { editor } from 'monaco-editor';
+interface CodeViewerProps {
+  path: string;
+  content: string;
+  defaultLine?: number;
+  ranges?: SDK.SourceRange[];
+  editorConfig?: editor.IStandaloneEditorConstructionOptions;
+}
+export declare const CodeViewer: React.FC<CodeViewerProps>;
+export declare const CodeViewerWithDrawer: React.FC<CodeViewerProps>;
+export {};

package/dist/components/CodeViewer/viewer.js

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import Editor from "@monaco-editor/react";
+import { isNumber } from "lodash-es";
+import { CodepenOutlined } from "@ant-design/icons";
+import { getOriginalLanguage, getSelectionRange } from "../../utils";
+import { DefaultEditorConfig } from "./config";
+import { TextDrawer } from "../TextDrawer";
+const CodeViewer = ({ content, ranges, path, defaultLine, editorConfig = {} }) => {
+  const handleEditorDidMount = (editor, monaco) => {
+    if (isNumber(defaultLine)) {
+      editor.revealLine(defaultLine);
+    }
+    if (ranges && ranges.length > 0) {
+      editor.deltaDecorations(
+        [],
+        ranges.map((range) => ({
+          range: getSelectionRange(range, monaco.Range),
+          options: {
+            inlineClassName: "file-inline-decoration"
+          }
+        }))
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Editor,
+    {
+      theme: "vs-dark",
+      language: getOriginalLanguage(path),
+      value: content,
+      width: "100%",
+      height: window.innerHeight / 1.5,
+      options: __spreadValues(__spreadValues({}, DefaultEditorConfig), editorConfig),
+      onMount: handleEditorDidMount
+    }
+  );
+};
+const CodeViewerWithDrawer = (props) => {
+  return /* @__PURE__ */ jsx(
+    TextDrawer,
+    {
+      text: "",
+      buttonProps: {
+        size: "small",
+        icon: /* @__PURE__ */ jsx(CodepenOutlined, {}),
+        type: "default"
+      },
+      buttonStyle: { padding: `0 4px` },
+      drawerProps: {
+        destroyOnClose: true,
+        title: `Code of "${props.path}"`
+      },
+      children: /* @__PURE__ */ jsx(CodeViewer, __spreadValues({}, props))
+    }
+  );
+};
+export {
+  CodeViewer,
+  CodeViewerWithDrawer
+};

package/dist/components/Configuration/index.d.ts

@@ -0,0 +1 @@
+export * from './webpack';

package/dist/components/Configuration/index.js

@@ -0,0 +1 @@
+export * from "./webpack";

package/dist/components/Configuration/webpack.d.ts

@@ -0,0 +1,13 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+interface WebpackConfigurationViewerBaseProps {
+  defaultKeys?: string[];
+  configs: SDK.ConfigData;
+}
+export declare const WebpackConfigurationViewerBase: React.FC<WebpackConfigurationViewerBaseProps>;
+export declare const WebpackConfigurationViewer: React.FC<Omit<WebpackConfigurationViewerBaseProps, "configs"> & Partial<{
+  body: {
+    key: import("@rsdoctor/types/dist/manifest").DoctorManifestMappingKeys;
+  };
+}>>;
+export {};

package/dist/components/Configuration/webpack.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SDK } from "@rsdoctor/types";
+import { Divider, Row, Select, Space, Typography } from "antd";
+import { pick } from "lodash-es";
+import { useState } from "react";
+import ReactJson from "react-json-view";
+import { useWebpackConfigurationByConfigs } from "../../utils";
+import { withServerAPI } from "../Manifest";
+import { TextDrawer } from "../TextDrawer";
+import { Title } from "../Title";
+const WebpackConfigurationViewerBase = ({
+  defaultKeys,
+  configs
+}) => {
+  const webpackData = useWebpackConfigurationByConfigs(configs || []);
+  if (!webpackData)
+    return null;
+  const { config: webpack, version } = webpackData;
+  const keys = Object.keys(webpack);
+  const [selectKeys, setSelectKeys] = useState(defaultKeys || keys);
+  return /* @__PURE__ */ jsx(TextDrawer, { text: "View Builder Config", children: /* @__PURE__ */ jsxs(Row, { children: [
+    /* @__PURE__ */ jsx(Title, { text: `Builder Config Viewer` }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Space, { children: [
+      /* @__PURE__ */ jsx(Typography.Text, { children: "Properties: " }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          dropdownStyle: { zIndex: 999 },
+          mode: "multiple",
+          allowClear: true,
+          value: selectKeys.length === keys.length ? [] : selectKeys,
+          style: { width: 350 },
+          dropdownMatchSelectWidth: true,
+          placeholder: "Show Selected Properties Only.",
+          onChange: (e) => {
+            setSelectKeys(e);
+          },
+          children: keys.map((e) => {
+            return /* @__PURE__ */ jsx(Select.Option, { label: e, value: e, children: e }, e);
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ReactJson,
+      {
+        name: version && version !== "unknown" ? `webpack@${version}` : `webpack.config`,
+        theme: "monokai",
+        src: selectKeys.length === 0 ? webpack : pick(webpack, selectKeys),
+        displayDataTypes: false,
+        displayObjectSize: false
+      }
+    )
+  ] }) });
+};
+const WebpackConfigurationViewer = withServerAPI({
+  Component: WebpackConfigurationViewerBase,
+  api: SDK.ServerAPI.API.LoadDataByKey,
+  responsePropName: "configs",
+  body: {
+    key: "configs"
+  },
+  showSkeleton: false
+});
+export {
+  WebpackConfigurationViewer,
+  WebpackConfigurationViewerBase
+};

package/dist/components/FileTree/index.css

@@ -0,0 +1,58 @@
+.rc-tree {
+  margin: 0;
+  border: 1px solid transparent;
+}
+.rc-tree .rc-tree-treenode {
+  margin: 0;
+  padding: 0;
+  line-height: 24px;
+  white-space: nowrap;
+  list-style: none;
+  outline: 0;
+}
+.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
+  position: relative;
+  display: inline-block;
+  height: 24px;
+  margin: 0;
+  padding: 0 4px;
+  box-sizing: border-box;
+  text-decoration: none;
+  vertical-align: top;
+  cursor: pointer;
+}
+.rc-tree .rc-tree-treenode-child-tree {
+  display: none;
+}
+.rc-tree .rc-tree-treenode-child-tree-open {
+  display: block;
+}
+.rc-tree .rc-tree-treenode-treenode-disabled > span:not(.rc-tree-switcher),
+.rc-tree .rc-tree-treenode > a,
+.rc-tree .rc-tree-treenode > a span {
+  color: #767676;
+  cursor: not-allowed;
+}
+.rc-tree .rc-tree-treenode-treenode-selected {
+  background: rgba(5, 145, 255, 0.3);
+  border-radius: 4px;
+}
+.rc-tree .rc-tree-treenode-title {
+  display: inline-block;
+}
+.rc-tree .rc-tree-treenode-indent {
+  display: inline-block;
+  height: 0;
+  vertical-align: bottom;
+}
+.rc-tree .rc-tree-treenode-indent-unit {
+  display: inline-block;
+  width: 14px;
+}
+.file-tree-switcher-arrow {
+  transform: rotate(0deg);
+  transition: transform 0.3s ease;
+}
+.file-tree-switcher-arrow-expand {
+  transform: rotate(90deg);
+}

package/dist/components/FileTree/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TreeProps } from 'rc-tree';
+import './index.sass';
+export declare const FileTree: React.FC<Partial<TreeProps>>;

package/dist/components/FileTree/index.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Space } from "antd";
+import { FileOutlined, FolderOpenOutlined, FolderOutlined, RightOutlined } from "@ant-design/icons";
+import Tree from "rc-tree";
+import { Size } from "../../constants";
+import "./index.css";
+import { useTheme } from "../../utils";
+const FileTree = (props) => {
+  const { isDark } = useTheme();
+  const color = isDark ? "#fff" : "#000";
+  return /* @__PURE__ */ jsx(
+    Tree,
+    __spreadValues({
+      checkable: false,
+      selectable: true,
+      switcherIcon: ({ data, expanded }) => {
+        if (data == null ? void 0 : data.children) {
+          return /* @__PURE__ */ jsxs(Space, { style: { color }, children: [
+            /* @__PURE__ */ jsx(
+              RightOutlined,
+              {
+                className: `file-tree-switcher-arrow ${expanded ? "file-tree-switcher-arrow-expand" : ""}`,
+                style: { fontSize: 10, color }
+              }
+            ),
+            expanded ? /* @__PURE__ */ jsx(FolderOpenOutlined, { style: { fontSize: 14, color } }) : /* @__PURE__ */ jsx(FolderOutlined, { style: { fontSize: 14, color } })
+          ] });
+        }
+        return /* @__PURE__ */ jsx(FileOutlined, { style: { marginLeft: Size.BasePadding - 6, color } });
+      },
+      expandAction: "click"
+    }, props)
+  );
+};
+export {
+  FileTree
+};

package/dist/components/Form/keyword.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface KeywordProps {
+  style?: React.CSSProperties;
+  labelStyle?: React.CSSProperties;
+  icon?: React.ReactNode;
+  label?: string;
+  placeholder?: string;
+  delay?: number;
+  className?: string;
+  width?: number;
+  onChange: (keyword: string) => void;
+}
+export declare const KeywordInput: React.FC<KeywordProps>;
+export {};

package/dist/components/Form/keyword.js

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button, Input, Typography } from "antd";
+const KeywordInput = ({
+  icon: Icon,
+  label,
+  labelStyle: ls = {},
+  placeholder,
+  onChange,
+  style,
+  className,
+  width,
+  delay = 300
+}) => {
+  const labelWidth = 120;
+  const [filename, setFilename] = useState("");
+  const labelStyle = __spreadValues({ width: labelWidth }, ls);
+  const ref = useRef(null);
+  let timer;
+  useEffect(() => {
+    onChange(filename);
+  }, [filename]);
+  return /* @__PURE__ */ jsxs(Input.Group, { compact: true, style, className, children: [
+    label || Icon ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        style: labelStyle,
+        onClick: () => {
+          if (ref && ref.current) {
+            ref.current.focus();
+          }
+        },
+        children: [
+          Icon || null,
+          /* @__PURE__ */ jsx(Typography.Text, { children: label })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        allowClear: true,
+        defaultValue: filename,
+        style: { width: width ? width - labelWidth : 250 },
+        placeholder,
+        onChange: (e) => {
+          clearTimeout(timer);
+          const v = e.target.value.trim();
+          setTimeout(() => {
+            setFilename(v);
+          }, delay);
+        }
+      }
+    )
+  ] });
+};
+export {
+  KeywordInput
+};

package/dist/components/Keyword/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextProps } from 'antd/es/typography/Text';
+export declare const Keyword: React.FC<TextProps & {
+  text: string;
+  keyword: string;
+}>;

package/dist/components/Keyword/index.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "antd";
+const Keyword = (_a) => {
+  var _b = _a, { text, keyword } = _b, rest = __objRest(_b, ["text", "keyword"]);
+  if (!keyword) {
+    return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: text }));
+  }
+  const idx = text.indexOf(keyword);
+  if (idx === -1) {
+    return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: text }));
+  }
+  const els = [];
+  let str = text;
+  while (str.length > 0) {
+    const idx2 = str.indexOf(keyword);
+    if (idx2 > -1) {
+      if (idx2 !== 0) {
+        els.push(
+          /* @__PURE__ */ jsx(Typography.Text, { style: { fontSize: "inherit" }, children: str.slice(0, idx2) }, els.length)
+        );
+      }
+      els.push(
+        /* @__PURE__ */ jsx(Typography.Text, { mark: true, style: { fontSize: "inherit" }, children: keyword }, els.length)
+      );
+      str = str.slice(idx2 + keyword.length);
+    } else {
+      els.push(
+        /* @__PURE__ */ jsx(Typography.Text, { style: { fontSize: "inherit" }, children: str }, els.length)
+      );
+      break;
+    }
+  }
+  return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: els }));
+};
+export {
+  Keyword
+};

package/dist/components/Layout/builder-select.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BuilderSelect: React.FC;

package/dist/components/Layout/builder-select.js

@@ -0,0 +1,50 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Select, Divider, Typography } from "antd";
+import { useState, useEffect } from "react";
+import Icon from "../../assets/connection-point.3b3c78ca.svg";
+import { fetchManifest, changeOrigin } from "../../utils";
+const BuilderSelect = () => {
+  const [buildName, setBuildName] = useState("");
+  const [series, setSeries] = useState([]);
+  useEffect(() => {
+    fetchManifest().then(({ name, series: series2 }) => {
+      if (name) {
+        setBuildName(name);
+      }
+      if (series2 && series2.length > 0) {
+        setSeries(series2);
+      }
+    });
+  }, []);
+  if (buildName.length <= 0 || series.length <= 0) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Divider, { type: "vertical", style: { margin: "0 24px" } }),
+    /* @__PURE__ */ jsx("img", { src: Icon, style: { marginRight: 6, height: 16 } }),
+    /* @__PURE__ */ jsx(Typography, { children: "Compiler" }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        className: "builder-selector",
+        defaultValue: buildName,
+        bordered: false,
+        style: { minWidth: 100 },
+        onChange: (val) => {
+          const item = series.find((item2) => item2.name === val);
+          if (item) {
+            if (item.origin) {
+              location.href = changeOrigin(item.origin);
+            } else {
+              console.error("No DoctorManifestSeriesData.origin");
+            }
+          }
+        },
+        children: series.map((item, i) => /* @__PURE__ */ jsx(Select.Option, { value: item.name, className: "builder-selector-option-item", children: item.name }, i))
+      }
+    )
+  ] });
+};
+export {
+  BuilderSelect
+};

package/dist/components/Layout/constants.d.ts

@@ -0,0 +1 @@
+export declare const CompileName = "Compile Analysis";