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

package/components/routes/advanced/RuleModal.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useTheme, Button, Stack, Typography, TextField, FormControl, InputLabel, Select, MenuItem, Tabs, Tab, Box, Card, CardHeader, Divider, CircularProgress } 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 { parseEvent } from "../../../commons/components/utils/keyboard.js";
+import { ModalContext } from "../../app/providers/ModalProvider.js";
+import CustomButton from "../../elements/addons/buttons/CustomButton.js";
+import Markdown from "../../elements/display/Markdown.js";
+import ThemedEditor from "../../elements/ThemedEditor.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import useMySnackbar from "../../hooks/useMySnackbar.js";
+import { useContext, useState, useMemo, 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, useLocation } 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 { RULE_INTERVALS } from "../../../utils/constants.js";
+const RuleModal = ({
+  onSubmit,
+  fileData,
+  type
+}) => {
+  const { t } = useTranslation();
+  const theme = useTheme();
+  const { close } = useContext(ModalContext);
+  const { dispatchApi } = useMyApi();
+  const { showSuccessMessage } = useMySnackbar();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [crontab, setCrontab] = useState(RULE_INTERVALS[3].crontab);
+  const [loading, setLoading] = useState(false);
+  const [tab, setTab] = useState("description");
+  const badAnalyticName = useMemo(() => !/^([A-Z][a-z]* ?)*$/.test(name), [name]);
+  const handleSubmit = useCallback(async () => {
+    try {
+      setLoading(true);
+      const newAnalytic = await dispatchApi(
+        api.analytic.rules.post({
+          name,
+          description,
+          // Converting the language name to the query type - they all match except sigma
+          rule_type: type.replace("yaml", "sigma"),
+          rule: fileData,
+          rule_crontab: crontab
+        })
+      );
+      showSuccessMessage(t("modal.rule.success"), 5e3, {
+        action: () => /* @__PURE__ */ jsx(Button, { color: "inherit", onClick: () => navigate(`/analytics/${newAnalytic.analytic_id}`), children: t("open") })
+      });
+      onSubmit();
+      close();
+    } finally {
+      setLoading(false);
+    }
+  }, [dispatchApi, name, description, type, fileData, crontab, showSuccessMessage, t, onSubmit, close, navigate]);
+  const handleKeydown = useCallback(
+    (e) => {
+      const parsedEvent = parseEvent(e);
+      if (parsedEvent.isCtrl && parsedEvent.isEnter) {
+        e.stopPropagation();
+        e.preventDefault();
+        handleSubmit();
+      } else if (parsedEvent.isEscape) {
+        e.stopPropagation();
+        e.preventDefault();
+        close();
+      }
+    },
+    [close, handleSubmit]
+  );
+  useEffect(() => {
+    if (location.pathname !== "/advanced") {
+      close();
+    }
+  }, [close, location.pathname]);
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: "60vw", height: "80vh", overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h4", children: t("modal.rule.title") }),
+    /* @__PURE__ */ jsx(Typography, { children: t("modal.rule.description") }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          label: t("modal.rule.name") + (badAnalyticName ? ` - ${t("modal.rule.name.warn")}` : ""),
+          value: name,
+          fullWidth: true,
+          color: badAnalyticName ? "warning" : null,
+          multiline: true,
+          maxRows: 6,
+          onChange: (e) => setName(e.target.value),
+          onKeyDown: handleKeydown
+        }
+      ),
+      /* @__PURE__ */ jsxs(FormControl, { sx: { minWidth: "250px" }, children: [
+        /* @__PURE__ */ jsx(InputLabel, { children: t("rule.interval") }),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: t("rule.interval"),
+            onChange: (event) => setCrontab(event.target.value),
+            value: crontab,
+            MenuProps: { style: { zIndex: 1500 } },
+            children: RULE_INTERVALS.map((interval) => /* @__PURE__ */ jsx(MenuItem, { value: interval.crontab, children: t(interval.key) }, interval.key))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { value: tab, onChange: (__, value) => setTab(value), children: [
+      /* @__PURE__ */ jsx(Tab, { label: t("description"), value: "description" }),
+      /* @__PURE__ */ jsx(Tab, { label: t("query"), value: "query" })
+    ] }),
+    tab === "description" && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "grid",
+        alignSelf: "stretch",
+        sx: { pt: 1, flex: 1, overflow: "hidden", gridTemplateColumns: "1fr 1fr", gap: theme.spacing(1) },
+        justifyContent: "stretch",
+        children: [
+          /* @__PURE__ */ jsxs(Card, { variant: "outlined", sx: { p: 1 }, children: [
+            /* @__PURE__ */ jsx(CardHeader, { sx: { py: 1, px: 0 }, title: t("modal.rule.description.title") }),
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(
+              ThemedEditor,
+              {
+                height: "90%",
+                width: "100%",
+                theme: "howler",
+                language: "markdown",
+                value: description,
+                onChange: (value) => setDescription(value),
+                options: {
+                  minimap: { enabled: false },
+                  overviewRulerBorder: false,
+                  renderLineHighlight: "gutter",
+                  fontSize: 16,
+                  autoClosingBrackets: "always"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { variant: "outlined", sx: { p: 1 }, children: [
+            /* @__PURE__ */ jsx(CardHeader, { sx: { py: 1, px: 0 }, title: t("modal.rule.markdown.title") }),
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(Markdown, { md: description || t("modal.rule.markdown.placeholder") })
+          ] })
+        ]
+      }
+    ),
+    tab === "query" && /* @__PURE__ */ jsxs(Card, { variant: "outlined", sx: { p: 1, overflow: "auto", width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ jsx(CardHeader, { sx: { py: 1, px: 0 }, title: t("modal.rule.file.title") }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        ThemedEditor,
+        {
+          height: "90%",
+          width: "100%",
+          theme: "howler",
+          language: type,
+          value: fileData,
+          options: {
+            minimap: { enabled: false },
+            readOnly: true,
+            overviewRulerBorder: false,
+            renderLineHighlight: "gutter",
+            fontSize: 16,
+            autoClosingBrackets: "always"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [
+      /* @__PURE__ */ jsx(Button, { color: "error", variant: "outlined", onClick: close, children: t("cancel") }),
+      /* @__PURE__ */ jsx(
+        CustomButton,
+        {
+          startIcon: loading && /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: 18 }),
+          color: "success",
+          variant: "outlined",
+          onClick: handleSubmit,
+          disabled: !name || !description || !crontab,
+          tooltip: (!name || !description) && t(`modal.rule.disabled.${!name ? "analytic" : "description"}`),
+          children: t("submit")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  RuleModal as default
+};

package/components/routes/advanced/eqlCompletionProvider.d.ts

@@ -0,0 +1,3 @@
+import { languages } from 'monaco-editor';
+declare const useEQLCompletionProvider: () => languages.CompletionItemProvider;
+export default useEQLCompletionProvider;

package/components/routes/advanced/eqlCompletionProvider.js

@@ -0,0 +1,81 @@
+import { useMonaco } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@monaco-editor+react@4.7.0_monaco-editor@0.49.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@monaco-editor/react/dist/index.mjs";
+import { FieldContext } from "../../app/providers/FieldProvider.js";
+import Fuse from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/fuse.js@7.1.0/node_modules/fuse.js/dist/fuse.mjs";
+import { useContext, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const EVENT_CATEGORIES = [
+  "authentication",
+  "configuration",
+  "database",
+  "driver",
+  "email",
+  "file",
+  "host",
+  "iam",
+  "intrusion_detection",
+  "malware",
+  "network",
+  "package",
+  "process",
+  "registry",
+  "session",
+  "threat",
+  "web",
+  // Also allow any
+  "any"
+];
+const useEQLCompletionProvider = () => {
+  const monaco = useMonaco();
+  const { hitFields } = useContext(FieldContext);
+  const fuse = useMemo(() => new Fuse(hitFields, { keys: ["key"], threshold: 0.4 }), [hitFields]);
+  return {
+    provideCompletionItems: (model, position) => {
+      const line = model.getLineContent(position.lineNumber);
+      const context = line.slice(0, position.column - 1);
+      const before = context.replace(/^(.*?[^a-zA-Z._]?)[a-zA-Z._]+$/, "$1");
+      const portion = context.replace(/^.+?[^a-zA-Z._]([a-zA-Z._]+)$/, "$1");
+      const range = {
+        startLineNumber: position.lineNumber,
+        endLineNumber: position.lineNumber,
+        startColumn: before.length + 1,
+        endColumn: before.length + portion.length
+      };
+      if (/^ *\[? *$/.test(before)) {
+        return {
+          suggestions: EVENT_CATEGORIES.map((cat) => ({
+            label: cat,
+            kind: monaco.languages.CompletionItemKind.Property,
+            insertText: cat,
+            range
+          }))
+        };
+      }
+      if (portion) {
+        const fuzzyMatches = fuse.search(portion);
+        return {
+          suggestions: fuzzyMatches.map(({ item }) => ({
+            label: item.key,
+            detail: item.type,
+            documentation: item.description,
+            kind: monaco.languages.CompletionItemKind.Property,
+            insertText: item.key,
+            range
+          }))
+        };
+      } else {
+        return {
+          suggestions: hitFields.map((_field) => ({
+            label: _field.key,
+            detail: _field.type,
+            documentation: _field.description,
+            kind: monaco.languages.CompletionItemKind.Property,
+            insertText: _field.key,
+            range
+          }))
+        };
+      }
+    }
+  };
+};
+export {
+  useEQLCompletionProvider as default
+};

package/components/routes/advanced/eqlTokenProvider.d.ts

@@ -0,0 +1,8 @@
+import { languages } from 'monaco-editor';
+/**
+ * Monaco language token provider for EQL. Very basic. Contact Matt R <matthew.rafuse@cyber.gc.ca> for more info, and/or read:
+ * https://microsoft.github.io/monaco-editor/monarch.html
+ * https://www.elastic.co/guide/en/elasticsearch/reference/current/eql-syntax.html
+ */
+declare const TOKEN_PROVIDER: languages.IMonarchLanguage;
+export default TOKEN_PROVIDER;

package/components/routes/advanced/eqlTokenProvider.js

@@ -0,0 +1,84 @@
+const TOKEN_PROVIDER = {
+  defaultToken: "invalid",
+  includeLF: true,
+  operators: /[<:>+\-*/%=\|~]|<=|==|!=|>=/,
+  timespans: /[0-9]+[dhms]|ms|micros|nanos/,
+  keywords: ["where", "like", "regex", "in", "in~", "not", "descendant", "child", "event", "of", "head", "tail"],
+  booleans: ["and", "or"],
+  function: /[a-zA-Z]+(?=~?\()/,
+  regexpctl: /[(){}\[\]\$\^|\-*+?\.]/,
+  regexpesc: /\\(?:[bBdDfnrstvwWn0\\\/]|@regexpctl|c[A-Z]|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4})/,
+  tokenizer: {
+    root: [
+      // TODO: Match this to valid field names in ES
+      ["@function", { token: "identifier" }],
+      [
+        /[a-zA-Z_*]+/,
+        {
+          cases: {
+            "@keywords": "operator",
+            "@booleans": "boolean",
+            "@default": "key"
+          }
+        }
+      ],
+      ["@operators", { token: "operator" }],
+      [/\./, { token: "dot" }],
+      // parens
+      [/[\[\(]/, { token: "bracket", bracket: "@open", next: "@parens_root" }],
+      // whitespace
+      [/[ \t\r\n]+/, { token: "whitespace" }],
+      { include: "common" }
+    ],
+    boolean: [[/true|false|and|or/, "boolean"]],
+    common: [
+      // regular expression: ensure it is terminated before beginning (otherwise it is an opeator)
+      [
+        /\/(?=([^\\\/]|\\.)+\/([gimsuy]*)(\s*)(\.|;|\/|,|\)|\]|\}|$))/,
+        { token: "regexp", bracket: "@open", next: "@regexp" }
+      ],
+      // strings
+      [/"([^"\\]|\\.)*$/, { token: "string.invalid" }],
+      // non-teminated string
+      [/"/, { token: "string.quote", bracket: "@open", next: "@string" }],
+      // comments
+      [/#.*\n/, { token: "comment" }],
+      // numbers
+      ["@timespans", "number.hex"],
+      [/\d*\.\d+([eE][-+]?\d+)?/, "number.float"],
+      [/0[xX][0-9a-fA-F]+/, "number.hex"],
+      [/\d+/, "number"],
+      // commas
+      [/,/, "comma"]
+    ],
+    parens_root: [{ include: "@root" }, [/[\]\)]/, { token: "bracket", next: "@pop" }]],
+    string: [
+      [/[^"']+/, { token: "string" }],
+      [/"/, { token: "string.quote", bracket: "@close", next: "@pop" }]
+    ],
+    regexp: [
+      [/(\{)(\d+(?:,\d*)?)(\})/, ["regexp.escape.control", "regexp.escape.control", "regexp.escape.control"]],
+      [
+        /(\[)(\^?)(?=(?:[^\]\\\/]|\\.)+)/,
+        ["regexp.escape.control", { token: "regexp.escape.control", next: "@regexrange" }]
+      ],
+      [/(\()(\?:|\?=|\?!)/, ["regexp.escape.control", "regexp.escape.control"]],
+      [/[()]/, "regexp.escape.control"],
+      [/@regexpctl/, "regexp.escape.control"],
+      [/[^\\\/]/, "regexp"],
+      [/@regexpesc/, "regexp.escape"],
+      [/\\\./, "regexp.invalid"],
+      [/(\/)([gimsuy]*)/, [{ token: "regexp", bracket: "@close", next: "@pop" }, "keyword.other"]]
+    ],
+    regexrange: [
+      [/-/, "regexp.escape.control"],
+      [/\^/, "regexp.invalid"],
+      [/@regexpesc/, "regexp.escape"],
+      [/[^\]]/, "regexp"],
+      [/\]/, { token: "regexp.escape.control", next: "@pop", bracket: "@close" }]
+    ]
+  }
+};
+export {
+  TOKEN_PROVIDER as default
+};

package/components/routes/advanced/historyCompletionProvider.d.ts

@@ -0,0 +1,3 @@
+import { languages } from 'monaco-editor';
+declare const useHistoryCompletionProvider: () => languages.CompletionItemProvider;
+export default useHistoryCompletionProvider;

package/components/routes/advanced/historyCompletionProvider.js

@@ -0,0 +1,51 @@
+import { useMonaco } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@monaco-editor+react@4.7.0_monaco-editor@0.49.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@monaco-editor/react/dist/index.mjs";
+import { HitSearchContext } from "../../app/providers/HitSearchProvider.js";
+import Fuse from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/fuse.js@7.1.0/node_modules/fuse.js/dist/fuse.mjs";
+import { useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useContextSelector } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/use-context-selector@2.0.0_react@18.3.1_scheduler@0.23.2/node_modules/use-context-selector/dist/index.js";
+import { twitterShort } from "../../../utils/utils.js";
+const useHistoryCompletionProvider = () => {
+  const monaco = useMonaco();
+  const fzfSearch = useContextSelector(HitSearchContext, (ctx) => ctx == null ? void 0 : ctx.fzfSearch);
+  const queryHistory = useContextSelector(HitSearchContext, (ctx) => (ctx == null ? void 0 : ctx.queryHistory) ?? {});
+  const fuse = useMemo(() => new Fuse(Object.keys(queryHistory), { keys: ["key"], threshold: 0.4 }), [queryHistory]);
+  return {
+    provideCompletionItems: async (model, position) => {
+      if (!fzfSearch) {
+        return { suggestions: [] };
+      }
+      const line = model.getLineContent(position.lineNumber);
+      const context = line.slice(0, position.column - 1);
+      const before = context.replace(/^(.*?[^a-zA-Z._]?)[a-zA-Z._*]*$/, "$1");
+      const portion = context.replace(/^.+?[^a-zA-Z._]([a-zA-Z._*]*)$/, "$1");
+      const range = {
+        startLineNumber: position.lineNumber,
+        endLineNumber: position.lineNumber,
+        startColumn: before.length + 1,
+        endColumn: before.length + portion.length
+      };
+      const currentWord = model.getWordAtPosition(position);
+      const query = currentWord ? currentWord.word : "";
+      const fuzzyResults = fuse.search(query);
+      const suggestions = fuzzyResults.map((result) => {
+        return {
+          label: result.item,
+          // The query string from previous searches
+          kind: monaco.languages.CompletionItemKind.Reference,
+          // Simple reference type
+          insertText: result.item,
+          // Insert the plain text as it is
+          detail: twitterShort(queryHistory[result.item]),
+          // Optional additional detail
+          range
+        };
+      });
+      return {
+        suggestions
+      };
+    }
+  };
+};
+export {
+  useHistoryCompletionProvider as default
+};

package/components/routes/advanced/luceneCompletionProvider.d.ts

@@ -0,0 +1,3 @@
+import { languages } from 'monaco-editor';
+declare const useLuceneCompletionProvider: () => languages.CompletionItemProvider;
+export default useLuceneCompletionProvider;

package/components/routes/advanced/luceneCompletionProvider.js

@@ -0,0 +1,91 @@
+import { useMonaco } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@monaco-editor+react@4.7.0_monaco-editor@0.49.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@monaco-editor/react/dist/index.mjs";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import { ApiConfigContext } from "../../app/providers/ApiConfigProvider.js";
+import { FieldContext } from "../../app/providers/FieldProvider.js";
+import Fuse from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/fuse.js@7.1.0/node_modules/fuse.js/dist/fuse.mjs";
+import { useContext, useEffect, useMemo } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const useLuceneCompletionProvider = () => {
+  const { config } = useContext(ApiConfigContext);
+  const monaco = useMonaco();
+  const { hitFields, getHitFields } = useContext(FieldContext);
+  useEffect(() => {
+    getHitFields();
+  }, [getHitFields]);
+  const fuse = useMemo(() => new Fuse(hitFields, { keys: ["key"], threshold: 0.4 }), [hitFields]);
+  return {
+    provideCompletionItems: async (model, position) => {
+      const line = model.getLineContent(position.lineNumber);
+      const context = line.slice(0, position.column - 1);
+      const before = context.replace(/^(.*?[^a-zA-Z._]?)[a-zA-Z._*]*$/, "$1");
+      const portion = context.replace(/^.+?[^a-zA-Z._]([a-zA-Z._*]*)$/, "$1");
+      if (before.trim().endsWith(":")) {
+        const key = before.trim().replace(/^.*?[^a-zA-Z._]?([a-zA-Z._]+):$/, "$1");
+        if (config.lookups[key]) {
+          const _position = model.getWordUntilPosition(position);
+          return {
+            suggestions: config.lookups[key].map((_value) => ({
+              label: _value,
+              kind: monaco.languages.CompletionItemKind.Constant,
+              insertText: _value,
+              range: {
+                startLineNumber: position.lineNumber,
+                endLineNumber: position.lineNumber,
+                startColumn: _position.startColumn,
+                endColumn: _position.endColumn
+              }
+            }))
+          };
+        } else {
+          const options = await api.search.facet.hit.post({ query: "howler.id:*", rows: 250, fields: [key] }).catch(() => ({}));
+          const _position = model.getWordUntilPosition(position);
+          return {
+            suggestions: Object.keys(options[key] || {}).map((_value) => ({
+              label: _value,
+              kind: monaco.languages.CompletionItemKind.Constant,
+              insertText: `"${_value}"`,
+              range: {
+                startLineNumber: position.lineNumber,
+                endLineNumber: position.lineNumber,
+                startColumn: _position.startColumn,
+                endColumn: _position.endColumn
+              }
+            }))
+          };
+        }
+      }
+      const range = {
+        startLineNumber: position.lineNumber,
+        endLineNumber: position.lineNumber,
+        startColumn: before.length + 1,
+        endColumn: before.length + portion.length
+      };
+      if (portion) {
+        const fuzzyMatches = fuse.search(portion);
+        return {
+          suggestions: fuzzyMatches.map(({ item }) => ({
+            label: item.key,
+            detail: item.type,
+            documentation: item.description,
+            kind: monaco.languages.CompletionItemKind.Property,
+            insertText: item.key + ":",
+            range
+          }))
+        };
+      } else {
+        return {
+          suggestions: hitFields.map((_field) => ({
+            label: _field.key,
+            detail: _field.type,
+            documentation: _field.description,
+            kind: monaco.languages.CompletionItemKind.Property,
+            insertText: _field.key + ":",
+            range
+          }))
+        };
+      }
+    }
+  };
+};
+export {
+  useLuceneCompletionProvider as default
+};

package/components/routes/advanced/luceneTokenProvider.d.ts

@@ -0,0 +1,9 @@
+import { languages } from 'monaco-editor';
+/**
+ * Monaco language token provider for Lucene. Very basic. Contact Matt R <matthew.rafuse@cyber.gc.ca> for more info, and/or read:
+ * https://microsoft.github.io/monaco-editor/monarch.html
+ * https://lucene.apache.org/core/2_9_4/queryparsersyntax.html
+ * As well as howler's own search documentation.
+ */
+declare const TOKEN_PROVIDER: languages.IMonarchLanguage;
+export default TOKEN_PROVIDER;

package/components/routes/advanced/luceneTokenProvider.js

@@ -0,0 +1,101 @@
+const TOKEN_PROVIDER = {
+  defaultToken: "default",
+  includeLF: true,
+  operators: ["-", "||", "&&", ":"],
+  keywords: ["AND", "OR", "NOT"],
+  regexpctl: /[(){}\[\]\$\^|\-*+?\.]/,
+  regexpesc: /\\(?:[bBdDfnrstvwWn0\\\/]|@regexpctl|c[A-Z]|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4})/,
+  tokenizer: {
+    root: [
+      // TODO: Match this to valid field names in ES
+      [
+        /[a-zA-Z_*]+/,
+        {
+          cases: {
+            "@keywords": "operator",
+            "@default": "key"
+          }
+        }
+      ],
+      [/\./, { token: "dot" }],
+      [/: */, { token: "operator", next: "@value" }],
+      [/-/, { token: "operator" }],
+      // parens
+      [/\(/, { token: "bracket", bracket: "@open", next: "@parens_root" }],
+      // whitespace
+      [/[ \t\r\n]+/, { token: "whitespace" }],
+      { include: "common" }
+    ],
+    boolean: [[/true|false/, "boolean"]],
+    common: [
+      // regular expression: ensure it is terminated before beginning (otherwise it is an opeator)
+      [
+        /\/(?=([^\\\/]|\\.)+\/([gimsuy]*)(\s*)(\.|;|\/|,|\)|\]|\}|$))/,
+        { token: "regexp", bracket: "@open", next: "@regexp" }
+      ],
+      // strings
+      [/"([^"\\]|\\.)*$/, { token: "string.invalid" }],
+      // non-teminated string
+      [/"/, { token: "string.quote", bracket: "@open", next: "@string" }],
+      // comments
+      [/#.*\n/, { token: "comment" }],
+      // numbers
+      [/\d*\.\d+([eE][-+]?\d+)?/, "number.float"],
+      [/0[xX][0-9a-fA-F]+/, "number.hex"],
+      [/\d+/, "number"]
+    ],
+    parens_root: [{ include: "@root" }, [/\)/, { token: "bracket", next: "@pop" }]],
+    parens_value: [
+      // whitespace
+      [/[ \t\r\n]+/, { token: "whitespace" }],
+      { include: "@value" },
+      [/\)/, { token: "bracket", next: "@pop", bracket: "@close" }]
+    ],
+    string: [
+      [/[^"']+/, { token: "string" }],
+      [/"/, { token: "string.quote", bracket: "@close", next: "@pop" }]
+    ],
+    value: [
+      { include: "boolean" },
+      [
+        /([0-9a-zA-Z_*.-]*[a-zA-Z_*-]+[0-9a-zA-Z_*.-]*)/,
+        {
+          cases: {
+            "@keywords": "operator",
+            "@default": "constant"
+          }
+        }
+      ],
+      // start parens
+      [/\(/, { token: "bracket", bracket: "@open", next: "@parens_value" }],
+      // end
+      [/[ \t\r\n]+/, { token: "whitespace", next: "@pop" }],
+      [/\)/, { token: "bracket", next: "@pop" }],
+      { include: "common" }
+    ],
+    regexp: [
+      [/(\{)(\d+(?:,\d*)?)(\})/, ["regexp.escape.control", "regexp.escape.control", "regexp.escape.control"]],
+      [
+        /(\[)(\^?)(?=(?:[^\]\\\/]|\\.)+)/,
+        ["regexp.escape.control", { token: "regexp.escape.control", next: "@regexrange" }]
+      ],
+      [/(\()(\?:|\?=|\?!)/, ["regexp.escape.control", "regexp.escape.control"]],
+      [/[()]/, "regexp.escape.control"],
+      [/@regexpctl/, "regexp.escape.control"],
+      [/[^\\\/]/, "regexp"],
+      [/@regexpesc/, "regexp.escape"],
+      [/\\\./, "regexp.invalid"],
+      [/(\/)([gimsuy]*)/, [{ token: "regexp", bracket: "@close", next: "@pop" }, "keyword.other"]]
+    ],
+    regexrange: [
+      [/-/, "regexp.escape.control"],
+      [/\^/, "regexp.invalid"],
+      [/@regexpesc/, "regexp.escape"],
+      [/[^\]]/, "regexp"],
+      [/\]/, { token: "regexp.escape.control", next: "@pop", bracket: "@close" }]
+    ]
+  }
+};
+export {
+  TOKEN_PROVIDER as default
+};

package/components/routes/advanced/yamlCompletionProvider.d.ts

@@ -0,0 +1,3 @@
+import { languages } from 'monaco-editor';
+declare const useYamlCompletionProvider: () => languages.CompletionItemProvider;
+export default useYamlCompletionProvider;