@fc-components/monaco-editor 0.1.24 → 0.1.25

package/dist/monaco-editor.cjs.development.js

@@ -1254,11 +1254,29 @@ function isPathMatch(resolverPath, cursorPath) {
 }
 var ERROR_NODE_NAME = 0; // this is used as error-id
 var RESOLVERS = [{
+  path: [lezerMetricsql.LabelName, lezerMetricsql.UnquotedLabelMatcher],
+  fun: resolveLabelName
+}, {
+  path: [lezerMetricsql.UnquotedLabelMatcher, lezerMetricsql.LabelMatchers],
+  fun: resolveLabelName
+}, {
   path: [lezerMetricsql.LabelMatchers, lezerMetricsql.VectorSelector],
   fun: resolveLabelKeysWithEquals
+}, {
+  path: [lezerMetricsql.LabelMatchers, lezerMetricsql.VectorSelector, lezerMetricsql.PromQL],
+  fun: resolveLabelKeysWithEquals
 }, {
   path: [lezerMetricsql.PromQL],
   fun: resolveTopLevel
+}, {
+  path: [lezerMetricsql.VectorSelector, lezerMetricsql.PromQL],
+  fun: resolveTopLevel
+}, {
+  path: [lezerMetricsql.Identifier, lezerMetricsql.VectorSelector],
+  fun: resolveTopLevel
+}, {
+  path: [lezerMetricsql.Identifier, lezerMetricsql.VectorSelector, lezerMetricsql.PromQL],
+  fun: resolveTopLevel
 }, {
   path: [lezerMetricsql.FunctionCallBody],
   fun: resolveInFunction
@@ -1270,7 +1288,7 @@ var RESOLVERS = [{
   fun: resolveTopLevel
 }, {
   path: [ERROR_NODE_NAME, lezerMetricsql.UnquotedLabelMatcher],
-  fun: resolveLabelMatcher
+  fun: resolveErrorInLabelMatcher
 }, {
   path: [ERROR_NODE_NAME, lezerMetricsql.NumberDurationLiteralInDurationContext, lezerMetricsql.MatrixSelector],
   fun: resolveDurations
@@ -1412,6 +1430,27 @@ function resolveLabelMatcher(node, text, _pos) {
     otherLabels: otherLabels
   };
 }
+function resolveErrorInLabelMatcher(node, text, pos) {
+  // 处理错误节点在 UnquotedLabelMatcher 中的情况
+  // 需要判断是删除值还是删除名称
+  var parent = walk(node, [['parent', lezerMetricsql.UnquotedLabelMatcher]]);
+  if (parent === null) {
+    return null;
+  }
+  var labelNameNode = walk(parent, [['firstChild', lezerMetricsql.LabelName]]);
+  // 情况1: 有完整的标签名 -> 提示 label value
+  if (labelNameNode !== null) {
+    // 检查是否有 MatchOp（=, =~, !=, !~）
+    var hasMatchOp = walk(labelNameNode, [['nextSibling', lezerMetricsql.MatchOp]]) !== null;
+    if (hasMatchOp) {
+      // 这是值场景，使用 resolveLabelMatcher 的逻辑
+      return resolveLabelMatcher(node, text);
+    }
+  }
+  // 情况2: 没有完整的标签名或没有 MatchOp -> 提示 label name
+  // 使用 resolveLabelName 的逻辑
+  return resolveLabelName(parent, text, pos);
+}
 function resolveTopLevel() {
   return {
     type: 'AT_ROOT'
@@ -1427,6 +1466,55 @@ function resolveDurations() {
     type: 'IN_DURATION'
   };
 }
+function resolveLabelName(node, text, pos) {
+  var labelMatcherNode = node;
+  // 如果节点是错误节点，尝试找到其父节点 UnquotedLabelMatcher
+  if (node.type.isError) {
+    var parent = node.parent;
+    if (parent !== null && parent.type.id === lezerMetricsql.UnquotedLabelMatcher) {
+      labelMatcherNode = parent;
+    } else {
+      return null;
+    }
+  } else if (node.type.id === lezerMetricsql.LabelName) {
+    labelMatcherNode = walk(node, [['parent', lezerMetricsql.UnquotedLabelMatcher]]);
+  }
+  if (labelMatcherNode === null || labelMatcherNode.type.id !== lezerMetricsql.UnquotedLabelMatcher) {
+    return null;
+  }
+  var labelNameNode = walk(labelMatcherNode, [['firstChild', lezerMetricsql.LabelName]]);
+  if (labelNameNode === null) {
+    return null;
+  }
+  if (pos > labelNameNode.to) {
+    return null;
+  }
+  var labelMatchersNode = walk(labelMatcherNode, [['parent', lezerMetricsql.LabelMatchers]]);
+  if (labelMatchersNode === null) {
+    return null;
+  }
+  var currentLabelName = getNodeText(labelNameNode, text);
+  var allLabels = getLabels(labelMatchersNode, text);
+  var otherLabels = allLabels.filter(function (label) {
+    return label.name !== currentLabelName;
+  });
+  var hasOperator = walk(labelNameNode, [['nextSibling', lezerMetricsql.MatchOp]]) !== null;
+  var metricNameNode = walk(labelMatchersNode, [['parent', lezerMetricsql.VectorSelector], ['firstChild', lezerMetricsql.Identifier]]);
+  if (metricNameNode === null) {
+    return {
+      type: 'IN_LABEL_SELECTOR_NO_LABEL_NAME',
+      otherLabels: otherLabels,
+      hasOperator: hasOperator
+    };
+  }
+  var metricName = getNodeText(metricNameNode, text);
+  return {
+    type: 'IN_LABEL_SELECTOR_NO_LABEL_NAME',
+    metricName: metricName,
+    otherLabels: otherLabels,
+    hasOperator: hasOperator
+  };
+}
 function resolveLabelKeysWithEquals(node, text, pos) {
   // next false positive:
   // `something{a="1"^}`
@@ -1449,14 +1537,16 @@ function resolveLabelKeysWithEquals(node, text, pos) {
     // we are probably in a situation without a metric name.
     return {
       type: 'IN_LABEL_SELECTOR_NO_LABEL_NAME',
-      otherLabels: otherLabels
+      otherLabels: otherLabels,
+      hasOperator: false
     };
   }
   var metricName = getNodeText(metricNameNode, text);
   return {
     type: 'IN_LABEL_SELECTOR_NO_LABEL_NAME',
     metricName: metricName,
-    otherLabels: otherLabels
+    otherLabels: otherLabels,
+    hasOperator: false
   };
 }
 // we find the first error-node in the tree that is at the cursor-position.
@@ -1504,8 +1594,10 @@ function getSituation(text, pos) {
   var cur = maybeErrorNode != null ? maybeErrorNode.cursor() : tree.cursorAt(pos);
   var currentNode = cur.node;
   var ids = [cur.type.id];
+  // const names = [cur.type.name];
   while (cur.parent()) {
     ids.push(cur.type.id);
+    // names.push(cur.type.name);
   }
   for (var _iterator3 = _createForOfIteratorHelperLoose(RESOLVERS), _step3; !(_step3 = _iterator3()).done;) {
     var resolver = _step3.value;
@@ -1688,21 +1780,21 @@ function _getLabelNamesForCompletions() {
   }));
   return _getLabelNamesForCompletions.apply(this, arguments);
 }
-function getLabelNamesForSelectorCompletions(_x0, _x1, _x10) {
+function getLabelNamesForSelectorCompletions(_x0, _x1, _x10, _x11) {
   return _getLabelNamesForSelectorCompletions.apply(this, arguments);
 }
 function _getLabelNamesForSelectorCompletions() {
-  _getLabelNamesForSelectorCompletions = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(metric, otherLabels, dataProvider) {
+  _getLabelNamesForSelectorCompletions = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(metric, hasOperator, otherLabels, dataProvider) {
     return _regenerator().w(function (_context4) {
       while (1) switch (_context4.n) {
         case 0:
-          return _context4.a(2, getLabelNamesForCompletions(metric, '=', true, otherLabels, dataProvider));
+          return _context4.a(2, getLabelNamesForCompletions(metric, hasOperator ? '' : '=', true, otherLabels, dataProvider));
       }
     }, _callee4);
   }));
   return _getLabelNamesForSelectorCompletions.apply(this, arguments);
 }
-function getLabelNamesForByCompletions(_x11, _x12, _x13) {
+function getLabelNamesForByCompletions(_x12, _x13, _x14) {
   return _getLabelNamesForByCompletions.apply(this, arguments);
 }
 function _getLabelNamesForByCompletions() {
@@ -1716,7 +1808,7 @@ function _getLabelNamesForByCompletions() {
   }));
   return _getLabelNamesForByCompletions.apply(this, arguments);
 }
-function getLabelValues(_x14, _x15, _x16, _x17) {
+function getLabelValues(_x15, _x16, _x17, _x18) {
   return _getLabelValues.apply(this, arguments);
 }
 function _getLabelValues() {
@@ -1781,7 +1873,7 @@ function _getLabelValues() {
   }));
   return _getLabelValues.apply(this, arguments);
 }
-function getLabelValuesForMetricCompletions(_x18, _x19, _x20, _x21, _x22) {
+function getLabelValuesForMetricCompletions(_x19, _x20, _x21, _x22, _x23) {
   return _getLabelValuesForMetricCompletions.apply(this, arguments);
 }
 function _getLabelValuesForMetricCompletions() {
@@ -1826,7 +1918,7 @@ function getCompletions(situation, dataProvider) {
         return Promise.resolve([].concat(historyCompletions, FUNCTION_COMPLETIONS, metricNames));
       }
     case 'IN_LABEL_SELECTOR_NO_LABEL_NAME':
-      return getLabelNamesForSelectorCompletions(situation.metricName, situation.otherLabels, dataProvider);
+      return getLabelNamesForSelectorCompletions(situation.metricName, situation.hasOperator, situation.otherLabels, dataProvider);
     case 'IN_GROUPING':
       return getLabelNamesForByCompletions(situation.metricName, situation.otherLabels, dataProvider);
     case 'IN_LABEL_SELECTOR_WITH_LABEL_NAME':
@@ -2049,6 +2141,8 @@ function PromQLEditor(props) {
   var containerRef = React.useRef(null);
   var dataProviderRef = React.useRef(null);
   var editorRef = React.useRef(null);
+  var previousContentRef = React.useRef('');
+  var lastDeletionTriggerTimeRef = React.useRef(0);
   var styles = getStyles(placeholder);
   var handleEditorDidMount = function handleEditorDidMount(editor) {
     editorRef.current = editor;
@@ -2132,6 +2226,10 @@ function PromQLEditor(props) {
     editor.addCommand(monaco.KeyCode.Enter, function () {
       onEnter == null || onEnter(editor.getValue());
     }, '!suggestWidgetVisible && isEditorFocused' + id);
+    // Initialize previous content tracking
+    previousContentRef.current = editor.getValue();
+    lastDeletionTriggerTimeRef.current = 0;
+    var DELETION_TRIGGER_DEBOUNCE_MS = 1000;
     editor.onDidChangeModelContent(function () {
       var model = editor.getModel();
       if (model) {
@@ -2146,6 +2244,20 @@ function PromQLEditor(props) {
           }, boundary);
         });
         monaco.editor.setModelMarkers(model, 'owner', markers);
+        // Detect deletion and trigger completion
+        var previousContent = previousContentRef.current;
+        var isDeletion = query.length < previousContent.length;
+        if (isDeletion && enableAutocomplete) {
+          var now = Date.now();
+          if (now - lastDeletionTriggerTimeRef.current >= DELETION_TRIGGER_DEBOUNCE_MS) {
+            lastDeletionTriggerTimeRef.current = now;
+            // Trigger completion after deletion
+            setTimeout(function () {
+              editor.trigger('keyboard', 'editor.action.triggerSuggest', {});
+            }, 0);
+          }
+        }
+        previousContentRef.current = query;
       }
     });
     editorDidMount == null || editorDidMount(editor);