Limit for number of jQuery items rendered

Author: janodvarko

lib/jquery-renderer.js

@@ -6,7 +6,11 @@ module.metadata = {
   "stability": "stable"
 };
 
+// Addon SDK
 const { Cu, Ci } = require("chrome");
+const { prefs } = require("sdk/simple-prefs");
+
+// Firebug SDK
 const { Trace, TraceError } = require("firebug.sdk/lib/core/trace.js").get(module.id);
 
 // DevTools
@@ -51,7 +55,17 @@ var JQueryRenderer = {
     // A helper that renders a comma between items if isFirst == false.
     let renderSeparator = () => !isFirst && this._text(", ");
 
+    // Keep in mind that only specified maximum number of items
+    // is rendered in the Console panel.
+    let maxItemsRendered = prefs.maxItemsRendered || 400;
+
+    // Iterate over the array and render all items.
+    var shown = 0;
     for (let item of items) {
+      if (maxItemsRendered-- < 0) {
+        break;
+      }
+
       if (item === null) {
         emptySlots++;
       }
@@ -73,14 +87,15 @@ var JQueryRenderer = {
 
         this.renderData(item, elem);
       }
+
+      shown++;
     }
 
     if (emptySlots) {
       renderSeparator();
       this.renderEmptySlots(emptySlots, false);
     }
 
-    let shown = items.length;
     if (shown < preview.length) {
       this._text(", ");
 

package.json

@@ -59,6 +59,12 @@
     "description": "",
     "type": "integer",
     "value": 1000
+  }, {
+    "name": "maxItemsRendered",
+    "title": "maxItemsRendered",
+    "description": "",
+    "type": "integer",
+    "value": 400
   }, {
     "name": "useLint",
     "title": "useLint",