@gravitee/ui-components 3.24.4-migrate-codemirror-1f6b324 → 3.24.4-migrate-codemirror-6261802

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.24.4-migrate-codemirror-1f6b324",
+  "version": "3.24.4-migrate-codemirror-6261802",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",

package/src/molecules/gv-code.js

@@ -108,10 +108,6 @@ export class GvCode extends GvInput {
     dispatchCustomEvent(this, 'ready', { currentTarget: this });
   }
 
-  _onChange() {
-    dispatchCustomEvent(this, 'input', this.value);
-  }
-
   get hasInputStyle() {
     return this.rows === 1;
   }
@@ -148,6 +144,7 @@ export class GvCode extends GvInput {
       EditorView.updateListener.of((viewUpdate) => {
         if (viewUpdate.docChanged) {
           this.value = this._editorView.state.doc.toString();
+          dispatchCustomEvent(this, 'input', this.value);
         }
       }),
       autocompletion({
@@ -168,19 +165,24 @@ export class GvCode extends GvInput {
 
   firstUpdated() {
     super.firstUpdated();
-
-    const parent = this.getInputElement();
-
     this._editorState = EditorState.create({
       doc: this.value,
       extensions: this._getExtensions(),
     });
+    const parent = this.getInputElement();
     this._editorView = new EditorView({
       root: this.shadowRoot,
       parent,
       state: this._editorState,
+      dispatch: (transaction) => {
+        try {
+          this._editorView.update([transaction]);
+        } catch (e) {
+          // Sometimes the default dispatch fn throws an NS_ERROR_FAILURE at runtime.
+          // It's so strange but with this catch everything is okay
+        }
+      },
     });
-
     parent.appendChild(this._editorView.dom);
   }
 

package/src/molecules/gv-expression-language.js

@@ -67,7 +67,7 @@ export class GvExpressionLanguage extends GvCode {
           view.dispatch(
             view.state.changeByRange((range) => ({
               changes: [{ from: range.from, to: range.to, insert: '{#}' }],
-              range: EditorSelection.range(range.from + 2, range.to + 2),
+              range: EditorSelection.range(range.from + 2, range.from + 2),
             })),
           );
           startCompletion(view);