@cccsaurora/howler-ui 2.14.0-dev.263 → 2.14.0-dev.264

package/components/routes/overviews/OverviewViewer.js

@@ -1,316 +0,0 @@
-import { jsxs, jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { useTheme, LinearProgress, Stack, FormControl, Autocomplete, TextField, Tooltip, Button, CircularProgress, ToggleButtonGroup, ToggleButton, Box, ThemeProvider, Divider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
-import { a as api } from "../../../index-BPPnUdfP.js";
-import PageCenter from "../../../commons/components/pages/PageCenter.js";
-import { useContext, useState, useRef, useEffect, useCallback, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-import { SsidChart, Delete, Check, WbSunny, DarkMode } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
-import { useApp } from "../../../commons/components/app/hooks/useApp.js";
-import "../../../commons/components/app/AppContexts.js";
-import "../../../i18n.js";
-import "../../../commons/components/app/hooks/useAppSitemap.js";
-import AppInfoPanel from "../../../commons/components/display/AppInfoPanel.js";
-import useThemeBuilder from "../../../commons/components/utils/hooks/useThemeBuilder.js";
-import { OverviewContext } from "../../app/providers/OverviewProvider.js";
-import HitOverview from "../../elements/hit/HitOverview.js";
-import useMyApi from "../../hooks/useMyApi.js";
-import useMyTheme from "../../hooks/useMyTheme.js";
-import { useSearchParams } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
-import { h as hitsData } from "../../../hit-CQYBTSKb.js";
-import { sanitizeLuceneQuery } from "../../../utils/stringUtils.js";
-import OverviewEditor from "./OverviewEditor.js";
-import { useStartingTemplate } from "./startingTemplate.js";
-const OverviewViewer = () => {
-  var _a;
-  const theme = useTheme();
-  const app = useApp();
-  const { lightTheme, darkTheme } = useThemeBuilder(useMyTheme());
-  const { t } = useTranslation();
-  const [params, setParams] = useSearchParams();
-  const { getOverviews } = useContext(OverviewContext);
-  const { dispatchApi } = useMyApi();
-  const [overviewList, setOverviewList] = useState([]);
-  const [selectedOverview, setSelectedOverview] = useState(null);
-  const [content, setContent] = useState("");
-  const [chosenTheme, setChosenTheme] = useState(app.theme);
-  const [analytics, setAnalytics] = useState([]);
-  const [detections, setDetections] = useState([]);
-  const [analytic, setAnalytic] = useState(params.get("analytic") ?? "");
-  const [detection, setDetection] = useState(params.get("detection") ?? "ANY");
-  const [loading, setLoading] = useState(false);
-  const [overviewLoading, setOverviewLoading] = useState(false);
-  const [exampleHit, setExampleHit] = useState(null);
-  const [x, setX] = useState(0);
-  const wrapper = useRef();
-  const startingTemplate = useStartingTemplate();
-  useEffect(() => {
-    (async () => {
-      setLoading(true);
-      try {
-        setOverviewList(await getOverviews(true));
-        const analyticsResult = await dispatchApi(api.search.analytic.post({ query: "analytic_id:*", rows: 1e3 }), {
-          logError: false,
-          showError: true,
-          throwError: true
-        });
-        const _analytics = analyticsResult.items;
-        if (!_analytics.some((_analytic) => _analytic.name.toLowerCase() === analytic.toLowerCase())) {
-          setAnalytic("");
-        }
-        setAnalytics(_analytics);
-      } finally {
-        setLoading(false);
-      }
-    })();
-  }, [analytic, dispatchApi]);
-  useEffect(() => {
-    var _a2;
-    if (analytic && analytics) {
-      const _detections = ((_a2 = analytics.find((_analytic) => _analytic.name.toLowerCase() === analytic.toLowerCase())) == null ? void 0 : _a2.detections) ?? [];
-      setDetections(_detections);
-      if (detection && !_detections.map((_detection) => _detection.toLowerCase()).includes(detection.toLowerCase())) {
-        setDetection("ANY");
-      }
-    }
-  }, [analytic, analytics, detection]);
-  useEffect(() => {
-    (async () => {
-      const result = await dispatchApi(
-        api.search.hit.post({
-          query: `howler.analytic:"${sanitizeLuceneQuery(analytic)}"` + (!!detection && detection !== "ANY" ? ` AND howler.detection:"${sanitizeLuceneQuery(detection)}"` : ""),
-          rows: 1,
-          fl: "*"
-        }),
-        { throwError: false, showError: false, logError: false }
-      );
-      if (result == null ? void 0 : result.items[0]) {
-        setExampleHit(result.items[0]);
-        return;
-      }
-      const _hit = hitsData.GET[Object.keys(hitsData.GET)[0]];
-      if (analytic) {
-        _hit.howler.analytic = analytic;
-      }
-      if (detection) {
-        _hit.howler.detection = detection;
-      }
-      setExampleHit(_hit);
-    })();
-  }, [analytic, detection, dispatchApi]);
-  useEffect(() => {
-    if (analytic && detection) {
-      const overview = overviewList.find(
-        (_overview) => _overview.analytic === analytic && (detection === "ANY" && !_overview.detection || _overview.detection === detection)
-      );
-      if (overview) {
-        setSelectedOverview(overview);
-        setContent(overview.content);
-      } else {
-        setSelectedOverview(null);
-        setContent("");
-      }
-    }
-  }, [analytic, detection, overviewList]);
-  useEffect(() => {
-    if (analytic) {
-      params.set("analytic", analytic);
-    } else {
-      params.delete("analytic");
-    }
-    if (detection && detection !== "ANY") {
-      params.set("detection", detection);
-    } else {
-      params.delete("detection");
-    }
-    params.sort();
-    setParams(params, {
-      replace: true
-    });
-  }, [analytic, detection, params, setParams]);
-  const onDelete = useCallback(async () => {
-    await dispatchApi(api.overview.del(selectedOverview.overview_id), {
-      logError: false,
-      showError: true,
-      throwError: false
-    });
-    setSelectedOverview(null);
-    setContent("");
-  }, [dispatchApi, selectedOverview == null ? void 0 : selectedOverview.overview_id]);
-  const onSave = useCallback(async () => {
-    if (analytic && detection) {
-      try {
-        setOverviewLoading(true);
-        const result = await dispatchApi(
-          selectedOverview ? api.overview.put(selectedOverview.overview_id, content) : api.overview.post({
-            analytic,
-            detection: detection !== "ANY" ? detection : null,
-            content
-          }),
-          {
-            logError: false,
-            showError: true,
-            throwError: true
-          }
-        );
-        setSelectedOverview(result);
-        const newList = [result, ...overviewList];
-        setOverviewList(newList.filter((v1, i) => newList.findIndex((v2) => v1.overview_id === v2.overview_id) === i));
-      } finally {
-        setOverviewLoading(false);
-      }
-    }
-  }, [analytic, detection, dispatchApi, selectedOverview, content, overviewList]);
-  const onMouseMove = useCallback((event) => {
-    var _a2;
-    const wrapperRect = (_a2 = wrapper.current) == null ? void 0 : _a2.getBoundingClientRect();
-    const offset = event.clientX - (wrapperRect.left + wrapperRect.width / 2);
-    setX(offset);
-  }, []);
-  const onMouseUp = useCallback(() => {
-    window.removeEventListener("mousemove", onMouseMove);
-    window.removeEventListener("mouseup", onMouseUp);
-  }, [onMouseMove]);
-  const onMouseDown = useCallback(() => {
-    window.addEventListener("mousemove", onMouseMove);
-    window.addEventListener("mouseup", onMouseUp);
-  }, [onMouseMove, onMouseUp]);
-  const analyticOrDetectionMissing = useMemo(() => !analytic || !detection, [analytic, detection]);
-  const noChange = useMemo(() => (selectedOverview == null ? void 0 : selectedOverview.content) === content, [content, selectedOverview == null ? void 0 : selectedOverview.content]);
-  const activeTheme = chosenTheme === "light" ? lightTheme : darkTheme;
-  return /* @__PURE__ */ jsxs(PageCenter, { maxWidth: "100%", width: "100%", textAlign: "left", height: "100%", children: [
-    /* @__PURE__ */ jsx(LinearProgress, { sx: { mb: 1, opacity: +loading } }),
-    /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, divider: /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true }), height: "100%", children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, mb: 2, alignItems: "stretch", children: [
-        /* @__PURE__ */ jsx(FormControl, { sx: { maxWidth: { sm: "300px", lg: "450px" }, width: "100%" }, children: /* @__PURE__ */ jsx(
-          Autocomplete,
-          {
-            id: "analytic",
-            options: analytics.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase())),
-            getOptionLabel: (option) => option.name,
-            value: analytics.find((a) => a.name === analytic) || null,
-            onChange: (_event, newValue) => setAnalytic(newValue ? newValue.name : ""),
-            renderInput: (autocompleteAnalyticParams) => /* @__PURE__ */ jsx(TextField, { ...autocompleteAnalyticParams, label: t("route.overviews.analytic"), size: "small" })
-          }
-        ) }),
-        !((_a = analytics.find((_analytic) => _analytic.name === analytic)) == null ? void 0 : _a.rule) ? /* @__PURE__ */ jsx(FormControl, { sx: { minWidth: { sm: "200px" } }, disabled: !analytic, children: /* @__PURE__ */ jsx(
-          Autocomplete,
-          {
-            id: "detection",
-            options: ["ANY", ...detections.sort()],
-            getOptionLabel: (option) => option,
-            value: detection ?? "",
-            onChange: (_event, newValue) => setDetection(newValue),
-            renderInput: (autocompleteDetectionParams) => /* @__PURE__ */ jsx(TextField, { ...autocompleteDetectionParams, label: t("route.overviews.detection"), size: "small" })
-          }
-        ) }) : /* @__PURE__ */ jsx(Tooltip, { title: t("route.overviews.rule.explanation"), children: /* @__PURE__ */ jsx(SsidChart, { color: "info", sx: { alignSelf: "center" } }) }),
-        selectedOverview && /* @__PURE__ */ jsx(Button, { variant: "outlined", startIcon: /* @__PURE__ */ jsx(Delete, {}), onClick: onDelete, children: t("button.delete") }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            disabled: analyticOrDetectionMissing || noChange,
-            startIcon: overviewLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16 }) : /* @__PURE__ */ jsx(Check, {}),
-            onClick: onSave,
-            children: t(!analyticOrDetectionMissing && !noChange ? "button.save" : "button.saved")
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsxs(
-          ToggleButtonGroup,
-          {
-            exclusive: true,
-            value: chosenTheme,
-            onChange: (_event, value) => setChosenTheme(value),
-            sx: { maxHeight: "40px" },
-            children: [
-              /* @__PURE__ */ jsx(Tooltip, { title: t("route.overviews.theme.light"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "light", children: /* @__PURE__ */ jsx(WbSunny, {}) }) }),
-              /* @__PURE__ */ jsx(Tooltip, { title: t("route.overviews.theme.dark"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "dark", children: /* @__PURE__ */ jsx(DarkMode, {}) }) })
-            ]
-          }
-        )
-      ] }),
-      analyticOrDetectionMissing ? /* @__PURE__ */ jsx(AppInfoPanel, { i18nKey: "route.overviews.select", sx: { width: "100%", alignSelf: "start" } }) : /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          ref: wrapper,
-          direction: "row",
-          spacing: 1,
-          height: "100%",
-          onKeyDown: (e) => {
-            if (e.ctrlKey && e.key === "s") {
-              if (!noChange) {
-                onSave();
-              }
-              e.preventDefault();
-            }
-          },
-          sx: { position: "relative" },
-          children: [
-            /* @__PURE__ */ jsx(Box, { flex: 1, position: "relative", height: "100%", children: /* @__PURE__ */ jsx(
-              Box,
-              {
-                flex: 1,
-                sx: {
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  bottom: 0,
-                  right: `calc(50% + 7px - ${x}px)`,
-                  mr: -2.4,
-                  pr: 1.5
-                },
-                children: /* @__PURE__ */ jsx(OverviewEditor, { height: "100%", content, setContent })
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                sx: {
-                  position: "absolute",
-                  top: 0,
-                  bottom: 0,
-                  left: "calc(50% - 5px)",
-                  width: "10px",
-                  backgroundColor: theme.palette.divider,
-                  cursor: "col-resize",
-                  transform: `translateX(${x}px)`,
-                  zIndex: 1e3,
-                  borderRadius: theme.shape.borderRadius
-                },
-                onMouseDown
-              }
-            ),
-            /* @__PURE__ */ jsx(ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ jsx(
-              Box,
-              {
-                flex: 1,
-                px: 2,
-                sx: {
-                  position: "absolute",
-                  top: 0,
-                  left: `calc(50% + 7px + ${x}px)`,
-                  bottom: 0,
-                  right: 0,
-                  display: "flex",
-                  alignItems: "stretch",
-                  justifyContent: "stretch",
-                  px: 1,
-                  pt: 1,
-                  mt: -1,
-                  "& > *": { width: "100%" },
-                  "& > div > :first-child": { mt: 0 },
-                  backgroundColor: activeTheme.palette.background.default,
-                  color: activeTheme.palette.text.primary
-                },
-                children: /* @__PURE__ */ jsx(HitOverview, { content: content || startingTemplate, hit: exampleHit })
-              }
-            ) })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  OverviewViewer as default
-};

package/components/routes/overviews/Overviews.d.ts

@@ -1,2 +0,0 @@
-declare const Overviews: () => import("react/jsx-runtime").JSX.Element;
-export default Overviews;

package/components/routes/overviews/Overviews.js

@@ -1,148 +0,0 @@
-import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Article } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+icons-material@5.18.0_@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18._b9cf98cd2d466d3b4f338d38bc895c0b/node_modules/@mui/icons-material/esm/index.js";
-import { Typography } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
-import { a as api } from "../../../index-BPPnUdfP.js";
-import "../../../TuiList-D7-CH2oS.js";
-import TuiListProvider, { TuiListMethodContext } from "../../elements/addons/lists/TuiListProvider.js";
-import ItemManager from "../../elements/display/ItemManager.js";
-import useMyApi from "../../hooks/useMyApi.js";
-import { useMyLocalStorageItem } from "../../hooks/useMyLocalStorage.js";
-import useMySnackbar from "../../hooks/useMySnackbar.js";
-import { useContext, useState, useCallback, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
-import { useTranslation } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
-import { useNavigate, useSearchParams } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
-import { StorageKey } from "../../../utils/constants.js";
-import OverviewCard from "./OverviewCard.js";
-const OverviewsBase = () => {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const { dispatchApi } = useMyApi();
-  const { showSuccessMessage } = useMySnackbar();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const { load } = useContext(TuiListMethodContext);
-  const pageCount = useMyLocalStorageItem(StorageKey.PAGE_COUNT, 25)[0];
-  const [phrase, setPhrase] = useState("");
-  const [offset, setOffset] = useState(parseInt(searchParams.get("offset")) || 0);
-  const [response, setResponse] = useState(null);
-  const [hasError, setHasError] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const onSearch = useCallback(async () => {
-    try {
-      setLoading(true);
-      setHasError(false);
-      if (phrase) {
-        searchParams.set("phrase", phrase);
-      } else {
-        searchParams.delete("phrase");
-      }
-      setSearchParams(searchParams, { replace: true });
-      const query = phrase ? `*:*${phrase}*` : "*:*";
-      setResponse(
-        await dispatchApi(
-          api.search.overview.post({
-            query,
-            rows: pageCount,
-            offset
-          })
-        )
-      );
-    } catch (e) {
-      setHasError(true);
-    } finally {
-      setLoading(false);
-    }
-  }, [phrase, setSearchParams, searchParams, dispatchApi, pageCount, offset]);
-  useEffect(() => {
-    if (response) {
-      load(
-        response.items.map((item) => ({
-          id: item.overview_id,
-          item,
-          selected: false,
-          cursor: false
-        }))
-      );
-    }
-  }, [response, load]);
-  const onPageChange = useCallback(
-    (_offset) => {
-      if (_offset !== offset) {
-        searchParams.set("offset", _offset.toString());
-        setSearchParams(searchParams, { replace: true });
-        setOffset(_offset);
-      }
-    },
-    [offset, searchParams, setSearchParams]
-  );
-  const onDelete = useCallback(
-    async (e, id) => {
-      e.preventDefault();
-      e.stopPropagation();
-      try {
-        await dispatchApi(api.overview.del(id), { throwError: false, showError: true });
-        await onSearch();
-        showSuccessMessage(t("route.overviews.manager.delete.success"));
-      } catch (_err) {
-        console.warn(_err);
-      }
-    },
-    [dispatchApi, onSearch, showSuccessMessage, t]
-  );
-  useEffect(() => {
-    onSearch();
-    if (!searchParams.has("offset")) {
-      searchParams.set("offset", "0");
-      setSearchParams(searchParams, { replace: true });
-    }
-  }, []);
-  useEffect(() => {
-    if ((response == null ? void 0 : response.total) <= offset) {
-      setOffset(0);
-      searchParams.set("offset", "0");
-      setSearchParams(searchParams, { replace: true });
-    }
-  }, [offset, response == null ? void 0 : response.total, searchParams, setSearchParams]);
-  useEffect(() => {
-    if (!loading) {
-      onSearch();
-    }
-  }, [offset]);
-  const renderer = useCallback(
-    (item, className) => /* @__PURE__ */ jsx(OverviewCard, { overview: item, className, onDelete }),
-    [onDelete]
-  );
-  return /* @__PURE__ */ jsx(
-    ItemManager,
-    {
-      onSearch,
-      onPageChange,
-      phrase,
-      setPhrase,
-      hasError,
-      searching: loading,
-      aboveSearch: /* @__PURE__ */ jsx(
-        Typography,
-        {
-          sx: (theme) => ({ fontStyle: "italic", color: theme.palette.text.disabled, mb: 0.5 }),
-          variant: "body2",
-          children: t("route.overviews.search.prompt")
-        }
-      ),
-      renderer: ({ item }, classRenderer) => renderer(item.item, classRenderer()),
-      response,
-      onSelect: (item) => navigate(
-        `/overviews/view?analytic=${item.item.analytic}${item.item.detection ? "&detection=" + item.item.detection : ""}`
-      ),
-      onCreate: () => navigate("/overviews/view"),
-      createPrompt: "route.overviews.create",
-      searchPrompt: "route.overviews.manager.search",
-      createIcon: /* @__PURE__ */ jsx(Article, { sx: { mr: 1 } })
-    }
-  );
-};
-const Overviews = () => {
-  return /* @__PURE__ */ jsx(TuiListProvider, { children: /* @__PURE__ */ jsx(OverviewsBase, {}) });
-};
-export {
-  Overviews as default
-};

package/components/routes/overviews/markdownExtendedTokenProvider.d.ts

@@ -1,3 +0,0 @@
-import { languages } from 'monaco-editor';
-export declare const conf: languages.LanguageConfiguration;
-export declare const language: languages.IMonarchLanguage;