fix(Editor component): Force parsing within 100ms to handle folding b…

…ig documents (#1677)

code/package.json

@@ -46,15 +46,15 @@
   "dependencies": {
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-markdown": "^6.1.0",
-    "@codemirror/language": "^6.6.0",
-    "@codemirror/legacy-modes": "^6.3.1",
+    "@codemirror/language": "^6.10.3",
+    "@codemirror/legacy-modes": "^6.4.1",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@stripe/react-stripe-js": "^2.1.0",
     "@stripe/stripe-js": "^1.54.0",
-    "@uiw/react-codemirror": "^4.19.9",
+    "@uiw/react-codemirror": "^4.23.6",
     "bluebird": "^3.7.2",
     "chart.js": "^3.9.1",
     "chartjs-adapter-date-fns": "^3.0.0",

code/src/cljs/sixsq/nuvla/ui/utils/semantic_ui_extensions.cljs

@@ -218,7 +218,9 @@
 (defn EditorCode
   [{:keys [value] :as props}]
   [ui/CodeMirror
-   (assoc props :value (or value ""))])
+   (assoc props :value (or value "")
+                ;; forceParsing upto 999999 and within 100ms timeout
+                :on-create-editor #(language/forceParsing % 999999 100))])
 
 (defn EditorJson
   [props]
@@ -713,8 +715,8 @@
        :reagent-render      (fn [args]
                               [:div
                                [:div {:ref   #(reset! ref %)
-                                      :style {:overflow-y   :hidden
-                                              :overflow-x   :auto
+                                      :style {:overflow-y :hidden
+                                              :overflow-x :auto
                                               :max-height (if @show-more? nil "15ch")}}
                                 [Component args]]
                                (when @overflow?