@rsdoctor/components 1.5.17 → 1.6.0

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 { 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}): React.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}): React.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>): React.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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"}
+{"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';\nimport clsx from 'clsx';\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}): React.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}): React.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>): React.JSX.Element => {\n  const { loaders, resource } = data;\n  const [currentIndex, setCurrentIndex] = useState(index || 0);\n  const { isLight } = useTheme();\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: `1px solid var(--color-border-secondary)`,\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={clsx(\n                            styles.box,\n                            currentIndex === i && styles.selected,\n                          )}\n                          onClick={() => {\n                            setCurrentIndex(i);\n                          }}\n                          style={{ textAlign: 'left' }}\n                        >\n                          <div>\n                            <Typography.Text>\n                              {costs.match(/[0-9]*\\.?[0-9]+/g)?.[0]}\n                            </Typography.Text>\n                            {` `}\n                            <Typography.Text type=\"secondary\">\n                              {costs.match(/[a-zA-Z]+/g)}\n                            </Typography.Text>\n                          </div>\n                          <Typography.Text className={styles.loader}>\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","useTheme","leftSpan","activeKey","setActiveKey","onChange","useCallback","key","Row","styles","Timeline","e","i","arr","isPitch","costs","Tooltip","clsx","StepIcon","Tabs","ServerAPIProvider","SDK"],"mappings":"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"}

package/dist/components/Opener/ide.mjs

@@ -1,16 +1,50 @@
 import { jsx } from "react/jsx-runtime";
 import { Lodash } from "@rsdoctor/utils/common";
+import { SDK } from "@rsdoctor/types";
 import "react";
 import vscode from "../../common/svg/vscode.mjs";
 const OPEN_IN_EDITOR_PATH = '/__open-in-editor';
+let openInEditorTokenTask;
+function clearOpenInEditorTokenTask(task = openInEditorTokenTask) {
+    if (openInEditorTokenTask === task) openInEditorTokenTask = void 0;
+}
+function getOpenInEditorTokenFromSocketUrl(socketUrl) {
+    if (!socketUrl) return;
+    try {
+        return new URL(socketUrl, window.location.origin).searchParams.get('token') || void 0;
+    } catch  {
+        return;
+    }
+}
+async function getOpenInEditorToken(base) {
+    if (!base) return;
+    if (!openInEditorTokenTask) {
+        const task = fetch(`${base}${SDK.ServerAPI.API.Manifest}`).then((res)=>res.ok ? res.json() : void 0).then((manifest)=>{
+            const token = getOpenInEditorTokenFromSocketUrl(manifest?.__SOCKET__URL__);
+            if (!token) clearOpenInEditorTokenTask(task);
+            return token;
+        }).catch(()=>{
+            clearOpenInEditorTokenTask(task);
+        });
+        openInEditorTokenTask = task;
+    }
+    return openInEditorTokenTask;
+}
 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, {
+        const token = await getOpenInEditorToken(base);
+        if (!token) return void urlSchemeFallback();
+        const params = new URLSearchParams({
+            file: fileSpec,
+            editor,
+            token
+        });
+        const res = await fetch(`${base}${OPEN_IN_EDITOR_PATH}?${params}`, {
             method: 'GET'
         });
+        if (403 === res.status) clearOpenInEditorTokenTask();
         if (!res.ok) urlSchemeFallback();
     } catch  {
         urlSchemeFallback();

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

@@ -1 +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): React.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"}
+{"version":3,"file":"components/Opener/ide.mjs","sources":["../../../src/components/Opener/ide.tsx"],"sourcesContent":["import { Lodash } from '@rsdoctor/utils/common';\nimport { SDK } from '@rsdoctor/types';\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\nlet openInEditorTokenTask: Promise<string | undefined> | undefined;\n\nfunction clearOpenInEditorTokenTask(task = openInEditorTokenTask) {\n  if (openInEditorTokenTask === task) {\n    openInEditorTokenTask = undefined;\n  }\n}\n\nfunction getOpenInEditorTokenFromSocketUrl(socketUrl?: string) {\n  if (!socketUrl) return undefined;\n  try {\n    return (\n      new URL(socketUrl, window.location.origin).searchParams.get('token') ||\n      undefined\n    );\n  } catch {\n    return undefined;\n  }\n}\n\nasync function getOpenInEditorToken(base: string) {\n  if (!base) return undefined;\n  if (!openInEditorTokenTask) {\n    const task = fetch(`${base}${SDK.ServerAPI.API.Manifest}`)\n      .then((res) => (res.ok ? res.json() : undefined))\n      .then((manifest) => {\n        const token = getOpenInEditorTokenFromSocketUrl(\n          manifest?.__SOCKET__URL__,\n        );\n        if (!token) {\n          clearOpenInEditorTokenTask(task);\n        }\n        return token;\n      })\n      .catch(() => {\n        clearOpenInEditorTokenTask(task);\n        return undefined;\n      });\n    openInEditorTokenTask = task;\n  }\n\n  return openInEditorTokenTask;\n}\n\nasync function openInEditor(\n  file: string,\n  line: number | string,\n  column: number | string,\n  editor: SDK.OpenInEditorKind,\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 token = await getOpenInEditorToken(base);\n    if (!token) {\n      urlSchemeFallback();\n      return;\n    }\n    const params = new URLSearchParams({\n      file: fileSpec,\n      editor,\n      token,\n    });\n    const res = await fetch(`${base}${OPEN_IN_EDITOR_PATH}?${params}`, {\n      method: 'GET',\n    });\n    if (res.status === 403) {\n      clearOpenInEditorTokenTask();\n    }\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): React.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","openInEditorTokenTask","clearOpenInEditorTokenTask","task","undefined","getOpenInEditorTokenFromSocketUrl","socketUrl","URL","window","getOpenInEditorToken","base","fetch","SDK","res","manifest","token","openInEditor","file","line","column","editor","urlSchemeFallback","fileSpec","params","URLSearchParams","openVSCode","windowId","query","queryString","Object","k","v","Lodash","Boolean","fallback","url","openCursor","openTrae","VSCode","props","VSCodeIcon"],"mappings":"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"}

package/dist/components/Overall/DataSummary.mjs

@@ -1,27 +1,28 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import icons from "@ant-design/icons";
+import { Alert } from "antd";
 import total_size from "../../common/svg/total-size.mjs";
 import file from "../../common/svg/file.mjs";
 import DataSummary_module from "./DataSummary.module.mjs";
-const DataSummary = ({ theme, number, description })=>/*#__PURE__*/ jsxs("div", {
-        className: `${DataSummary_module.container} ${DataSummary_module[theme]}`,
-        children: [
-            /*#__PURE__*/ jsx(icons, {
-                style: {
-                    fontSize: '18px',
-                    margin: '0 5px'
-                },
-                component: 'common' === theme ? file : total_size
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: DataSummary_module.description,
-                children: description
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: DataSummary_module.data,
-                children: number
-            })
-        ]
+const DataSummary = ({ theme, number, description })=>/*#__PURE__*/ jsx(Alert, {
+        message: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(icons, {
+                    className: DataSummary_module.icon,
+                    component: 'common' === theme ? file : total_size
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: DataSummary_module.description,
+                    children: description
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: DataSummary_module.data,
+                    children: number
+                })
+            ]
+        }),
+        className: DataSummary_module.container,
+        type: 'common' === theme ? 'info' : theme
     });
 export { DataSummary };
 

package/dist/components/Overall/DataSummary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Overall/DataSummary.mjs","sources":["../../../src/components/Overall/DataSummary.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\n\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport FileSvg from '../../common/svg/file.svg';\n\nimport styles from './DataSummary.module.scss';\n\nexport interface DataSummaryProps {\n  theme: 'common' | 'warning';\n  number: string | number;\n  onClick?: () => void;\n  description: string;\n  numberFontSize?: string;\n}\n\nexport const DataSummary = ({\n  theme,\n  number,\n  description,\n}: DataSummaryProps) => {\n  return (\n    <div className={`${styles.container} ${styles[theme]}`}>\n      <Icon\n        style={{ fontSize: '18px', margin: '0 5px' }}\n        component={theme === 'common' ? FileSvg : TotalSizeSvg}\n      />\n      <span className={styles.description}>{description}</span>\n      <span className={styles.data}>{number}</span>\n    </div>\n  );\n};\n"],"names":["DataSummary","theme","number","description","styles","Icon","FileSvg","TotalSizeSvg"],"mappings":";;;;;AAeO,MAAMA,cAAc,CAAC,EAC1BC,KAAK,EACLC,MAAM,EACNC,WAAW,EACM,GACV,WAAP,GACE,KAAC;QAAI,WAAW,GAAGC,mBAAAA,SAAgB,CAAC,CAAC,EAAEA,kBAAM,CAACH,MAAM,EAAE;;0BACpD,IAACI,OAAIA;gBACH,OAAO;oBAAE,UAAU;oBAAQ,QAAQ;gBAAQ;gBAC3C,WAAWJ,AAAU,aAAVA,QAAqBK,OAAUC;;0BAE5C,IAAC;gBAAK,WAAWH,mBAAAA,WAAkB;0BAAGD;;0BACtC,IAAC;gBAAK,WAAWC,mBAAAA,IAAW;0BAAGF"}
+{"version":3,"file":"components/Overall/DataSummary.mjs","sources":["../../../src/components/Overall/DataSummary.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Alert } from 'antd';\n\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport FileSvg from '../../common/svg/file.svg';\n\nimport styles from './DataSummary.module.scss';\n\nexport interface DataSummaryProps {\n  theme: 'common' | 'warning';\n  number: string | number;\n  onClick?: () => void;\n  description: string;\n  numberFontSize?: string;\n}\n\nexport const DataSummary = ({\n  theme,\n  number,\n  description,\n}: DataSummaryProps) => {\n  return (\n    <Alert\n      message={\n        <>\n          <Icon\n            className={styles.icon}\n            component={theme === 'common' ? FileSvg : TotalSizeSvg}\n          />\n          <span className={styles.description}>{description}</span>\n          <span className={styles.data}>{number}</span>\n        </>\n      }\n      className={styles.container}\n      type={theme === 'common' ? 'info' : theme}\n    ></Alert>\n  );\n};\n"],"names":["DataSummary","theme","number","description","Alert","Icon","styles","FileSvg","TotalSizeSvg"],"mappings":";;;;;;AAgBO,MAAMA,cAAc,CAAC,EAC1BC,KAAK,EACLC,MAAM,EACNC,WAAW,EACM,GACV,WAAP,GACE,IAACC,OAAKA;QACJ,uBACE;;8BACE,IAACC,OAAIA;oBACH,WAAWC,mBAAAA,IAAW;oBACtB,WAAWL,AAAU,aAAVA,QAAqBM,OAAUC;;8BAE5C,IAAC;oBAAK,WAAWF,mBAAAA,WAAkB;8BAAGH;;8BACtC,IAAC;oBAAK,WAAWG,mBAAAA,IAAW;8BAAGJ;;;;QAGnC,WAAWI,mBAAAA,SAAgB;QAC3B,MAAML,AAAU,aAAVA,QAAqB,SAASA"}

package/dist/components/Overall/DataSummary.module.mjs

@@ -1,20 +1,9 @@
 import "./DataSummary_module.css";
 const DataSummary_module = {
-    errorNumber: "errorNumber-NtnGpL",
-    warningNumber: "warningNumber-UgutU8",
-    successNumber: "successNumber-YOK23K",
-    errorText: "errorText-u5Q3ns",
-    warningText: "warningText-PymRi4",
-    successText: "successText-ddFAF_",
-    errorButton: "errorButton-jYRQzL",
-    warningButton: "warningButton-KAF3GT",
-    successButton: "successButton-clAJSx",
     container: "container-ssAvLP",
     icon: "icon-K6JtIV",
     description: "description-Ik1PO7",
-    data: "data-J9Vxvq",
-    common: "common-sHeHRd",
-    warning: "warning-HnVMOj"
+    data: "data-J9Vxvq"
 };
 export default DataSummary_module;
 

package/dist/components/Overall/DataSummary.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Overall/DataSummary.module.mjs","sources":["../../../src/components/Overall/DataSummary.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./DataSummary_module.css\"\nexport default {\"errorNumber\":\"errorNumber-NtnGpL\",\"warningNumber\":\"warningNumber-UgutU8\",\"successNumber\":\"successNumber-YOK23K\",\"errorText\":\"errorText-u5Q3ns\",\"warningText\":\"warningText-PymRi4\",\"successText\":\"successText-ddFAF_\",\"errorButton\":\"errorButton-jYRQzL\",\"warningButton\":\"warningButton-KAF3GT\",\"successButton\":\"successButton-clAJSx\",\"container\":\"container-ssAvLP\",\"icon\":\"icon-K6JtIV\",\"description\":\"description-Ik1PO7\",\"data\":\"data-J9Vxvq\",\"common\":\"common-sHeHRd\",\"warning\":\"warning-HnVMOj\"};"],"names":[],"mappings":";AAEA,2BAAe;IAAC,aAAc;IAAqB,eAAgB;IAAuB,eAAgB;IAAuB,WAAY;IAAmB,aAAc;IAAqB,aAAc;IAAqB,aAAc;IAAqB,eAAgB;IAAuB,eAAgB;IAAuB,WAAY;IAAmB,MAAO;IAAc,aAAc;IAAqB,MAAO;IAAc,QAAS;IAAgB,SAAU;AAAgB"}
+{"version":3,"file":"components/Overall/DataSummary.module.mjs","sources":["../../../src/components/Overall/DataSummary.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./DataSummary_module.css\"\nexport default {\"container\":\"container-ssAvLP\",\"icon\":\"icon-K6JtIV\",\"description\":\"description-Ik1PO7\",\"data\":\"data-J9Vxvq\"};"],"names":[],"mappings":";AAEA,2BAAe;IAAC,WAAY;IAAmB,MAAO;IAAc,aAAc;IAAqB,MAAO;AAAa"}

package/dist/components/Overall/DataSummary_module.css

@@ -1,95 +1,30 @@
-.errorNumber-NtnGpL, .warningNumber-UgutU8, .successNumber-YOK23K {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 32px;
-}
-
-.errorNumber-NtnGpL, .errorText-u5Q3ns {
-  color: #f5222d;
-}
-
-.warningNumber-UgutU8, .warningText-PymRi4 {
-  color: #fa8c16;
-}
-
-.successNumber-YOK23K, .successText-ddFAF_ {
-  color: #52c41a;
-}
-
-.errorButton-jYRQzL, .warningButton-KAF3GT, .successButton-clAJSx {
-  width: 100%;
-  color: inherit;
-  height: 90px !important;
-  font-size: inherit !important;
-  border-radius: 12px !important;
-  padding: 4px 0 8px !important;
-}
-
-.errorButton-jYRQzL {
-  background-color: #f5222d14;
-}
-
-.errorButton-jYRQzL:hover {
-  background-color: #f5222d26 !important;
-}
-
-.warningButton-KAF3GT {
-  background-color: #fa8b1614;
-}
-
-.warningButton-KAF3GT:hover {
-  background-color: #fa8b1626 !important;
-}
-
-.successButton-clAJSx {
-  background-color: #52c41a14;
-}
-
-.successButton-clAJSx:hover {
-  background-color: #52c41a26 !important;
-}
-
-.errorText-u5Q3ns, .warningText-PymRi4, .successText-ddFAF_ {
-  opacity: .75;
-  margin-top: -2px;
-  padding-bottom: 6px;
-  font-size: 13px;
-}
-
 .container-ssAvLP {
-  border-radius: 10px;
-  align-items: center;
   height: 40px;
   margin: 10px 0 20px;
   padding: 10px 20px 10px 5px;
+  font-size: 14px;
+}
+
+.container-ssAvLP .ant-alert-message {
+  align-items: center;
   display: flex;
 }
 
 .container-ssAvLP .icon-K6JtIV {
-  margin: 0 5px 0 10px;
+  margin: 0 5px;
+  font-size: 18px;
 }
 
 .container-ssAvLP .description-Ik1PO7 {
-  color: #000000a6;
   margin-right: 5px;
-  font-size: 14px;
   font-weight: 400;
   line-height: 20px;
 }
 
 .container-ssAvLP .data-J9Vxvq {
-  font-size: 14px;
   font-weight: 500;
   line-height: 32px;
 }
 
-.common-sHeHRd {
-  background: #f0f5ff;
-}
-
-.warning-HnVMOj {
-  background: #fff7e6;
-}
-
 
 /*# sourceMappingURL=DataSummary_module.css.map */

package/dist/components/Overall/DataSummary_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Overall/DataSummary.module.scss"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAJ2F;EAOzF,cAAc;AAChB;;AARiI;EAW/H,cAAc;AAChB;;AAZ2K;EAezK,cAAc;AAChB;;AAhBqN;EAmBnN,WAAW;EACX,cAAc;EACd,uBAAuB;EACvB,6BAA6B;EAC7B,8BAA8B;EAC9B,6BAA6B;AAC/B;;AAzBwY;EA4BtY,2BAA2B;AAC7B;;AA7B0b;EAgCxb,sCAAsC;AACxC;;AAjC6f;EAoC3f,2BAA2B;AAC7B;;AArCkjB;EAwChjB,sCAAsC;AACxC;;AAzCwnB;EA4CtnB,2BAA2B;AAC7B;;AA7C4qB;EAgD1qB,sCAAsC;AACxC;;AAjDivB;EAoD/uB,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;AACjB;;AAxDo1B;EA2Dl1B,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,2BAA2B;EAC3B,aAAa;AACf;;AAjE88B;EAoE58B,oBAAoB;AACtB;;AArEm/B;EAwEj/B,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AA7E0mC;EAgFxmC,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAnF2qC;EAsFzqC,mBAAmB;AACrB;;AAvFssC;EA0FpsC,mBAAmB;AACrB","sourcesContent":[".errorNumber,.warningNumber,.successNumber{font-size:14px;font-weight:500;line-height:32px}.errorNumber,.errorText{color:#f5222d}.warningNumber,.warningText{color:#fa8c16}.successNumber,.successText{color:#52c41a}.errorButton,.warningButton,.successButton{width:100%;height:90px !important;color:inherit;font-size:inherit !important;padding:4px 0 8px !important;border-radius:12px !important}.errorButton{background-color:rgba(245,34,45,.08)}.errorButton:hover{background-color:rgba(245,34,45,.15) !important}.warningButton{background-color:rgba(250,139,22,.08)}.warningButton:hover{background-color:rgba(250,139,22,.15) !important}.successButton{background-color:rgba(82,196,26,.08)}.successButton:hover{background-color:rgba(82,196,26,.15) !important}.errorText,.warningText,.successText{opacity:.75;font-size:13px;padding-bottom:6px;margin-top:-2px}.container{height:40px;display:flex;align-items:center;padding:10px 20px 10px 5px;border-radius:10px;margin:10px 0 20px 0}.container .icon{margin:0 5px 0 10px}.container .description{margin-right:5px;font-size:14px;font-weight:400;line-height:20px;color:rgba(0,0,0,.6509803922)}.container .data{font-size:14px;font-weight:500;line-height:32px}.common{background:#f0f5ff}.warning{background:#fff7e6}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Overall/DataSummary.module.scss"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,mBAAmB;EACnB,2BAA2B;EAC3B,eAAe;AACjB;;AALsF;EAQpF,mBAAmB;EACnB,aAAa;AACf;;AAV6J;EAa3J,aAAa;EACb,eAAe;AACjB;;AAf8N;EAkB5N,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;AACnB;;AArBwS;EAwBtS,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".container{height:40px;padding:10px 20px 10px 5px;margin:10px 0 20px 0;font-size:14px}.container :global(.ant-alert-message){display:flex;align-items:center}.container .icon{margin:0 5px 0 10px;font-size:18px;margin:0 5px}.container .description{margin-right:5px;font-weight:400;line-height:20px}.container .data{font-weight:500;line-height:32px}"],"sourceRoot":""}

package/dist/components/Overall/bundle_module.css

@@ -16,7 +16,6 @@
 }
 
 .description-nwRikm {
-  color: #000;
   margin-right: 5px;
   font-size: 20px;
   font-weight: 500;
@@ -30,7 +29,6 @@
 }
 
 .unit-poAoxV {
-  color: #000;
   font-size: 12px;
   font-weight: 400;
   line-height: 32px;
@@ -41,7 +39,7 @@
 }
 
 .treeContainer-jcFlxc .line-Ia_8Yg {
-  border-bottom: 1px dashed #e5e6eb;
+  border-bottom: 1px dashed var(--color-divider, #e5e6eb);
   flex: 1;
   margin: 0 15px 0 10px;
   transform: translateY(-45%);
@@ -66,7 +64,6 @@
   text-underline-position: from-font;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
-  color: #000000a6;
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;

package/dist/components/Overall/bundle_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Overall/bundle.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,8BAA8B;EAC9B,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;EACb,kBAAkB;EAClB,UAAU;AACZ;;AAX6K;EAc3K,mBAAmB;AACrB;;AAfwM;EAkBtM,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAvBiS;EAA0B;IA2BvT,eAAe;EACjB;AACF;;AA7BwV;EAgCtV,WAAW;EACX,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCyZ;EAuCvZ,aAAa;AACf;;AAxCqb;EA2Cnb,iCAAiC;EACjC,OAAO;EACP,qBAAqB;EACrB,2BAA2B;AAC7B;;AA/CkiB;EAkDhiB,qBAAqB;EACrB,qBAAqB;EACrB,eAAe;AACjB;;AArDqnB;EAwDnnB,eAAe;AACjB;;AAzDypB;EA4DvpB,YAAY;AACd;;AA7DyrB;EAgEvrB,gBAAgB;EAChB,kCAAkC;EAClC,sCAAsC;EACtC,8BAA8B;EAC9B,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".title{height:40px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;line-height:20px;text-align:left;position:relative;top:-10px}.column{margin-bottom:14px}.description{font-size:20px;font-weight:500;line-height:32px;margin-right:5px;color:#000}@media(max-width: 1500px){.description{font-size:16px}}.unit{font-size:12px;font-weight:400;line-height:32px;color:#000}.treeContainer{display:flex}.treeContainer .line{border-bottom:1px dashed #e5e6eb;flex:1;transform:translateY(-45%);margin:0 15px 0 10px}.treeContainer .treeTitle{word-wrap:break-word;word-break:break-all;flex-wrap:wrap}.treeContainer .icon{font-size:16px}.treeContainer .tag{height:23px}.label{font-size:12px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:rgba(0,0,0,.6509803922)}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Overall/bundle.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,8BAA8B;EAC9B,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;EACb,kBAAkB;EAClB,UAAU;AACZ;;AAX6K;EAc3K,mBAAmB;AACrB;;AAfwM;EAkBtM,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAtBsR;EAA0B;IA0B5S,eAAe;EACjB;AACF;;AA5B6U;EA+B3U,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAlCmY;EAqCjY,aAAa;AACf;;AAtC+Z;EAyC7Z,uDAAuD;EACvD,OAAO;EACP,qBAAqB;EACrB,2BAA2B;AAC7B;;AA7CkiB;EAgDhiB,qBAAqB;EACrB,qBAAqB;EACrB,eAAe;AACjB;;AAnDqnB;EAsDnnB,eAAe;AACjB;;AAvDypB;EA0DvpB,YAAY;AACd;;AA3DyrB;EA8DvrB,gBAAgB;EAChB,kCAAkC;EAClC,sCAAsC;EACtC,8BAA8B;EAC9B,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".title{height:40px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;line-height:20px;text-align:left;position:relative;top:-10px}.column{margin-bottom:14px}.description{font-size:20px;font-weight:500;line-height:32px;margin-right:5px}@media(max-width: 1500px){.description{font-size:16px}}.unit{font-size:12px;font-weight:400;line-height:32px}.treeContainer{display:flex}.treeContainer .line{border-bottom:1px dashed var(--color-divider, #e5e6eb);flex:1;transform:translateY(-45%);margin:0 15px 0 10px}.treeContainer .treeTitle{word-wrap:break-word;word-break:break-all;flex-wrap:wrap}.treeContainer .icon{font-size:16px}.treeContainer .tag{height:23px}.label{font-size:12px;font-weight:400;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}"],"sourceRoot":""}

package/dist/components/Overall/list_module.css

@@ -1,5 +1,4 @@
 :is(.projectOverall-T7onhG .ant-descriptions-item-label, .projectOverall-T7onhG .ant-descriptions-item-content) {
-  color: #000000a6;
   font-size: 13px;
 }
 
@@ -8,7 +7,6 @@
 }
 
 :is(.bundleOverall-Ay7WmZ .ant-descriptions-item-label, .bundleOverall-Ay7WmZ .ant-descriptions-item-content) {
-  color: #000000a6;
   font-size: 13px;
 }
 

package/dist/components/Overall/list_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Overall/list.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAH2J;EAMzJ,+BAA+B;AACjC;;AAP0O;EAUxO,gBAAgB;EAChB,eAAe;AACjB;;AAZmY;EAejY,4BAA4B;AAC9B","sourcesContent":[".projectOverall :global(.ant-descriptions-item-label),.projectOverall :global(.ant-descriptions-item-content){font-size:13px;color:rgba(0,0,0,.6509803922)}.projectOverall :global(.ant-descriptions-item){padding-bottom:10px !important}.bundleOverall :global(.ant-descriptions-item-label),.bundleOverall :global(.ant-descriptions-item-content){font-size:13px;color:rgba(0,0,0,.6509803922)}.bundleOverall :global(.ant-descriptions-item){padding-bottom:0px !important}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Overall/list.module.scss"],"names":[],"mappings":"AAAA;EACE,eAAe;AACjB;;AAF6H;EAK3H,+BAA+B;AACjC;;AAN4M;EAS1M,eAAe;AACjB;;AAVuU;EAarU,4BAA4B;AAC9B","sourcesContent":[".projectOverall :global(.ant-descriptions-item-label),.projectOverall :global(.ant-descriptions-item-content){font-size:13px}.projectOverall :global(.ant-descriptions-item){padding-bottom:10px !important}.bundleOverall :global(.ant-descriptions-item-label),.bundleOverall :global(.ant-descriptions-item-content){font-size:13px}.bundleOverall :global(.ant-descriptions-item){padding-bottom:0px !important}"],"sourceRoot":""}

package/dist/components/Overall/overview_module.css

@@ -1,6 +1,6 @@
 .container-KSV5DZ {
+  background: var(--color-bg-box-elevated);
   white-space: nowrap;
-  background: #f6f8fa;
   border-radius: 8px;
   justify-content: space-between;
   align-items: center;
@@ -15,7 +15,6 @@
 }
 
 .container-KSV5DZ .content-BsjkSU .title-jUwqD5 {
-  color: #000000a6;
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;

package/dist/components/Overall/overview_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Overall/overview.module.scss"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,8BAA8B;EAC9B,mBAAmB;EACnB,WAAW;EACX,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;AACf;;AAVwL;EAatL,OAAO;AACT;;AAdmN;EAiBjN,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AArB4T;EAwB1T,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".container{width:100%;display:flex;background:#f6f8fa;align-items:center;justify-content:space-between;border-radius:8px;padding:8px 20px 8px 20px;margin-right:10px;white-space:nowrap}.container .content{flex:1}.container .content .title{font-size:12px;font-weight:400;line-height:20px;color:rgba(0,0,0,.6509803922)}.container .content .description{font-size:24px;font-weight:500;line-height:32px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Overall/overview.module.scss"],"names":[],"mappings":"AAAA;EACE,wCAAwC;EACxC,mBAAmB;EACnB,kBAAkB;EAClB,8BAA8B;EAC9B,mBAAmB;EACnB,WAAW;EACX,kBAAkB;EAClB,iBAAiB;EACjB,aAAa;AACf;;AAV6M;EAa3M,OAAO;AACT;;AAdwO;EAiBtO,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApBmT;EAuBjT,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".container{width:100%;display:flex;background:var(--color-bg-box-elevated);align-items:center;justify-content:space-between;border-radius:8px;padding:8px 20px 8px 20px;margin-right:10px;white-space:nowrap}.container .content{flex:1}.container .content .title{font-size:12px;font-weight:400;line-height:20px}.container .content .description{font-size:24px;font-weight:500;line-height:32px}"],"sourceRoot":""}

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, formatOnMount, }: CodeViewerProps): import("react").JSX.Element;
+export declare function CodeViewer({ className, style, code, lang, filePath, defaultLine, ranges, isEmbed, headerVisible, isLightTheme: isLightThemeProp, formatOnMount, }: CodeViewerProps): import("react").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

@@ -6,7 +6,10 @@ import { defineMonacoOptions, editorShowRange, getFileName, getFilePathFormat }
 import { Checkbox } from "antd";
 import index_module from "./index.module.mjs";
 import { Lodash } from "@rsdoctor/utils/common";
-function CodeViewer({ className, style, code = '', lang, filePath = '', defaultLine, ranges, isEmbed = false, headerVisible = true, isLightTheme = true, formatOnMount = false }) {
+import { useTheme } from "../../../utils/index.mjs";
+function CodeViewer({ className, style, code = '', lang, filePath = '', defaultLine, ranges, isEmbed = false, headerVisible = true, isLightTheme: isLightThemeProp, formatOnMount = false }) {
+    const { isLight: isLightMode } = useTheme();
+    const isLightTheme = isLightThemeProp ?? isLightMode;
     const editor = useRef(void 0);
     const monaco = useRef(void 0);
     const language = useMemo(()=>lang || getFilePathFormat(filePath) || 'plaintext', [
@@ -34,7 +37,6 @@ function CodeViewer({ className, style, code = '', lang, filePath = '', defaultL
         defaultLine,
         formatOnMount
     ]);
-    const theme = isLightTheme ? 'vs-light' : 'vs-dark';
     useEffect(()=>()=>{
             editor.current?.setModel(null);
         }, []);
@@ -69,7 +71,7 @@ function CodeViewer({ className, style, code = '', lang, filePath = '', defaultL
             /*#__PURE__*/ jsx("div", {
                 className: clsx(index_module.content, 'editor-wrap'),
                 children: /*#__PURE__*/ jsx(Editor, {
-                    theme: theme,
+                    theme: isLightTheme ? 'vs-light' : 'vs-dark',
                     language: language,
                     value: code,
                     options: options,

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  formatOnMount = false,\n}: CodeViewerProps) {\n  const editor = useRef<editor.IStandaloneCodeEditor>(undefined);\n  const monaco = useRef<Monaco>(undefined);\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","undefined","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,OAAqCC;IACpD,MAAMC,SAASF,OAAeC;IAC9B,MAAME,WAAWC,QACf,IAAMb,QAAQc,kBAAkBb,aAAa,aAC7C;QAACD;QAAMC;KAAS;IAElB,MAAM,CAACc,YAAYC,cAAc,GAAGC,SAAS;IAC7C,MAAMC,UAAUL,QACd,IAAMM,oBAAoB;YAAE,UAAUJ,aAAa,OAAO;QAAM,IAChE;QAACA;KAAW;IAEd,MAAMK,gBAAgBC,YACpB,CAACC,gBAAgBC;QACff,OAAO,OAAO,GAAGc;QACjBX,OAAO,OAAO,GAAGY;QAEjBC,gBAAgBF,gBAAgBC,WAAWpB;QAC3C,IAAIsB,OAAO,QAAQ,CAACvB,cAClBwB,WAAW;YACTJ,eAAe,UAAU,CAACpB;QAC5B;QAGF,IAAIK,eAEFmB,WAAW;YACTJ,eAAe,SAAS,CAAC,iCAAiC;QAC5D,GAAG;IAEP,GACA;QAACnB;QAAQD;QAAaK;KAAc;IAGtC,MAAMoB,QAAQrB,eAAe,aAAa;IAE1CsB,UACE,IAAM;YACJpB,OAAO,OAAO,EAAE,SAAS;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWqB,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrB1B,WAAW0B,aAAAA,KAAe,EAC1BjC;QAEF,OAAOC;;YAENO,iBAAiB0B,QAAQ9B,aAAa,WAAbA,GACxB,KAAC;gBAAI,WAAW6B,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKE,YAAY/B;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAACgC,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,OAAOb;oBACP,SAASmB;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';\nimport { useTheme } from 'src/utils';\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: isLightThemeProp,\n  formatOnMount = false,\n}: CodeViewerProps) {\n  const { isLight: isLightMode } = useTheme();\n  const isLightTheme: boolean = isLightThemeProp ?? isLightMode;\n  const editor = useRef<editor.IStandaloneCodeEditor>(undefined);\n  const monaco = useRef<Monaco>(undefined);\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  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={isLightTheme ? 'vs-light' : 'vs-dark'}\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","isLightThemeProp","formatOnMount","isLightMode","useTheme","isLightTheme","editor","useRef","undefined","monaco","language","useMemo","getFilePathFormat","isWordWrap","setIsWordWrap","useState","options","defineMonacoOptions","onEditorMount","useCallback","editorInstance","monacoVal","editorShowRange","Lodash","setTimeout","useEffect","clsx","styles","Boolean","getFileName","Checkbox","evt","Editor"],"mappings":";;;;;;;;;AAiBO,SAASA,WAAW,EACzBC,SAAS,EACTC,KAAK,EACLC,OAAO,EAAE,EACTC,IAAI,EACJC,WAAW,EAAE,EACbC,WAAW,EACXC,MAAM,EACNC,UAAU,KAAK,EACfC,gBAAgB,IAAI,EACpB,cAAcC,gBAAgB,EAC9BC,gBAAgB,KAAK,EACL;IAChB,MAAM,EAAE,SAASC,WAAW,EAAE,GAAGC;IACjC,MAAMC,eAAwBJ,oBAAoBE;IAClD,MAAMG,SAASC,OAAqCC;IACpD,MAAMC,SAASF,OAAeC;IAC9B,MAAME,WAAWC,QACf,IAAMhB,QAAQiB,kBAAkBhB,aAAa,aAC7C;QAACD;QAAMC;KAAS;IAElB,MAAM,CAACiB,YAAYC,cAAc,GAAGC,SAAS;IAC7C,MAAMC,UAAUL,QACd,IAAMM,oBAAoB;YAAE,UAAUJ,aAAa,OAAO;QAAM,IAChE;QAACA;KAAW;IAEd,MAAMK,gBAAgBC,YACpB,CAACC,gBAAgBC;QACff,OAAO,OAAO,GAAGc;QACjBX,OAAO,OAAO,GAAGY;QAEjBC,gBAAgBF,gBAAgBC,WAAWvB;QAC3C,IAAIyB,OAAO,QAAQ,CAAC1B,cAClB2B,WAAW;YACTJ,eAAe,UAAU,CAACvB;QAC5B;QAGF,IAAIK,eAEFsB,WAAW;YACTJ,eAAe,SAAS,CAAC,iCAAiC;QAC5D,GAAG;IAEP,GACA;QAACtB;QAAQD;QAAaK;KAAc;IAGtCuB,UACE,IAAM;YACJnB,OAAO,OAAO,EAAE,SAAS;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWoB,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrB5B,WAAW4B,aAAAA,KAAe,EAC1BnC;QAEF,OAAOC;;YAENO,iBAAiB4B,QAAQhC,aAAa,WAAbA,GACxB,KAAC;gBAAI,WAAW+B,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKE,YAAYjC;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAACkC,UAAQA;4BACP,WAAWH,aAAAA,IAAc;4BACzB,OAAM;4BACN,SAASd;4BACT,UAAU,CAACkB;gCACTjB,cAAciB,IAAI,MAAM,CAAC,OAAO;4BAClC;sCACD;;;;;0BAMP,IAAC;gBAAI,WAAWL,KAAKC,aAAAA,OAAiB,EAAE;0BACtC,kBAACK,QAAMA;oBACL,OAAO3B,eAAe,aAAa;oBACnC,UAAUK;oBACV,OAAOhB;oBACP,SAASsB;oBACT,SAASE;;;;;AAKnB"}

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

@@ -10,8 +10,7 @@ export interface CodeViewerProps {
      */
     isEmbed?: boolean;
     /**
-     * Whether to use light theme configuration
-     * @default true
+     * Whether to use light theme configuration. If not specified the global theme is used.
      */
     isLightTheme?: boolean;
     /**

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

@@ -1,5 +1,5 @@
 import { DiffViewerProps } from './interface.js';
-export declare function DiffViewer({ className, style, original, modified, originalFilePath, modifiedFilePath, originalLang, modifiedLang, isEmbed, isLightTheme, headerVisible, }: DiffViewerProps): import("react").JSX.Element;
+export declare function DiffViewer({ className, style, original, modified, originalFilePath, modifiedFilePath, originalLang, modifiedLang, isEmbed, isLightTheme: isLightThemeProp, headerVisible, }: DiffViewerProps): import("react").JSX.Element;
 export type { DiffViewerProps } from './interface.js';
 export { useDiffDrawer } from './useDiffDrawer.js';
 export { defineMonacoDiffOptions } from './utils.js';

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

@@ -6,7 +6,10 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { getFileName, getFilePathFormat } from "../CodeViewer/utils.mjs";
 import index_module from "./index.module.mjs";
 import { defineMonacoDiffOptions } from "./utils.mjs";
-function DiffViewer({ className, style, original = '', modified = '', originalFilePath = '', modifiedFilePath = '', originalLang, modifiedLang, isEmbed = false, isLightTheme = true, headerVisible = true }) {
+import { useTheme } from "../../../utils/index.mjs";
+function DiffViewer({ className, style, original = '', modified = '', originalFilePath = '', modifiedFilePath = '', originalLang, modifiedLang, isEmbed = false, isLightTheme: isLightThemeProp, headerVisible = true }) {
+    const { isLight: isLightMode } = useTheme();
+    const isLightTheme = isLightThemeProp ?? isLightMode;
     const [isSideBySide, setIsSideBySide] = useState(true);
     const editor = useRef(void 0);
     const originalLanguage = useMemo(()=>originalLang || getFilePathFormat(originalFilePath) || 'plaintext', [