@rsdoctor/components 1.0.1 → 1.0.2

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

@@ -1,37 +1,36 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef, useState } from "react";
-import { get } from "lodash-es";
+import { CloseCircleOutlined } from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
 import {
-  Tag,
   Card,
   Col,
   Divider,
   Drawer,
+  List,
+  Popover,
   Row,
   Space,
   Table,
+  Tag,
   Tooltip,
-  Typography,
-  List,
-  Popover
+  Typography
 } from "antd";
-import { CloseCircleOutlined } from "@ant-design/icons";
-import { SDK } from "@rsdoctor/types";
-import styles from "./style.module";
-import { ServerAPIProvider } from "../../Manifest";
+import { get } from "lodash-es";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import { drawerWidth, Size } from "../../../constants";
 import {
   createFileStructures,
+  filterLoader,
   formatCosts,
   mapFileKey,
-  filterLoader,
   useMonacoEditor
 } from "../../../utils";
-import { LoaderExecutions } from "../executions";
 import { FileTree } from "../../FileTree";
 import { Keyword } from "../../Keyword";
+import { ServerAPIProvider } from "../../Manifest";
+import { LoaderExecutions } from "../executions";
+import styles from "./style.module";
 const ADDITION_LOADER_NUMBER = 3;
-const { innerWidth } = window;
 const LoaderFiles = (props) => {
   const { cwd, filetree } = props;
   const [drawerVisible, setDrawerVisible] = useState(false);
@@ -71,100 +70,97 @@ const LoaderFiles = (props) => {
           (l, i) => i > ADDITION_LOADER_NUMBER && additionalLoaders.push(l)
         );
         return /* @__PURE__ */ jsxs(
-          Space,
+          "div",
           {
-            style: { wordBreak: "break-all", height: 40 },
+            style: {
+              wordBreak: "break-all",
+              display: "flex",
+              cursor: "pointer"
+            },
             onClick: () => {
               setLoaderIndex(0);
               setResourcePath(file);
               setDrawerVisible(true);
             },
             children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: styles.box,
-                  style: {
-                    width: innerWidth < 1500 ? innerWidth * 0.3 : innerWidth * 0.5
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: styles.keywords, children: /* @__PURE__ */ jsx(Keyword, { text: basename.replace(/\[.*?\]/g, ""), keyword: "" }) }),
-                    /* @__PURE__ */ jsx("div", { className: styles.dividerDiv, children: /* @__PURE__ */ jsx(Divider, { className: styles.divider, dashed: true }) })
-                  ]
-                }
-              ),
-              layer ? /* @__PURE__ */ jsx(Tag, { color: "cyan", bordered: false, children: layer }) : /* @__PURE__ */ jsx(Fragment, {}),
-              loaders.slice(0, ADDITION_LOADER_NUMBER).map((e, i) => {
-                const isError = e.errors && e.errors.length;
-                const key = `${file}_${e.loader}_${i}`;
-                if (i <= ADDITION_LOADER_NUMBER) {
-                  return /* @__PURE__ */ jsx(Tooltip, { title: e.path, children: /* @__PURE__ */ jsx("div", { style: { paddingBottom: 5 }, children: /* @__PURE__ */ jsxs(
-                    Typography.Text,
-                    {
-                      className: styles.textBox,
-                      style: { color: isError ? "#f50" : "inherit" },
-                      onClick: (ev) => {
-                        ev.stopPropagation();
-                        setResourcePath(file);
-                        setLoaderIndex(i);
-                        setDrawerVisible(true);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, ellipsis: true, children: e.loader.match(/([^/]+-loader)/g)?.[0] || e.loader }),
-                        /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-                        isError ? /* @__PURE__ */ jsx(CloseCircleOutlined, {}) : /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, children: formatCosts(e.costs) })
-                      ]
-                    }
-                  ) }) }, key);
-                }
-              }),
-              additionalLoaders?.length ? /* @__PURE__ */ jsx(
-                Popover,
-                {
-                  content: /* @__PURE__ */ jsx(
-                    List,
-                    {
-                      dataSource: additionalLoaders,
-                      renderItem: (e, i) => {
-                        const isError = e.errors && e.errors.length;
-                        const key = `${file}_${e.loader}_${i + ADDITION_LOADER_NUMBER}`;
-                        return /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(Tooltip, { title: e.path, children: /* @__PURE__ */ jsx("div", { style: { paddingBottom: 5 }, children: /* @__PURE__ */ jsxs(
-                          Typography.Text,
-                          {
-                            className: styles.textBox,
-                            style: { color: isError ? "#f50" : "inherit" },
-                            onClick: (ev) => {
-                              ev.stopPropagation();
-                              setResourcePath(file);
-                              setLoaderIndex(i);
-                              setDrawerVisible(true);
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx(
-                                Typography.Text,
-                                {
-                                  className: styles.text,
-                                  ellipsis: true,
-                                  children: e.loader.match(/([^/]+-loader)/g)?.[0] || e.loader
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-                              /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, children: formatCosts(e.costs) })
-                            ]
-                          }
-                        ) }) }, key) });
+              /* @__PURE__ */ jsx("div", { className: styles.box, children: /* @__PURE__ */ jsx("div", { className: styles.keywords, children: /* @__PURE__ */ jsx(Keyword, { text: basename.replace(/\[.*?\]/g, ""), keyword: "" }) }) }),
+              /* @__PURE__ */ jsx("div", { className: styles.dividerDiv, style: { flex: 1 }, children: /* @__PURE__ */ jsx(Divider, { className: styles.divider, dashed: true }) }),
+              layer && /* @__PURE__ */ jsx(Tag, { color: "cyan", bordered: false, children: layer }),
+              /* @__PURE__ */ jsxs(Space, { children: [
+                loaders.slice(0, ADDITION_LOADER_NUMBER).map((e, i) => {
+                  const isError = e.errors && e.errors.length;
+                  const key = `${file}_${e.loader}_${i}`;
+                  if (i <= ADDITION_LOADER_NUMBER) {
+                    return /* @__PURE__ */ jsx(Tooltip, { title: e.path, children: /* @__PURE__ */ jsxs(
+                      Typography.Text,
+                      {
+                        className: styles.textBox,
+                        style: { color: isError ? "#f50" : "inherit" },
+                        onClick: (ev) => {
+                          ev.stopPropagation();
+                          setResourcePath(file);
+                          setLoaderIndex(i);
+                          setDrawerVisible(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, ellipsis: true, children: e.loader.match(/([^/]+-loader)/g)?.[0] || e.loader }),
+                          /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+                          isError ? /* @__PURE__ */ jsx(CloseCircleOutlined, {}) : /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, children: formatCosts(e.costs) })
+                        ]
                       }
-                    }
-                  ),
-                  children: /* @__PURE__ */ jsx("div", { className: styles.textBox, children: /* @__PURE__ */ jsx(Typography.Text, { children: "···" }) })
-                }
-              ) : /* @__PURE__ */ jsx(Fragment, {})
+                    ) }, key);
+                  }
+                }),
+                additionalLoaders?.length ? /* @__PURE__ */ jsx(
+                  Popover,
+                  {
+                    content: /* @__PURE__ */ jsx(
+                      List,
+                      {
+                        dataSource: additionalLoaders,
+                        renderItem: (e, i) => {
+                          const isError = e.errors && e.errors.length;
+                          const key = `${file}_${e.loader}_${i + ADDITION_LOADER_NUMBER}`;
+                          return /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(Tooltip, { title: e.path, children: /* @__PURE__ */ jsx("div", { style: { paddingBottom: 5 }, children: /* @__PURE__ */ jsxs(
+                            Typography.Text,
+                            {
+                              className: styles.textBox,
+                              style: {
+                                color: isError ? "#f50" : "inherit"
+                              },
+                              onClick: (ev) => {
+                                ev.stopPropagation();
+                                setResourcePath(file);
+                                setLoaderIndex(i);
+                                setDrawerVisible(true);
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  Typography.Text,
+                                  {
+                                    className: styles.text,
+                                    ellipsis: true,
+                                    children: e.loader.match(/([^/]+-loader)/g)?.[0] || e.loader
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+                                /* @__PURE__ */ jsx(Typography.Text, { className: styles.text, children: formatCosts(e.costs) })
+                              ]
+                            }
+                          ) }) }, key) });
+                        }
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx("div", { className: styles.textBox, children: /* @__PURE__ */ jsx(Typography.Text, { children: "···" }) })
+                  }
+                ) : /* @__PURE__ */ jsx(Fragment, {})
+              ] })
             ]
           }
         );
       },
       dirTitle(_dir, defaultTitle) {
-        return /* @__PURE__ */ jsx(Keyword, { text: defaultTitle, keyword: "" });
+        return /* @__PURE__ */ jsx("div", { style: { display: "flex", cursor: "pointer" }, children: /* @__PURE__ */ jsx(Keyword, { text: defaultTitle, keyword: "" }) });
       }
     });
   }, [filteredFiles]);
@@ -191,9 +187,9 @@ const LoaderFiles = (props) => {
           )
         ] }),
         bodyStyle: {
-          overflow: "scroll",
+          overflow: "auto",
           maxHeight,
-          height: "40rem",
+          minHeight: "40rem",
           padding: 14
         },
         children: [
@@ -318,3 +314,5 @@ const LoaderFiles = (props) => {
 export {
   LoaderFiles
 };
+
+//# sourceMappingURL=files.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["resourcePath"],"ignoreList":[],"sources":["../../../../src/components/Loader/Analysis/files.tsx"],"sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Card,\n  Col,\n  Divider,\n  Drawer,\n  List,\n  Popover,\n  Row,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { get } from 'lodash-es';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { drawerWidth, Size } from '../../../constants';\nimport {\n  createFileStructures,\n  DataNode,\n  filterLoader,\n  formatCosts,\n  mapFileKey,\n  useMonacoEditor,\n} from '../../../utils';\nimport { FileTree } from '../../FileTree';\nimport { Keyword } from '../../Keyword';\nimport { ServerAPIProvider } from '../../Manifest';\nimport { LoaderExecutions } from '../executions';\nimport styles from './style.module';\n\nconst ADDITION_LOADER_NUMBER = 3;\n// const { innerWidth } = window;\n\nexport const LoaderFiles: React.FC<{\n  filetree: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderFileTree>;\n  cwd: string;\n  loaders: string[];\n  filename: string;\n  layer?: string;\n}> = (props) => {\n  const { cwd, filetree } = props;\n  const [drawerVisible, setDrawerVisible] = useState(false);\n  const [resourcePath, setResourcePath] = useState('');\n  const [loaderIndex, setLoaderIndex] = useState(0);\n  const [selectedNode, setSelectedNode] = useState<DataNode | null>(null);\n\n  const monacoRef = useRef<HTMLElement>(null);\n  const { initMonaco } = useMonacoEditor();\n\n  const init = useCallback(async () => {\n    await initMonaco(monacoRef);\n  }, []);\n\n  const maxHeight = 800;\n\n  const filteredFiles = useMemo(\n    () =>\n      filetree.filter((e) =>\n        e.loaders.some((l) =>\n          filterLoader(\n            e.path,\n            l.loader,\n            props.filename,\n            props.loaders,\n            e.layer,\n            props?.layer,\n          ),\n        ),\n      ),\n    [props.filename, props.loaders, props.layer],\n  );\n\n  const inlinedResourcePathKey = '__RESOURCEPATH__';\n\n  const files = useMemo(() => {\n    return createFileStructures({\n      files: filteredFiles.map((e) => e.path),\n      cwd,\n      fileTitle(file, basename) {\n        const { loaders, layer } = filetree.find((e) => e.path === file)!;\n\n        const additionalLoaders: (Pick<\n          SDK.LoaderTransformData,\n          'path' | 'loader' | 'errors'\n        > & { costs: number })[] = [];\n\n        loaders.forEach(\n          (l, i) => i > ADDITION_LOADER_NUMBER && additionalLoaders.push(l),\n        );\n\n        return (\n          <div\n            style={{\n              wordBreak: 'break-all',\n              display: 'flex',\n              cursor: 'pointer',\n            }}\n            onClick={() => {\n              setLoaderIndex(0);\n              setResourcePath(file);\n              setDrawerVisible(true);\n            }}\n          >\n            <div className={styles.box}>\n              <div className={styles.keywords}>\n                <Keyword text={basename.replace(/\\[.*?\\]/g, '')} keyword={''} />\n              </div>\n            </div>\n            <div className={styles.dividerDiv} style={{ flex: 1 }}>\n              <Divider className={styles.divider} dashed />\n            </div>\n\n            {layer && (\n              <Tag color=\"cyan\" bordered={false}>\n                {layer}\n              </Tag>\n            )}\n            <Space>\n              {loaders.slice(0, ADDITION_LOADER_NUMBER).map((e, i) => {\n                const isError = e.errors && e.errors.length;\n                const key = `${file}_${e.loader}_${i}`;\n                if (i <= ADDITION_LOADER_NUMBER) {\n                  return (\n                    <Tooltip title={e.path} key={key}>\n                      <Typography.Text\n                        className={styles.textBox}\n                        style={{ color: isError ? '#f50' : 'inherit' }}\n                        onClick={(ev) => {\n                          ev.stopPropagation();\n                          setResourcePath(file);\n                          setLoaderIndex(i);\n                          setDrawerVisible(true);\n                        }}\n                      >\n                        <Typography.Text className={styles.text} ellipsis>\n                          {e.loader.match(/([^/]+-loader)/g)?.[0] || e.loader}\n                        </Typography.Text>\n                        <Divider type=\"vertical\" />\n                        {isError ? (\n                          <CloseCircleOutlined />\n                        ) : (\n                          <Typography.Text className={styles.text}>\n                            {formatCosts(e.costs)}\n                          </Typography.Text>\n                        )}\n                      </Typography.Text>\n                    </Tooltip>\n                  );\n                }\n              })}\n              {additionalLoaders?.length ? (\n                <Popover\n                  content={\n                    <List\n                      dataSource={additionalLoaders}\n                      renderItem={(e, i) => {\n                        const isError = e.errors && e.errors.length;\n                        const key = `${file}_${e.loader}_${i + ADDITION_LOADER_NUMBER}`;\n\n                        return (\n                          <List.Item>\n                            <Tooltip title={e.path} key={key}>\n                              <div style={{ paddingBottom: 5 }}>\n                                <Typography.Text\n                                  className={styles.textBox}\n                                  style={{\n                                    color: isError ? '#f50' : 'inherit',\n                                  }}\n                                  onClick={(ev) => {\n                                    ev.stopPropagation();\n                                    setResourcePath(file);\n                                    setLoaderIndex(i);\n                                    setDrawerVisible(true);\n                                  }}\n                                >\n                                  <Typography.Text\n                                    className={styles.text}\n                                    ellipsis\n                                  >\n                                    {e.loader.match(/([^/]+-loader)/g)?.[0] ||\n                                      e.loader}\n                                  </Typography.Text>\n                                  <Divider type=\"vertical\" />\n                                  <Typography.Text className={styles.text}>\n                                    {formatCosts(e.costs)}\n                                  </Typography.Text>\n                                </Typography.Text>\n                              </div>\n                            </Tooltip>\n                          </List.Item>\n                        );\n                      }}\n                    />\n                  }\n                >\n                  <div className={styles.textBox}>\n                    <Typography.Text>···</Typography.Text>\n                  </div>\n                </Popover>\n              ) : (\n                <></>\n              )}\n            </Space>\n          </div>\n        );\n      },\n      dirTitle(_dir, defaultTitle) {\n        return (\n          <div style={{ display: 'flex', cursor: 'pointer' }}>\n            <Keyword text={defaultTitle} keyword={''} />\n          </div>\n        );\n      },\n    });\n  }, [filteredFiles]);\n\n  return (\n    <Row style={{ width: '100%', marginLeft: 0 }} gutter={Size.BasePadding}>\n      <Col span={24}>\n        <Card\n          title={\n            <Space>\n              <Typography.Text strong>Files</Typography.Text>\n              <Typography.Text\n                style={{\n                  fontSize: 12,\n                  fontWeight: 400,\n                  color: '#1C1F2399',\n                  opacity: 0.6,\n                }}\n              >\n                Total Files: {filteredFiles.length}\n              </Typography.Text>\n            </Space>\n          }\n          bodyStyle={{\n            overflow: 'auto',\n            maxHeight,\n            minHeight: '40rem',\n            padding: 14,\n          }}\n        >\n          <FileTree\n            defaultExpandedKeys={mapFileKey(\n              files,\n              filteredFiles.length >= 100 ? 3 : 4,\n              (node) => {\n                const resourcePath: string = get(node, inlinedResourcePathKey)!;\n                const isNodeModules =\n                  resourcePath.indexOf('/node_modules/') > -1;\n\n                return !isNodeModules;\n              },\n            )}\n            treeData={files}\n            key={`${props.loaders.join('|')}_${props.filename}`}\n            onSelect={(_e, info) => {\n              init();\n              if (!info.node.isLeaf) {\n                setSelectedNode(info.node);\n              }\n            }}\n            selectedKeys={selectedNode ? [selectedNode.key] : undefined}\n            expandAction=\"click\"\n          />\n          <Drawer\n            open={drawerVisible}\n            onClose={() => setDrawerVisible(false)}\n            maskClosable\n            width={drawerWidth}\n            zIndex={999}\n            bodyStyle={{ padding: 0 }}\n          >\n            {drawerVisible ? (\n              <ServerAPIProvider\n                api={SDK.ServerAPI.API.GetLoaderFileDetails}\n                body={{ path: resourcePath }}\n              >\n                {(data) => (\n                  <LoaderExecutions data={data} cwd={cwd} index={loaderIndex} />\n                )}\n              </ServerAPIProvider>\n            ) : null}\n          </Drawer>\n        </Card>\n      </Col>\n\n      <Drawer\n        open={!!selectedNode}\n        onClose={() => setSelectedNode(null)}\n        maskClosable\n        width={drawerWidth}\n        zIndex={999}\n        bodyStyle={{ padding: 0 }}\n      >\n        {selectedNode && (\n          <Row>\n            <Col span={24}>\n              <Card\n                title={\n                  <Tooltip\n                    title={React.cloneElement(\n                      selectedNode.title as React.ReactElement,\n                      { style: { color: '#fff' } },\n                    )}\n                  >\n                    <Typography.Text>\n                      {`Statistics of`}\n                      {selectedNode.title as React.ReactNode}\n                    </Typography.Text>\n                  </Tooltip>\n                }\n              >\n                <ServerAPIProvider\n                  api={SDK.ServerAPI.API.GetLoaderFolderStatistics}\n                  body={{ folder: selectedNode[inlinedResourcePathKey] }}\n                >\n                  {(tableData) => (\n                    <Table\n                      style={{\n                        width: '100%',\n                        maxHeight,\n                        height: '40rem',\n                        overflowY: 'scroll',\n                        wordBreak: 'break-all',\n                      }}\n                      pagination={false}\n                      bordered\n                      rowKey={(e) => e.loader}\n                      columns={[\n                        {\n                          title: 'Loader Name',\n                          dataIndex: 'loader',\n                        },\n                        {\n                          title: 'Files',\n                          dataIndex: 'files',\n                        },\n                        {\n                          title: 'Total Duration',\n                          dataIndex: 'costs',\n                          render: (v) => (\n                            <Typography.Text strong>\n                              {formatCosts(v)}\n                            </Typography.Text>\n                          ),\n                          sorter: (a, b) => a.costs - b.costs,\n                          defaultSortOrder: 'descend',\n                          sortDirections: ['descend', 'ascend'],\n                        },\n                      ]}\n                      dataSource={tableData!}\n                    />\n                  )}\n                </ServerAPIProvider>\n              </Card>\n            </Col>\n          </Row>\n        )}\n      </Drawer>\n    </Row>\n  );\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 import { SDK } from "@rsdoctor/types";
-import { ServerAPIProvider, withServerAPI } from "../../Manifest";
-import { LoaderFiles } from "./files";
-import { LoaderCommonSelect } from "../../Select";
-import { ConfigContext } from "../../../config";
 import { ConfigProvider } from "antd";
+import { useState } from "react";
+import { ConfigContext } from "../../../config";
 import { getLocale } from "../../../utils";
+import { ServerAPIProvider, withServerAPI } from "../../Manifest";
+import { LoaderCommonSelect } from "../../Select";
+import { LoaderFiles } from "./files";
+import styles from "./style.module";
 const LoaderAnalysisBase = ({ cwd }) => {
   const [store, setStore] = useState({
     filename: "",
@@ -24,7 +25,7 @@ const LoaderAnalysisBase = ({ cwd }) => {
             fontSize: 14
           }
         },
-        children: /* @__PURE__ */ jsxs("div", { children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.loaderAnalysis, children: [
           /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderNames, children: (loaderNames) => /* @__PURE__ */ jsx(
             LoaderCommonSelect,
             {
@@ -57,3 +58,5 @@ export {
   LoaderAnalysis,
   LoaderAnalysisBase
 };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Loader/Analysis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAgCY,SAGM,KAHN;AAhCZ,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAC/B,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB,qBAAqB;AACjD,SAA6B,0BAA0B;AACvD,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAEZ,MAAM,qBAER,CAAC,EAAE,IAAI,MAAM;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS;AAAA,IACjC,UAAU;AAAA,IACV,SAAS,CAAC;AAAA,IACV,OAAO;AAAA,EACT,CAAuB;AAEvB,SACE,oBAAC,cAAc,UAAd,EACE,WAAC,MAAM;AACN,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,UAAU,EAAE,MAAM;AAAA,QAC1B,OAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,UAAU;AAAA,UACZ;AAAA,QACF;AAAA,QAEA,+BAAC,SAAI,WAAW,OAAO,gBACrB;AAAA,8BAAC,qBAAkB,KAAK,IAAI,UAAU,IAAI,gBACvC,WAAC,gBACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,CAAC,MAAM,SAAS,CAAC;AAAA,cAC3B;AAAA;AAAA,UACF,GAEJ;AAAA,UACA,oBAAC,qBAAkB,KAAK,IAAI,UAAU,IAAI,mBACvC,WAAC,aACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,MAAM;AAAA,cAChB;AAAA,cACA,SAAS,MAAM;AAAA,cACf,OAAO,MAAM;AAAA,cACb;AAAA;AAAA,UACF,GAEJ;AAAA,WACF;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;AAEO,MAAM,iBAAiB,cAAc;AAAA,EAC1C,KAAK,IAAI,UAAU,IAAI;AAAA,EACvB,MAAM,EAAE,KAAK,OAAO;AAAA,EACpB,kBAAkB;AAAA,EAClB,WAAW;AACb,CAAC","names":[],"ignoreList":[],"sources":["../../../../src/components/Loader/Analysis/index.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { ConfigProvider } from 'antd';\nimport React, { useState } from 'react';\nimport { ConfigContext } from '../../../config';\nimport { getLocale } from '../../../utils';\nimport { ServerAPIProvider, withServerAPI } from '../../Manifest';\nimport { ISelectLoaderProps, LoaderCommonSelect } from '../../Select';\nimport { LoaderFiles } from './files';\nimport styles from './style.module';\n\nexport const LoaderAnalysisBase: React.FC<{\n  cwd: string;\n}> = ({ cwd }) => {\n  const [store, setStore] = useState({\n    filename: '',\n    loaders: [] as string[],\n    layer: '',\n  } as ISelectLoaderProps);\n\n  return (\n    <ConfigContext.Consumer>\n      {(v) => {\n        return (\n          <ConfigProvider\n            locale={getLocale(v.locale)}\n            theme={{\n              token: {\n                padding: 16,\n                fontSize: 14,\n              },\n            }}\n          >\n            <div className={styles.loaderAnalysis}>\n              <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderNames}>\n                {(loaderNames) => (\n                  <LoaderCommonSelect\n                    onChange={(e) => setStore(e)}\n                    loaderNames={loaderNames}\n                  />\n                )}\n              </ServerAPIProvider>\n              <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderFileTree}>\n                {(filetree) => (\n                  <LoaderFiles\n                    filename={store.filename}\n                    filetree={filetree}\n                    loaders={store.loaders}\n                    layer={store.layer}\n                    cwd={cwd}\n                  />\n                )}\n              </ServerAPIProvider>\n            </div>\n          </ConfigProvider>\n        );\n      }}\n    </ConfigContext.Consumer>\n  );\n};\n\nexport const LoaderAnalysis = withServerAPI({\n  api: SDK.ServerAPI.API.LoadDataByKey,\n  body: { key: 'root' },\n  responsePropName: 'cwd',\n  Component: LoaderAnalysisBase,\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -9,3 +9,5 @@ var input_default = SvgInput;
 export {
   input_default as default
 };
+
+//# sourceMappingURL=input.js.map

package/dist/components/Loader/Analysis/input.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAC0B,SAA0G,KAA1G;AAD1B,YAAY,WAAW;AACvB,MAAM,WAAW,WAAS,qBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,SAAQ,aAAa,GAAG,OAAO;AAAA,sBAAC,UAAK,MAAK,WAAU,UAAS,WAAU,GAAE,iLAAgL,UAAS,WAAU;AAAA,EAAE,oBAAC,UAAK,MAAK,WAAU,GAAE,wEAAuE;AAAA,EAAE,oBAAC,UAAK,MAAK,WAAU,GAAE,wCAAuC;AAAA,GAAE;AACnhB,IAAO,gBAAQ","names":[],"ignoreList":[],"sources":["../../../../src/components/Loader/Analysis/input.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgInput = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={10} height={12} fill=\"none\" viewBox=\"0 0 10 12\" {...props}><path fill=\"#FAAD14\" fillRule=\"evenodd\" d=\"M3.151 7.98h-1.85a.925.925 0 0 1-.924-.925V1.508c0-.511.414-.925.925-.925h7.396c.511 0 .925.414.925.925v5.547c0 .51-.414.924-.925.924H6.85V6.13a1.85 1.85 0 0 0-3.698 0v1.85Z\" clipRule=\"evenodd\" /><path fill=\"#FAAD14\" d=\"M4.076 9.829a.925.925 0 0 0 1.849 0V6.13a.925.925 0 0 0-1.85 0V9.83Z\" /><path fill=\"#FAAD14\" d=\"M5 11.416 7.402 8.92H2.598L5 11.416Z\" /></svg>;\nexport default SvgInput;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -10,3 +10,5 @@ var output_default = SvgOutput;
 export {
   output_default as default
 };
+
+//# sourceMappingURL=output.js.map

package/dist/components/Loader/Analysis/output.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAC2B,SAA0G,KAA1G;AAD3B,YAAY,WAAW;AACvB,MAAM,YAAY,WAAS,qBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,SAAQ,aAAa,GAAG,OAAO;AAAA,sBAAC,UAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,WAAU,IAAI,GAAG;AAAA,EAAE,oBAAC,UAAK,MAAK,WAAU,UAAS,WAAU,GAAE,0LAAyL,UAAS,WAAU;AAAA,EAAE,oBAAC,UAAK,MAAK,WAAU,GAAE,yEAAwE;AAAA,EAAE,oBAAC,UAAK,MAAK,WAAU,GAAE,uCAAsC;AAAA,GAAE;AACllB,IAAO,iBAAQ","names":[],"ignoreList":[],"sources":["../../../../src/components/Loader/Analysis/output.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgOutput = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={16} height={16} fill=\"none\" viewBox=\"0 0 16 16\" {...props}><rect width={16} height={16} fill=\"#F6FFED\" rx={2} /><path fill=\"#52C41A\" fillRule=\"evenodd\" d=\"M4.302 6.02a.925.925 0 0 0-.925.925v5.547c0 .51.414.925.925.925h7.396c.511 0 .925-.414.925-.925V6.945a.925.925 0 0 0-.925-.925H4.302Zm5.547 0H6.151v1.85a1.85 1.85 0 0 0 3.698 0V6.02Z\" clipRule=\"evenodd\" /><path fill=\"#52C41A\" d=\"M7.076 4.171a.925.925 0 0 1 1.849 0V7.87a.925.925 0 0 1-1.85 0V4.171Z\" /><path fill=\"#52C41A\" d=\"m8 2.583 2.402 2.497H5.598L8 2.583Z\" /></svg>;\nexport default SvgOutput;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/Loader/Analysis/style.module.js

@@ -1,5 +1,7 @@
 import "./style_module.css";
-var style_module_default = { "loaderAnalysis": "loaderAnalysis_85b73", "divider": "divider_85b73", "dividerDiv": "dividerDiv_85b73", "box": "box_85b73", "keyword": "keyword_85b73", "textBox": "textBox_85b73", "text": "text_85b73", "space": "space_85b73", "executions": "executions_85b73", "timeline": "timeline_85b73", "loader": "loader_85b73", "selected": "selected_85b73" };
+var style_module_default = { "loaderAnalysis": "loaderAnalysis_85b73", "dividerDiv": "dividerDiv_85b73", "divider": "divider_85b73", "box": "box_85b73", "keyword": "keyword_85b73", "textBox": "textBox_85b73", "text": "text_85b73", "space": "space_85b73", "executions": "executions_85b73", "timeline": "timeline_85b73", "loader": "loader_85b73", "selected": "selected_85b73" };
 export {
   style_module_default as default
 };
+
+//# sourceMappingURL=style.module.js.map

package/dist/components/Loader/Analysis/style.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAAqB,IAAO,uBAAQ,EAAC,kBAAiB,wBAAuB,cAAa,oBAAmB,WAAU,iBAAgB,OAAM,aAAY,WAAU,iBAAgB,WAAU,iBAAgB,QAAO,cAAa,SAAQ,eAAc,cAAa,oBAAmB,YAAW,kBAAiB,UAAS,gBAAe,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/Loader/Analysis/style.module.scss"],"sourcesContent":["import \"./style_module.css\";export default {\"loaderAnalysis\":\"loaderAnalysis_85b73\",\"dividerDiv\":\"dividerDiv_85b73\",\"divider\":\"divider_85b73\",\"box\":\"box_85b73\",\"keyword\":\"keyword_85b73\",\"textBox\":\"textBox_85b73\",\"text\":\"text_85b73\",\"space\":\"space_85b73\",\"executions\":\"executions_85b73\",\"timeline\":\"timeline_85b73\",\"loader\":\"loader_85b73\",\"selected\":\"selected_85b73\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/Loader/Analysis/style_module.css

@@ -1,21 +1,47 @@
-.loaderAnalysis_85b73 .rc-tree-treenode {
-  line-height: 30px;
+.loaderAnalysis_85b73 .rc-tree {
+  min-width: 900px;
 }
-
-.divider_85b73 {
-  border-color: rgba(0, 0, 0, 0.12);
-  position: relative;
-  bottom: 20%;
+.loaderAnalysis_85b73 .rc-tree .rc-tree-treenode {
+  display: flex;
+  align-items: center;
+  min-height: 30px;
+}
+.loaderAnalysis_85b73 .rc-tree .rc-tree-treenode .rc-tree-indent {
+  display: flex;
+  flex-shrink: 0;
+  flex-grow: 0;
+}
+.loaderAnalysis_85b73 .rc-tree .rc-tree-treenode .rc-tree-switcher {
+  flex-shrink: 0;
+  flex-grow: 0;
+  cursor: pointer;
+}
+.loaderAnalysis_85b73 .rc-tree .rc-tree-treenode .rc-tree-switcher .file-icon {
+  display: block;
+  margin-left: 8px;
+  line-height: 14px;
+}
+.loaderAnalysis_85b73 .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
+  flex: 1 1;
+  min-width: 0;
 }
 
 .dividerDiv_85b73 {
-  flex-grow: 1;
+  flex: 1 1;
   margin-left: 10px;
+  margin-right: 10px;
+  position: relative;
+}
+
+.divider_85b73 {
+  border-color: rgba(0, 0, 0, 0.12);
+  top: 50%;
+  margin: auto;
+  position: relative;
 }
 
 .box_85b73 {
-  display: flex;
-  height: 40px;
+  flex-shrink: 0;
 }
 .box_85b73 .keyword_85b73 {
   flex: 0 0 auto;

package/dist/components/Loader/executions.js

@@ -2,23 +2,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ClockCircleTwoTone } from "@ant-design/icons";
 import Editor from "@monaco-editor/react";
 import {
+  Checkbox,
   Col,
   Divider,
   Empty,
+  List,
   Row,
   Space,
+  Tabs,
   Tag,
   Timeline,
   Tooltip,
-  Typography,
-  Tabs,
-  List
+  Typography
 } from "antd";
 import dayjs from "dayjs";
 import { useCallback, useState } from "react";
-import StepIcon from "../../common/svg/loader/step.js";
 import InputIcon from "../../common/svg/loader/input.js";
 import OutputIcon from "../../common/svg/loader/output.js";
+import StepIcon from "../../common/svg/loader/step.js";
 import { Size } from "../../constants";
 import {
   beautifyPath,
@@ -108,6 +109,7 @@ const LoaderExecutions = ({
   const leftSpan = 5;
   const hasError = loader.errors && loader.errors.length;
   const [activeKey, setActiveKey] = useState("loaderDetails");
+  const [isSideBySide, setIsSideBySide] = useState(true);
   const onChange = useCallback((key) => {
     setActiveKey(key);
   }, []);
@@ -226,20 +228,36 @@ const LoaderExecutions = ({
                 }
               ) })
             ] }) : /* @__PURE__ */ jsxs(Col, { span: 24, style: { height: "53%", minHeight: 400 }, children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
+                    display: "flex",
+                    alignItems: "center",
                     padding: Size.BasePadding,
                     borderTop: `1px solid ${isLight ? "#f0f0f0" : "rgba(253, 253, 253, 0.12)"}`,
                     borderBottom: `1px solid ${isLight ? "#f0f0f0" : "rgba(253, 253, 253, 0.12)"}`
                   },
-                  children: /* @__PURE__ */ jsx(
-                    Title,
-                    {
-                      text: `the result of [${loader.loader}] ${loader.isPitch ? "pitch" : ""}`
-                    }
-                  )
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Title,
+                      {
+                        text: `the result of [${loader.loader}] ${loader.isPitch ? "pitch" : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        title: "side-by-side",
+                        checked: isSideBySide,
+                        onChange: (evt) => {
+                          setIsSideBySide(evt.target.checked);
+                        },
+                        children: "side-by-side"
+                      }
+                    )
+                  ]
                 }
               ),
               loader.isPitch ? loader.result ? /* @__PURE__ */ jsx("div", { style: { height: "90%" }, children: /* @__PURE__ */ jsx(
@@ -262,7 +280,7 @@ const LoaderExecutions = ({
                   description: "No loader result. If you use the Brief Mode, there will not have loader results."
                 }
               ) : /* @__PURE__ */ jsxs("div", { style: { minHeight: "700px" }, children: [
-                /* @__PURE__ */ jsxs(Row, { children: [
+                isSideBySide && /* @__PURE__ */ jsxs(Row, { children: [
                   /* @__PURE__ */ jsx(
                     Col,
                     {
@@ -300,7 +318,13 @@ const LoaderExecutions = ({
                   {
                     filepath: resource.path,
                     before,
-                    after: loader.result || ""
+                    after: loader.result || "",
+                    editorProps: {
+                      options: {
+                        renderSideBySideInlineBreakpoint: 1,
+                        renderSideBySide: isSideBySide
+                      }
+                    }
                   }
                 ) })
               ] })
@@ -315,3 +339,5 @@ const LoaderExecutions = ({
 export {
   LoaderExecutions
 };
+
+//# sourceMappingURL=executions.js.map

package/dist/components/Loader/executions.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["loader"],"ignoreList":[],"sources":["../../../src/components/Loader/executions.tsx"],"sourcesContent":["import { ClockCircleTwoTone } from '@ant-design/icons';\nimport Editor from '@monaco-editor/react';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Checkbox,\n  Col,\n  Divider,\n  Empty,\n  List,\n  Row,\n  Space,\n  Tabs,\n  Tag,\n  Timeline,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport dayjs from 'dayjs';\nimport { PropsWithChildren, useCallback, useState } from 'react';\n\nimport InputIcon from '../../common/svg/loader/input.js';\nimport OutputIcon from '../../common/svg/loader/output.js';\nimport StepIcon from '../../common/svg/loader/step.js';\nimport { Size } from '../../constants';\nimport {\n  beautifyPath,\n  formatCosts,\n  getModifiedLanguage,\n  useTheme,\n} from '../../utils';\nimport { Card } from '../Card';\nimport { DiffViewer } from '../CodeViewer';\nimport { CodeOpener } from '../Opener';\nimport { Title } from '../Title';\nimport styles from './Analysis/style.module';\n\ninterface LoaderExecutionsProps {\n  cwd: string;\n  data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderFileDetails>;\n  index?: number;\n}\n\nconst LoaderPropsItem = ({\n  loader,\n  resource,\n  cwd,\n}: {\n  loader: SDK.LoaderTransformData & {\n    costs: number;\n  };\n  resource: SDK.ResourceData;\n  cwd: string;\n}): JSX.Element => {\n  return (\n    <Card\n      title={'Loader Details'}\n      style={{ border: 'none' }}\n      extra={\n        <Tag icon={<ClockCircleTwoTone />} color=\"default\">\n          {dayjs(loader.startAt).format('YYYY-MM-DD HH:mm:ss')}\n        </Tag>\n      }\n    >\n      <Space direction=\"vertical\" style={{ width: '100%' }}>\n        {loader.isPitch ? <Typography.Text code>pitch</Typography.Text> : null}\n        <List size=\"large\" bordered>\n          <List.Item>\n            <Typography.Text strong>{'File Path'}</Typography.Text>\n            <div>{beautifyPath(resource.path, cwd)}</div>\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Resource Path'}</Typography.Text>\n            <CodeOpener cwd={cwd} url={resource.path} loc=\"\" disabled />\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Resource Query'}</Typography.Text>\n            <div>{resource.queryRaw || '-'}</div>\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Duration'}</Typography.Text>\n            <div>{formatCosts(loader.costs)}</div>\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Loader'}</Typography.Text>\n            <div>\n              <Typography.Text code>{loader.loader}</Typography.Text>\n            </div>\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Loader Index'}</Typography.Text>\n            <div>{`${loader.loaderIndex}`}</div>\n          </List.Item>\n          <List.Item>\n            <Typography.Text strong>{'Loader Path'}</Typography.Text>\n            <CodeOpener cwd={cwd} url={loader.path} loc=\"\" disabled />\n          </List.Item>\n          <List.Item>\n            <div style={{ width: 180 }}>\n              <Typography.Text strong>{'Options'}</Typography.Text>\n            </div>\n            <Divider type=\"vertical\" />\n            <Typography.Paragraph\n              ellipsis={{\n                rows: 2,\n                expandable: true,\n                symbol: 'more',\n              }}\n              copyable\n            >\n              {JSON.stringify(loader.options || '-')}\n            </Typography.Paragraph>\n          </List.Item>\n        </List>\n      </Space>\n    </Card>\n  );\n};\n\nexport const LoaderExecutions = ({\n  data,\n  cwd,\n  index,\n}: PropsWithChildren<LoaderExecutionsProps>): JSX.Element => {\n  const { loaders, resource } = data;\n  const [currentIndex, setCurrentIndex] = useState(index || 0);\n  const { theme } = useTheme();\n  const isLight = theme === 'light';\n  const loader = loaders[currentIndex];\n  const before = loader.input || '';\n  const leftSpan = 5;\n  const hasError = loader.errors && loader.errors.length;\n  const [activeKey, setActiveKey] = useState('loaderDetails');\n  const [isSideBySide, setIsSideBySide] = useState(true);\n  const onChange = useCallback((key: string) => {\n    setActiveKey(key);\n  }, []);\n\n  return (\n    <Row className={styles.executions} style={{ height: '100%' }}>\n      <Col\n        span={leftSpan}\n        style={{\n          borderRight: isLight ? `1px solid #f0f0f0` : undefined,\n          padding: Size.BasePadding,\n        }}\n      >\n        <Space direction=\"vertical\" style={{ width: '100%' }}>\n          <Title text=\"Executions\" />\n          <Timeline mode=\"left\" style={{ marginTop: Size.BasePadding }}>\n            {loaders.map((e, i, arr) => {\n              const { loader, isPitch } = e;\n              const costs = formatCosts(e.costs);\n              return (\n                <Timeline.Item\n                  dot={\n                    isPitch ? (\n                      <Tag style={{ marginLeft: 1, fontWeight: 500 }}>\n                        pitch\n                      </Tag>\n                    ) : (\n                      <ClockCircleTwoTone />\n                    )\n                  }\n                  style={{ paddingBottom: 10, textAlign: 'center' }}\n                  key={i}\n                >\n                  <Row align=\"middle\" justify=\"space-between\" gutter={[0, 10]}>\n                    <Col span={24} className={styles.timeline}>\n                      <Tooltip title={loader} trigger=\"hover\">\n                        <div\n                          className={`${styles.box} ${currentIndex === i ? styles.selected : ''}`}\n                          onClick={() => {\n                            setCurrentIndex(i);\n                          }}\n                          style={{ textAlign: 'left' }}\n                        >\n                          <div>\n                            <Typography.Text style={{ color: '#000' }}>\n                              {costs.match(/[0-9]+/g)}\n                            </Typography.Text>{' '}\n                            <Typography.Text\n                              style={{ color: 'rgba(0,0,0,0.45)' }}\n                            >\n                              {costs.match(/[a-zA-Z]+/g)}\n                            </Typography.Text>\n                          </div>\n                          <Typography.Text\n                            style={{ color: 'rgba(0,0,0,0.65)' }}\n                            className={styles.loader}\n                          >\n                            {loader}\n                          </Typography.Text>\n                        </div>\n                      </Tooltip>\n                    </Col>\n                  </Row>\n                  {i === arr.length - 1 ? null : (\n                    <div style={{ paddingTop: 10 }}>\n                      <StepIcon />\n                    </div>\n                  )}\n                </Timeline.Item>\n              );\n            })}\n          </Timeline>\n        </Space>\n      </Col>\n      <Col span={24 - leftSpan} style={{ height: '100%' }}>\n        <Tabs\n          type=\"card\"\n          defaultActiveKey=\"loaderDetails\"\n          activeKey={activeKey}\n          items={[\n            {\n              label: 'Loader Props',\n              key: 'loaderProps',\n              children: (\n                <LoaderPropsItem\n                  loader={loader}\n                  resource={resource}\n                  cwd={cwd}\n                />\n              ),\n            },\n            {\n              label: 'Loader Details',\n              key: 'loaderDetails',\n              children: (\n                <div style={{ height: '100%' }}>\n                  {hasError ? (\n                    <Col span={24} style={{ height: '53%', minHeight: 400 }}>\n                      <div\n                        style={{\n                          padding: Size.BasePadding,\n                          borderTop: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n                          borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n                        }}\n                      >\n                        <Title\n                          text={`the error stack of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`}\n                        />\n                      </div>\n                      <div style={{ height: '90%' }}>\n                        <Editor\n                          theme=\"vs\"\n                          options={{\n                            readOnly: true,\n                            domReadOnly: true,\n                            fontSize: 14,\n                            minimap: { enabled: false },\n                            lineNumbers: 'off',\n                          }}\n                          value={loader.errors[0].message}\n                          language=\"javascript\"\n                        />\n                      </div>\n                    </Col>\n                  ) : (\n                    <Col span={24} style={{ height: '53%', minHeight: 400 }}>\n                      <div\n                        style={{\n                          display: 'flex',\n                          alignItems: 'center',\n                          padding: Size.BasePadding,\n                          borderTop: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n                          borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n                        }}\n                      >\n                        <Title\n                          text={`the result of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`}\n                        />\n                        <div style={{ flex: 1 }} />\n                        <Checkbox\n                          title=\"side-by-side\"\n                          checked={isSideBySide}\n                          onChange={(evt) => {\n                            setIsSideBySide(evt.target.checked);\n                          }}\n                        >\n                          side-by-side\n                        </Checkbox>\n                      </div>\n                      {loader.isPitch ? (\n                        loader.result ? (\n                          <div style={{ height: '90%' }}>\n                            <Editor\n                              theme=\"vs\"\n                              options={{\n                                readOnly: true,\n                                domReadOnly: true,\n                                fontSize: 14,\n                                formatOnType: true,\n                                formatOnPaste: true,\n                              }}\n                              value={loader.result}\n                              language={getModifiedLanguage(resource.path)}\n                            />\n                          </div>\n                        ) : (\n                          <Empty\n                            description={\n                              'No loader result. If you use the Brief Mode, there will not have loader results.'\n                            }\n                          />\n                        )\n                      ) : (\n                        <div style={{ minHeight: '700px' }}>\n                          {isSideBySide && (\n                            <Row>\n                              <Col\n                                span={12}\n                                style={{\n                                  padding: `${Size.BasePadding / 2}px ${Size.BasePadding}px`,\n                                }}\n                              >\n                                <Space align=\"center\" className={styles.space}>\n                                  <InputIcon />\n                                  <Typography.Text strong>\n                                    Input\n                                  </Typography.Text>\n                                </Space>\n                              </Col>\n                              <Col\n                                span={12}\n                                style={{\n                                  padding: `${Size.BasePadding / 2}px ${Size.BasePadding}px`,\n                                }}\n                              >\n                                <Space align=\"center\" className={styles.space}>\n                                  <OutputIcon />\n                                  <Typography.Text strong>\n                                    Output\n                                  </Typography.Text>\n                                </Space>\n                              </Col>\n                            </Row>\n                          )}\n                          <div style={{ height: '40rem' }}>\n                            {!loader.result && !before ? (\n                              <Empty\n                                description={\n                                  'No loader result. If you use the Brief Mode, there will not have loader results.'\n                                }\n                              />\n                            ) : (\n                              <DiffViewer\n                                filepath={resource.path}\n                                before={before}\n                                after={loader.result || ''}\n                                editorProps={{\n                                  options: {\n                                    renderSideBySideInlineBreakpoint: 1,\n                                    renderSideBySide: isSideBySide,\n                                  },\n                                }}\n                              />\n                            )}\n                          </div>\n                        </div>\n                      )}\n                    </Col>\n                  )}\n                </div>\n              ),\n            },\n          ]}\n          onChange={onChange}\n        />\n      </Col>\n    </Row>\n  );\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/Loader/step.js

@@ -5,3 +5,5 @@ var step_default = SvgStep;
 export {
   step_default as default
 };
+
+//# sourceMappingURL=step.js.map

package/dist/components/Loader/step.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACmI;AADnI,YAAY,WAAW;AACvB,MAAM,UAAU,WAAS,oBAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAI,MAAK,QAAO,SAAQ,aAAa,GAAG,OAAO,8BAAC,UAAK,MAAK,WAAU,GAAE,oWAAmW,GAAE;AAC/f,IAAO,eAAQ","names":[],"ignoreList":[],"sources":["../../../src/components/Loader/step.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgStep = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={14} height={14} fill=\"none\" viewBox=\"0 0 14 14\" {...props}><path fill=\"#2994FF\" d=\"M7 10.736 1.7 6.589a.125.125 0 0 0-.201.098v1.208c0 .077.036.15.095.197l5.097 3.989a.5.5 0 0 0 .617 0l5.095-3.99a.248.248 0 0 0 .096-.196V6.687a.125.125 0 0 0-.202-.098L7 10.736Zm0-4.75L1.7 1.839a.125.125 0 0 0-.201.098v1.208c0 .077.036.15.095.197L6.692 7.33a.5.5 0 0 0 .617 0l5.095-3.99a.248.248 0 0 0 .096-.196V1.937a.125.125 0 0 0-.202-.098L7 5.986Z\" /></svg>;\nexport default SvgStep;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/Manifest/api.js

@@ -139,3 +139,5 @@ export {
   ServerAPIProvider,
   withServerAPI
 };
+
+//# sourceMappingURL=api.js.map