prettyjson
Version:
Package for formatting JSON data in a coloured YAML-style, perfect for CLI output
131 lines (116 loc) • 33.2 kB
HTML
<html> <head> <title>prettyjson.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="docco.css" /> </head> <body> <div id="container"> <div id="background"></div> <table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="docs"> <h1> prettyjson.js </h1> </th> <th class="code"> </th> </tr> </thead> <tbody> <tr id="section-1"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1">¶</a> </div> <p>Package for formatting JSON data in a coloured
YAML-style, perfect for CLI output</p> </td> <td class="code"> <div class="highlight"><pre></pre></div> </td> </tr> <tr id="section-2"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-2">¶</a> </div> <h3>Export package</h3> </td> <td class="code"> <div class="highlight"><pre><span class="nx">module</span><span class="p">.</span><span class="nx">exports</span> <span class="o">=</span> <span class="nx">exports</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-3"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-3">¶</a> </div> <h3>Module dependencies</h3> </td> <td class="code"> <div class="highlight"><pre><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'colors'</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">Utils</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'./utils'</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">);</span></pre></div> </td> </tr> <tr id="section-4"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-4">¶</a> </div> <h3>Package version</h3> </td> <td class="code"> <div class="highlight"><pre><span class="nx">exports</span><span class="p">.</span><span class="nx">version</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">fs</span><span class="p">.</span><span class="nx">readFileSync</span><span class="p">(</span><span class="nx">__dirname</span> <span class="o">+</span> <span class="s1">'/../package.json'</span><span class="p">,</span> <span class="s1">'utf8'</span><span class="p">)).</span><span class="nx">version</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-5"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-5">¶</a> </div> <h3>Render function</h3>
<p><em>Parameters:</em></p>
<ul>
<li><strong><code>data</code></strong>: Data to render</li>
<li><strong><code>options</code></strong>: Hash with different options to configure the parser</li>
<li><strong><code>indentation</code></strong>: Base indentation of the parsed output</li>
</ul>
<p><em>Example of options hash:</em></p>
<pre><code>{
emptyArrayMsg: '(empty)', // Rendered message on empty strings
keysColor: 'blue', // Color for keys in hashes
dashColor: 'red', // Color for the dashes in arrays
stringColor: 'grey', // Color for strings
defaultIndentation: 2 // Indentation on nested objects
}
</code></pre> </td> <td class="code"> <div class="highlight"><pre><span class="nx">exports</span><span class="p">.</span><span class="nx">render</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">render</span><span class="p">(</span><span class="nx">data</span><span class="p">,</span> <span class="nx">options</span><span class="p">,</span> <span class="nx">indentation</span><span class="p">)</span> <span class="p">{</span>
<span class="s2">"use strict"</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-6"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-6">¶</a> </div> <p>Default value for the indentation param</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">indentation</span> <span class="o">=</span> <span class="nx">indentation</span> <span class="o">||</span> <span class="mi">0</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-7"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-7">¶</a> </div> <p>Default values for the options</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">options</span> <span class="o">=</span> <span class="nx">options</span> <span class="o">||</span> <span class="p">{};</span>
<span class="nx">options</span><span class="p">.</span><span class="nx">emptyArrayMsg</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">emptyArrayMsg</span> <span class="o">||</span> <span class="s1">'(empty array)'</span><span class="p">;</span>
<span class="nx">options</span><span class="p">.</span><span class="nx">keysColor</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">keysColor</span> <span class="o">||</span> <span class="s2">"green"</span><span class="p">;</span>
<span class="nx">options</span><span class="p">.</span><span class="nx">dashColor</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">dashColor</span> <span class="o">||</span> <span class="s2">"green"</span><span class="p">;</span>
<span class="nx">options</span><span class="p">.</span><span class="nx">defaultIndentation</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">defaultIndentation</span> <span class="o">||</span> <span class="mi">2</span><span class="p">;</span>
<span class="nx">options</span><span class="p">.</span><span class="nx">stringColor</span> <span class="o">=</span> <span class="nx">options</span><span class="p">.</span><span class="nx">stringColor</span> <span class="o">||</span> <span class="kc">null</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-8"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-8">¶</a> </div> <p>Initialize the output (it's an array of lines)</p> </td> <td class="code"> <div class="highlight"><pre> <span class="kd">var</span> <span class="nx">output</span> <span class="o">=</span> <span class="p">[];</span></pre></div> </td> </tr> <tr id="section-9"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-9">¶</a> </div> <p>Helper function to detect if an object can be serializable directly</p> </td> <td class="code"> <div class="highlight"><pre> <span class="kd">var</span> <span class="nx">isSerializable</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">input</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">input</span> <span class="o">===</span> <span class="s1">'string'</span> <span class="o">||</span> <span class="k">typeof</span> <span class="nx">input</span> <span class="o">===</span> <span class="s1">'boolean'</span> <span class="o">||</span>
<span class="k">typeof</span> <span class="nx">input</span> <span class="o">===</span> <span class="s1">'number'</span> <span class="o">||</span> <span class="nx">input</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">};</span>
<span class="kd">var</span> <span class="nx">addColorToData</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">input</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">input</span> <span class="o">===</span> <span class="s1">'string'</span><span class="p">)</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-10"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-10">¶</a> </div> <p>Print strings in regular terminal color</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">return</span> <span class="nx">options</span><span class="p">.</span><span class="nx">stringColor</span> <span class="o">?</span> <span class="nx">input</span><span class="p">[</span><span class="nx">options</span><span class="p">.</span><span class="nx">stringColor</span><span class="p">]</span> <span class="o">:</span> <span class="nx">input</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">input</span> <span class="o">===</span> <span class="kc">true</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">input</span><span class="o">+</span><span class="s1">''</span><span class="p">).</span><span class="nx">green</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">input</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">input</span><span class="o">+</span><span class="s1">''</span><span class="p">).</span><span class="nx">red</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">input</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">input</span><span class="o">+</span><span class="s1">''</span><span class="p">).</span><span class="nx">grey</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">input</span> <span class="o">===</span> <span class="s1">'number'</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">input</span><span class="o">+</span><span class="s1">''</span><span class="p">).</span><span class="nx">blue</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">input</span><span class="o">+</span><span class="s1">''</span><span class="p">);</span>
<span class="p">};</span></pre></div> </td> </tr> <tr id="section-11"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-11">¶</a> </div> <p>Render a string exactly equal</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="nx">isSerializable</span><span class="p">(</span><span class="nx">data</span><span class="p">))</span> <span class="p">{</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">Utils</span><span class="p">.</span><span class="nx">indent</span><span class="p">(</span><span class="nx">indentation</span><span class="p">)</span> <span class="o">+</span> <span class="nx">addColorToData</span><span class="p">(</span><span class="nx">data</span><span class="p">));</span>
<span class="p">}</span>
<span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nb">Array</span><span class="p">.</span><span class="nx">isArray</span><span class="p">(</span><span class="nx">data</span><span class="p">))</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-12"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-12">¶</a> </div> <p>If the array is empty, render the <code>emptyArrayMsg</code></p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">Utils</span><span class="p">.</span><span class="nx">indent</span><span class="p">(</span><span class="nx">indentation</span><span class="p">)</span> <span class="o">+</span> <span class="nx">options</span><span class="p">.</span><span class="nx">emptyArrayMsg</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">data</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">element</span><span class="p">)</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-13"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-13">¶</a> </div> <p>Prepend the dash at the begining of each array's element line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="kd">var</span> <span class="nx">line</span> <span class="o">=</span> <span class="nx">Utils</span><span class="p">.</span><span class="nx">indent</span><span class="p">(</span><span class="nx">indentation</span><span class="p">)</span> <span class="o">+</span> <span class="p">(</span><span class="s1">'- '</span><span class="p">)[</span><span class="nx">options</span><span class="p">.</span><span class="nx">dashColor</span><span class="p">];</span></pre></div> </td> </tr> <tr id="section-14"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-14">¶</a> </div> <p>If the element of the array is a string, render it in the same line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">element</span> <span class="o">===</span> <span class="s1">'string'</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">line</span> <span class="o">+=</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">element</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">line</span><span class="p">);</span></pre></div> </td> </tr> <tr id="section-15"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-15">¶</a> </div> <p>If the element of the array is an array or object, render it in next line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">line</span><span class="p">);</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span>
<span class="nx">exports</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">element</span><span class="p">,</span> <span class="nx">options</span><span class="p">,</span> <span class="nx">indentation</span> <span class="o">+</span> <span class="nx">options</span><span class="p">.</span><span class="nx">defaultIndentation</span><span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">});</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">data</span> <span class="o">===</span> <span class="s1">'object'</span><span class="p">)</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-16"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-16">¶</a> </div> <p>Get the size of the longest index to render all the values on the same column</p> </td> <td class="code"> <div class="highlight"><pre> <span class="kd">var</span> <span class="nx">maxIndexLength</span> <span class="o">=</span> <span class="nx">Utils</span><span class="p">.</span><span class="nx">getMaxIndexLength</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">key</span><span class="p">;</span>
<span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="k">in</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">hasOwnProperty</span><span class="p">(</span><span class="nx">i</span><span class="p">))</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-17"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-17">¶</a> </div> <p>Prepend the index at the beginning of the line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">key</span> <span class="o">=</span> <span class="nx">Utils</span><span class="p">.</span><span class="nx">indent</span><span class="p">(</span><span class="nx">indentation</span><span class="p">)</span> <span class="o">+</span> <span class="p">(</span><span class="nx">i</span> <span class="o">+</span> <span class="s1">': '</span><span class="p">)[</span><span class="nx">options</span><span class="p">.</span><span class="nx">keysColor</span><span class="p">];</span></pre></div> </td> </tr> <tr id="section-18"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-18">¶</a> </div> <p>If the value is serializable, render it in the same line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="nx">isSerializable</span><span class="p">(</span><span class="nx">data</span><span class="p">[</span><span class="nx">i</span><span class="p">]))</span> <span class="p">{</span>
<span class="nx">key</span> <span class="o">+=</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">data</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">options</span><span class="p">,</span> <span class="nx">maxIndexLength</span> <span class="o">-</span> <span class="nx">i</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span></pre></div> </td> </tr> <tr id="section-19"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-19">¶</a> </div> <p>If the index is an array or object, render it in next line</p> </td> <td class="code"> <div class="highlight"><pre> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span>
<span class="nx">output</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span>
<span class="nx">exports</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">data</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">options</span><span class="p">,</span> <span class="nx">indentation</span> <span class="o">+</span> <span class="nx">options</span><span class="p">.</span><span class="nx">defaultIndentation</span><span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span></pre></div> </td> </tr> <tr id="section-20"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-20">¶</a> </div> <p>Return all the lines as a string</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">return</span> <span class="nx">output</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s1">'\n'</span><span class="p">);</span>
<span class="p">};</span></pre></div> </td> </tr> <tr id="section-21"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-21">¶</a> </div> <h3>Render from string function</h3>
<p><em>Parameters:</em></p>
<ul>
<li><strong><code>data</code></strong>: Data to render as a string</li>
<li><strong><code>options</code></strong>: Hash with different options to configure the parser</li>
<li><strong><code>indentation</code></strong>: Base indentation of the parsed output</li>
</ul>
<p><em>Example of options hash:</em></p>
<pre><code>{
emptyArrayMsg: '(empty)', // Rendered message on empty strings
keysColor: 'blue', // Color for keys in hashes
dashColor: 'red', // Color for the dashes in arrays
defaultIndentation: 2 // Indentation on nested objects
}
</code></pre> </td> <td class="code"> <div class="highlight"><pre><span class="nx">exports</span><span class="p">.</span><span class="nx">renderString</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">renderString</span><span class="p">(</span><span class="nx">data</span><span class="p">,</span> <span class="nx">options</span><span class="p">,</span> <span class="nx">indentation</span><span class="p">)</span> <span class="p">{</span>
<span class="s2">"use strict"</span><span class="p">;</span>
<span class="kd">var</span> <span class="nx">output</span> <span class="o">=</span> <span class="s1">''</span><span class="p">;</span>
<span class="kd">var</span> <span class="nx">parsedData</span><span class="p">;</span></pre></div> </td> </tr> <tr id="section-22"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-22">¶</a> </div> <p>If the input is not a string or if it's empty, just return an empty string</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">data</span> <span class="o">!==</span> <span class="s1">'string'</span> <span class="o">||</span> <span class="nx">data</span> <span class="o">===</span> <span class="s1">''</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="s1">''</span><span class="p">;</span>
<span class="p">}</span></pre></div> </td> </tr> <tr id="section-23"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-23">¶</a> </div> <p>Remove non-JSON characters from the beginning string</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">'{'</span> <span class="o">&&</span> <span class="nx">data</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">'['</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">beginingOfJson</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'{'</span><span class="p">)</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">beginingOfJson</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'['</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'['</span><span class="p">)</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">beginingOfJson</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'{'</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">beginingOfJson</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'{'</span><span class="p">)</span> <span class="o"><</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'['</span><span class="p">)</span> <span class="o">?</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'{'</span><span class="p">)</span> <span class="o">:</span> <span class="nx">data</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">'['</span><span class="p">);</span>
<span class="p">}</span>
<span class="nx">output</span> <span class="o">+=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">substr</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nx">beginingOfJson</span><span class="p">)</span> <span class="o">+</span> <span class="s2">"\n"</span><span class="p">;</span>
<span class="nx">data</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">substr</span><span class="p">(</span><span class="nx">beginingOfJson</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">try</span> <span class="p">{</span>
<span class="nx">parsedData</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="nx">data</span><span class="p">);</span>
<span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span></pre></div> </td> </tr> <tr id="section-24"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-24">¶</a> </div> <p>Return an error in case of an invalid JSON</p> </td> <td class="code"> <div class="highlight"><pre> <span class="k">return</span> <span class="s1">'Error:'</span><span class="p">.</span><span class="nx">red</span> <span class="o">+</span> <span class="s1">' Not valid JSON!'</span><span class="p">;</span>
<span class="p">}</span></pre></div> </td> </tr> <tr id="section-25"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-25">¶</a> </div> <p>Call the real render() method</p> </td> <td class="code"> <div class="highlight"><pre> <span class="nx">output</span> <span class="o">+=</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">render</span><span class="p">(</span><span class="nx">parsedData</span><span class="p">,</span> <span class="nx">options</span><span class="p">);</span>
<span class="k">return</span> <span class="nx">output</span><span class="p">;</span>
<span class="p">};</span>
</pre></div> </td> </tr> </tbody> </table> </div> </body> </html>