UNPKG

mermaid

Version:

Markdownish syntax for generating flowcharts, sequence diagrams and gantt charts.

825 lines (724 loc) 50.6 kB
<!DOCTYPE html> <html> <head> <title>graphDb.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="../../../doc-style.css" /> <script src="../../../doc-filelist.js"></script> <script> var relativeDir = "../../../", thisFile = "Users/knut/Documents/source/mermaid/src/diagrams/flowchart/graphDb.js", defaultSidebar = true; </script> <script src="../../../doc-script.js"></script> <script src="../../../mermaid.js"></script> <link rel="stylesheet" href="../../../mermaid.css" /> </head> <body> <div id="sidebar_wrapper"> <div id="sidebar_switch"> <span class="tree">Files</span> <span class="headings">Headings</span> </div> <div id="tree"></div> <div id="headings"> <div class="heading h1"> <a href="#graphDb.js">graphDb.js</a> </div> </div> </div> <div id="sidebar-toggle"></div> <div id="container"><div class="background highlight"></div> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td class="docs"> <div class="pilwrap" id="graphDb.js"> <h1> <a href="#graphDb.js" name="graphDb.js" class="pilcrow">&#182;</a>graphDb.js </h1> </div> </td> <td class="code highlight"></td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1" id="section-1">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Created by knut on 14-11-03.</p> </div> <div class="body"> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre><span class="kd">var</span> <span class="nx">log</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">&#39;../../logger&#39;</span><span class="p">).</span><span class="nx">create</span><span class="p">();</span> <span class="kd">var</span> <span class="nx">vertices</span> <span class="o">=</span> <span class="p">{};</span> <span class="kd">var</span> <span class="nx">edges</span> <span class="o">=</span> <span class="p">[];</span> <span class="kd">var</span> <span class="nx">classes</span> <span class="o">=</span> <span class="p">[];</span> <span class="kd">var</span> <span class="nx">subGraphs</span> <span class="o">=</span> <span class="p">[];</span> <span class="kd">var</span> <span class="nx">subCount</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">direction</span><span class="p">;</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-2" id="section-2">&#182;</a> </div> <p>Functions to be run after graph rendering</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="kd">var</span> <span class="nx">funs</span> <span class="o">=</span> <span class="p">[];</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-3" id="section-3">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Function called by parser when a node definition has been found</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">id</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">text</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">type</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">style </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">addVertex</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">,</span> <span class="nx">text</span><span class="p">,</span> <span class="nx">type</span><span class="p">,</span> <span class="nx">style</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">txt</span><span class="p">;</span> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">id</span> <span class="o">===</span> <span class="s1">&#39;undefined&#39;</span><span class="p">){</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span> <span class="k">if</span><span class="p">(</span><span class="nx">id</span><span class="p">.</span><span class="nx">trim</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="k">return</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">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span><span class="nx">id</span><span class="o">:</span> <span class="nx">id</span><span class="p">,</span> <span class="nx">styles</span><span class="o">:</span> <span class="p">[],</span> <span class="nx">classes</span><span class="o">:</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">text</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">txt</span> <span class="o">=</span> <span class="nx">text</span><span class="p">.</span><span class="nx">trim</span><span class="p">();</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-4" id="section-4">&#182;</a> </div> <p>strip quotes if string starts and exnds with a quote</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">if</span><span class="p">(</span><span class="nx">txt</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;&quot;&#39;</span> <span class="o">&amp;&amp;</span> <span class="nx">txt</span><span class="p">[</span><span class="nx">txt</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;&quot;&#39;</span><span class="p">){</span> <span class="nx">txt</span> <span class="o">=</span> <span class="nx">txt</span><span class="p">.</span><span class="nx">substring</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="nx">txt</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">);</span> <span class="p">}</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">text</span> <span class="o">=</span> <span class="nx">txt</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">type</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">type</span> <span class="o">=</span> <span class="nx">type</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">type</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">type</span> <span class="o">=</span> <span class="nx">type</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">style</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="nx">style</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span> <span class="nx">style</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">s</span><span class="p">)</span> <span class="p">{</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">styles</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">s</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> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-5" id="section-5">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Function called by parser when a link/edge definition has been found</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">start</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">end</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">type</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">linktext </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">addLink</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">start</span><span class="p">,</span> <span class="nx">end</span><span class="p">,</span> <span class="nx">type</span><span class="p">,</span> <span class="nx">linktext</span><span class="p">)</span> <span class="p">{</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-6" id="section-6">&#182;</a> </div> <p>log.debug(&#39;Got edge&#39;, start, end);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="kd">var</span> <span class="nx">edge</span> <span class="o">=</span> <span class="p">{</span><span class="nx">start</span><span class="o">:</span> <span class="nx">start</span><span class="p">,</span> <span class="nx">end</span><span class="o">:</span> <span class="nx">end</span><span class="p">,</span> <span class="nx">type</span><span class="o">:</span> <span class="kc">undefined</span><span class="p">,</span> <span class="nx">text</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">};</span> <span class="nx">linktext</span> <span class="o">=</span> <span class="nx">type</span><span class="p">.</span><span class="nx">text</span><span class="p">;</span> <span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">linktext</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">text</span> <span class="o">=</span> <span class="nx">linktext</span><span class="p">.</span><span class="nx">trim</span><span class="p">();</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-7" id="section-7">&#182;</a> </div> <p>strip quotes if string starts and exnds with a quote</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">if</span><span class="p">(</span><span class="nx">edge</span><span class="p">.</span><span class="nx">text</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;&quot;&#39;</span> <span class="o">&amp;&amp;</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">text</span><span class="p">[</span><span class="nx">edge</span><span class="p">.</span><span class="nx">text</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;&quot;&#39;</span><span class="p">){</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">text</span> <span class="o">=</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">text</span><span class="p">.</span><span class="nx">substring</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="nx">edge</span><span class="p">.</span><span class="nx">text</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">);</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">type</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">type</span> <span class="o">=</span> <span class="nx">type</span><span class="p">.</span><span class="nx">type</span><span class="p">;</span> <span class="nx">edge</span><span class="p">.</span><span class="nx">stroke</span> <span class="o">=</span> <span class="nx">type</span><span class="p">.</span><span class="nx">stroke</span><span class="p">;</span> <span class="p">}</span> <span class="nx">edges</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">edge</span><span class="p">);</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-8" id="section-8">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Updates a link with a style</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">pos</span> </div> <div class="dox_tag_detail"> <span class="dox_tag_name">style </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">updateLink</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">pos</span><span class="p">,</span> <span class="nx">style</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">position</span> <span class="o">=</span> <span class="nx">pos</span><span class="p">.</span><span class="nx">substr</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span> <span class="k">if</span><span class="p">(</span><span class="nx">pos</span> <span class="o">===</span> <span class="s1">&#39;default&#39;</span><span class="p">){</span> <span class="nx">edges</span><span class="p">.</span><span class="nx">defaultStyle</span> <span class="o">=</span> <span class="nx">style</span><span class="p">;</span> <span class="p">}</span><span class="k">else</span><span class="p">{</span> <span class="nx">edges</span><span class="p">[</span><span class="nx">pos</span><span class="p">].</span><span class="nx">style</span> <span class="o">=</span> <span class="nx">style</span><span class="p">;</span> <span class="p">}</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">addClass</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">,</span> <span class="nx">style</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">classes</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">===</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">classes</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span><span class="nx">id</span><span class="o">:</span> <span class="nx">id</span><span class="p">,</span> <span class="nx">styles</span><span class="o">:</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">style</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="nx">style</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span> <span class="nx">style</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">s</span><span class="p">)</span> <span class="p">{</span> <span class="nx">classes</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">styles</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">s</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> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-9" id="section-9">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Called by parser when a graph definition is found, stores the direction of the chart.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">dir </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">setDirection</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">dir</span><span class="p">)</span> <span class="p">{</span> <span class="nx">direction</span> <span class="o">=</span> <span class="nx">dir</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-10" id="section-10">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Called by parser when a graph definition is found, stores the direction of the chart.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">dir </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">setClass</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">className</span><span class="p">)</span> <span class="p">{</span> <span class="k">if</span><span class="p">(</span><span class="nx">id</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">&#39;,&#39;</span><span class="p">)</span><span class="o">&gt;</span><span class="mi">0</span><span class="p">){</span> <span class="nx">id</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">&#39;,&#39;</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">id2</span><span class="p">){</span> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id2</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">){</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id2</span><span class="p">].</span><span class="nx">classes</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">className</span><span class="p">);</span> <span class="p">}</span> <span class="p">});</span> <span class="p">}</span><span class="k">else</span><span class="p">{</span> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">){</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">].</span><span class="nx">classes</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">className</span><span class="p">);</span> <span class="p">}</span> <span class="p">}</span> <span class="p">};</span> <span class="kd">var</span> <span class="nx">clickEvents</span> <span class="o">=</span> <span class="p">[];</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-11" id="section-11">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Called by parser when a graph definition is found, stores the direction of the chart.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Params</div> <div class="dox_tag_detail"> <span class="dox_tag_name">dir </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">setClickEvent</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">functionName</span><span class="p">)</span> <span class="p">{</span> <span class="k">if</span><span class="p">(</span><span class="nx">id</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s1">&#39;,&#39;</span><span class="p">)</span><span class="o">&gt;</span><span class="mi">0</span><span class="p">){</span> <span class="nx">id</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s1">&#39;,&#39;</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">id2</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">vertices</span><span class="p">[</span><span class="nx">id2</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="nx">funs</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">elem</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">id2</span><span class="p">);</span> <span class="k">if</span> <span class="p">(</span><span class="nx">elem</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span> <span class="nx">elem</span><span class="p">.</span><span class="nx">onclick</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="nb">eval</span><span class="p">(</span><span class="nx">functionName</span> <span class="o">+</span> <span class="s1">&#39;(\&#39;&#39;</span> <span class="o">+</span> <span class="nx">id2</span> <span class="o">+</span> <span class="s1">&#39;\&#39;)&#39;</span><span class="p">);</span> <span class="c1">// jshint ignore:line</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="p">{</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-12" id="section-12">&#182;</a> </div> <p>log.debug(&#39;Checking now for ::&#39;+id);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">vertices</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">!==</span> <span class="s1">&#39;undefined&#39;</span><span class="p">){</span> <span class="nx">funs</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span> <span class="kd">var</span> <span class="nx">elem</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span> <span class="k">if</span><span class="p">(</span><span class="nx">elem</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">){</span> <span class="nx">elem</span><span class="p">.</span><span class="nx">onclick</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span><span class="nb">eval</span><span class="p">(</span><span class="nx">functionName</span><span class="o">+</span><span class="s1">&#39;(\&#39;&#39;</span> <span class="o">+</span> <span class="nx">id</span> <span class="o">+</span> <span class="s1">&#39;\&#39;)&#39;</span><span class="p">);};</span> <span class="c1">// jshint ignore:line</span> <span class="p">}</span> <span class="k">else</span><span class="p">{</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-13" id="section-13">&#182;</a> </div> <p>log.debug(&#39;id was null: &#39;+id);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="p">}</span> <span class="p">});</span> <span class="p">}</span> <span class="p">}</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">bindFunctions</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(){</span> <span class="nx">funs</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">fun</span><span class="p">){</span> <span class="nx">fun</span><span class="p">();</span> <span class="p">});</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">getDirection</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">direction</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-14" id="section-14">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Retrieval function for fetching the found nodes after parsing has completed.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Returns</div> <div class="dox_tag_detail"> <span class="dox_tag_name"></span> <span class="dox_type"></span> <span class="dox_type"><em></span> <span class="dox_type">vertices </span> <span>{{}|</em>|vertices} </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">getVertices</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">vertices</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-15" id="section-15">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Retrieval function for fetching the found links after parsing has completed.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Returns</div> <div class="dox_tag_detail"> <span class="dox_tag_name"></span> <span class="dox_type"></span> <span class="dox_type"><em></span> <span class="dox_type">edges </span> <span>{{}|</em>|edges} </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">getEdges</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">edges</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-16" id="section-16">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Retrieval function for fetching the found class definitions after parsing has completed.</p> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Returns</div> <div class="dox_tag_detail"> <span class="dox_tag_name"></span> <span class="dox_type"></span> <span class="dox_type"><em></span> <span class="dox_type">classes </span> <span>{{}|</em>|classes} </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">getClasses</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">classes</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-17" id="section-17">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Clears the internal graph db so that a new graph can be parsed.</p> </div> <div class="body"> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">clear</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="nx">vertices</span> <span class="o">=</span> <span class="p">{};</span> <span class="nx">classes</span> <span class="o">=</span> <span class="p">{};</span> <span class="nx">edges</span> <span class="o">=</span> <span class="p">[];</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-18" id="section-18">&#182;</a> </div> <p>funs = [];</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">subGraphs</span> <span class="o">=</span> <span class="p">[];</span> <span class="nx">subCount</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-19" id="section-19">&#182;</a> </div> <div class="dox"> <div class="summary"> </div> <div class="body"> </div> <div class="details"> <div class="dox_tag_title">Returns</div> <div class="dox_tag_detail"> <span class="dox_tag_name"></span> <span class="dox_type">string </span> <span>{string} </span> </div> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">defaultStyle</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s2">&quot;fill:#ffa;stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;fill:#ffa;stroke: #666;&quot;</span><span class="p">;</span> <span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-20" id="section-20">&#182;</a> </div> <div class="dox"> <div class="summary"><p>Clears the internal graph db so that a new graph can be parsed.</p> </div> <div class="body"> </div> </div> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">exports</span><span class="p">.</span><span class="nx">addSubGraph</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">list</span><span class="p">,</span> <span class="nx">title</span><span class="p">)</span> <span class="p">{</span> <span class="kd">function</span> <span class="nx">uniq</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">prims</span> <span class="o">=</span> <span class="p">{</span><span class="s2">&quot;boolean&quot;</span><span class="o">:</span><span class="p">{},</span> <span class="s2">&quot;number&quot;</span><span class="o">:</span><span class="p">{},</span> <span class="s2">&quot;string&quot;</span><span class="o">:</span><span class="p">{}},</span> <span class="nx">objs</span> <span class="o">=</span> <span class="p">[];</span> <span class="k">return</span> <span class="nx">a</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">type</span> <span class="o">=</span> <span class="k">typeof</span> <span class="nx">item</span><span class="p">;</span> <span class="k">if</span><span class="p">(</span><span class="nx">item</span><span class="o">===</span><span class="s1">&#39; &#39;</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="k">if</span><span class="p">(</span><span class="nx">type</span> <span class="k">in</span> <span class="nx">prims</span><span class="p">)</span> <span class="k">return</span> <span class="nx">prims</span><span class="p">[</span><span class="nx">type</span><span class="p">].</span><span class="nx">hasOwnProperty</span><span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="p">(</span><span class="nx">prims</span><span class="p">[</span><span class="nx">type</span><span class="p">][</span><span class="nx">item</span><span class="p">]</span> <span class="o">=</span> <span class="kc">true</span><span class="p">);</span> <span class="k">else</span> <span class="k">return</span> <span class="nx">objs</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="o">&gt;=</span> <span class="mi">0</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="nx">objs</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">item</span><span class="p">);</span> <span class="p">});</span> <span class="p">}</span> <span class="kd">var</span> <span class="nx">nodeList</span> <span class="o">=</span> <span class="p">[];</span> <span class="nx">nodeList</span> <span class="o">=</span> <span class="nx">uniq</span><span class="p">(</span><span class="nx">nodeList</span><span class="p">.</span><span class="nx">concat</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">nodeList</span><span class="p">,</span><span class="nx">list</span><span class="p">));</span> <span class="kd">var</span> <span class="nx">subGraph</span> <span class="o">=</span> <span class="p">{</span><span class="nx">id</span><span class="o">:</span><span class="s1">&#39;subGraph&#39;</span><span class="o">+</span><span class="nx">subCount</span><span class="p">,</span> <span class="nx">nodes</span><span class="o">:</span><span class="nx">nodeList</span><span class="p">,</span><span class="nx">title</span><span class="o">:</span><span class="nx">title</span><span class="p">};</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-21" id="section-21">&#182;</a> </div> <p>log.debug(&#39;subGraph:&#39; + subGraph.title + subGraph.id); log.debug(subGraph.nodes);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">subGraphs</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">subGraph</span><span class="p">);</span> <span class="nx">subCount</span> <span class="o">=</span> <span class="nx">subCount</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span> <span class="k">return</span> <span class="nx">subGraph</span><span class="p">.</span><span class="nx">id</span><span class="p">;</span> <span class="p">};</span> <span class="kd">var</span> <span class="nx">getPosForId</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">){</span> <span class="kd">var</span> <span class="nx">i</span><span class="p">;</span> <span class="k">for</span><span class="p">(</span><span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span><span class="nx">i</span><span class="o">&lt;</span><span class="nx">subGraphs</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><span class="nx">i</span><span class="o">++</span><span class="p">){</span> <span class="k">if</span><span class="p">(</span><span class="nx">subGraphs</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">id</span><span class="o">===</span><span class="nx">id</span><span class="p">){</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-22" id="section-22">&#182;</a> </div> <p>log.debug(&#39;Found pos for &#39;,id,&#39; &#39;,i);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">return</span> <span class="nx">i</span><span class="p">;</span> <span class="p">}</span> <span class="p">}</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-23" id="section-23">&#182;</a> </div> <p>log.debug(&#39;No pos found for &#39;,id,&#39; &#39;,i);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">return</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="p">};</span> <span class="kd">var</span> <span class="nx">secCount</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">posCrossRef</span> <span class="o">=</span> <span class="p">[];</span> <span class="kd">var</span> <span class="nx">indexNodes</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">,</span> <span class="nx">pos</span><span class="p">)</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">nodes</span> <span class="o">=</span> <span class="nx">subGraphs</span><span class="p">[</span><span class="nx">pos</span><span class="p">].</span><span class="nx">nodes</span><span class="p">;</span> <span class="nx">secCount</span> <span class="o">=</span> <span class="nx">secCount</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span> <span class="k">if</span><span class="p">(</span><span class="nx">secCount</span><span class="o">&gt;</span><span class="mi">2000</span><span class="p">){</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-24" id="section-24">&#182;</a> </div> <p>var nPos = getPosForId(subGraphs[pos].id);</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="nx">posCrossRef</span><span class="p">[</span><span class="nx">secCount</span><span class="p">]</span><span class="o">=</span><span class="nx">pos</span><span class="p">;</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-25" id="section-25">&#182;</a> </div> <p>Check if match</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">if</span><span class="p">(</span><span class="nx">subGraphs</span><span class="p">[</span><span class="nx">pos</span><span class="p">].</span><span class="nx">id</span> <span class="o">===</span> <span class="nx">id</span><span class="p">){</span> <span class="k">return</span> <span class="p">{</span> <span class="nx">result</span><span class="o">:</span><span class="kc">true</span><span class="p">,</span> <span class="nx">count</span><span class="o">:</span><span class="mi">0</span> <span class="p">};</span> <span class="p">}</span> <span class="kd">var</span> <span class="nx">count</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">posCount</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="k">while</span><span class="p">(</span><span class="nx">count</span><span class="o">&lt;</span><span class="nx">nodes</span><span class="p">.</span><span class="nx">length</span><span class="p">){</span> <span class="kd">var</span> <span class="nx">childPos</span> <span class="o">=</span> <span class="nx">getPosForId</span><span class="p">(</span><span class="nx">nodes</span><span class="p">[</span><span class="nx">count</span><span class="p">]);</span> </pre></div> </td> </tr> <tr> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-26" id="section-26">&#182;</a> </div> <p>Ignore regular nodes (pos will be -1)</p> </td> <td class="code highlight"><div class="highlight"><pre> <span class="k">if</span><span class="p">(</span><span class="nx">childPos</span><span class="o">&gt;=</span><span class="mi">0</span><span class="p">){</span> <span class="kd">var</span> <span class="nx">res</span> <span class="o">=</span> <span class="nx">indexNodes</span><span class="p">(</span><span class="nx">id</span><span class="p">,</span><span class="nx">childPos</span><span class="p">);</span> <span class="k">if</span><span class="p">(</span><span class="nx">res</span><span class="p">.</span><span class="nx">result</span><span class="p">){</span> <span class="k">return</span> <span class="p">{</span> <span class="nx">result</span><span class="o">:</span><span class="kc">true</span><span class="p">,</span> <span class="nx">count</span><span class="o">:</span><span class="nx">posCount</span><span class="o">+</span><span class="nx">res</span><span class="p">.</span><span class="nx">count</span> <span class="p">};</span> <span class="p">}</span><span class="k">else</span><span class="p">{</span> <span class="nx">posCount</span> <span class="o">=</span> <span class="nx">posCount</span> <span class="o">+</span> <span class="nx">res</span><span class="p">.</span><span class="nx">count</span><span class="p">;</span> <span class="p">}</span> <span class="p">}</span> <span class="nx">count</span> <span class="o">=</span> <span class="nx">count</span> <span class="o">+</span><span class="mi">1</span><span class="p">;</span> <span class="p">}</span> <span class="k">return</span> <span class="p">{</span> <span class="nx">result</span><span class="o">:</span><span class="kc">false</span><span class="p">,</span> <span class="nx">count</span><span class="o">:</span><span class="nx">posCount</span> <span class="p">};</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">getDepthFirstPos</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">pos</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">posCrossRef</span><span class="p">[</span><span class="nx">pos</span><span class="p">];</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">indexNodes</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">id</span><span class="p">)</span> <span class="p">{</span> <span class="nx">secCount</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span> <span class="k">if</span><span class="p">(</span><span class="nx">subGraphs</span><span class="p">.</span><span class="nx">length</span><span class="o">&gt;</span><span class="mi">0</span><span class="p">){</span> <span class="nx">indexNodes</span><span class="p">(</span><span class="s1">&#39;none&#39;</span><span class="p">,</span><span class="nx">subGraphs</span><span class="p">.</span><span class="nx">length</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span> <span class="p">}</span> <span class="p">};</span> <span class="nx">exports</span><span class="p">.</span><span class="nx">getSubGraphs</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">list</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">subGraphs</span><span class="p">;</span> <span class="p">};</span> <span class="nx">exports</span><span c