@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

package/dist/esm/core/LogView/LogView.js

@@ -0,0 +1,392 @@
+import { Search16OntintIcon, ArrowChevronUp16OntintIcon, ArrowChevronUp16BlueIcon, ArrowChevronDown16OntintIcon, ArrowChevronDown16BlueIcon, XmarkCloseCircleFill16OntintIcon, XmarkCloseCircleFill16OntintLightIcon, Loading24OntintIcon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { useEagleTheme } from '../ConfigProvider/index.js';
+import Icon from '../Icon/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import React__default, { useRef, useState, useEffect, useCallback } from 'react';
+import { LogViewContainer, LogViewInnerContaier, SearchInputStyle, LogTerminal, LoadingOverlayStyle, CustomContentOverlay } from './LogView.style.js';
+import { getLogViewTheme, getLogViewSearchOptions } from './LogView.theme.js';
+import { isMacOS, customShortcutsForMac, customShortcutsForWin, isCustomKeyboardAction, scrollLines, scrollPages, copySelectLines, selectAll, eventsource } from './LogView.utils.js';
+import { loadXtermModules as loadXtermModules$1 } from './LogView.xtermLoader.js';
+import { Show } from '../../coreX/Show/index.js';
+import { SearchInput } from '../SearchInput/SearchInput.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const loadXtermModules = loadXtermModules$1;
+const useLogViewEventSource = ({
+  enabled,
+  terminal,
+  options,
+  setHasData,
+  setEventSourceError
+}) => {
+  const reconnectFnRef = useRef(null);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const {
+    url,
+    closeEventName,
+    errorEventName,
+    messageEventName,
+    openEventName,
+    reconnect,
+    reconnectWait
+  } = options;
+  useEffect(() => {
+    var _a, _b;
+    let closeEventSource;
+    if (!enabled) {
+      setEventSourceError(null);
+      reconnectFnRef.current = null;
+      return;
+    }
+    if (!terminal)
+      return;
+    const setupEventSource = () => {
+      var _a2;
+      closeEventSource == null ? void 0 : closeEventSource();
+      setEventSourceError(null);
+      closeEventSource = eventsource(
+        ((_a2 = optionsRef.current) == null ? void 0 : _a2.url) || "",
+        __spreadProps(__spreadValues({}, optionsRef.current), {
+          onOpen: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onOpen) == null ? void 0 : _b2.call(_a3, ...props);
+          },
+          onClose: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onClose) == null ? void 0 : _b2.call(_a3, ...props);
+          },
+          onMessage: (...props) => {
+            var _a3, _b2;
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onMessage) == null ? void 0 : _b2.call(_a3, ...props);
+            setEventSourceError(null);
+          },
+          // 注入数据检测
+          formatMessage: (data) => {
+            var _a3;
+            const formatMessage = (_a3 = optionsRef.current) == null ? void 0 : _a3.formatMessage;
+            const message = formatMessage ? formatMessage(data) : data;
+            if (typeof message === "string" && message.length > 0)
+              setHasData(true);
+            return message;
+          },
+          // 增强错误处理
+          onError: (err) => {
+            var _a3, _b2;
+            setEventSourceError(err);
+            (_b2 = (_a3 = optionsRef.current) == null ? void 0 : _a3.onError) == null ? void 0 : _b2.call(_a3, err);
+          }
+        }),
+        terminal
+      );
+    };
+    reconnectFnRef.current = setupEventSource;
+    (_b = (_a = optionsRef.current) == null ? void 0 : _a.onSetupEventSource) == null ? void 0 : _b.call(_a, {
+      setupFn: setupEventSource
+    });
+    setupEventSource();
+    return () => {
+      closeEventSource == null ? void 0 : closeEventSource();
+      if (reconnectFnRef.current === setupEventSource)
+        reconnectFnRef.current = null;
+    };
+  }, [
+    enabled,
+    terminal,
+    url,
+    closeEventName,
+    errorEventName,
+    messageEventName,
+    openEventName,
+    reconnect,
+    reconnectWait
+  ]);
+  return {
+    reconnectFnRef
+  };
+};
+const LogView = ({
+  className,
+  content = "",
+  loading = false,
+  showSearch = true,
+  eventSource = false,
+  eventSourceOptions = {},
+  rows = 23,
+  scrollback = 9999999,
+  searchHighlightLimit = 1e3,
+  enableKeyboardShortcuts = true,
+  emptyRenderer,
+  errorRenderer,
+  searchInputProps
+}) => {
+  const { t } = useParrotTranslation();
+  const theme = useEagleTheme();
+  const lastSearch = useRef("");
+  const terminalContainerRef = useRef(null);
+  const terminalRef = useRef({ enableKeyboardShortcuts });
+  terminalRef.current.enableKeyboardShortcuts = enableKeyboardShortcuts;
+  const [readyTerminal, setReadyTerminal] = useState(null);
+  const [hasData, setHasData] = useState(!!content);
+  const [searchCount, setSearchCount] = useState(0);
+  const [current, setCurrent] = useState(1);
+  const [eventSourceError, setEventSourceError] = useState(null);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (!readyTerminal)
+      return;
+    readyTerminal.options.theme = getLogViewTheme((_a = terminalContainerRef.current) != null ? _a : void 0);
+    if (lastSearch.current) {
+      const viewport = readyTerminal.buffer.active.viewportY;
+      (_b = terminalRef.current.searchAddon) == null ? void 0 : _b.clearDecorations();
+      (_d = terminalRef.current.searchAddon) == null ? void 0 : _d.findNext(lastSearch.current, __spreadProps(__spreadValues({}, getLogViewSearchOptions((_c = terminalContainerRef.current) != null ? _c : void 0)), {
+        incremental: true
+      }));
+      readyTerminal.scrollToLine(viewport);
+    }
+  }, [readyTerminal, theme]);
+  useEffect(() => {
+    if (!terminalContainerRef.current)
+      return;
+    let disposed = false;
+    let terminal = null;
+    setReadyTerminal(null);
+    const initializeTerminal = async () => {
+      var _a, _b;
+      try {
+        const { Terminal, SearchAddon, FitAddon } = await loadXtermModules();
+        if (disposed || !terminalContainerRef.current)
+          return;
+        terminal = new Terminal({
+          fontFamily: "Roboto Mono, monospace",
+          fontSize: 12,
+          scrollOnUserInput: false,
+          lineHeight: 1.5,
+          theme: getLogViewTheme((_a = terminalContainerRef.current) != null ? _a : void 0),
+          rows,
+          convertEol: true,
+          cursorBlink: false,
+          disableStdin: true,
+          allowProposedApi: true,
+          scrollback
+        });
+        terminal.attachCustomKeyEventHandler((event) => {
+          if (!terminalRef.current.enableKeyboardShortcuts)
+            return true;
+          const target = event.target;
+          const isXtermEvent = target instanceof HTMLElement && target.closest(".xterm");
+          if (!isXtermEvent)
+            return true;
+          const shortcuts = isMacOS() ? customShortcutsForMac : customShortcutsForWin;
+          if (event.type === "keydown" && isCustomKeyboardAction(event, shortcuts)) {
+            event.stopPropagation();
+            event.preventDefault();
+            const keyActions = {
+              arrowup: () => scrollLines("up", terminal),
+              arrowdown: () => scrollLines("down", terminal),
+              pageup: () => scrollPages("up", terminal),
+              pagedown: () => scrollPages("down", terminal),
+              c: () => copySelectLines(terminal),
+              a: () => selectAll(terminal)
+            };
+            const action = keyActions[event.key.toLowerCase()];
+            if (action)
+              action();
+            return false;
+          }
+          return true;
+        });
+        const search = new SearchAddon({
+          highlightLimit: searchHighlightLimit
+        });
+        terminal.loadAddon(search);
+        const fit = new FitAddon();
+        terminal.loadAddon(fit);
+        terminalRef.current = {
+          searchAddon: search,
+          fitAddon: fit,
+          enableKeyboardShortcuts: terminalRef.current.enableKeyboardShortcuts
+        };
+        terminal.open(terminalContainerRef.current);
+        try {
+          fit.fit();
+        } catch (e) {
+          console.error("Error fitting terminal:", e);
+        }
+        if (content) {
+          terminal.write(content);
+          terminalRef.current.previousContent = content;
+          setHasData(true);
+        } else {
+          setHasData(false);
+        }
+        (_b = terminalRef.current.searchAddon) == null ? void 0 : _b.onDidChangeResults(
+          ({ resultCount, resultIndex }) => {
+            setSearchCount(resultCount);
+            setCurrent(resultIndex + 1);
+          }
+        );
+        setReadyTerminal(terminal);
+      } catch (e) {
+        if (!disposed)
+          console.error("Error initializing terminal:", e);
+      }
+    };
+    initializeTerminal();
+    return () => {
+      disposed = true;
+      terminal == null ? void 0 : terminal.dispose();
+    };
+  }, [rows, scrollback, searchHighlightLimit]);
+  useEffect(() => {
+    if (!readyTerminal || !terminalContainerRef.current)
+      return;
+    const fitTerminal = () => {
+      var _a;
+      if ((_a = terminalRef.current) == null ? void 0 : _a.fitAddon)
+        try {
+          terminalRef.current.fitAddon.fit();
+        } catch (e) {
+          console.error("Error resizing terminal:", e);
+        }
+    };
+    if (typeof ResizeObserver !== "undefined") {
+      const resizeObserver = new ResizeObserver(fitTerminal);
+      resizeObserver.observe(terminalContainerRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    window.addEventListener("resize", fitTerminal);
+    return () => {
+      window.removeEventListener("resize", fitTerminal);
+    };
+  }, [readyTerminal]);
+  useEffect(() => {
+    var _a;
+    if (!readyTerminal)
+      return;
+    if (content) {
+      const previousContent = (_a = terminalRef.current) == null ? void 0 : _a.previousContent;
+      if (content !== previousContent) {
+        if (previousContent && content.startsWith(previousContent)) {
+          const appendedContent = content.slice(previousContent.length);
+          if (appendedContent)
+            readyTerminal.write(appendedContent);
+        } else {
+          readyTerminal.clear();
+          readyTerminal.write(content);
+        }
+      }
+      terminalRef.current = __spreadProps(__spreadValues({}, terminalRef.current), {
+        previousContent: content
+      });
+      setHasData(true);
+    } else if (!eventSource) {
+      readyTerminal.clear();
+      terminalRef.current = __spreadProps(__spreadValues({}, terminalRef.current), { previousContent: "" });
+      setHasData(false);
+    }
+  }, [readyTerminal, content, eventSource]);
+  const searchNext = useCallback((search) => {
+    var _a, _b, _c;
+    lastSearch.current = search || "";
+    (_c = (_a = terminalRef.current) == null ? void 0 : _a.searchAddon) == null ? void 0 : _c.findNext(
+      lastSearch.current,
+      getLogViewSearchOptions((_b = terminalContainerRef.current) != null ? _b : void 0)
+    );
+  }, []);
+  const searchPrevious = useCallback((search) => {
+    var _a, _b, _c;
+    lastSearch.current = search || "";
+    (_c = (_a = terminalRef.current) == null ? void 0 : _a.searchAddon) == null ? void 0 : _c.findPrevious(
+      lastSearch.current,
+      getLogViewSearchOptions((_b = terminalContainerRef.current) != null ? _b : void 0)
+    );
+  }, []);
+  const { reconnectFnRef: eventSourceReconnectFnRef } = useLogViewEventSource({
+    enabled: eventSource,
+    terminal: readyTerminal,
+    options: eventSourceOptions,
+    setHasData,
+    setEventSourceError
+  });
+  const reconnect = useCallback(() => {
+    if (eventSourceReconnectFnRef.current) {
+      setEventSourceError(null);
+      eventSourceReconnectFnRef.current();
+    }
+  }, []);
+  const renderCustomContent = () => {
+    if (loading)
+      return null;
+    if (eventSourceError && errorRenderer && readyTerminal)
+      return /* @__PURE__ */ React__default.createElement(CustomContentOverlay, null, errorRenderer(readyTerminal, eventSourceError, reconnect));
+    if (!hasData && emptyRenderer && readyTerminal)
+      return /* @__PURE__ */ React__default.createElement(CustomContentOverlay, null, emptyRenderer(readyTerminal));
+    return null;
+  };
+  return /* @__PURE__ */ React__default.createElement(LogViewContainer, { className: cx("log-view-container", className) }, /* @__PURE__ */ React__default.createElement(
+    LogViewInnerContaier,
+    __spreadValues({
+      className: "log-view-inner-container",
+      "aria-busy": loading,
+      "aria-hidden": loading || void 0
+    }, loading ? { inert: "" } : {}),
+    /* @__PURE__ */ React__default.createElement(Show, { condition: showSearch }, /* @__PURE__ */ React__default.createElement(
+      SearchInput,
+      __spreadProps(__spreadValues({
+        type: "text",
+        className: SearchInputStyle,
+        width: "100%",
+        debounceWait: 100,
+        placeholder: t("common.search_log"),
+        searchIcon: Search16OntintIcon,
+        prefixIcon: ArrowChevronUp16OntintIcon,
+        prefixHoverIcon: ArrowChevronUp16BlueIcon,
+        nextIcon: ArrowChevronDown16OntintIcon,
+        nextHoverIcon: ArrowChevronDown16BlueIcon,
+        clearIcon: XmarkCloseCircleFill16OntintIcon,
+        clearHoverIcon: XmarkCloseCircleFill16OntintLightIcon,
+        total: searchCount,
+        current,
+        onChange: searchNext,
+        onSearchNext: searchNext,
+        onSearchPrev: searchPrevious
+      }, searchInputProps), {
+        disabled: loading || (searchInputProps == null ? void 0 : searchInputProps.disabled)
+      })
+    )),
+    /* @__PURE__ */ React__default.createElement(LogTerminal, { className: "log-terminal", ref: terminalContainerRef }, renderCustomContent())
+  ), loading && /* @__PURE__ */ React__default.createElement("div", { className: LoadingOverlayStyle, role: "status", "aria-live": "polite" }, /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      src: Loading24OntintIcon,
+      iconWidth: 24,
+      iconHeight: 24,
+      isRotate: true
+    },
+    t("common.loading_log")
+  )));
+};
+
+export { LogView };

package/dist/esm/core/LogView/LogView.style.js

@@ -0,0 +1,28 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { Typo } from '../Typo/index.js';
+
+const LogViewContainer = /*#__PURE__*/styled('div')({
+  name: "LogViewContainer",
+  class: "E_0_0_0_theme_rc_1_l1v1luhz",
+  propsAsIs: false
+});
+const LogViewInnerContaier = /*#__PURE__*/styled('div')({
+  name: "LogViewInnerContaier",
+  class: "E_0_0_0_theme_rc_1_lranxiw",
+  propsAsIs: false
+});
+const LogTerminal = /*#__PURE__*/styled('div')({
+  name: "LogTerminal",
+  class: "E_0_0_0_theme_rc_1_l1y3zqy5",
+  propsAsIs: false
+});
+const CustomContentOverlay = /*#__PURE__*/styled('div')({
+  name: "CustomContentOverlay",
+  class: "E_0_0_0_theme_rc_1_c1x4mn5u",
+  propsAsIs: false
+});
+const SearchInputStyle = "E_0_0_0_theme_rc_1_s4pilip";
+const LoadingOverlayStyle = cx(Typo.Label.l2_medium, "E_0_0_0_theme_rc_1_llgkmll");
+
+export { CustomContentOverlay, LoadingOverlayStyle, LogTerminal, LogViewContainer, LogViewInnerContaier, SearchInputStyle };

package/dist/esm/core/LogView/LogView.theme.js

@@ -0,0 +1,19 @@
+import { Color } from '../../styles/token/color.js';
+import { resolveColorValue } from '../../styles/token/resolveColorValue.js';
+
+const getLogViewTheme = (element) => ({
+  background: resolveColorValue(Color.gray["gray-120"], element),
+  foreground: resolveColorValue(Color.text.neutral.ontint, element),
+  cursor: resolveColorValue(Color.text.neutral.ontint, element)
+});
+const getLogViewSearchOptions = (element) => ({
+  caseSensitive: false,
+  decorations: {
+    activeMatchColorOverviewRuler: "#000000",
+    matchOverviewRuler: "#000000",
+    activeMatchBackground: resolveColorValue(Color.chart.yellow["yellow-5"], element),
+    matchBackground: resolveColorValue(Color.chart.yellow["yellow-1"], element)
+  }
+});
+
+export { getLogViewSearchOptions, getLogViewTheme };

package/dist/esm/core/LogView/LogView.utils.js

@@ -0,0 +1,155 @@
+import { loadEventSourceModule as loadEventSourceModule$1 } from './LogView.eventSourceLoader.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const loadEventSourceModule = loadEventSourceModule$1;
+const eventsource = (url, options, terminal) => {
+  const {
+    initOptions,
+    onOpen,
+    onClose,
+    onError,
+    formatMessage,
+    closeEventName = "close",
+    openEventName = "open",
+    errorEventName = "error",
+    messageEventName = "message",
+    onMessage
+  } = options;
+  let aborted = false;
+  let EventSourceConstructor = null;
+  let eventSource = null;
+  const close = () => {
+    aborted = true;
+    if (eventSource) {
+      eventSource.close();
+      eventSource = null;
+    }
+  };
+  const start = async () => {
+    var _a;
+    try {
+      if (!EventSourceConstructor) {
+        EventSourceConstructor = (await loadEventSourceModule()).EventSource;
+      }
+      if (aborted)
+        return;
+      eventSource = new EventSourceConstructor(url, initOptions);
+      eventSource.addEventListener(openEventName, (e) => {
+        onOpen && onOpen(
+          e,
+          eventSource,
+          {
+            terminal
+          }
+        );
+      });
+      eventSource.addEventListener(errorEventName, (err) => {
+        var _a2;
+        onError && onError(err);
+        if (!aborted && options.reconnect && (eventSource == null ? void 0 : eventSource.readyState) === (EventSourceConstructor == null ? void 0 : EventSourceConstructor.CLOSED)) {
+          const timeout = (_a2 = options.reconnectWait) != null ? _a2 : 1;
+          setTimeout(start, timeout * 1e3);
+        }
+      });
+      eventSource.addEventListener(messageEventName, (e) => {
+        onMessage && onMessage(e);
+        let msg = formatMessage ? formatMessage(e.data) : e.data;
+        if (typeof msg !== "string") {
+          return;
+        }
+        msg = msg.endsWith("\n") ? msg : `${msg}
+`;
+        terminal.write(msg);
+      });
+      eventSource.addEventListener(closeEventName, (e) => {
+        var _a2;
+        onClose == null ? void 0 : onClose(e);
+        close();
+        if (!aborted && options.reconnect) {
+          const timeout = (_a2 = options.reconnectWait) != null ? _a2 : 1;
+          setTimeout(start, timeout * 1e3);
+        }
+      });
+    } catch (err) {
+      console.error("Error connecting to EventSource:", err);
+      if (!aborted && options.reconnect) {
+        const timeout = (_a = options.reconnectWait) != null ? _a : 1;
+        setTimeout(start, timeout * 1e3);
+      }
+    }
+  };
+  start();
+  return close;
+};
+const macBasic = {
+  ctrlKey: false,
+  shiftKey: false
+};
+const customShortcutsForMac = [
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "arrowup" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "arrowdown" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "pageup" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: false, key: "pagedown" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: true, key: "c" }),
+  __spreadProps(__spreadValues({}, macBasic), { metaKey: true, key: "a" })
+];
+const winBasic = {
+  metaKey: false,
+  shiftKey: false
+};
+const customShortcutsForWin = [
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: false, key: "pageup" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: false, key: "pagedown" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "arrowup" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "arrowdown" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "c" }),
+  __spreadProps(__spreadValues({}, winBasic), { ctrlKey: true, key: "a" })
+];
+const isCustomKeyboardAction = (event, actions) => actions.some(
+  (a) => a.ctrlKey === event.ctrlKey && a.shiftKey == event.shiftKey && a.metaKey === event.metaKey && a.key.toLocaleLowerCase() === event.key.toLocaleLowerCase()
+);
+const isMacOS = () => {
+  return navigator.platform.indexOf("Mac") !== -1 || navigator.userAgent.indexOf("Mac") !== -1;
+};
+const scrollPages = (direction, terminal) => {
+  if (terminal) {
+    const pageCount = direction === "up" ? -1 : 1;
+    terminal.scrollPages(pageCount);
+  }
+};
+const scrollLines = (direction, terminal) => {
+  if (terminal) {
+    const lineCount = direction === "up" ? -1 : 1;
+    terminal.scrollLines(lineCount);
+  }
+};
+const selectAll = (terminal) => {
+  if (terminal) {
+    terminal.selectAll();
+  }
+};
+const copySelectLines = (terminal) => {
+  if (terminal) {
+    navigator.clipboard.writeText(terminal.getSelection());
+  }
+};
+
+export { copySelectLines, customShortcutsForMac, customShortcutsForWin, eventsource, isCustomKeyboardAction, isMacOS, scrollLines, scrollPages, selectAll };

package/dist/esm/core/LogView/LogView.xtermLoader.js

@@ -0,0 +1,20 @@
+let xtermModulesPromise = null;
+const loadXtermModules = () => {
+  if (!xtermModulesPromise) {
+    xtermModulesPromise = Promise.all([
+      import('@xterm/xterm'),
+      import('@xterm/addon-search'),
+      import('@xterm/addon-fit')
+    ]).then(([xterm, addonSearch, addonFit]) => ({
+      Terminal: xterm.Terminal,
+      SearchAddon: addonSearch.SearchAddon,
+      FitAddon: addonFit.FitAddon
+    })).catch((error) => {
+      xtermModulesPromise = null;
+      throw error;
+    });
+  }
+  return xtermModulesPromise;
+};
+
+export { loadXtermModules };

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -0,0 +1,51 @@
+import { cx } from '@linaria/core';
+import React__default from 'react';
+import { Typo } from '../Typo/index.js';
+import { SmallDialog } from '../SmallDialog/SmallDialog.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const MediumDialogStyle = "E_0_0_0_theme_rc_1_m5foqp8";
+const MediumDialog = _a => {
+  var _b = _a,
+    {
+      className,
+      isContentFull = false
+    } = _b,
+    restProps = __objRest(_b, ["className", "isContentFull"]);
+  return /* @__PURE__ */React__default.createElement(SmallDialog, __spreadValues({
+    TitleRender: ({
+      title
+    }) => /* @__PURE__ */React__default.createElement("span", {
+      className: Typo.Display.d1s_bold_title
+    }, title),
+    className: cx(MediumDialogStyle, "medium", isContentFull && "content-full", className),
+    initializingSkeletonRows: 3,
+    width: isContentFull ? "calc(100vw - 160px)" : 720
+  }, restProps));
+};
+
+export { MediumDialog };

package/dist/esm/core/Metric/RenderChart.js

@@ -1,3 +1,4 @@
+import { Color } from '../../styles/token/color.js';
 import { useKitDispatch } from '../KitStoreProvider/index.js';
 import { convertDataStruct } from './metric.js';
 import MetricActions from './MetricActions.js';
@@ -125,7 +126,9 @@ const RenderChart = (props) => {
   ), (actionsProps == null ? void 0 : actionsProps.show) && /* @__PURE__ */ React__default.createElement(MetricActions, __spreadValues({ dropdown }, actionsProps))), /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height }, /* @__PURE__ */ React__default.createElement(
     AreaChart,
     {
-      style: { backgroundColor: "white" },
+      style: {
+        backgroundColor: Color.text.neutral.ontint
+      },
       margin: showLegend ? { top: 10, left: 10, right: 10, bottom: 0 } : { top: 20, left: 10, right: 10, bottom: 5 },
       data: areaChartData,
       syncId,
@@ -183,7 +186,7 @@ const RenderChart = (props) => {
             stroke: item.legend.color,
             r: 4,
             strokeWidth: 2,
-            fill: "white"
+            fill: Color.text.neutral.ontint
           }
         }
       );