@rsdoctor/components 1.5.2 → 1.5.3

package/dist/components/Loader/executions.mjs

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ClockCircleTwoTone } from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
 import { Col, Divider, Empty, List, Row, Space, Tabs, Tag, Timeline, Tooltip, Typography } from "antd";
 import dayjs from "dayjs";
 import { useCallback, useState } from "react";
@@ -12,6 +13,7 @@ import { CodeViewer, DiffViewer } from "../base/index.mjs";
 import { Card } from "../Card/index.mjs";
 import { CodeOpener } from "../Opener/index.mjs";
 import { Title } from "../Title/index.mjs";
+import { ServerAPIProvider } from "../Manifest/index.mjs";
 import style_module from "./Analysis/style.module.mjs";
 const LoaderPropsItem = ({ loader, resource, cwd })=>/*#__PURE__*/ jsx(Card, {
         title: 'Loader Details',
@@ -153,15 +155,135 @@ const LoaderPropsItem = ({ loader, resource, cwd })=>/*#__PURE__*/ jsx(Card, {
             ]
         })
     });
+const LoaderDetailsContent = ({ loader, resource, isLight, codeData })=>{
+    const hasError = loader.errors && loader.errors.length;
+    const before = codeData?.input || '';
+    const loaderResult = codeData?.output || '';
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            height: '100%'
+        },
+        children: hasError ? /*#__PURE__*/ jsxs(Col, {
+            span: 24,
+            style: {
+                height: '53%',
+                minHeight: 400
+            },
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    style: {
+                        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 error stack of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    style: {
+                        height: '90%'
+                    },
+                    children: /*#__PURE__*/ jsx(CodeViewer, {
+                        code: loader.errors[0].message,
+                        lang: "javascript"
+                    })
+                })
+            ]
+        }) : /*#__PURE__*/ jsxs(Col, {
+            span: 24,
+            style: {
+                height: '53%',
+                minHeight: 400
+            },
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        padding: Size.BasePadding,
+                        borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`
+                    },
+                    children: [
+                        /*#__PURE__*/ jsx(Title, {
+                            text: /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    `the result of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`,
+                                    !loader.isPitch && /*#__PURE__*/ jsxs("span", {
+                                        style: {
+                                            fontWeight: 400
+                                        },
+                                        children: [
+                                            "(",
+                                            /*#__PURE__*/ jsx(input, {
+                                                style: {
+                                                    verticalAlign: 'middle',
+                                                    margin: '0 2px'
+                                                }
+                                            }),
+                                            "Input ⟷",
+                                            /*#__PURE__*/ jsx(output, {
+                                                style: {
+                                                    verticalAlign: 'middle',
+                                                    position: 'relative',
+                                                    top: -2
+                                                }
+                                            }),
+                                            "Output)"
+                                        ]
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            style: {
+                                flex: 1
+                            }
+                        })
+                    ]
+                }),
+                loader.isPitch ? loaderResult ? /*#__PURE__*/ jsx("div", {
+                    style: {
+                        height: '90%'
+                    },
+                    children: /*#__PURE__*/ jsx(CodeViewer, {
+                        isEmbed: true,
+                        code: loaderResult,
+                        filePath: resource.path
+                    })
+                }) : /*#__PURE__*/ jsx(Empty, {
+                    description: 'No loader result. If you use the Brief Mode, there will not have loader results.'
+                }) : /*#__PURE__*/ jsx("div", {
+                    style: {
+                        minHeight: '700px'
+                    },
+                    children: /*#__PURE__*/ jsx("div", {
+                        style: {
+                            height: '40rem',
+                            overflow: 'hidden'
+                        },
+                        children: loaderResult || before ? /*#__PURE__*/ jsx(DiffViewer, {
+                            isEmbed: true,
+                            original: before,
+                            modified: loaderResult || '',
+                            originalFilePath: resource.path,
+                            modifiedFilePath: resource.path
+                        }) : /*#__PURE__*/ jsx(Empty, {
+                            description: 'No loader result. If you use the Brief Mode, there will not have loader results.'
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
 const LoaderExecutions = ({ data, cwd, index })=>{
     const { loaders, resource } = data;
     const [currentIndex, setCurrentIndex] = useState(index || 0);
     const { theme } = useTheme();
     const isLight = 'light' === theme;
     const loader = loaders[currentIndex];
-    const before = loader.input || '';
     const leftSpan = 5;
-    const hasError = loader.errors && loader.errors.length;
     const [activeKey, setActiveKey] = useState('loaderDetails');
     const onChange = useCallback((key)=>{
         setActiveKey(key);
@@ -294,123 +416,21 @@ const LoaderExecutions = ({ data, cwd, index })=>{
                         {
                             label: 'Loader Details',
                             key: 'loaderDetails',
-                            children: /*#__PURE__*/ jsx("div", {
-                                style: {
-                                    height: '100%'
+                            children: 'loaderDetails' === activeKey ? /*#__PURE__*/ jsx(ServerAPIProvider, {
+                                api: SDK.ServerAPI.API.GetLoaderFileInputAndOutput,
+                                body: {
+                                    file: resource.path,
+                                    loader: loader.loader,
+                                    loaderIndex: loader.loaderIndex
                                 },
-                                children: hasError ? /*#__PURE__*/ jsxs(Col, {
-                                    span: 24,
-                                    style: {
-                                        height: '53%',
-                                        minHeight: 400
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            style: {
-                                                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 error stack of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            style: {
-                                                height: '90%'
-                                            },
-                                            children: /*#__PURE__*/ jsx(CodeViewer, {
-                                                code: loader.errors[0].message,
-                                                lang: "javascript"
-                                            })
-                                        })
-                                    ]
-                                }) : /*#__PURE__*/ jsxs(Col, {
-                                    span: 24,
-                                    style: {
-                                        height: '53%',
-                                        minHeight: 400
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            style: {
-                                                display: 'flex',
-                                                alignItems: 'center',
-                                                padding: Size.BasePadding,
-                                                borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`
-                                            },
-                                            children: [
-                                                /*#__PURE__*/ jsx(Title, {
-                                                    text: /*#__PURE__*/ jsxs(Fragment, {
-                                                        children: [
-                                                            `the result of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`,
-                                                            !loader.isPitch && /*#__PURE__*/ jsxs("span", {
-                                                                style: {
-                                                                    fontWeight: 400
-                                                                },
-                                                                children: [
-                                                                    "(",
-                                                                    /*#__PURE__*/ jsx(input, {
-                                                                        style: {
-                                                                            verticalAlign: 'middle',
-                                                                            margin: '0 2px'
-                                                                        }
-                                                                    }),
-                                                                    "Input ⟷",
-                                                                    /*#__PURE__*/ jsx(output, {
-                                                                        style: {
-                                                                            verticalAlign: 'middle',
-                                                                            position: 'relative',
-                                                                            top: -2
-                                                                        }
-                                                                    }),
-                                                                    "Output)"
-                                                                ]
-                                                            })
-                                                        ]
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx("div", {
-                                                    style: {
-                                                        flex: 1
-                                                    }
-                                                })
-                                            ]
-                                        }),
-                                        loader.isPitch ? loader.result ? /*#__PURE__*/ jsx("div", {
-                                            style: {
-                                                height: '90%'
-                                            },
-                                            children: /*#__PURE__*/ jsx(CodeViewer, {
-                                                isEmbed: true,
-                                                code: loader.result,
-                                                filePath: resource.path
-                                            })
-                                        }) : /*#__PURE__*/ jsx(Empty, {
-                                            description: 'No loader result. If you use the Brief Mode, there will not have loader results.'
-                                        }) : /*#__PURE__*/ jsx("div", {
-                                            style: {
-                                                minHeight: '700px'
-                                            },
-                                            children: /*#__PURE__*/ jsx("div", {
-                                                style: {
-                                                    height: '40rem',
-                                                    overflow: 'hidden'
-                                                },
-                                                children: loader.result || before ? /*#__PURE__*/ jsx(DiffViewer, {
-                                                    isEmbed: true,
-                                                    original: before,
-                                                    modified: loader.result || '',
-                                                    originalFilePath: resource.path,
-                                                    modifiedFilePath: resource.path
-                                                }) : /*#__PURE__*/ jsx(Empty, {
-                                                    description: 'No loader result. If you use the Brief Mode, there will not have loader results.'
-                                                })
-                                            })
-                                        })
-                                    ]
-                                })
-                            })
+                                showSkeleton: false,
+                                children: (codeData)=>/*#__PURE__*/ jsx(LoaderDetailsContent, {
+                                        loader: loader,
+                                        resource: resource,
+                                        isLight: isLight,
+                                        codeData: codeData
+                                    })
+                            }) : null
                         }
                     ],
                     onChange: onChange

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

@@ -1 +1 @@
-{"version":3,"file":"components/Loader/executions.mjs","sources":["../../../src/components/Loader/executions.tsx"],"sourcesContent":["import { ClockCircleTwoTone } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\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';\nimport InputIcon from 'src/common/svg/loader/input.svg';\nimport OutputIcon from 'src/common/svg/loader/output.svg';\nimport StepIcon from 'src/common/svg/loader/step.svg';\nimport { Size } from '../../constants';\nimport { beautifyPath, formatCosts, useTheme } from '../../utils';\nimport { CodeViewer, DiffViewer } from '../base';\nimport { Card } from '../Card';\nimport { CodeOpener } from '../Opener';\nimport { Title } from '../Title';\nimport styles from './Analysis/style.module.scss';\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 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]*\\.?[0-9]+/g)?.[0]}\n                            </Typography.Text>\n                            {` `}\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                        <CodeViewer\n                          code={loader.errors[0].message}\n                          lang=\"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                          borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n                        }}\n                      >\n                        <Title\n                          text={\n                            <>\n                              {`the result of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`}\n                              {!loader.isPitch && (\n                                <span style={{ fontWeight: 400 }}>\n                                  (\n                                  <InputIcon\n                                    style={{\n                                      verticalAlign: 'middle',\n                                      margin: '0 2px',\n                                    }}\n                                  />\n                                  Input ⟷\n                                  <OutputIcon\n                                    style={{\n                                      verticalAlign: 'middle',\n                                      position: 'relative',\n                                      top: -2,\n                                    }}\n                                  />\n                                  Output)\n                                </span>\n                              )}\n                            </>\n                          }\n                        />\n                        <div style={{ flex: 1 }} />\n                      </div>\n                      {loader.isPitch ? (\n                        loader.result ? (\n                          <div style={{ height: '90%' }}>\n                            <CodeViewer\n                              isEmbed\n                              code={loader.result}\n                              filePath={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                          <div style={{ height: '40rem', overflow: 'hidden' }}>\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                                isEmbed\n                                original={before}\n                                modified={loader.result || ''}\n                                originalFilePath={resource.path}\n                                modifiedFilePath={resource.path}\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"],"names":["LoaderPropsItem","loader","resource","cwd","Card","Tag","ClockCircleTwoTone","dayjs","Space","Typography","List","beautifyPath","CodeOpener","formatCosts","Divider","JSON","LoaderExecutions","data","index","loaders","currentIndex","setCurrentIndex","useState","theme","useTheme","isLight","before","leftSpan","hasError","activeKey","setActiveKey","onChange","useCallback","key","Row","styles","Col","undefined","Size","Title","Timeline","e","i","arr","isPitch","costs","Tooltip","StepIcon","Tabs","CodeViewer","InputIcon","OutputIcon","Empty","DiffViewer"],"mappings":"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"}
+{"version":3,"file":"components/Loader/executions.mjs","sources":["../../../src/components/Loader/executions.tsx"],"sourcesContent":["import { ClockCircleTwoTone } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\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';\nimport InputIcon from 'src/common/svg/loader/input.svg';\nimport OutputIcon from 'src/common/svg/loader/output.svg';\nimport StepIcon from 'src/common/svg/loader/step.svg';\nimport { Size } from '../../constants';\nimport { beautifyPath, formatCosts, useTheme } from '../../utils';\nimport { CodeViewer, DiffViewer } from '../base';\nimport { Card } from '../Card';\nimport { CodeOpener } from '../Opener';\nimport { Title } from '../Title';\nimport { ServerAPIProvider } from '../Manifest';\nimport styles from './Analysis/style.module.scss';\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: Omit<SDK.LoaderTransformData, 'input' | 'result'> & {\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\n// Component to render Loader Details content with lazy-loaded code\nconst LoaderDetailsContent = ({\n  loader,\n  resource,\n  isLight,\n  codeData,\n}: {\n  loader: Omit<SDK.LoaderTransformData, 'input' | 'result'> & { costs: number };\n  resource: SDK.ResourceData;\n  isLight: boolean;\n  codeData: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderFileInputAndOutput>;\n}): JSX.Element => {\n  const hasError = loader.errors && loader.errors.length;\n  const before = codeData?.input || '';\n  const loaderResult = codeData?.output || '';\n\n  return (\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            <CodeViewer code={loader.errors[0].message} lang=\"javascript\" />\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              borderBottom: `1px solid ${isLight ? '#f0f0f0' : 'rgba(253, 253, 253, 0.12)'}`,\n            }}\n          >\n            <Title\n              text={\n                <>\n                  {`the result of [${loader.loader}] ${loader.isPitch ? 'pitch' : ''}`}\n                  {!loader.isPitch && (\n                    <span style={{ fontWeight: 400 }}>\n                      (\n                      <InputIcon\n                        style={{\n                          verticalAlign: 'middle',\n                          margin: '0 2px',\n                        }}\n                      />\n                      Input ⟷\n                      <OutputIcon\n                        style={{\n                          verticalAlign: 'middle',\n                          position: 'relative',\n                          top: -2,\n                        }}\n                      />\n                      Output)\n                    </span>\n                  )}\n                </>\n              }\n            />\n            <div style={{ flex: 1 }} />\n          </div>\n          {loader.isPitch ? (\n            loaderResult ? (\n              <div style={{ height: '90%' }}>\n                <CodeViewer\n                  isEmbed\n                  code={loaderResult}\n                  filePath={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              <div style={{ height: '40rem', overflow: 'hidden' }}>\n                {!loaderResult && !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                    isEmbed\n                    original={before}\n                    modified={loaderResult || ''}\n                    originalFilePath={resource.path}\n                    modifiedFilePath={resource.path}\n                  />\n                )}\n              </div>\n            </div>\n          )}\n        </Col>\n      )}\n    </div>\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 leftSpan = 5;\n  const [activeKey, setActiveKey] = useState('loaderDetails');\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]*\\.?[0-9]+/g)?.[0]}\n                            </Typography.Text>\n                            {` `}\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                activeKey === 'loaderDetails' ? (\n                  <ServerAPIProvider\n                    api={SDK.ServerAPI.API.GetLoaderFileInputAndOutput}\n                    body={{\n                      file: resource.path,\n                      loader: loader.loader,\n                      loaderIndex: loader.loaderIndex,\n                    }}\n                    showSkeleton={false}\n                  >\n                    {(codeData) => (\n                      <LoaderDetailsContent\n                        loader={loader}\n                        resource={resource}\n                        isLight={isLight}\n                        codeData={codeData}\n                      />\n                    )}\n                  </ServerAPIProvider>\n                ) : null,\n            },\n          ]}\n          onChange={onChange}\n        />\n      </Col>\n    </Row>\n  );\n};\n"],"names":["LoaderPropsItem","loader","resource","cwd","Card","Tag","ClockCircleTwoTone","dayjs","Space","Typography","List","beautifyPath","CodeOpener","formatCosts","Divider","JSON","LoaderDetailsContent","isLight","codeData","hasError","before","loaderResult","Col","Size","Title","CodeViewer","InputIcon","OutputIcon","Empty","DiffViewer","LoaderExecutions","data","index","loaders","currentIndex","setCurrentIndex","useState","theme","useTheme","leftSpan","activeKey","setActiveKey","onChange","useCallback","key","Row","styles","undefined","Timeline","e","i","arr","isPitch","costs","Tooltip","StepIcon","Tabs","ServerAPIProvider","SDK"],"mappings":"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"}

package/dist/components/Opener/code.mjs

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Typography } from "antd";
 import path from "path";
-import { VSCode, openVSCode } from "./vscode.mjs";
+import { VSCode, openVSCode } from "./ide.mjs";
 import { getShortPath } from "../../utils/index.mjs";
 function parseUrl(url) {
     const strs = url.split(' ');

package/dist/components/Opener/code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Opener/code.mjs","sources":["../../../src/components/Opener/code.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Typography } from 'antd';\nimport path from 'path';\nimport { VSCode, openVSCode } from './vscode';\nimport { getShortPath } from 'src/utils';\n\ninterface CodeOpenerProps {\n  windowId?: number;\n  /**\n   * @example /foo/src/pages/home/index.ts + 100 modules\n   * @example /foo/src/pages/b/index.ts\n   */\n  url: string;\n  /**\n   * @example 1:0-10\n   * @example 1:1\n   */\n  loc?: string;\n  cwd: string;\n  label?: string;\n  disabled?: boolean;\n  code?: boolean;\n}\n\nfunction parseUrl(url: string) {\n  const strs = url.split(' ');\n  let res = '';\n  if (strs.length === 1) {\n    [res] = strs;\n  } else {\n    [res] = strs.filter((e) => path.isAbsolute(e) || e.startsWith('./'));\n  }\n\n  return res || url;\n}\n\nfunction parseLoc(loc?: string) {\n  if (!loc) return { line: 1, column: 1 };\n\n  const [line, col = ''] = loc.split(':');\n  const [start = 1, end] = col.split('-');\n\n  return {\n    line,\n    columnStart: start,\n    columnEnd: end || start,\n  };\n}\n\nconst defaultWindowId = +Date.now().toString().slice(-4) + 1000;\n\nexport const CodeOpener = ({\n  cwd,\n  url,\n  loc,\n  windowId = defaultWindowId,\n  label,\n  disabled,\n  code = false,\n}: PropsWithChildren<CodeOpenerProps>): JSX.Element | null => {\n  const file = path.resolve(cwd, parseUrl(url));\n\n  const { line, columnStart } = parseLoc(loc);\n\n  return (\n    <span style={{ wordBreak: 'break-all' }}>\n      <Typography.Text\n        copyable={{\n          text: file,\n        }}\n      >\n        <Typography.Text\n          code={code}\n          onClick={() => {\n            if (disabled) return;\n            openVSCode({ file, line, column: columnStart, windowId });\n          }}\n          style={{ cursor: disabled ? 'revert' : 'pointer' }}\n        >\n          {label || getShortPath(url)}\n          {loc ? `:${loc}` : ''}\n        </Typography.Text>\n      </Typography.Text>\n      {process.env.NODE_ENV === 'development' ? (\n        <VSCode\n          file={file}\n          line={line}\n          column={columnStart}\n          windowId={windowId}\n          style={{ marginLeft: 3 }}\n        />\n      ) : (\n        <div style={{ display: 'inline-block' }} />\n      )}\n      {/* TODO implement open cloud ide or codebase by git url + branch + relative filepath in production */}\n    </span>\n  );\n};\n"],"names":["parseUrl","url","strs","res","e","path","parseLoc","loc","line","col","start","end","defaultWindowId","Date","CodeOpener","cwd","windowId","label","disabled","code","file","columnStart","Typography","openVSCode","getShortPath","process","VSCode"],"mappings":";;;;;AAwBA,SAASA,SAASC,GAAW;IAC3B,MAAMC,OAAOD,IAAI,KAAK,CAAC;IACvB,IAAIE,MAAM;IACV,IAAID,AAAgB,MAAhBA,KAAK,MAAM,EACb,CAACC,IAAI,GAAGD;SAER,CAACC,IAAI,GAAGD,KAAK,MAAM,CAAC,CAACE,IAAMC,KAAK,UAAU,CAACD,MAAMA,EAAE,UAAU,CAAC;IAGhE,OAAOD,OAAOF;AAChB;AAEA,SAASK,SAASC,GAAY;IAC5B,IAAI,CAACA,KAAK,OAAO;QAAE,MAAM;QAAG,QAAQ;IAAE;IAEtC,MAAM,CAACC,MAAMC,MAAM,EAAE,CAAC,GAAGF,IAAI,KAAK,CAAC;IACnC,MAAM,CAACG,QAAQ,CAAC,EAAEC,IAAI,GAAGF,IAAI,KAAK,CAAC;IAEnC,OAAO;QACLD;QACA,aAAaE;QACb,WAAWC,OAAOD;IACpB;AACF;AAEA,MAAME,kBAAkB,CAACC,KAAK,GAAG,GAAG,QAAQ,GAAG,KAAK,CAAC,MAAM;AAEpD,MAAMC,aAAa,CAAC,EACzBC,GAAG,EACHd,GAAG,EACHM,GAAG,EACHS,WAAWJ,eAAe,EAC1BK,KAAK,EACLC,QAAQ,EACRC,OAAO,KAAK,EACuB;IACnC,MAAMC,OAAOf,KAAK,OAAO,CAACU,KAAKf,SAASC;IAExC,MAAM,EAAEO,IAAI,EAAEa,WAAW,EAAE,GAAGf,SAASC;IAEvC,OAAO,WAAP,GACE,KAAC;QAAK,OAAO;YAAE,WAAW;QAAY;;0BACpC,IAACe,WAAW,IAAI;gBACd,UAAU;oBACR,MAAMF;gBACR;0BAEA,mBAACE,WAAW,IAAI;oBACd,MAAMH;oBACN,SAAS;wBACP,IAAID,UAAU;wBACdK,WAAW;4BAAEH;4BAAMZ;4BAAM,QAAQa;4BAAaL;wBAAS;oBACzD;oBACA,OAAO;wBAAE,QAAQE,WAAW,WAAW;oBAAU;;wBAEhDD,SAASO,aAAavB;wBACtBM,MAAM,CAAC,CAAC,EAAEA,KAAK,GAAG;;;;YAGG,kBAAzBkB,QAAQ,GAAG,CAAC,QAAQ,GAAqB,WAAhB,GACxB,IAACC,QAAMA;gBACL,MAAMN;gBACN,MAAMZ;gBACN,QAAQa;gBACR,UAAUL;gBACV,OAAO;oBAAE,YAAY;gBAAE;+BAGzB,IAAC;gBAAI,OAAO;oBAAE,SAAS;gBAAe;;;;AAK9C"}
+{"version":3,"file":"components/Opener/code.mjs","sources":["../../../src/components/Opener/code.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Typography } from 'antd';\nimport path from 'path';\nimport { VSCode, openVSCode } from './ide';\nimport { getShortPath } from 'src/utils';\n\ninterface CodeOpenerProps {\n  windowId?: number;\n  /**\n   * @example /foo/src/pages/home/index.ts + 100 modules\n   * @example /foo/src/pages/b/index.ts\n   */\n  url: string;\n  /**\n   * @example 1:0-10\n   * @example 1:1\n   */\n  loc?: string;\n  cwd: string;\n  label?: string;\n  disabled?: boolean;\n  code?: boolean;\n}\n\nfunction parseUrl(url: string) {\n  const strs = url.split(' ');\n  let res = '';\n  if (strs.length === 1) {\n    [res] = strs;\n  } else {\n    [res] = strs.filter((e) => path.isAbsolute(e) || e.startsWith('./'));\n  }\n\n  return res || url;\n}\n\nfunction parseLoc(loc?: string) {\n  if (!loc) return { line: 1, column: 1 };\n\n  const [line, col = ''] = loc.split(':');\n  const [start = 1, end] = col.split('-');\n\n  return {\n    line,\n    columnStart: start,\n    columnEnd: end || start,\n  };\n}\n\nconst defaultWindowId = +Date.now().toString().slice(-4) + 1000;\n\nexport const CodeOpener = ({\n  cwd,\n  url,\n  loc,\n  windowId = defaultWindowId,\n  label,\n  disabled,\n  code = false,\n}: PropsWithChildren<CodeOpenerProps>): JSX.Element | null => {\n  const file = path.resolve(cwd, parseUrl(url));\n\n  const { line, columnStart } = parseLoc(loc);\n\n  return (\n    <span style={{ wordBreak: 'break-all' }}>\n      <Typography.Text\n        copyable={{\n          text: file,\n        }}\n      >\n        <Typography.Text\n          code={code}\n          onClick={() => {\n            if (disabled) return;\n            openVSCode({ file, line, column: columnStart, windowId });\n          }}\n          style={{ cursor: disabled ? 'revert' : 'pointer' }}\n        >\n          {label || getShortPath(url)}\n          {loc ? `:${loc}` : ''}\n        </Typography.Text>\n      </Typography.Text>\n      {process.env.NODE_ENV === 'development' ? (\n        <VSCode\n          file={file}\n          line={line}\n          column={columnStart}\n          windowId={windowId}\n          style={{ marginLeft: 3 }}\n        />\n      ) : (\n        <div style={{ display: 'inline-block' }} />\n      )}\n      {/* TODO implement open cloud ide or codebase by git url + branch + relative filepath in production */}\n    </span>\n  );\n};\n"],"names":["parseUrl","url","strs","res","e","path","parseLoc","loc","line","col","start","end","defaultWindowId","Date","CodeOpener","cwd","windowId","label","disabled","code","file","columnStart","Typography","openVSCode","getShortPath","process","VSCode"],"mappings":";;;;;AAwBA,SAASA,SAASC,GAAW;IAC3B,MAAMC,OAAOD,IAAI,KAAK,CAAC;IACvB,IAAIE,MAAM;IACV,IAAID,AAAgB,MAAhBA,KAAK,MAAM,EACb,CAACC,IAAI,GAAGD;SAER,CAACC,IAAI,GAAGD,KAAK,MAAM,CAAC,CAACE,IAAMC,KAAK,UAAU,CAACD,MAAMA,EAAE,UAAU,CAAC;IAGhE,OAAOD,OAAOF;AAChB;AAEA,SAASK,SAASC,GAAY;IAC5B,IAAI,CAACA,KAAK,OAAO;QAAE,MAAM;QAAG,QAAQ;IAAE;IAEtC,MAAM,CAACC,MAAMC,MAAM,EAAE,CAAC,GAAGF,IAAI,KAAK,CAAC;IACnC,MAAM,CAACG,QAAQ,CAAC,EAAEC,IAAI,GAAGF,IAAI,KAAK,CAAC;IAEnC,OAAO;QACLD;QACA,aAAaE;QACb,WAAWC,OAAOD;IACpB;AACF;AAEA,MAAME,kBAAkB,CAACC,KAAK,GAAG,GAAG,QAAQ,GAAG,KAAK,CAAC,MAAM;AAEpD,MAAMC,aAAa,CAAC,EACzBC,GAAG,EACHd,GAAG,EACHM,GAAG,EACHS,WAAWJ,eAAe,EAC1BK,KAAK,EACLC,QAAQ,EACRC,OAAO,KAAK,EACuB;IACnC,MAAMC,OAAOf,KAAK,OAAO,CAACU,KAAKf,SAASC;IAExC,MAAM,EAAEO,IAAI,EAAEa,WAAW,EAAE,GAAGf,SAASC;IAEvC,OAAO,WAAP,GACE,KAAC;QAAK,OAAO;YAAE,WAAW;QAAY;;0BACpC,IAACe,WAAW,IAAI;gBACd,UAAU;oBACR,MAAMF;gBACR;0BAEA,mBAACE,WAAW,IAAI;oBACd,MAAMH;oBACN,SAAS;wBACP,IAAID,UAAU;wBACdK,WAAW;4BAAEH;4BAAMZ;4BAAM,QAAQa;4BAAaL;wBAAS;oBACzD;oBACA,OAAO;wBAAE,QAAQE,WAAW,WAAW;oBAAU;;wBAEhDD,SAASO,aAAavB;wBACtBM,MAAM,CAAC,CAAC,EAAEA,KAAK,GAAG;;;;YAGG,kBAAzBkB,QAAQ,GAAG,CAAC,QAAQ,GAAqB,WAAhB,GACxB,IAACC,QAAMA;gBACL,MAAMN;gBACN,MAAMZ;gBACN,QAAQa;gBACR,UAAUL;gBACV,OAAO;oBAAE,YAAY;gBAAE;+BAGzB,IAAC;gBAAI,OAAO;oBAAE,SAAS;gBAAe;;;;AAK9C"}

package/dist/components/Opener/{vscode.d.ts → ide.d.ts}

@@ -7,5 +7,7 @@ interface VSCodeProps {
     style?: React.CSSProperties;
 }
 export declare function openVSCode({ file, line, column, windowId, }: VSCodeProps): void;
+export declare function openCursor({ file, line, column, }: Pick<VSCodeProps, 'file' | 'line' | 'column'>): void;
+export declare function openTrae({ file, line, column, }: Pick<VSCodeProps, 'file' | 'line' | 'column'>): void;
 export declare const VSCode: (props: VSCodeProps) => JSX.Element;
 export {};

package/dist/components/Opener/ide.mjs

@@ -0,0 +1,62 @@
+import { jsx } from "react/jsx-runtime";
+import { Lodash } from "@rsdoctor/utils/common";
+import "react";
+import vscode from "../../common/svg/vscode.mjs";
+const OPEN_IN_EDITOR_PATH = '/__open-in-editor';
+async function openInEditor(file, line, column, editor, urlSchemeFallback) {
+    const fileSpec = `${file}:${line}:${column}`;
+    try {
+        const base = "u" > typeof window && window.location?.origin ? window.location.origin : '';
+        const url = `${base}${OPEN_IN_EDITOR_PATH}?file=${encodeURIComponent(fileSpec)}&editor=${editor}`;
+        const res = await fetch(url, {
+            method: 'GET'
+        });
+        if (!res.ok) urlSchemeFallback();
+    } catch  {
+        urlSchemeFallback();
+    }
+}
+function openVSCode({ file, line = 1, column = 1, windowId }) {
+    const query = {
+        windowId
+    };
+    const queryString = Object.keys(query).map((k)=>{
+        const v = query[k];
+        if (Lodash.isNil(v) || '' === v) return null;
+        return `${k}=${v}`;
+    }).filter(Boolean).join('&');
+    const fallback = ()=>{
+        let url = `vscode://file/${file}:${line}:${column}`;
+        if (queryString) url += `?${queryString}`;
+        window.open(url);
+    };
+    openInEditor(file, line, column, 'code', fallback);
+}
+function openCursor({ file, line = 1, column = 1 }) {
+    const fallback = ()=>{
+        window.open(`cursor://file/${file}:${line}:${column}`);
+    };
+    openInEditor(file, line, column, 'cursor', fallback);
+}
+function openTrae({ file, line = 1, column = 1 }) {
+    const fallback = ()=>{
+        window.open(`trae://file/${file}:${line}:${column}`);
+    };
+    openInEditor(file, line, column, 'trae', fallback);
+}
+const VSCode = (props)=>/*#__PURE__*/ jsx(vscode, {
+        onClick: ()=>{
+            openVSCode(props);
+        },
+        style: {
+            width: 14,
+            cursor: 'pointer',
+            verticalAlign: 'middle',
+            display: 'inline',
+            transform: 'translateY(-1.5px)',
+            ...props.style
+        }
+    });
+export { VSCode, openCursor, openTrae, openVSCode };
+
+//# sourceMappingURL=ide.mjs.map

package/dist/components/Opener/ide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Opener/ide.mjs","sources":["../../../src/components/Opener/ide.tsx"],"sourcesContent":["import { Lodash } from '@rsdoctor/utils/common';\nimport React from 'react';\nimport VSCodeIcon from '../../common/svg/vscode.svg';\n\ninterface VSCodeProps {\n  file: string;\n  line?: number | string;\n  column?: number | string;\n  windowId?: number;\n  style?: React.CSSProperties;\n}\n\nconst OPEN_IN_EDITOR_PATH = '/__open-in-editor';\n\ntype EditorKind = 'code' | 'cursor' | 'trae';\n\nasync function openInEditor(\n  file: string,\n  line: number | string,\n  column: number | string,\n  editor: EditorKind,\n  urlSchemeFallback: () => void,\n) {\n  const fileSpec = `${file}:${line}:${column}`;\n  try {\n    const base =\n      typeof window !== 'undefined' && window.location?.origin\n        ? window.location.origin\n        : '';\n    const url = `${base}${OPEN_IN_EDITOR_PATH}?file=${encodeURIComponent(fileSpec)}&editor=${editor}`;\n    const res = await fetch(url, { method: 'GET' });\n    if (!res.ok) {\n      urlSchemeFallback();\n    }\n  } catch {\n    urlSchemeFallback();\n  }\n}\n\nexport function openVSCode({\n  file,\n  line = 1,\n  column = 1,\n  windowId,\n}: VSCodeProps) {\n  const query: Record<string, unknown> = { windowId };\n  const queryString = Object.keys(query)\n    .map((k) => {\n      const v = query[k];\n      if (Lodash.isNil(v) || v === '') return null;\n      return `${k}=${v}`;\n    })\n    .filter(Boolean)\n    .join('&');\n\n  const fallback = () => {\n    let url = `vscode://file/${file}:${line}:${column}`;\n    if (queryString) url += `?${queryString}`;\n    window.open(url);\n  };\n\n  openInEditor(file, line, column, 'code', fallback);\n}\n\nexport function openCursor({\n  file,\n  line = 1,\n  column = 1,\n}: Pick<VSCodeProps, 'file' | 'line' | 'column'>) {\n  const fallback = () => {\n    window.open(`cursor://file/${file}:${line}:${column}`);\n  };\n  openInEditor(file, line, column, 'cursor', fallback);\n}\n\nexport function openTrae({\n  file,\n  line = 1,\n  column = 1,\n}: Pick<VSCodeProps, 'file' | 'line' | 'column'>) {\n  const fallback = () => {\n    window.open(`trae://file/${file}:${line}:${column}`);\n  };\n\n  openInEditor(file, line, column, 'trae', fallback);\n}\n\nexport const VSCode = (props: VSCodeProps): JSX.Element => {\n  return (\n    <VSCodeIcon\n      onClick={() => {\n        openVSCode(props);\n      }}\n      style={{\n        width: 14,\n        cursor: 'pointer',\n        verticalAlign: 'middle',\n        display: 'inline',\n        transform: 'translateY(-1.5px)',\n        ...props.style,\n      }}\n    />\n  );\n};\n"],"names":["OPEN_IN_EDITOR_PATH","openInEditor","file","line","column","editor","urlSchemeFallback","fileSpec","base","window","url","encodeURIComponent","res","fetch","openVSCode","windowId","query","queryString","Object","k","v","Lodash","Boolean","fallback","openCursor","openTrae","VSCode","props","VSCodeIcon"],"mappings":";;;;AAYA,MAAMA,sBAAsB;AAI5B,eAAeC,aACbC,IAAY,EACZC,IAAqB,EACrBC,MAAuB,EACvBC,MAAkB,EAClBC,iBAA6B;IAE7B,MAAMC,WAAW,GAAGL,KAAK,CAAC,EAAEC,KAAK,CAAC,EAAEC,QAAQ;IAC5C,IAAI;QACF,MAAMI,OACJ,AAAkB,MAAlB,OAAOC,UAA0BA,OAAO,QAAQ,EAAE,SAC9CA,OAAO,QAAQ,CAAC,MAAM,GACtB;QACN,MAAMC,MAAM,GAAGF,OAAOR,oBAAoB,MAAM,EAAEW,mBAAmBJ,UAAU,QAAQ,EAAEF,QAAQ;QACjG,MAAMO,MAAM,MAAMC,MAAMH,KAAK;YAAE,QAAQ;QAAM;QAC7C,IAAI,CAACE,IAAI,EAAE,EACTN;IAEJ,EAAE,OAAM;QACNA;IACF;AACF;AAEO,SAASQ,WAAW,EACzBZ,IAAI,EACJC,OAAO,CAAC,EACRC,SAAS,CAAC,EACVW,QAAQ,EACI;IACZ,MAAMC,QAAiC;QAAED;IAAS;IAClD,MAAME,cAAcC,OAAO,IAAI,CAACF,OAC7B,GAAG,CAAC,CAACG;QACJ,MAAMC,IAAIJ,KAAK,CAACG,EAAE;QAClB,IAAIE,OAAO,KAAK,CAACD,MAAMA,AAAM,OAANA,GAAU,OAAO;QACxC,OAAO,GAAGD,EAAE,CAAC,EAAEC,GAAG;IACpB,GACC,MAAM,CAACE,SACP,IAAI,CAAC;IAER,MAAMC,WAAW;QACf,IAAIb,MAAM,CAAC,cAAc,EAAER,KAAK,CAAC,EAAEC,KAAK,CAAC,EAAEC,QAAQ;QACnD,IAAIa,aAAaP,OAAO,CAAC,CAAC,EAAEO,aAAa;QACzCR,OAAO,IAAI,CAACC;IACd;IAEAT,aAAaC,MAAMC,MAAMC,QAAQ,QAAQmB;AAC3C;AAEO,SAASC,WAAW,EACzBtB,IAAI,EACJC,OAAO,CAAC,EACRC,SAAS,CAAC,EACoC;IAC9C,MAAMmB,WAAW;QACfd,OAAO,IAAI,CAAC,CAAC,cAAc,EAAEP,KAAK,CAAC,EAAEC,KAAK,CAAC,EAAEC,QAAQ;IACvD;IACAH,aAAaC,MAAMC,MAAMC,QAAQ,UAAUmB;AAC7C;AAEO,SAASE,SAAS,EACvBvB,IAAI,EACJC,OAAO,CAAC,EACRC,SAAS,CAAC,EACoC;IAC9C,MAAMmB,WAAW;QACfd,OAAO,IAAI,CAAC,CAAC,YAAY,EAAEP,KAAK,CAAC,EAAEC,KAAK,CAAC,EAAEC,QAAQ;IACrD;IAEAH,aAAaC,MAAMC,MAAMC,QAAQ,QAAQmB;AAC3C;AAEO,MAAMG,SAAS,CAACC,QACd,WAAP,GACE,IAACC,QAAUA;QACT,SAAS;YACPd,WAAWa;QACb;QACA,OAAO;YACL,OAAO;YACP,QAAQ;YACR,eAAe;YACf,SAAS;YACT,WAAW;YACX,GAAGA,MAAM,KAAK;QAChB"}

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

@@ -1,2 +1,2 @@
 export * from './code.js';
-export * from './vscode.js';
+export * from './ide.js';

package/dist/components/Opener/index.mjs

@@ -1,2 +1,2 @@
 export * from "./code.mjs";
-export * from "./vscode.mjs";
+export * from "./ide.mjs";

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

@@ -1,5 +1,5 @@
 import { CodeViewerProps } from './interface.js';
-export declare function CodeViewer({ className, style, code, lang, filePath, defaultLine, ranges, isEmbed, headerVisible, isLightTheme, }: CodeViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeViewer({ className, style, code, lang, filePath, defaultLine, ranges, isEmbed, headerVisible, isLightTheme, formatOnMount, }: CodeViewerProps): import("react/jsx-runtime").JSX.Element;
 export type { CodeViewerProps } from './interface.js';
 export { useCodeDrawer } from './useCodeDrawer.js';
 export { defineMonacoOptions } from './utils.js';

package/dist/components/base/CodeViewer/index.mjs

@@ -7,7 +7,7 @@ import { Checkbox } from "antd";
 import index_module from "./index.module.mjs";
 import { Lodash } from "@rsdoctor/utils/common";
 import { useCodeDrawer } from "./useCodeDrawer.mjs";
-function CodeViewer({ className, style, code = '', lang, filePath = '', defaultLine, ranges, isEmbed = false, headerVisible = true, isLightTheme = true }) {
+function CodeViewer({ className, style, code = '', lang, filePath = '', defaultLine, ranges, isEmbed = false, headerVisible = true, isLightTheme = true, formatOnMount = false }) {
     const editor = useRef();
     const monaco = useRef();
     const language = useMemo(()=>lang || getFilePathFormat(filePath) || 'plaintext', [
@@ -27,7 +27,14 @@ function CodeViewer({ className, style, code = '', lang, filePath = '', defaultL
         if (Lodash.isNumber(defaultLine)) setTimeout(()=>{
             editorInstance.revealLine(defaultLine);
         });
-    }, []);
+        if (formatOnMount) setTimeout(()=>{
+            editorInstance.getAction('editor.action.formatDocument')?.run();
+        }, 0);
+    }, [
+        ranges,
+        defaultLine,
+        formatOnMount
+    ]);
     const theme = isLightTheme ? 'vs-light' : 'vs-dark';
     useEffect(()=>()=>{
             editor.current?.setModel(null);

package/dist/components/base/CodeViewer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/base/CodeViewer/index.mjs","sources":["../../../../src/components/base/CodeViewer/index.tsx"],"sourcesContent":["import { Editor, Monaco, OnMount } from '@monaco-editor/react';\nimport clsx from 'clsx';\nimport { editor } from 'monaco-editor';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { CodeViewerProps } from './interface';\nimport {\n  defineMonacoOptions,\n  editorShowRange,\n  getFileName,\n  getFilePathFormat,\n} from './utils';\n\nimport { Checkbox } from 'antd';\nimport styles from './index.module.scss';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport function CodeViewer({\n  className,\n  style,\n  code = '',\n  lang,\n  filePath = '',\n  defaultLine,\n  ranges,\n  isEmbed = false,\n  headerVisible = true,\n  isLightTheme = true,\n}: CodeViewerProps) {\n  const editor = useRef<editor.IStandaloneCodeEditor>();\n  const monaco = useRef<Monaco>();\n  const language = useMemo(\n    () => lang || getFilePathFormat(filePath) || 'plaintext',\n    [lang, filePath],\n  );\n  const [isWordWrap, setIsWordWrap] = useState(true);\n  const options = useMemo(\n    () => defineMonacoOptions({ wordWrap: isWordWrap ? 'on' : 'off' }),\n    [isWordWrap],\n  );\n  const onEditorMount = useCallback<OnMount>((editorInstance, monacoVal) => {\n    editor.current = editorInstance;\n    monaco.current = monacoVal;\n\n    editorShowRange(editorInstance, monacoVal, ranges);\n    if (Lodash.isNumber(defaultLine)) {\n      setTimeout(() => {\n        editorInstance.revealLine(defaultLine);\n      });\n    }\n  }, []);\n\n  const theme = isLightTheme ? 'vs-light' : 'vs-dark';\n\n  useEffect(\n    () => () => {\n      editor.current?.setModel(null);\n    },\n    [],\n  );\n\n  return (\n    <div\n      className={clsx(\n        'monaco-component',\n        'code-viewer',\n        styles['code-viewer'],\n        isEmbed && styles['embed'],\n        className,\n      )}\n      style={style}\n    >\n      {headerVisible && Boolean(filePath) && (\n        <div className={styles['header']}>\n          <div>{getFileName(filePath)}</div>\n          <div style={{ flex: 1 }} />\n          <div>\n            <Checkbox\n              className={styles['text']}\n              title=\"side-by-side\"\n              checked={isWordWrap}\n              onChange={(evt) => {\n                setIsWordWrap(evt.target.checked);\n              }}\n            >\n              word-wrap\n            </Checkbox>\n          </div>\n        </div>\n      )}\n      <div className={clsx(styles['content'], 'editor-wrap')}>\n        <Editor\n          theme={theme}\n          language={language}\n          value={code}\n          options={options}\n          onMount={onEditorMount}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type { CodeViewerProps } from './interface';\nexport { useCodeDrawer } from './useCodeDrawer';\nexport { defineMonacoOptions } from './utils';\n"],"names":["CodeViewer","className","style","code","lang","filePath","defaultLine","ranges","isEmbed","headerVisible","isLightTheme","editor","useRef","monaco","language","useMemo","getFilePathFormat","isWordWrap","setIsWordWrap","useState","options","defineMonacoOptions","onEditorMount","useCallback","editorInstance","monacoVal","editorShowRange","Lodash","setTimeout","theme","useEffect","clsx","styles","Boolean","getFileName","Checkbox","evt","Editor"],"mappings":";;;;;;;;;AAgBO,SAASA,WAAW,EACzBC,SAAS,EACTC,KAAK,EACLC,OAAO,EAAE,EACTC,IAAI,EACJC,WAAW,EAAE,EACbC,WAAW,EACXC,MAAM,EACNC,UAAU,KAAK,EACfC,gBAAgB,IAAI,EACpBC,eAAe,IAAI,EACH;IAChB,MAAMC,SAASC;IACf,MAAMC,SAASD;IACf,MAAME,WAAWC,QACf,IAAMX,QAAQY,kBAAkBX,aAAa,aAC7C;QAACD;QAAMC;KAAS;IAElB,MAAM,CAACY,YAAYC,cAAc,GAAGC,SAAS;IAC7C,MAAMC,UAAUL,QACd,IAAMM,oBAAoB;YAAE,UAAUJ,aAAa,OAAO;QAAM,IAChE;QAACA;KAAW;IAEd,MAAMK,gBAAgBC,YAAqB,CAACC,gBAAgBC;QAC1Dd,OAAO,OAAO,GAAGa;QACjBX,OAAO,OAAO,GAAGY;QAEjBC,gBAAgBF,gBAAgBC,WAAWlB;QAC3C,IAAIoB,OAAO,QAAQ,CAACrB,cAClBsB,WAAW;YACTJ,eAAe,UAAU,CAAClB;QAC5B;IAEJ,GAAG,EAAE;IAEL,MAAMuB,QAAQnB,eAAe,aAAa;IAE1CoB,UACE,IAAM;YACJnB,OAAO,OAAO,EAAE,SAAS;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWoB,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrBxB,WAAWwB,aAAAA,KAAe,EAC1B/B;QAEF,OAAOC;;YAENO,iBAAiBwB,QAAQ5B,aAAa,WAAbA,GACxB,KAAC;gBAAI,WAAW2B,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKE,YAAY7B;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAAC8B,UAAQA;4BACP,WAAWH,aAAAA,IAAc;4BACzB,OAAM;4BACN,SAASf;4BACT,UAAU,CAACmB;gCACTlB,cAAckB,IAAI,MAAM,CAAC,OAAO;4BAClC;sCACD;;;;;0BAMP,IAAC;gBAAI,WAAWL,KAAKC,aAAAA,OAAiB,EAAE;0BACtC,kBAACK,QAAMA;oBACL,OAAOR;oBACP,UAAUf;oBACV,OAAOX;oBACP,SAASiB;oBACT,SAASE;;;;;AAKnB"}
+{"version":3,"file":"components/base/CodeViewer/index.mjs","sources":["../../../../src/components/base/CodeViewer/index.tsx"],"sourcesContent":["import { Editor, Monaco, OnMount } from '@monaco-editor/react';\nimport clsx from 'clsx';\nimport { editor } from 'monaco-editor';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { CodeViewerProps } from './interface';\nimport {\n  defineMonacoOptions,\n  editorShowRange,\n  getFileName,\n  getFilePathFormat,\n} from './utils';\n\nimport { Checkbox } from 'antd';\nimport styles from './index.module.scss';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport function CodeViewer({\n  className,\n  style,\n  code = '',\n  lang,\n  filePath = '',\n  defaultLine,\n  ranges,\n  isEmbed = false,\n  headerVisible = true,\n  isLightTheme = true,\n  formatOnMount = false,\n}: CodeViewerProps) {\n  const editor = useRef<editor.IStandaloneCodeEditor>();\n  const monaco = useRef<Monaco>();\n  const language = useMemo(\n    () => lang || getFilePathFormat(filePath) || 'plaintext',\n    [lang, filePath],\n  );\n  const [isWordWrap, setIsWordWrap] = useState(true);\n  const options = useMemo(\n    () => defineMonacoOptions({ wordWrap: isWordWrap ? 'on' : 'off' }),\n    [isWordWrap],\n  );\n  const onEditorMount = useCallback<OnMount>(\n    (editorInstance, monacoVal) => {\n      editor.current = editorInstance;\n      monaco.current = monacoVal;\n\n      editorShowRange(editorInstance, monacoVal, ranges);\n      if (Lodash.isNumber(defaultLine)) {\n        setTimeout(() => {\n          editorInstance.revealLine(defaultLine);\n        });\n      }\n\n      if (formatOnMount) {\n        // Use Monaco's built-in formatter to format the whole document\n        setTimeout(() => {\n          editorInstance.getAction('editor.action.formatDocument')?.run();\n        }, 0);\n      }\n    },\n    [ranges, defaultLine, formatOnMount],\n  );\n\n  const theme = isLightTheme ? 'vs-light' : 'vs-dark';\n\n  useEffect(\n    () => () => {\n      editor.current?.setModel(null);\n    },\n    [],\n  );\n\n  return (\n    <div\n      className={clsx(\n        'monaco-component',\n        'code-viewer',\n        styles['code-viewer'],\n        isEmbed && styles['embed'],\n        className,\n      )}\n      style={style}\n    >\n      {headerVisible && Boolean(filePath) && (\n        <div className={styles['header']}>\n          <div>{getFileName(filePath)}</div>\n          <div style={{ flex: 1 }} />\n          <div>\n            <Checkbox\n              className={styles['text']}\n              title=\"side-by-side\"\n              checked={isWordWrap}\n              onChange={(evt) => {\n                setIsWordWrap(evt.target.checked);\n              }}\n            >\n              word-wrap\n            </Checkbox>\n          </div>\n        </div>\n      )}\n      <div className={clsx(styles['content'], 'editor-wrap')}>\n        <Editor\n          theme={theme}\n          language={language}\n          value={code}\n          options={options}\n          onMount={onEditorMount}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type { CodeViewerProps } from './interface';\nexport { useCodeDrawer } from './useCodeDrawer';\nexport { defineMonacoOptions } from './utils';\n"],"names":["CodeViewer","className","style","code","lang","filePath","defaultLine","ranges","isEmbed","headerVisible","isLightTheme","formatOnMount","editor","useRef","monaco","language","useMemo","getFilePathFormat","isWordWrap","setIsWordWrap","useState","options","defineMonacoOptions","onEditorMount","useCallback","editorInstance","monacoVal","editorShowRange","Lodash","setTimeout","theme","useEffect","clsx","styles","Boolean","getFileName","Checkbox","evt","Editor"],"mappings":";;;;;;;;;AAgBO,SAASA,WAAW,EACzBC,SAAS,EACTC,KAAK,EACLC,OAAO,EAAE,EACTC,IAAI,EACJC,WAAW,EAAE,EACbC,WAAW,EACXC,MAAM,EACNC,UAAU,KAAK,EACfC,gBAAgB,IAAI,EACpBC,eAAe,IAAI,EACnBC,gBAAgB,KAAK,EACL;IAChB,MAAMC,SAASC;IACf,MAAMC,SAASD;IACf,MAAME,WAAWC,QACf,IAAMZ,QAAQa,kBAAkBZ,aAAa,aAC7C;QAACD;QAAMC;KAAS;IAElB,MAAM,CAACa,YAAYC,cAAc,GAAGC,SAAS;IAC7C,MAAMC,UAAUL,QACd,IAAMM,oBAAoB;YAAE,UAAUJ,aAAa,OAAO;QAAM,IAChE;QAACA;KAAW;IAEd,MAAMK,gBAAgBC,YACpB,CAACC,gBAAgBC;QACfd,OAAO,OAAO,GAAGa;QACjBX,OAAO,OAAO,GAAGY;QAEjBC,gBAAgBF,gBAAgBC,WAAWnB;QAC3C,IAAIqB,OAAO,QAAQ,CAACtB,cAClBuB,WAAW;YACTJ,eAAe,UAAU,CAACnB;QAC5B;QAGF,IAAIK,eAEFkB,WAAW;YACTJ,eAAe,SAAS,CAAC,iCAAiC;QAC5D,GAAG;IAEP,GACA;QAAClB;QAAQD;QAAaK;KAAc;IAGtC,MAAMmB,QAAQpB,eAAe,aAAa;IAE1CqB,UACE,IAAM;YACJnB,OAAO,OAAO,EAAE,SAAS;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWoB,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrBzB,WAAWyB,aAAAA,KAAe,EAC1BhC;QAEF,OAAOC;;YAENO,iBAAiByB,QAAQ7B,aAAa,WAAbA,GACxB,KAAC;gBAAI,WAAW4B,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKE,YAAY9B;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAAC+B,UAAQA;4BACP,WAAWH,aAAAA,IAAc;4BACzB,OAAM;4BACN,SAASf;4BACT,UAAU,CAACmB;gCACTlB,cAAckB,IAAI,MAAM,CAAC,OAAO;4BAClC;sCACD;;;;;0BAMP,IAAC;gBAAI,WAAWL,KAAKC,aAAAA,OAAiB,EAAE;0BACtC,kBAACK,QAAMA;oBACL,OAAOR;oBACP,UAAUf;oBACV,OAAOZ;oBACP,SAASkB;oBACT,SAASE;;;;;AAKnB"}

package/dist/components/base/CodeViewer/interface.d.ts

@@ -42,4 +42,9 @@ export interface CodeViewerProps {
      * @default true
      */
     headerVisible?: boolean;
+    /**
+     * Whether to format code on editor mount (using Monaco's formatter)
+     * @default false
+     */
+    formatOnMount?: boolean;
 }