@fc-components/monaco-editor 0.1.27 → 0.2.1

package/dist/monaco-editor.esm.js

@@ -3,7 +3,7 @@ import MonacoEditor from 'react-monaco-editor';
 import * as monaco from 'monaco-editor';
 import { languages, Range, editor, Selection, KeyMod, KeyCode, MarkerSeverity } from 'monaco-editor';
 import { promLanguageDefinition } from 'monaco-promql';
-import { parser, LabelName, UnquotedLabelMatcher, LabelMatchers, VectorSelector, PromQL, Identifier, FunctionCallBody, StringLiteral, BinaryExpr, NumberDurationLiteralInDurationContext, MatrixSelector, GroupingLabels, AggregateModifier, AggregateExpr, MatchOp, EqlSingle, EqlRegex, Neq, NeqRegex } from '@fc-components/lezer-metricsql';
+import { parser, LabelName, UnquotedLabelMatcher, LabelMatchers, VectorSelector, PromQL, Identifier, FunctionCallBody, StringLiteral, BinaryExpr, NumberDurationLiteralInDurationContext, MatrixSelector, GroupingLabels, WithExpr, WithAssignment, AggregateModifier, AggregateExpr, MatchOp, EqlSingle, EqlRegex, Neq, NeqRegex } from '@fc-components/lezer-metricsql';
 import { v4 } from 'uuid';
 import { css } from '@emotion/css';
 
@@ -340,6 +340,7 @@ for (var _i = 0, aggregations_1 = aggregations; _i < aggregations_1.length; _i++
 // PromQL vector matching + the by and without clauses
 // (https://prometheus.io/docs/prometheus/latest/querying/operators/#vector-matching)
 var vectorMatching = ['on', 'ignoring', 'group_right', 'group_left', 'by', 'without'];
+var cteKeywords = ['with'];
 // Produce a regex matching elements : (elt1|elt2|...)
 var vectorMatchingRegex = '(' + /*#__PURE__*/vectorMatching.reduce(function (prev, curr) {
   return prev + '|' + curr;
@@ -351,7 +352,7 @@ var operators = ['+', '-', '*', '/', '%', '^', '==', '!=', '>', '<', '>=', '<=',
 // (https://prometheus.io/docs/prometheus/latest/querying/basics/#offset-modifier)
 var offsetModifier = ['offset'];
 // Merging all the keywords in one list
-var keywords = /*#__PURE__*/aggregations.concat(functions).concat(aggregationsOverTime).concat(vectorMatching).concat(offsetModifier);
+var keywords = /*#__PURE__*/aggregations.concat(functions).concat(aggregationsOverTime).concat(vectorMatching).concat(offsetModifier).concat(cteKeywords);
 // noinspection JSUnusedGlobalSymbols
 var language = {
   ignoreCase: false,
@@ -1289,6 +1290,15 @@ var RESOLVERS = [{
 }, {
   path: [GroupingLabels],
   fun: resolveLabelsForGrouping
+}, {
+  path: [WithExpr],
+  fun: resolveWithExpr
+}, {
+  path: [WithExpr, PromQL],
+  fun: resolveWithExpr
+}, {
+  path: [WithAssignment, WithExpr],
+  fun: resolveWithExpr
 }];
 var LABEL_OP_MAP = /*#__PURE__*/new Map([[EqlSingle, '='], [EqlRegex, '=~'], [Neq, '!='], [NeqRegex, '!~']]);
 function getLabelOp(opNode) {
@@ -1461,6 +1471,25 @@ function resolveInFunction() {
     type: 'IN_FUNCTION'
   };
 }
+function resolveWithExpr(node, text, pos) {
+  // Find the containing WithExpr node (node may be a WithAssignment child)
+  var withExprNode = node.type.id === WithExpr ? node : node.parent;
+  while (withExprNode && withExprNode.type.id !== WithExpr) {
+    withExprNode = withExprNode.parent;
+  }
+  if (!withExprNode) return null;
+  // Only return IN_WITH_BODY when cursor is in the body expression (after the closing ')')
+  var children = getNodeChildren(withExprNode);
+  var closeParen = children.find(function (c) {
+    return getNodeText(c, text) === ')';
+  });
+  if (closeParen && pos > closeParen.to) {
+    return {
+      type: 'IN_WITH_BODY'
+    };
+  }
+  return null;
+}
 function resolveDurations() {
   return {
     type: 'IN_DURATION'
@@ -1570,6 +1599,25 @@ function getErrorNode(tree, pos) {
   }
   return null;
 }
+function findMatchingParen(text, openPos) {
+  var depth = 0;
+  for (var i = openPos; i < text.length; i++) {
+    if (text[i] === '(') depth++;
+    if (text[i] === ')') {
+      depth--;
+      if (depth === 0) return i;
+    }
+  }
+  return -1;
+}
+function isInWithBody(text, pos) {
+  var withMatch = text.match(/^with\s*\(/i);
+  if (!withMatch) return false;
+  var openParenPos = withMatch[0].length - 1;
+  var closeParenPos = findMatchingParen(text, openParenPos);
+  if (closeParenPos === -1) return false;
+  return pos > closeParenPos;
+}
 function getSituation(text, pos) {
   // there is a special-case when we are at the start of writing text,
   // so we handle that case first
@@ -1578,6 +1626,12 @@ function getSituation(text, pos) {
       type: 'EMPTY'
     };
   }
+  // text-based check for with body (fallback until grammar supports WithExpr)
+  if (isInWithBody(text, pos)) {
+    return {
+      type: 'IN_WITH_BODY'
+    };
+  }
   /**
      PromQL
      Expr
@@ -1660,12 +1714,19 @@ function _getAllFunctionsAndMetricNamesCompletions() {
       while (1) switch (_context.n) {
         case 0:
           metricNames = getAllMetricNamesCompletions(dataProvider);
-          return _context.a(2, [].concat(FUNCTION_COMPLETIONS, metricNames));
+          return _context.a(2, [CTE_KEYWORD_COMPLETION].concat(FUNCTION_COMPLETIONS, metricNames));
       }
     }, _callee);
   }));
   return _getAllFunctionsAndMetricNamesCompletions.apply(this, arguments);
 }
+var CTE_KEYWORD_COMPLETION = {
+  type: 'FUNCTION',
+  label: 'with',
+  insertText: 'with (',
+  detail: 'with (cte_name = expr, ...) expr',
+  documentation: 'Define Common Table Expressions (CTEs) for use in the query. MetricsQL extension.'
+};
 var DURATION_COMPLETIONS = /*#__PURE__*/['1m', '5m', '10m', '30m', '1h', '1d'].map(function (text) {
   return {
     type: 'DURATION',
@@ -1907,6 +1968,7 @@ function getCompletions(situation, dataProvider) {
       return Promise.resolve(DURATION_COMPLETIONS);
     case 'IN_FUNCTION':
       return getAllFunctionsAndMetricNamesCompletions(dataProvider);
+    case 'IN_WITH_BODY':
     case 'AT_ROOT':
       {
         return getAllFunctionsAndMetricNamesCompletions(dataProvider);
@@ -1915,7 +1977,7 @@ function getCompletions(situation, dataProvider) {
       {
         var metricNames = getAllMetricNamesCompletions(dataProvider);
         var historyCompletions = getAllHistoryCompletions();
-        return Promise.resolve([].concat(historyCompletions, FUNCTION_COMPLETIONS, metricNames));
+        return Promise.resolve([].concat(historyCompletions, [CTE_KEYWORD_COMPLETION], FUNCTION_COMPLETIONS, metricNames));
       }
     case 'IN_LABEL_SELECTOR_NO_LABEL_NAME':
       return getLabelNamesForSelectorCompletions(situation.metricName, situation.hasOperator, situation.otherLabels, dataProvider);