refactor: remove codemirror references in colorPreview extension

.github/workflows/codeql-analysis.yml

@@ -23,7 +23,7 @@ on:
 jobs:
   analyze:
     name: Analyze
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     permissions:
       actions: read
       contents: read

.github/workflows/comment_pr.yml

@@ -9,7 +9,7 @@ on:
 
 jobs:
   one:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     strategy:
       matrix:
         python-version: [3.8]

.github/workflows/create-deploy.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/desktop-linux-prod-test-pull.yml

@@ -10,7 +10,7 @@ concurrency:
 
 jobs:
   test-desktop-linux-prod:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     timeout-minutes: 90
     steps:
       - uses: actions/checkout@v3

.github/workflows/desktop-linux-test-pull.yml

@@ -9,7 +9,7 @@ concurrency:
 
 jobs:
   test-desktop-linux:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     timeout-minutes: 90
     steps:
       - uses: actions/checkout@v3

.github/workflows/dev-deploy.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: Npm Install

.github/workflows/minor-version-bump.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - name: setup node
         uses: actions/setup-node@v3

.github/workflows/patch-version-bump.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - name: setup node
         uses: actions/setup-node@v3

.github/workflows/playwright-chromium-linux.yml

@@ -10,7 +10,7 @@ concurrency:
 jobs:
   playwright-chromium-linux:
     timeout-minutes: 90
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
     - uses: actions/checkout@v3
     - name: setup node

.github/workflows/playwright-firefox-linux.yml

@@ -10,7 +10,7 @@ concurrency:
 jobs:
   playwright-firefox-linux:
     timeout-minutes: 90
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
     - uses: actions/checkout@v3
     - name: setup node

.github/workflows/playwright-staging-prod.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   playwrightChromiumLinux:
     timeout-minutes: 90
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node
@@ -166,7 +166,7 @@ jobs:
 
   playwrightFirefoxLinux:
     timeout-minutes: 90
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/prod-deploy.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/pull_request_verify.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/staging-deploy.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/tauri-deploy.yml

@@ -11,7 +11,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: setup node

.github/workflows/tranlate-languages.yml

@@ -6,7 +6,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
       - name: Building phoenix

.github/workflows/verify_cla_signature_pr.yml

@@ -15,7 +15,7 @@ on:
 
 jobs:
   one:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     strategy:
       matrix:
         python-version: [3.8]

.github/workflows/yearly-major-version-bump.yml

@@ -7,7 +7,7 @@ on:
 
 jobs:
   build-tasks:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
         with:

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);
         }
-
     }
 
     /**