Avoid lag when nested array contains gb of data

Author: nmeylan

src/array_table.rs

@@ -895,7 +895,11 @@ impl<'array> ArrayTable<'array> {
                             return Some(label.ui(ui));
                         } else if let Some(value) = entry.value.as_ref() {
                             if !matches!(entry.pointer.value_type, ValueType::Null) {
-                                let label = CellText::new(value.clone());
+                                let label = if value.len() > 1000 {
+                                    CellText::new(&value[0..1000])
+                                } else {
+                                    CellText::new(value)
+                                };
 
                                 let mut response = label.ui(ui, cell_id);
 

src/components/cell_text.rs

@@ -3,22 +3,21 @@ use eframe::epaint;
 use egui::{FontSelection, Id, Response, RichText, Sense, Ui, WidgetText};
 
 pub struct CellText {
-    text: String,
+    text: WidgetText,
 }
 
 impl CellText {
-    pub fn new(text: String) -> CellText {
-        CellText { text }
+    pub fn new(text: impl Into<WidgetText>) -> CellText {
+        CellText { text: text.into() }
     }
 
     pub fn ui(self, ui: &mut Ui, cell_id: usize) -> Response {
         let rect = ui.available_rect_before_wrap();
         let cell_zone = ui.interact(rect, Id::new(cell_id), Sense::click());
 
         let valign = ui.text_valign();
-        let rich_text = RichText::new(self.text.clone());
 
-        let widget_text = WidgetText::RichText(rich_text);
+        let widget_text = self.text;
         let mut layout_job =
             widget_text.into_layout_job(ui.style(), FontSelection::Default, valign);
 

web/json-editor.js

@@ -1645,23 +1645,23 @@ let wasm_bindgen;
             const ret = false;
             return ret;
         };
-        imports.wbg.__wbindgen_closure_wrapper1017 = function(arg0, arg1, arg2) {
+        imports.wbg.__wbindgen_closure_wrapper1021 = function(arg0, arg1, arg2) {
             const ret = makeMutClosure(arg0, arg1, 210, __wbg_adapter_32);
             return ret;
         };
-        imports.wbg.__wbindgen_closure_wrapper1517 = function(arg0, arg1, arg2) {
+        imports.wbg.__wbindgen_closure_wrapper1521 = function(arg0, arg1, arg2) {
             const ret = makeMutClosure(arg0, arg1, 393, __wbg_adapter_35);
             return ret;
         };
-        imports.wbg.__wbindgen_closure_wrapper1519 = function(arg0, arg1, arg2) {
+        imports.wbg.__wbindgen_closure_wrapper1523 = function(arg0, arg1, arg2) {
             const ret = makeMutClosure(arg0, arg1, 393, __wbg_adapter_35);
             return ret;
         };
-        imports.wbg.__wbindgen_closure_wrapper1521 = function(arg0, arg1, arg2) {
+        imports.wbg.__wbindgen_closure_wrapper1525 = function(arg0, arg1, arg2) {
             const ret = makeMutClosure(arg0, arg1, 393, __wbg_adapter_40);
             return ret;
         };
-        imports.wbg.__wbindgen_closure_wrapper1933 = function(arg0, arg1, arg2) {
+        imports.wbg.__wbindgen_closure_wrapper1937 = function(arg0, arg1, arg2) {
             const ret = makeMutClosure(arg0, arg1, 441, __wbg_adapter_43);
             return ret;
         };