From 5faeb965cb762333aefe9878d6318ef6fc35f5cd Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 13 Sep 2023 16:17:44 +0200
Subject: [PATCH] chore: fix linting issue and update testing snapshots

---
 package-lock.json                             |  2 +-
 package.json                                  |  2 +-
 .../__snapshots__/JSONEditor.test.ts.snap     | 22 +++++++++----------
 .../components/modes/textmode/TextMode.svelte |  2 +-
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 493c6521..5b84bea2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@codemirror/view": "^6.16.0",
         "@fortawesome/free-regular-svg-icons": "^6.4.2",
         "@fortawesome/free-solid-svg-icons": "^6.4.2",
-        "@replit/codemirror-indentation-markers": "6.4.3",
+        "@replit/codemirror-indentation-markers": "^6.4.3",
         "ajv": "^8.12.0",
         "codemirror-wrapped-line-indent": "^0.0.2",
         "diff-sequences": "^29.6.3",
diff --git a/package.json b/package.json
index 0acb5596..ae548e6f 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "@codemirror/view": "^6.16.0",
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@replit/codemirror-indentation-markers": "6.4.3",
+    "@replit/codemirror-indentation-markers": "^6.4.3",
     "ajv": "^8.12.0",
     "codemirror-wrapped-line-indent": "^0.0.2",
     "diff-sequences": "^29.6.3",
diff --git a/src/lib/components/__snapshots__/JSONEditor.test.ts.snap b/src/lib/components/__snapshots__/JSONEditor.test.ts.snap
index c6fe7c8b..adc00d6f 100644
--- a/src/lib/components/__snapshots__/JSONEditor.test.ts.snap
+++ b/src/lib/components/__snapshots__/JSONEditor.test.ts.snap
@@ -913,7 +913,7 @@ exports[`JSONEditor > render text mode 1`] = `
                 data-language="json"
                 role="textbox"
                 spellcheck="false"
-                style="tab-size: 4"
+                style="tab-size: 4;"
                 translate="no"
               >
                 <div
@@ -923,13 +923,13 @@ exports[`JSONEditor > render text mode 1`] = `
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     {
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat;"
                 >
                       
                   <span
@@ -946,19 +946,19 @@ exports[`JSONEditor > render text mode 1`] = `
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     },
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     {
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat;"
                 >
                       
                   <span
@@ -976,7 +976,7 @@ exports[`JSONEditor > render text mode 1`] = `
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat;"
                 >
                       
                   <span
@@ -993,19 +993,19 @@ exports[`JSONEditor > render text mode 1`] = `
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     },
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     {
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat,repeating-linear-gradient(to right, var(--indent-marker-bg-color) 0 1px, transparent 1px 2ch) 2.5ch/calc(2ch - 1px) no-repeat;"
                 >
                       
                   <span
@@ -1022,7 +1022,7 @@ exports[`JSONEditor > render text mode 1`] = `
                 </div>
                 <div
                   class="cm-indent-markers cm-line"
-                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat"
+                  style="--indent-markers: repeating-linear-gradient(to right, var(--indent-marker-active-bg-color) 0 1px, transparent 1px 2ch) 0.5ch/calc(2ch - 1px) no-repeat;"
                 >
                     }
                 </div>
diff --git a/src/lib/components/modes/textmode/TextMode.svelte b/src/lib/components/modes/textmode/TextMode.svelte
index 66bc2415..1cac9d5a 100644
--- a/src/lib/components/modes/textmode/TextMode.svelte
+++ b/src/lib/components/modes/textmode/TextMode.svelte
@@ -750,7 +750,7 @@
     }
 
     const codeMirrorText = getCodeMirrorValue()
-    
+
     const isChanged = codeMirrorText !== text
     debug('onChangeCodeMirrorValue', { isChanged })
     if (!isChanged) {