@rsdoctor/components 0.3.11 → 0.4.0

package/dist/components/Alert/package-relation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SDK } from '@rsdoctor/types';
+import { Rule, SDK } from '@rsdoctor/types';
 import { PackageRelationAlertProps } from './types';
 export declare const PackageRelationReasons: React.FC<{
     data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPackageRelationAlertDetails>;
@@ -10,7 +10,7 @@ export declare const PackageRelationReasonsWithServer: React.FC<Omit<{
     cwd: string;
 }, "data"> & Partial<{
     body: {
-        id: string | number;
+        id: Rule.RuleStoreDataItem["id"];
         target: SDK.PackageBasicData;
     };
 }>>;

package/dist/components/Alert/package-relation.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
 import React, { useState } from "react";
 import {
   Space,
@@ -25,63 +24,60 @@ import { TextDrawer } from "../TextDrawer";
 import { Title } from "../Title";
 import { Size, Color } from "../../constants";
 import { Badge as Bdg } from "../Badge";
-import { FileHightLightViewer } from "../CodeViewer";
 import { withServerAPI } from "../Manifest";
-const PackageRelationReasons = ({ data, cwd }) => {
+const TextDrawerWidth = "60%";
+const PackageRelationReasons = ({ data }) => {
   const [index, setIndex] = useState(0);
   const { t } = useI18n();
-  return /* @__PURE__ */ jsxs(Row, { gutter: Size.BasePadding, wrap: false, align: "top", children: [
-    /* @__PURE__ */ jsx(Col, { span: 12, style: { height: "100%" }, children: /* @__PURE__ */ jsx(
-      Card,
-      {
-        title: `The reasons for importing this version`,
-        style: { height: "100%" },
-        extra: /* @__PURE__ */ jsx(
-          Popover,
-          {
-            content: /* @__PURE__ */ jsx(Typography.Text, { children: t("DuplicatePakCodeExplain") }),
-            children: /* @__PURE__ */ jsx("a", { href: "#", children: "Explain" })
-          }
-        ),
-        bodyStyle: { overflow: "scroll" },
-        children: data.length ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { style: { marginBottom: Size.BasePadding }, children: /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", strong: true, children: "Click the file path below to show the reason in code viewer." }) }),
-          /* @__PURE__ */ jsx(Timeline, { children: data.map((e, i) => {
-            const { dependency, module, relativePath } = e;
-            const { statements } = dependency;
-            const { start } = statements?.[0]?.position ? module.isPreferSource ? statements[0].position.source : statements[0].position.transformed : { start: { line: 0, column: 0 } };
-            const text = `${relativePath}:${start.line}:${start.column || 1}`;
-            return /* @__PURE__ */ jsx(
-              Timeline.Item,
-              {
-                style: { cursor: "pointer" },
-                dot: i === data.length - 1 ? void 0 : "⬇️",
-                children: /* @__PURE__ */ jsx(
-                  Typography.Text,
-                  {
-                    copyable: { text: relativePath },
-                    onClick: (e2) => {
-                      e2.preventDefault();
-                      e2.stopPropagation();
-                      setIndex(i);
-                    },
-                    strong: i === index,
-                    style: {
-                      color: i === index ? Color.Blue : "inherit",
-                      display: "block"
-                    },
-                    children: text
-                  }
-                )
-              },
-              text
-            );
-          }) })
-        ] }) : /* @__PURE__ */ jsx(Empty, { description: "This package no dependencies" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Col, { span: 12, style: { height: "100%" }, children: /* @__PURE__ */ createElement(FileHightLightViewer, { ...data[index], key: index, cwd }) })
-  ] });
+  return /* @__PURE__ */ jsx(Row, { gutter: Size.BasePadding, wrap: false, align: "top", children: /* @__PURE__ */ jsx(Col, { span: 20, style: { height: "100%" }, children: /* @__PURE__ */ jsx(
+    Card,
+    {
+      title: `The reasons for importing this version`,
+      style: { height: "100%" },
+      extra: /* @__PURE__ */ jsx(
+        Popover,
+        {
+          content: /* @__PURE__ */ jsx(Typography.Text, { children: t("DuplicatePakCodeExplain") }),
+          children: /* @__PURE__ */ jsx("a", { href: "#", children: "Explain" })
+        }
+      ),
+      bodyStyle: { overflow: "scroll" },
+      children: data.length ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { style: { marginBottom: Size.BasePadding }, children: /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", strong: true, children: "Click the file path below to show the reason in code viewer." }) }),
+        /* @__PURE__ */ jsx(Timeline, { children: data.map((e, i) => {
+          const { dependency, module, relativePath } = e;
+          const { statements } = dependency;
+          const { start } = statements?.[0]?.position ? module.isPreferSource ? statements[0].position.source : statements[0].position.transformed : { start: { line: 0, column: 0 } };
+          const text = `${relativePath}:${start.line}:${start.column || 1}`;
+          return /* @__PURE__ */ jsx(
+            Timeline.Item,
+            {
+              style: { cursor: "pointer" },
+              dot: i === data.length - 1 ? void 0 : "⬇️",
+              children: /* @__PURE__ */ jsx(
+                Typography.Text,
+                {
+                  copyable: { text: relativePath },
+                  onClick: (e2) => {
+                    e2.preventDefault();
+                    e2.stopPropagation();
+                    setIndex(i);
+                  },
+                  strong: i === index,
+                  style: {
+                    color: i === index ? Color.Blue : "inherit",
+                    display: "block"
+                  },
+                  children: text
+                }
+              )
+            },
+            text
+          );
+        }) })
+      ] }) : /* @__PURE__ */ jsx(Empty, { description: "This package no dependencies" })
+    }
+  ) }) });
 };
 const PackageRelationReasonsWithServer = withServerAPI({
   Component: PackageRelationReasons,
@@ -226,7 +222,7 @@ const PackageRelationAlert = ({
           {
             text: "Show Relations",
             buttonProps: { size: "small" },
-            drawerProps: { title: data.title },
+            drawerProps: { title: data.title, width: TextDrawerWidth },
             children: /* @__PURE__ */ jsxs(Space, { direction: "vertical", className: "alert-space", children: [
               /* @__PURE__ */ jsxs(Space, { style: { marginBottom: Size.BasePadding / 2 }, children: [
                 /* @__PURE__ */ jsx(Title, { text: name, upperFisrt: false }),

package/dist/components/Alerts/overlay.d.ts

@@ -20,7 +20,7 @@ export declare const OverlayAlertsWithButton: React.FC<Omit<{
 }>>;
 export declare const OverlayAlertsWithTips: React.FC<Omit<{
     alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
-    defaultOpen?: boolean | undefined;
+    defaultOpen?: boolean;
 }, "alerts"> & Partial<{
     body?: any;
 }>>;

package/dist/components/BundleDiff/DiffContainer/packages.d.ts

@@ -10,8 +10,8 @@ export declare const getPackagesTableDataSource: ({ baseline, current, }: {
 }) => {
     updateType: UpdateType;
     name: string;
-    baseline?: SDK.PackageData[] | undefined;
-    current?: SDK.PackageData[] | undefined;
+    baseline?: SDK.PackageData[];
+    current?: SDK.PackageData[];
 }[];
 export declare const Packages: React.FC<{
     baseline: SDK.PackageGraphData;

package/dist/components/BundleDiff/DiffContainer/row.d.ts

@@ -2,8 +2,8 @@ import { ColumnGroupType, ColumnType } from 'antd/es/table/interface';
 import React from 'react';
 import { BundleDiffComponentCardProps, BundleDiffTableAssetsData, BundleDiffTableModulesData } from './types';
 export declare const ModuleHashPattern: RegExp;
-export declare const getSizeColumnPropsForModuleRow: (key: 'baseline' | 'current', sizeKey: 'parsedSize' | 'sourceSize') => ColumnType<BundleDiffTableModulesData>;
-export declare const getTargetColumnPropsForModuleRow: (key: 'baseline' | 'current', bMoudlesCount: number, cMoudlesCount: number) => ColumnGroupType<BundleDiffTableModulesData>;
+export declare const getSizeColumnPropsForModuleRow: (key: "baseline" | "current", sizeKey: "parsedSize" | "sourceSize") => ColumnType<BundleDiffTableModulesData>;
+export declare const getTargetColumnPropsForModuleRow: (key: "baseline" | "current", bMoudlesCount: number, cMoudlesCount: number) => ColumnGroupType<BundleDiffTableModulesData>;
 export declare const ModuleRowForAsset: React.FC<{
     data: BundleDiffTableAssetsData;
 } & Pick<BundleDiffComponentCardProps, 'baseline' | 'current'>>;

package/dist/components/BundleDiff/DiffContainer/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Client, Manifest, SDK } from '@rsdoctor/types';
 import { UpdateType } from './constants';
 import { InferServerAPIBody } from '../../Manifest';

package/dist/components/BundleDiff/DiffServerAPIProvider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SDK } from '@rsdoctor/types';
 import { BundleDiffServerAPIProviderComponentCommonProps } from '../DiffContainer/types';
 export declare const DiffServerAPIProvider: <T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends>(props: BundleDiffServerAPIProviderComponentCommonProps<T>) => JSX.Element;

package/dist/components/Charts/TimelineCharts/index.js

@@ -1,7 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, memo } from "react";
-import ReactECharts from "echarts-for-react";
+import ReactEChartsCore from "echarts-for-react/lib/core";
 import * as echarts from "echarts/core";
+import { CustomChart } from "echarts/charts";
+import {
+  TooltipComponent,
+  GridComponent,
+  DataZoomComponent
+} from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
 import dayjs from "dayjs";
 import { groupBy } from "lodash-es";
 import { LITTLE_PALETTE_COLORS, PALETTE_COLORS } from "../constants";
@@ -10,6 +17,13 @@ const TimelineCom = memo(({ loaderData, pluginsData, formatterFn, chartType = "n
   const data = [];
   let categories = [];
   const [optionsData, setOptinsData] = useState({});
+  echarts.use([
+    CustomChart,
+    TooltipComponent,
+    GridComponent,
+    DataZoomComponent,
+    CanvasRenderer
+  ]);
   useEffect(() => {
     if (!loaderData)
       return;
@@ -199,7 +213,7 @@ const TimelineCom = memo(({ loaderData, pluginsData, formatterFn, chartType = "n
     setOptinsData(option);
   }, [loaderData, pluginsData]);
   return /* @__PURE__ */ jsx(
-    ReactECharts,
+    ReactEChartsCore,
     {
       option: optionsData,
       echarts,

package/dist/components/CodeViewer/hightlight.js

@@ -3,9 +3,19 @@ import { useRef } from "react";
 import { Space, Card, Tooltip } from "antd";
 import { InfoCircleOutlined } from "@ant-design/icons";
 import Editor from "@monaco-editor/react";
-import { getOriginalLanguage, beautifyModulePath, getSelectionRange, getRevealPositionForViewer } from "../../utils";
+import {
+  getOriginalLanguage,
+  beautifyModulePath,
+  getSelectionRange,
+  getRevealPositionForViewer
+} from "../../utils";
 import { CodeOpener } from "../Opener";
-const FileHightLightViewer = ({ dependency, module, cwd, moduleCode }) => {
+const FileHightLightViewer = ({
+  dependency,
+  module,
+  cwd,
+  moduleCode
+}) => {
   const editorRef = useRef(null);
   if (!dependency)
     return null;
@@ -14,12 +24,18 @@ const FileHightLightViewer = ({ dependency, module, cwd, moduleCode }) => {
   const { start, end } = statements?.[0]?.position ? hasSourceRange ? statements[0].position.source : statements[0].position.transformed : { start: { line: 0, column: 0 }, end: { line: 0, column: 0 } };
   const content = hasSourceRange ? moduleCode?.source : moduleCode?.transformed || moduleCode?.source;
   const modulePath = module.path;
-  const handleEditorDidMount = (editor2, monaco) => {
-    editorRef.current = editor2;
-    const range = getSelectionRange({ start, end }, monaco.Range);
-    const position = getRevealPositionForViewer(range.startLineNumber, range.startColumn);
-    editor2.revealPositionInCenter(position);
-    editor2.deltaDecorations(
+  const handleEditorDidMount = (editor, monaco) => {
+    editorRef.current = editor;
+    const range = getSelectionRange(
+      { start, end },
+      monaco.Range
+    );
+    const position = getRevealPositionForViewer(
+      range.startLineNumber,
+      range.startColumn
+    );
+    editor.revealPositionInCenter(position);
+    editor.deltaDecorations(
       [],
       [
         {

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

@@ -7,6 +7,7 @@ interface CodeViewerProps {
     defaultLine?: number;
     ranges?: SDK.SourceRange[];
     editorConfig?: editor.IStandaloneEditorConstructionOptions;
+    emptyReason?: string;
 }
 export declare const CodeViewer: React.FC<CodeViewerProps>;
 export declare const CodeViewerWithDrawer: React.FC<CodeViewerProps>;

package/dist/components/CodeViewer/viewer.js

@@ -5,7 +5,15 @@ import { CodepenCircleOutlined } from "@ant-design/icons";
 import { getOriginalLanguage, getSelectionRange } from "../../utils";
 import { DefaultEditorConfig } from "./config";
 import { TextDrawer } from "../TextDrawer";
-const CodeViewer = ({ content, ranges, path, defaultLine, editorConfig = {} }) => {
+import { Empty } from "antd";
+const CodeViewer = ({
+  content,
+  ranges,
+  path,
+  defaultLine,
+  editorConfig = {},
+  emptyReason
+}) => {
   const handleEditorDidMount = (editor, monaco) => {
     if (isNumber(defaultLine)) {
       editor.revealLine(defaultLine);
@@ -22,7 +30,7 @@ const CodeViewer = ({ content, ranges, path, defaultLine, editorConfig = {} }) =
       );
     }
   };
-  return /* @__PURE__ */ jsx(
+  return content ? /* @__PURE__ */ jsx(
     Editor,
     {
       theme: "vs-dark",
@@ -33,7 +41,7 @@ const CodeViewer = ({ content, ranges, path, defaultLine, editorConfig = {} }) =
       options: { ...DefaultEditorConfig, ...editorConfig },
       onMount: handleEditorDidMount
     }
-  );
+  ) : /* @__PURE__ */ jsx(Empty, { description: emptyReason });
 };
 const CodeViewerWithDrawer = (props) => {
   return /* @__PURE__ */ jsx(

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

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

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

@@ -1,12 +1,29 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { endsWith, get, sumBy } from "lodash-es";
-import { Card, Col, Descriptions, Divider, Drawer, Row, Space, Table, Tooltip, Typography } from "antd";
+import {
+  Card,
+  Col,
+  Descriptions,
+  Divider,
+  Drawer,
+  Row,
+  Space,
+  Table,
+  Tooltip,
+  Typography
+} from "antd";
 import { CloseCircleOutlined } from "@ant-design/icons";
 import { Constants, SDK } from "@rsdoctor/types";
 import { ServerAPIProvider } from "../../Manifest";
 import { drawerWidth, Size } from "../../../constants";
-import { createFileStructures, formatCosts, mapFileKey, filterLoader, useMonacoEditor } from "../../../utils";
+import {
+  createFileStructures,
+  formatCosts,
+  mapFileKey,
+  filterLoader,
+  useMonacoEditor
+} from "../../../utils";
 import { LoaderExecutions } from "../executions";
 import { FileTree } from "../../FileTree";
 import { Keyword } from "../../Keyword";
@@ -22,9 +39,13 @@ const LoaderFiles = (props) => {
   const init = useCallback(async () => {
     await initMonaco(monacoRef);
   }, []);
-  const maxHeight = 700;
+  const maxHeight = 800;
   const filteredFiles = useMemo(
-    () => filetree.filter((e) => e.loaders.some((l) => filterLoader(e.path, l.loader, props.filename, props.loaders))),
+    () => filetree.filter(
+      (e) => e.loaders.some(
+        (l) => filterLoader(e.path, l.loader, props.filename, props.loaders)
+      )
+    ),
     [props.filename, props.loaders]
   );
   const inlinedResourcePathKey = "__RESOURCEPATH__";
@@ -69,7 +90,14 @@ const LoaderFiles = (props) => {
                       setDrawerVisible(true);
                     },
                     children: [
-                      /* @__PURE__ */ jsx(Typography.Text, { style: { maxWidth: 135, color: "inherit" }, ellipsis: true, children: e.loader }),
+                      /* @__PURE__ */ jsx(
+                        Typography.Text,
+                        {
+                          style: { maxWidth: 135, color: "inherit" },
+                          ellipsis: true,
+                          children: e.loader
+                        }
+                      ),
                       /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
                       isError ? /* @__PURE__ */ jsx(CloseCircleOutlined, {}) : /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: formatCosts(e.costs) })
                     ]
@@ -93,16 +121,20 @@ const LoaderFiles = (props) => {
           "Total Files: ",
           filteredFiles.length
         ] }),
-        bodyStyle: { overflow: "scroll", maxHeight },
+        bodyStyle: { overflow: "scroll", maxHeight, height: "40rem" },
         children: [
           /* @__PURE__ */ jsx(
             FileTree,
             {
-              defaultExpandedKeys: mapFileKey(files, filteredFiles.length >= 100 ? 3 : 4, (node) => {
-                const resourcePath2 = get(node, inlinedResourcePathKey);
-                const isNodeModules = resourcePath2.indexOf("/node_modules/") > -1;
-                return !isNodeModules;
-              }),
+              defaultExpandedKeys: mapFileKey(
+                files,
+                filteredFiles.length >= 100 ? 3 : 4,
+                (node) => {
+                  const resourcePath2 = get(node, inlinedResourcePathKey);
+                  const isNodeModules = resourcePath2.indexOf("/node_modules/") > -1;
+                  return !isNodeModules;
+                }
+              ),
               treeData: files,
               onSelect: (_e, info) => {
                 init();
@@ -124,7 +156,14 @@ const LoaderFiles = (props) => {
               width: drawerWidth,
               zIndex: 999,
               bodyStyle: { padding: 0 },
-              children: drawerVisible ? /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderFileDetails, body: { path: resourcePath }, children: (data) => /* @__PURE__ */ jsx(LoaderExecutions, { data, cwd, index: loaderIndex }) }) : null
+              children: drawerVisible ? /* @__PURE__ */ jsx(
+                ServerAPIProvider,
+                {
+                  api: SDK.ServerAPI.API.GetLoaderFileDetails,
+                  body: { path: resourcePath },
+                  children: (data) => /* @__PURE__ */ jsx(LoaderExecutions, { data, cwd, index: loaderIndex })
+                }
+              ) : null
             }
           )
         ]
@@ -136,7 +175,10 @@ const LoaderFiles = (props) => {
         title: /* @__PURE__ */ jsx(
           Tooltip,
           {
-            title: React.cloneElement(selectedNode.title, { style: { color: "#fff" } }),
+            title: React.cloneElement(
+              selectedNode.title,
+              { style: { color: "#fff" } }
+            ),
             children: /* @__PURE__ */ jsxs(Typography.Text, { children: [
               'Statistics of "',
               selectedNode.title,
@@ -152,7 +194,13 @@ const LoaderFiles = (props) => {
             children: (tableData) => /* @__PURE__ */ jsx(
               Table,
               {
-                style: { width: "100%", maxHeight, overflowY: "scroll", wordBreak: "break-all" },
+                style: {
+                  width: "100%",
+                  maxHeight,
+                  height: "40rem",
+                  overflowY: "scroll",
+                  wordBreak: "break-all"
+                },
                 pagination: false,
                 bordered: true,
                 rowKey: (e) => e.loader,
@@ -175,11 +223,20 @@ const LoaderFiles = (props) => {
                   }
                 ],
                 dataSource: tableData,
-                footer: () => /* @__PURE__ */ jsxs(Descriptions, { title: "Total", bordered: true, layout: "vertical", size: "small", children: [
-                  /* @__PURE__ */ jsx(Descriptions.Item, { label: "loaders", children: tableData.length }),
-                  /* @__PURE__ */ jsx(Descriptions.Item, { label: "files", children: sumBy(tableData, (e) => e.files) }),
-                  /* @__PURE__ */ jsx(Descriptions.Item, { label: "duration", children: /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: formatCosts(sumBy(tableData, (e) => e.costs)) }) })
-                ] })
+                footer: () => /* @__PURE__ */ jsxs(
+                  Descriptions,
+                  {
+                    title: "Total",
+                    bordered: true,
+                    layout: "vertical",
+                    size: "small",
+                    children: [
+                      /* @__PURE__ */ jsx(Descriptions.Item, { label: "loaders", children: tableData.length }),
+                      /* @__PURE__ */ jsx(Descriptions.Item, { label: "files", children: sumBy(tableData, (e) => e.files) }),
+                      /* @__PURE__ */ jsx(Descriptions.Item, { label: "duration", children: /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: formatCosts(sumBy(tableData, (e) => e.costs)) }) })
+                    ]
+                  }
+                )
               }
             )
           }

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

@@ -7,8 +7,22 @@ import { LoaderCommonSelect } from "../../Select";
 const LoaderAnalysisBase = ({ cwd }) => {
   const [store, setStore] = useState({ filename: "", loaders: [] });
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderNames, children: (loaderNames) => /* @__PURE__ */ jsx(LoaderCommonSelect, { onChange: (e) => setStore(e), loaderNames }) }),
-    /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderFileTree, children: (filetree) => /* @__PURE__ */ jsx(LoaderFiles, { filename: store.filename, filetree, loaders: store.loaders, cwd }) })
+    /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderNames, children: (loaderNames) => /* @__PURE__ */ jsx(
+      LoaderCommonSelect,
+      {
+        onChange: (e) => setStore(e),
+        loaderNames
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetLoaderFileTree, children: (filetree) => /* @__PURE__ */ jsx(
+      LoaderFiles,
+      {
+        filename: store.filename,
+        filetree,
+        loaders: store.loaders,
+        cwd
+      }
+    ) })
   ] });
 };
 const LoaderAnalysis = withServerAPI({

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

@@ -5,5 +5,5 @@ interface LoaderExecutionsProps {
     data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderFileDetails>;
     index?: number;
 }
-export declare const LoaderExecutions: ({ data, cwd, index }: PropsWithChildren<LoaderExecutionsProps>) => JSX.Element;
+export declare const LoaderExecutions: ({ data, cwd, index, }: PropsWithChildren<LoaderExecutionsProps>) => JSX.Element;
 export {};