title: noflo-ui: Load and save projects/graphs/components from external database or api
body: <p>I'm trying to create a custom build of noflo-ui that is effectively only a graph editor. Don't need it to connect to any runtimes.</p>
  
  <p>I'm struggling to find where I can inject this code as it appears part of noflo-ui is written in noflo itself and I cannot find the scripts for those pieces.</p>
  
  <p>For example, in <code>graphs/main.fbp</code>, there is this line:
  <code>'user,main,project,github,runtime,context' -&gt; ROUTES Dispatch</code></p>
  
  <p>Three questions on this:</p>
  
  <ol>
  <li><p>Where is the source behind the Dispatch component?</p></li>
  <li><p>If I add my own interface elements to Load data from an external api, where would be the best place to inject that data? </p></li>
  </ol>
  
  <p>I see a lot of event driven code, so I'm guessing I would add a new polymer element, do my ajax call, the emit or fire something. I believe this is what happens when connecting to a noflo-nodejs runtime; I've traced the connection to line 51312 in a built noflo-ui.js</p>
  
  <pre><code>return port.send({
      componentDefinition: definition
  });
  </code></pre>
  
  <p>... but I can't figure out where it goes past here. A port on the main.fbp graph? As per my 1st question, I cannot find the source behind these core graphs.</p>
  
  <p>And this leads to my last question</p>
  
  <ol start="3">
  <li>The code I pasted above from noflo-ui, I cannot find this code anywhere pre-build. I even searched the entire project tree for "componentDefinition: definition". Where is this coming from?</li>
  </ol>
  
  <p>Any pointers on this would be greatly appreciated! Thanks</p>