refactor: remove codemirror references in colorOreview extension

Author: abose

src/extensionsIntegrated/CSSColorPreview/main.js

@@ -122,7 +122,6 @@ define(function (require, exports, module) {
      */
     function showGutters(editor, _results, update = false) {
         if (editor && enabled) {
-            const cm = editor._codeMirror;
             // if the file is updated we don't need to clear the gutter
             // as it will clear all the existing markers.
             if(!update) {
@@ -132,9 +131,9 @@ define(function (require, exports, module) {
 
             // Only add markers if enabled
             if (enabled) {
-                cm.colorGutters = _.sortBy(_results, "lineNumber");
+                const colorGutters = _.sortBy(_results, "lineNumber");
 
-                cm.colorGutters.forEach(function (obj) {
+                colorGutters.forEach(function (obj) {
                     let $marker;
                     if (obj.colorValues.length === 1) {
                         // Single color preview
@@ -213,18 +212,10 @@ define(function (require, exports, module) {
                 newEditor.on("cursorActivity.colorPreview", _cursorActivity);
                 // Unbind the previous editor's change event if it exists
                 if (oldEditor) {
-                    const oldCM = oldEditor._codeMirror;
-                    if (oldCM) {
-                        oldCM.off("change", onChanged);
-                    }
-                }
-
-                // Bind change event to the new editor
-                const cm = newEditor._codeMirror;
-                if (cm) {
-                    cm.on("change", onChanged);
+                    oldEditor.off("change", onChanged);
                 }
-
+                newEditor.off("change", onChanged);
+                newEditor.on("change", onChanged);
                 showColorMarks();
                 _cursorActivity(null, newEditor);
             }
@@ -233,13 +224,11 @@ define(function (require, exports, module) {
         // Handle the currently active editor at initialization
         const activeEditor = EditorManager.getActiveEditor();
         if (activeEditor) {
-            const cm = activeEditor._codeMirror;
-            if (cm) {
-                cm.on("change", onChanged);
-            }
+            activeEditor.off("change", onChanged);
+            activeEditor.on("change", onChanged);
             showColorMarks();
+            _cursorActivity(null, activeEditor);
         }
-
     }
 
     /**