@fc-components/monaco-editor 0.1.15 → 0.1.17

package/dist/monaco-editor.esm.js

@@ -6,7 +6,6 @@ import { promLanguageDefinition } from 'monaco-promql';
 import { parser, LabelMatchers, VectorSelector, PromQL, FunctionCallBody, StringLiteral, UnquotedLabelMatcher, BinaryExpr, NumberDurationLiteralInDurationContext, MatrixSelector, GroupingLabels, AggregateModifier, AggregateExpr, Identifier, LabelName, MatchOp, EqlSingle, EqlRegex, Neq, NeqRegex } from '@fc-components/lezer-metricsql';
 import { v4 } from 'uuid';
 import { css } from '@emotion/css';
-import UFuzzy from '@leeoniya/ufuzzy';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -875,6 +874,7 @@ var DataProvider = /*#__PURE__*/function () {
     this.variablesNames = [];
     this.httpMethod = 'GET';
     this.apiPrefix = '/api/v1';
+    this.enableRequests = true;
     this.customRequest = function (input, init) {
       return fetch(input, init);
     };
@@ -884,6 +884,12 @@ var DataProvider = /*#__PURE__*/function () {
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
+              if (_this.enableRequests) {
+                _context.n = 1;
+                break;
+              }
+              return _context.a(2, []);
+            case 1:
               end = new Date();
               start = new Date(end.getTime() - _this.lookbackInterval);
               url = _this.apiPrefix + "/series";
@@ -900,14 +906,14 @@ var DataProvider = /*#__PURE__*/function () {
                 });
               }
               request = _this.buildRequest(url, new URLSearchParams(urlParams));
-              _context.n = 1;
+              _context.n = 2;
               return _this.request(request.uri, {
                 method: _this.httpMethod,
                 body: request.body
               })["catch"](function () {
                 return [];
               });
-            case 1:
+            case 2:
               return _context.a(2, _context.v);
           }
         }, _callee);
@@ -922,6 +928,12 @@ var DataProvider = /*#__PURE__*/function () {
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.n) {
             case 0:
+              if (_this.enableRequests) {
+                _context2.n = 1;
+                break;
+              }
+              return _context2.a(2, []);
+            case 1:
               end = new Date();
               start = new Date(end.getTime() - _this.lookbackInterval);
               url = _this.apiPrefix + "/labels";
@@ -933,7 +945,7 @@ var DataProvider = /*#__PURE__*/function () {
                 urlParams['match[]'] = selector;
               }
               request = _this.buildRequest(url, new URLSearchParams(urlParams));
-              _context2.n = 1;
+              _context2.n = 2;
               return _this.request(request.uri, {
                 method: _this.httpMethod,
                 body: request.body
@@ -943,7 +955,7 @@ var DataProvider = /*#__PURE__*/function () {
               })["catch"](function () {
                 return [];
               });
-            case 1:
+            case 2:
               return _context2.a(2, _context2.v);
           }
         }, _callee2);
@@ -958,6 +970,12 @@ var DataProvider = /*#__PURE__*/function () {
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.n) {
             case 0:
+              if (_this.enableRequests) {
+                _context3.n = 1;
+                break;
+              }
+              return _context3.a(2, []);
+            case 1:
               end = new Date();
               start = new Date(end.getTime() - _this.lookbackInterval);
               url = _this.apiPrefix + "/label/" + labelName + "/values";
@@ -969,14 +987,14 @@ var DataProvider = /*#__PURE__*/function () {
                 urlParams['match[]'] = selector;
               }
               request = _this.buildRequest(url, new URLSearchParams(urlParams));
-              _context3.n = 1;
+              _context3.n = 2;
               return _this.request(request.uri, {
                 method: _this.httpMethod,
                 body: request.body
               })["catch"](function () {
                 return [];
               });
-            case 1:
+            case 2:
               return _context3.a(2, _context3.v);
           }
         }, _callee3);
@@ -1026,6 +1044,10 @@ var DataProvider = /*#__PURE__*/function () {
     if (params.apiPrefix) {
       this.apiPrefix = params.apiPrefix;
     }
+    // control whether DataProvider should actually send network requests
+    if (typeof params.enableRequests !== 'undefined') {
+      this.enableRequests = !!params.enableRequests;
+    }
     this.metrics = [];
     this.labelKeys = [];
   }
@@ -1089,18 +1111,24 @@ var DataProvider = /*#__PURE__*/function () {
       return _regenerator().w(function (_context5) {
         while (1) switch (_context5.n) {
           case 0:
+            if (this.enableRequests) {
+              _context5.n = 1;
+              break;
+            }
+            this.metricsMetadata = {};
+            return _context5.a(2, this.metricsMetadata);
+          case 1:
             request = this.buildRequest(this.apiPrefix + "/metadata", new URLSearchParams({}));
-            _context5.n = 1;
+            _context5.n = 2;
             return this.request(request.uri, {
               method: this.httpMethod,
               body: request.body
             })["catch"](function () {
               return {};
             });
-          case 1:
-            this.metricsMetadata = _context5.v;
           case 2:
-            return _context5.a(2);
+            this.metricsMetadata = _context5.v;
+            return _context5.a(2, this.metricsMetadata || {});
         }
       }, _callee5, this);
     }));
@@ -1487,24 +1515,23 @@ function notEmpty(value) {
   return value !== null && value !== undefined;
 }
 
-var metricNamesSearchClient = /*#__PURE__*/new UFuzzy({
-  intraMode: 1
-});
+// const metricNamesSearchClient = new UFuzzy({ intraMode: 1 });
 // we order items like: history, functions, metrics
 function getAllMetricNamesCompletions(dataProvider) {
   var metricNames = dataProvider.getAllMetricNames();
-  if (metricNames.length > dataProvider.metricNamesSuggestionLimit) {
-    var monacoSettings = dataProvider.monacoSettings;
-    monacoSettings.enableAutocompleteSuggestionsUpdate();
-    if (monacoSettings.inputInRange) {
-      var _metricNamesSearchCli, _metricNamesSearchCli2;
-      metricNames = (_metricNamesSearchCli = (_metricNamesSearchCli2 = metricNamesSearchClient.filter(metricNames, monacoSettings.inputInRange)) == null ? void 0 : _metricNamesSearchCli2.slice(0, dataProvider.metricNamesSuggestionLimit).map(function (idx) {
-        return metricNames[idx];
-      })) != null ? _metricNamesSearchCli : [];
-    } else {
-      metricNames = metricNames.slice(0, dataProvider.metricNamesSuggestionLimit);
-    }
-  }
+  // if (metricNames.length > dataProvider.metricNamesSuggestionLimit) {
+  //   const { monacoSettings } = dataProvider;
+  //   monacoSettings.enableAutocompleteSuggestionsUpdate();
+  //   if (monacoSettings.inputInRange) {
+  //     metricNames =
+  //       metricNamesSearchClient
+  //         .filter(metricNames, monacoSettings.inputInRange)
+  //         ?.slice(0, dataProvider.metricNamesSuggestionLimit)
+  //         .map((idx) => metricNames[idx]) ?? [];
+  //   } else {
+  //     metricNames = metricNames.slice(0, dataProvider.metricNamesSuggestionLimit);
+  //   }
+  // }
   return dataProvider.metricNamesToMetrics(metricNames).map(function (metric) {
     return {
       type: 'METRIC_NAME',
@@ -1728,7 +1755,7 @@ function _getLabelValues() {
           }
           return _context6.a(3, 7);
         case 6:
-          if (key === labelName) {
+          if (key === labelName && value) {
             labelValues.add(value);
           }
         case 7:
@@ -2001,6 +2028,8 @@ function PromQLEditor(props) {
     interpolateString = props.interpolateString,
     _props$enableAutocomp = props.enableAutocomplete,
     enableAutocomplete = _props$enableAutocomp === void 0 ? true : _props$enableAutocomp,
+    _props$enableRequests = props.enableRequests,
+    enableRequests = _props$enableRequests === void 0 ? true : _props$enableRequests,
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
     _props$disabled = props.disabled,
@@ -2153,7 +2182,8 @@ function PromQLEditor(props) {
         request: props.request,
         httpMethod: props.httpMethod,
         apiPrefix: props.apiPrefix,
-        httpErrorHandler: props.httpErrorHandler
+        httpErrorHandler: props.httpErrorHandler,
+        enableRequests: enableRequests
       });
       dataProviderRef.current = dataProvider;
       dataProvider.start();
@@ -2200,7 +2230,7 @@ function PromQLEditor(props) {
       checkDecorators();
       editor.onDidChangeModelContent(checkDecorators);
     }
-  }, [enableAutocomplete, props.url, props.lookbackInterval, JSON.stringify(props.variablesNames), props.durationVariablesCompletion, props.httpMethod, props.apiPrefix, placeholder]);
+  }, [enableAutocomplete, props.url, props.lookbackInterval, JSON.stringify(props.variablesNames), props.durationVariablesCompletion, props.httpMethod, props.apiPrefix, placeholder, enableRequests]);
   return React.createElement("div", {
     className: 'ant-input' + (size ? " " + SIZE_MAP[size].className : '') + (disabled ? " ant-input-disabled " + containerDisabledClassName : '') + (readOnly ? " " + containerReadOnlyClassName : '')
   }, React.createElement("div", {