@rsdoctor/components 0.0.2-beta.0 → 0.0.2-beta.2

package/dist/components/Keyword/index.js

@@ -1,44 +1,12 @@
-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"]);
+const Keyword = ({ text, keyword, ...rest }) => {
   if (!keyword) {
-    return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: text }));
+    return /* @__PURE__ */ jsx(Typography.Text, { ...rest, children: text });
   }
   const idx = text.indexOf(keyword);
   if (idx === -1) {
-    return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: text }));
+    return /* @__PURE__ */ jsx(Typography.Text, { ...rest, children: text });
   }
   const els = [];
   let str = text;
@@ -61,7 +29,7 @@ const Keyword = (_a) => {
       break;
     }
   }
-  return /* @__PURE__ */ jsx(Typography.Text, __spreadProps(__spreadValues({}, rest), { children: els }));
+  return /* @__PURE__ */ jsx(Typography.Text, { ...rest, children: els });
 };
 export {
   Keyword

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

@@ -36,7 +36,7 @@ const BuilderSelect = () => {
             if (item.origin) {
               location.href = changeOrigin(item.origin);
             } else {
-              console.error("No DoctorManifestSeriesData.origin");
+              console.error("No RsdoctorManifestSeriesData.origin");
             }
           }
         },

package/dist/components/Layout/header.js

@@ -9,7 +9,6 @@ import {
 import { OverlayAlertsWithButton } from "../Alerts";
 import { BuilderSelect } from "./builder-select";
 import { Menus } from "./menus";
-import icon from "../../assets/icon.7509d763.svg";
 import "./header.css";
 const Header = () => {
   const { i18n } = useI18n();
@@ -43,8 +42,8 @@ const Header = () => {
       },
       children: /* @__PURE__ */ jsxs(Row, { justify: "space-between", align: "middle", style: { height: Size.NavBarHeight }, wrap: false, children: [
         /* @__PURE__ */ jsx(Col, { style: { height: Size.NavBarHeight, lineHeight: `${Size.NavBarHeight + 2}px` }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", height: "100%" }, children: [
-          /* @__PURE__ */ jsx("img", { style: { height: 30 }, src: icon, className: "web-doctor-logo", alt: "logo" }),
-          /* @__PURE__ */ jsx(Typography.Text, { style: { color: "inherit", fontSize: 18, marginLeft: 4 }, children: "Rsdoctor" }),
+          /* @__PURE__ */ jsx("img", { style: { height: 30 }, src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png", className: "web-doctor-logo", alt: "logo" }),
+          /* @__PURE__ */ jsx(Typography.Text, { style: { color: "inherit", fontSize: 18, marginLeft: 4, marginTop: 8 }, children: "Rsdoctor" }),
           /* @__PURE__ */ jsx(BuilderSelect, {})
         ] }) }),
         /* @__PURE__ */ jsx(Col, { flex: 1, children: /* @__PURE__ */ jsxs(

package/dist/components/Layout/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { FloatButton, Layout as L } from "antd";
-import { Size } from "../../constants";
+import { MAIN_BG, Size } from "../../constants";
 import { Header } from "./header";
 import { useLocale, useI18n } from "../../utils";
 import { Progress } from "./progress";
@@ -20,7 +20,7 @@ const Layout = (props) => {
     /* @__PURE__ */ jsxs(
       L.Content,
       {
-        style: { height: "100%", minHeight: "100vh", padding: Size.BasePadding, marginTop: Size.NavBarHeight },
+        style: { height: "100%", minHeight: "100vh", padding: Size.BasePadding, marginTop: Size.NavBarHeight, background: MAIN_BG },
         children: [
           children,
           /* @__PURE__ */ jsx(FloatButton.BackTop, {})

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

@@ -2,7 +2,7 @@ import { Manifest } from '@rsdoctor/types';
 import React from 'react';
 export declare const Menus: React.FC<Omit<{
   style?: React.CSSProperties | undefined;
-  routes: Manifest.DoctorManifestClientRoutes[];
+  routes: Manifest.RsdoctorManifestClientRoutes[];
 }, "routes"> & Partial<{
   body?: any;
 }>>;

package/dist/components/Layout/menus.js

@@ -1,22 +1,3 @@
-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 {
   ApiOutlined,
@@ -47,13 +28,14 @@ const MenusBase = (props) => {
   const iconStyle = {
     fontSize: 16
   };
-  const customIconStyle = __spreadProps(__spreadValues({}, iconStyle), {
+  const customIconStyle = {
+    ...iconStyle,
     transform: "translateY(-2px)"
-  });
+  };
   const items = [];
   const { xxl } = Grid.useBreakpoint();
   console.log("enableRoutes: ", enableRoutes);
-  if (includes(enableRoutes, Manifest.DoctorManifestClientRoutes.Overall)) {
+  if (includes(enableRoutes, Manifest.RsdoctorManifestClientRoutes.Overall)) {
     items.push({
       label: t(OverallConstants.name),
       key: OverallConstants.route,
@@ -70,10 +52,10 @@ const MenusBase = (props) => {
       key: CompileName,
       icon: /* @__PURE__ */ jsx(ToolOutlined, { style: iconStyle }),
       children: [
-        includes(enableRoutes, Manifest.DoctorManifestClientRoutes.WebpackLoaders) && {
+        includes(enableRoutes, Manifest.RsdoctorManifestClientRoutes.WebpackLoaders) && {
           label: /* @__PURE__ */ jsx(Typography.Text, { style: { marginRight: 8 }, children: t(LoaderFiles.name) }),
           key: LoaderFiles.route,
-          icon: /* @__PURE__ */ jsx("img", { src: WebpackIcon, alt: "", style: __spreadProps(__spreadValues({}, iconStyle), { width: 16 }) }),
+          icon: /* @__PURE__ */ jsx("img", { src: WebpackIcon, alt: "", style: { ...iconStyle, width: 16 } }),
           children: [
             {
               label: t(LoaderTimeline.name),
@@ -87,12 +69,12 @@ const MenusBase = (props) => {
             }
           ]
         },
-        includes(enableRoutes, Manifest.DoctorManifestClientRoutes.ModuleResolve) && {
+        includes(enableRoutes, Manifest.RsdoctorManifestClientRoutes.ModuleResolve) && {
           label: t(ModuleResolve.name),
           key: ModuleResolve.route,
           icon: /* @__PURE__ */ jsx(NodeIndexOutlined, { style: iconStyle })
         },
-        includes(enableRoutes, Manifest.DoctorManifestClientRoutes.WebpackPlugins) && {
+        includes(enableRoutes, Manifest.RsdoctorManifestClientRoutes.WebpackPlugins) && {
           label: t(PluginsAnalyze.name),
           key: PluginsAnalyze.route,
           icon: /* @__PURE__ */ jsx(ApiOutlined, { style: iconStyle })
@@ -106,17 +88,11 @@ const MenusBase = (props) => {
       key: BundleSize.name,
       icon: /* @__PURE__ */ jsx("span", { style: customIconStyle, children: "📦" }),
       children: [
-        includes(enableRoutes, Manifest.DoctorManifestClientRoutes.BundleSize) && {
+        includes(enableRoutes, Manifest.RsdoctorManifestClientRoutes.BundleSize) && {
           label: t(BundleSize.name),
           key: BundleSize.route,
           icon: /* @__PURE__ */ jsx(FolderViewOutlined, { style: iconStyle })
         }
-        // TODO: Tree shaking menu
-        // includes(enableRoutes, Manifest.DoctorManifestClientRoutes.TreeShaking) && {
-        //   label: t(TreeShakingConstants.name),
-        //   key: TreeShakingConstants.route,
-        //   icon: <ShakeOutlined style={iconStyle} />,
-        // },
       ].filter((e) => Boolean(e))
     });
   }
@@ -131,12 +107,12 @@ const MenusBase = (props) => {
         }
       },
       overflowedIndicator: /* @__PURE__ */ jsx(MenuOutlined, {}),
-      style: __spreadValues({ height: Size.NavBarHeight, lineHeight: `${Size.NavBarHeight}px` }, props.style),
+      style: { height: Size.NavBarHeight, lineHeight: `${Size.NavBarHeight}px`, ...props.style },
       selectedKeys: [pathname === "/" ? OverallConstants.route : pathname]
     },
     enableRoutes.join("")
   );
-  if (items.length <= 2) {
+  if (items.length <= 3) {
     return /* @__PURE__ */ jsx(Col, { children: MenuComponent });
   }
   if (xxl) {

package/dist/components/Loader/Analysis/files.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useMemo, useState } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import { endsWith, get, sumBy } from "lodash-es";
 import { Card, Col, Descriptions, Divider, Drawer, Row, Space, Table, Tooltip, Typography } from "antd";
 import { CloseCircleOutlined } from "@ant-design/icons";
 import { Constants, SDK } from "@rsdoctor/types";
 import { ServerAPIProvider } from "../../Manifest";
 import { drawerWidth, Size } from "../../../constants";
-import { createFileStructures, formatCosts, mapFileKey, filterLoader } from "../../../utils";
+import { createFileStructures, formatCosts, mapFileKey, filterLoader, useMonacoEditor } from "../../../utils";
 import { LoaderExecutions } from "../executions";
 import { FileTree } from "../../FileTree";
 import { Keyword } from "../../Keyword";
@@ -17,6 +17,11 @@ const LoaderFiles = (props) => {
   const [resourcePath, setResourcePath] = useState("");
   const [loaderIndex, setLoaderIndex] = useState(0);
   const [selectedNode, setSelectedNode] = useState(null);
+  const monacoRef = useRef(null);
+  const { initMonaco } = useMonacoEditor();
+  const init = useCallback(async () => {
+    await initMonaco(monacoRef);
+  }, []);
   const maxHeight = 700;
   const filteredFiles = useMemo(
     () => filetree.filter((e) => e.loaders.some((l) => filterLoader(e.path, l.loader, props.filename, props.loaders))),
@@ -100,6 +105,7 @@ const LoaderFiles = (props) => {
               }),
               treeData: files,
               onSelect: (_e, info) => {
+                init();
                 if (!info.node.isLeaf) {
                   setSelectedNode(info.node);
                 }

package/dist/components/Loader/Analysis/index.d.ts

@@ -6,6 +6,6 @@ export declare const LoaderAnalysis: React.FC<Omit<{
   cwd: string;
 }, "cwd"> & Partial<{
   body: {
-    key: import("@rsdoctor/types/dist/manifest").DoctorManifestMappingKeys;
+    key: import("@rsdoctor/types/dist/manifest").RsdoctorManifestMappingKeys;
   };
 }>>;

package/dist/components/Loader/executions.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { SDK } from '@rsdoctor/types';
+import { PropsWithChildren } from 'react';
 interface LoaderExecutionsProps {
   cwd: string;
   data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderFileDetails>;

package/dist/components/Loader/executions.js

@@ -1,65 +1,31 @@
-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, jsxs } from "react/jsx-runtime";
 import { ClockCircleOutlined } from "@ant-design/icons";
-import { Row, Space, Badge, Col, Typography, Button, Divider, Timeline, Tooltip, Empty, Tag } from "antd";
-import { useState } from "react";
-import { Constants } from "@rsdoctor/types";
 import Editor from "@monaco-editor/react";
+import { Constants } from "@rsdoctor/types";
+import { Badge, Button, Col, Divider, Empty, Row, Space, Tag, Timeline, Tooltip, Typography } from "antd";
 import dayjs from "dayjs";
 import { endsWith } from "lodash-es";
-import { formatCosts, getModifiedLanguage, useTheme, beautifyPath } from "../../utils";
-import { Title } from "../Title";
+import { useState } from "react";
 import { Size } from "../../constants";
-import { CodeOpener } from "../Opener";
+import { beautifyPath, formatCosts, getModifiedLanguage, useTheme } from "../../utils";
+import { Card } from "../Card";
 import { DiffViewer } from "../CodeViewer";
+import { CodeOpener } from "../Opener";
+import { Title } from "../Title";
 import { JSIsEqualTag } from "../worker/jsequal/client";
-const LoaderInfoItem = (_a) => {
-  var _b = _a, {
-    label,
-    value,
-    ellipsis = false
-  } = _b, textProps = __objRest(_b, [
-    "label",
-    "value",
-    "ellipsis"
-  ]);
+const LoaderInfoItem = ({
+  label,
+  value,
+  ellipsis = false,
+  ...textProps
+}) => {
   return /* @__PURE__ */ jsxs(Row, { children: [
     /* @__PURE__ */ jsx(Col, { span: 6, children: /* @__PURE__ */ jsxs(Space, { children: [
       /* @__PURE__ */ jsx(Badge, { status: "processing" }),
       /* @__PURE__ */ jsx("div", { style: { width: 180 }, children: /* @__PURE__ */ jsx(Typography.Text, { strong: true, code: true, children: label }) }),
       /* @__PURE__ */ jsx(Divider, { type: "vertical" })
     ] }) }),
-    /* @__PURE__ */ jsx(Col, { span: 18, children: /* @__PURE__ */ jsx(Typography.Paragraph, __spreadProps(__spreadValues({ ellipsis, strong: true }, textProps), { children: value })) })
+    /* @__PURE__ */ jsx(Col, { span: 18, children: /* @__PURE__ */ jsx(Typography.Paragraph, { ellipsis, strong: true, ...textProps, children: value }) })
   ] });
 };
 const LoaderExecutions = ({ data, cwd, index }) => {
@@ -113,42 +79,48 @@ const LoaderExecutions = ({ data, cwd, index }) => {
       }
     ),
     /* @__PURE__ */ jsxs(Col, { span: 24 - leftSpan, style: { height: "100%" }, children: [
-      /* @__PURE__ */ jsx(Col, { span: 24, children: /* @__PURE__ */ jsxs(Space, { direction: "vertical", style: { padding: Size.BasePadding, wordBreak: "break-all" }, children: [
-        /* @__PURE__ */ jsxs(Row, { justify: "space-between", align: "middle", style: { paddingBottom: Size.BasePadding / 2 }, children: [
-          /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsxs(Space, { children: [
-            /* @__PURE__ */ jsx(Title, { text: "Loader Details" }),
+      /* @__PURE__ */ jsx(Col, { span: 24, children: /* @__PURE__ */ jsxs(
+        Card,
+        {
+          title: "Loader Details",
+          style: { border: "none" },
+          collapsable: true,
+          defaultCollapsed: true,
+          extra: /* @__PURE__ */ jsx(Tag, { icon: /* @__PURE__ */ jsx(ClockCircleOutlined, {}), color: "default", children: dayjs(loader.startAt).format("YYYY-MM-DD HH:mm:ss") }),
+          children: [
             loader.isPitch ? /* @__PURE__ */ jsx(Typography.Text, { code: true, children: "pitch" }) : null,
-            loader.isPitch || hasError || !endsWith(resource.path, Constants.JSExtension) ? null : /* @__PURE__ */ jsx(JSIsEqualTag, { input: before, output: loader.result || "" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Tag, { icon: /* @__PURE__ */ jsx(ClockCircleOutlined, {}), color: "default", children: dayjs(loader.startAt).format("YYYY-MM-DD HH:mm:ss") }) })
-        ] }),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "file path", value: beautifyPath(resource.path, cwd), code: true }),
-        /* @__PURE__ */ jsx(
-          LoaderInfoItem,
-          {
-            label: "resource path",
-            value: /* @__PURE__ */ jsx(CodeOpener, { cwd, url: resource.path, loc: "", disabled: true })
-          }
-        ),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "resource query", value: resource.queryRaw || "-" }),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "duration", value: formatCosts(loader.costs), mark: true }),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader name", value: loader.loader, code: true }),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader index", value: `${loader.loaderIndex}` }),
-        /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader path", value: /* @__PURE__ */ jsx(CodeOpener, { cwd, url: loader.path, loc: "", disabled: true }) }),
-        /* @__PURE__ */ jsx(
-          LoaderInfoItem,
-          {
-            label: "options",
-            value: JSON.stringify(loader.options || "-"),
-            copyable: true,
-            ellipsis: {
-              rows: 2,
-              expandable: true,
-              symbol: "more"
-            }
-          }
-        )
-      ] }) }),
+            loader.isPitch || hasError || !endsWith(resource.path, Constants.JSExtension) ? null : /* @__PURE__ */ jsx(JSIsEqualTag, { input: before, output: loader.result || "" }),
+            /* @__PURE__ */ jsxs(Space, { direction: "vertical", style: { padding: Size.BasePadding, wordBreak: "break-all" }, children: [
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "file path", value: beautifyPath(resource.path, cwd), code: true }),
+              /* @__PURE__ */ jsx(
+                LoaderInfoItem,
+                {
+                  label: "resource path",
+                  value: /* @__PURE__ */ jsx(CodeOpener, { cwd, url: resource.path, loc: "", disabled: true })
+                }
+              ),
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "resource query", value: resource.queryRaw || "-" }),
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "duration", value: formatCosts(loader.costs), mark: true }),
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader name", value: loader.loader, code: true }),
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader index", value: `${loader.loaderIndex}` }),
+              /* @__PURE__ */ jsx(LoaderInfoItem, { label: "loader path", value: /* @__PURE__ */ jsx(CodeOpener, { cwd, url: loader.path, loc: "", disabled: true }) }),
+              /* @__PURE__ */ jsx(
+                LoaderInfoItem,
+                {
+                  label: "options",
+                  value: JSON.stringify(loader.options || "-"),
+                  copyable: true,
+                  ellipsis: {
+                    rows: 2,
+                    expandable: true,
+                    symbol: "more"
+                  }
+                }
+              )
+            ] })
+          ]
+        }
+      ) }),
       hasError ? /* @__PURE__ */ jsxs(Col, { span: 24, style: { height: "53%", minHeight: 400 }, children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -192,7 +164,13 @@ const LoaderExecutions = ({ data, cwd, index }) => {
           Editor,
           {
             theme: "vs-dark",
-            options: { readOnly: true, domReadOnly: true, fontSize: 14 },
+            options: {
+              readOnly: true,
+              domReadOnly: true,
+              fontSize: 14,
+              formatOnType: true,
+              formatOnPaste: true
+            },
             value: loader.result,
             language: getModifiedLanguage(resource.path)
           }

package/dist/components/Manifest/api.d.ts

@@ -6,7 +6,7 @@ export type InferServerAPIBody<T> = SDK.ServerAPI.InferRequestBodyType<T> extend
   body: SDK.ServerAPI.InferRequestBodyType<T>;
 };
 type ServerAPIProviderProps<T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends> = {
-  manifestLoader?: () => Promise<Manifest.DoctorManifestWithShardingFiles>;
+  manifestLoader?: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>;
   api: T;
   children: (response: SDK.ServerAPI.InferResponseType<T>) => JSX.Element;
   fallbackComponent?: React.FC;

package/dist/components/Manifest/api.js

@@ -1,34 +1,3 @@
-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 { SDK } from "@rsdoctor/types";
 import { Skeleton, Spin } from "antd";
@@ -139,14 +108,15 @@ function withServerAPI({
   showSkeleton
 }) {
   return function _(props) {
-    const _a = props, { body = bodyInRoot } = _a, rest = __objRest(_a, ["body"]);
+    const { body = bodyInRoot, ...rest } = props;
     return (
       // @ts-ignore
       /* @__PURE__ */ jsx(ServerAPIProvider, { api, body, showSkeleton, fallbackComponent, children: (res) => {
-        const _props = __spreadProps(__spreadValues({}, rest), {
+        const _props = {
+          ...rest,
           [responsePropName]: res
-        });
-        return /* @__PURE__ */ jsx(Component, __spreadValues({}, _props));
+        };
+        return /* @__PURE__ */ jsx(Component, { ..._props });
       } })
     );
   };

package/dist/components/Manifest/data.d.ts

@@ -4,5 +4,5 @@ type ExtractAlias<T> = T extends [property: string, alias: infer P][] ? `${P ext
 /**
  * @deprecated
  */
-export declare function ConnectManifestData<Props extends object, Keys extends [property: `${Manifest.DoctorManifestMappingKeys}`, alias: keyof Props][] | [property: string, alias: keyof Props][]>(manifestLoader: () => Promise<Manifest.DoctorManifestWithShardingFiles>, keys: Keys, Component: React.FC<Props>): React.FC<Omit<Props, ExtractAlias<Keys>>>;
+export declare function ConnectManifestData<Props extends object, Keys extends [property: `${Manifest.RsdoctorManifestMappingKeys}`, alias: keyof Props][] | [property: string, alias: keyof Props][]>(manifestLoader: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>, keys: Keys, Component: React.FC<Props>): React.FC<Omit<Props, ExtractAlias<Keys>>>;
 export {};

package/dist/components/Manifest/data.js

@@ -1,19 +1,3 @@
-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 { Skeleton } from "antd";
 import { useEffect, useState } from "react";
@@ -73,7 +57,7 @@ function ConnectManifestData(manifestLoader, keys, Component) {
         }
       );
     }
-    return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
+    return /* @__PURE__ */ jsx(Component, { ...props });
   };
 }
 export {