Skip to content

Instantly share code, notes, and snippets.

@bcomnes
Last active September 29, 2017 04:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bcomnes/e718292cd8d247b0761ef1ac3bbde430 to your computer and use it in GitHub Desktop.
Save bcomnes/e718292cd8d247b0761ef1ac3bbde430 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
-->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="673pt" height="1288pt"
viewBox="0.00 0.00 672.59 1288.41" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1284.409)">
<title>dependency&#45;cruiser output</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-1284.409 668.5933,-1284.409 668.5933,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_/main</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M228.5435,-103.409C228.5435,-103.409 586.5933,-103.409 586.5933,-103.409 592.5933,-103.409 598.5933,-109.409 598.5933,-115.409 598.5933,-115.409 598.5933,-423.409 598.5933,-423.409 598.5933,-429.409 592.5933,-435.409 586.5933,-435.409 586.5933,-435.409 228.5435,-435.409 228.5435,-435.409 222.5435,-435.409 216.5435,-429.409 216.5435,-423.409 216.5435,-423.409 216.5435,-115.409 216.5435,-115.409 216.5435,-109.409 222.5435,-103.409 228.5435,-103.409"/>
<text text-anchor="middle" x="407.5684" y="-424.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">main</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_/main/lib</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M316.0496,-111.409C316.0496,-111.409 578.5933,-111.409 578.5933,-111.409 584.5933,-111.409 590.5933,-117.409 590.5933,-123.409 590.5933,-123.409 590.5933,-256.409 590.5933,-256.409 590.5933,-262.409 584.5933,-268.409 578.5933,-268.409 578.5933,-268.409 316.0496,-268.409 316.0496,-268.409 310.0496,-268.409 304.0496,-262.409 304.0496,-256.409 304.0496,-256.409 304.0496,-123.409 304.0496,-123.409 304.0496,-117.409 310.0496,-111.409 316.0496,-111.409"/>
<text text-anchor="middle" x="447.3214" y="-257.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">lib</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_/main/lib/artwork&#45;cache</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M324.0496,-119.409C324.0496,-119.409 570.5933,-119.409 570.5933,-119.409 576.5933,-119.409 582.5933,-125.409 582.5933,-131.409 582.5933,-131.409 582.5933,-231.409 582.5933,-231.409 582.5933,-237.409 576.5933,-243.409 570.5933,-243.409 570.5933,-243.409 324.0496,-243.409 324.0496,-243.409 318.0496,-243.409 312.0496,-237.409 312.0496,-231.409 312.0496,-231.409 312.0496,-131.409 312.0496,-131.409 312.0496,-125.409 318.0496,-119.409 324.0496,-119.409"/>
<text text-anchor="middle" x="447.3214" y="-232.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">artwork&#45;cache</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_/main/lib/artwork&#45;cache/test&#45;data</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M427.0745,-167.409C427.0745,-167.409 473.0745,-167.409 473.0745,-167.409 479.0745,-167.409 485.0745,-173.409 485.0745,-179.409 485.0745,-179.409 485.0745,-206.409 485.0745,-206.409 485.0745,-212.409 479.0745,-218.409 473.0745,-218.409 473.0745,-218.409 427.0745,-218.409 427.0745,-218.409 421.0745,-218.409 415.0745,-212.409 415.0745,-206.409 415.0745,-206.409 415.0745,-179.409 415.0745,-179.409 415.0745,-173.409 421.0745,-167.409 427.0745,-167.409"/>
<text text-anchor="middle" x="450.0745" y="-207.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">test&#45;data</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_/main/windows</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M427.0745,-303.409C427.0745,-303.409 473.0745,-303.409 473.0745,-303.409 479.0745,-303.409 485.0745,-309.409 485.0745,-315.409 485.0745,-315.409 485.0745,-371.409 485.0745,-371.409 485.0745,-377.409 479.0745,-383.409 473.0745,-383.409 473.0745,-383.409 427.0745,-383.409 427.0745,-383.409 421.0745,-383.409 415.0745,-377.409 415.0745,-371.409 415.0745,-371.409 415.0745,-315.409 415.0745,-315.409 415.0745,-309.409 421.0745,-303.409 427.0745,-303.409"/>
<text text-anchor="middle" x="450.0745" y="-372.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">windows</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_/renderer</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M20,-602.409C20,-602.409 586.5933,-602.409 586.5933,-602.409 592.5933,-602.409 598.5933,-608.409 598.5933,-614.409 598.5933,-614.409 598.5933,-1201.409 598.5933,-1201.409 598.5933,-1207.409 592.5933,-1213.409 586.5933,-1213.409 586.5933,-1213.409 20,-1213.409 20,-1213.409 14,-1213.409 8,-1207.409 8,-1201.409 8,-1201.409 8,-614.409 8,-614.409 8,-608.409 14,-602.409 20,-602.409"/>
<text text-anchor="middle" x="303.2966" y="-1202.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">renderer</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_/renderer/audio</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M28.2524,-874.409C28.2524,-874.409 184.5435,-874.409 184.5435,-874.409 190.5435,-874.409 196.5435,-880.409 196.5435,-886.409 196.5435,-886.409 196.5435,-913.409 196.5435,-913.409 196.5435,-919.409 190.5435,-925.409 184.5435,-925.409 184.5435,-925.409 28.2524,-925.409 28.2524,-925.409 22.2524,-925.409 16.2524,-919.409 16.2524,-913.409 16.2524,-913.409 16.2524,-886.409 16.2524,-886.409 16.2524,-880.409 22.2524,-874.409 28.2524,-874.409"/>
<text text-anchor="middle" x="106.3979" y="-914.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">audio</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_/renderer/elements</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M220.5435,-698.409C220.5435,-698.409 578.5933,-698.409 578.5933,-698.409 584.5933,-698.409 590.5933,-704.409 590.5933,-710.409 590.5933,-710.409 590.5933,-1176.409 590.5933,-1176.409 590.5933,-1182.409 584.5933,-1188.409 578.5933,-1188.409 578.5933,-1188.409 220.5435,-1188.409 220.5435,-1188.409 214.5435,-1188.409 208.5435,-1182.409 208.5435,-1176.409 208.5435,-1176.409 208.5435,-710.409 208.5435,-710.409 208.5435,-704.409 214.5435,-698.409 220.5435,-698.409"/>
<text text-anchor="middle" x="399.5684" y="-1177.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">elements</text>
</g>
<g id="clust9" class="cluster">
<title>cluster_/renderer/elements/button</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M427.0745,-940.409C427.0745,-940.409 570.5933,-940.409 570.5933,-940.409 576.5933,-940.409 582.5933,-946.409 582.5933,-952.409 582.5933,-952.409 582.5933,-979.409 582.5933,-979.409 582.5933,-985.409 576.5933,-991.409 570.5933,-991.409 570.5933,-991.409 427.0745,-991.409 427.0745,-991.409 421.0745,-991.409 415.0745,-985.409 415.0745,-979.409 415.0745,-979.409 415.0745,-952.409 415.0745,-952.409 415.0745,-946.409 421.0745,-940.409 427.0745,-940.409"/>
<text text-anchor="middle" x="498.8339" y="-980.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">button</text>
</g>
<g id="clust10" class="cluster">
<title>cluster_/renderer/elements/form</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.5933,-706.409C524.5933,-706.409 570.5933,-706.409 570.5933,-706.409 576.5933,-706.409 582.5933,-712.409 582.5933,-718.409 582.5933,-718.409 582.5933,-745.409 582.5933,-745.409 582.5933,-751.409 576.5933,-757.409 570.5933,-757.409 570.5933,-757.409 524.5933,-757.409 524.5933,-757.409 518.5933,-757.409 512.5933,-751.409 512.5933,-745.409 512.5933,-745.409 512.5933,-718.409 512.5933,-718.409 512.5933,-712.409 518.5933,-706.409 524.5933,-706.409"/>
<text text-anchor="middle" x="547.5933" y="-746.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">form</text>
</g>
<g id="clust11" class="cluster">
<title>cluster_/renderer/elements/header</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M324.0496,-765.409C324.0496,-765.409 570.5933,-765.409 570.5933,-765.409 576.5933,-765.409 582.5933,-771.409 582.5933,-777.409 582.5933,-777.409 582.5933,-818.409 582.5933,-818.409 582.5933,-824.409 576.5933,-830.409 570.5933,-830.409 570.5933,-830.409 324.0496,-830.409 324.0496,-830.409 318.0496,-830.409 312.0496,-824.409 312.0496,-818.409 312.0496,-818.409 312.0496,-777.409 312.0496,-777.409 312.0496,-771.409 318.0496,-765.409 324.0496,-765.409"/>
<text text-anchor="middle" x="447.3214" y="-819.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">header</text>
</g>
<g id="clust12" class="cluster">
<title>cluster_/renderer/elements/player</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M228.5435,-999.409C228.5435,-999.409 473.3269,-999.409 473.3269,-999.409 479.3269,-999.409 485.3269,-1005.409 485.3269,-1011.409 485.3269,-1011.409 485.3269,-1125.409 485.3269,-1125.409 485.3269,-1131.409 479.3269,-1137.409 473.3269,-1137.409 473.3269,-1137.409 228.5435,-1137.409 228.5435,-1137.409 222.5435,-1137.409 216.5435,-1131.409 216.5435,-1125.409 216.5435,-1125.409 216.5435,-1011.409 216.5435,-1011.409 216.5435,-1005.409 222.5435,-999.409 228.5435,-999.409"/>
<text text-anchor="middle" x="350.9352" y="-1126.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">player</text>
</g>
<g id="clust13" class="cluster">
<title>cluster_/renderer/elements/playlist</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M228.5435,-838.409C228.5435,-838.409 473.0745,-838.409 473.0745,-838.409 479.0745,-838.409 485.0745,-844.409 485.0745,-850.409 485.0745,-850.409 485.0745,-920.409 485.0745,-920.409 485.0745,-926.409 479.0745,-932.409 473.0745,-932.409 473.0745,-932.409 228.5435,-932.409 228.5435,-932.409 222.5435,-932.409 216.5435,-926.409 216.5435,-920.409 216.5435,-920.409 216.5435,-850.409 216.5435,-850.409 216.5435,-844.409 222.5435,-838.409 228.5435,-838.409"/>
<text text-anchor="middle" x="350.809" y="-921.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">playlist</text>
</g>
<g id="clust14" class="cluster">
<title>cluster_/renderer/lib</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M28,-815.409C28,-815.409 178.7866,-815.409 178.7866,-815.409 184.7866,-815.409 190.7866,-821.409 190.7866,-827.409 190.7866,-827.409 190.7866,-854.409 190.7866,-854.409 190.7866,-860.409 184.7866,-866.409 178.7866,-866.409 178.7866,-866.409 28,-866.409 28,-866.409 22,-866.409 16,-860.409 16,-854.409 16,-854.409 16,-827.409 16,-827.409 16,-821.409 22,-815.409 28,-815.409"/>
<text text-anchor="middle" x="103.3933" y="-855.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">lib</text>
</g>
<g id="clust15" class="cluster">
<title>cluster_/renderer/pages</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M119.2607,-610.409C119.2607,-610.409 274.5435,-610.409 274.5435,-610.409 280.5435,-610.409 286.5435,-616.409 286.5435,-622.409 286.5435,-622.409 286.5435,-678.409 286.5435,-678.409 286.5435,-684.409 280.5435,-690.409 274.5435,-690.409 274.5435,-690.409 119.2607,-690.409 119.2607,-690.409 113.2607,-690.409 107.2607,-684.409 107.2607,-678.409 107.2607,-678.409 107.2607,-622.409 107.2607,-622.409 107.2607,-616.409 113.2607,-610.409 119.2607,-610.409"/>
<text text-anchor="middle" x="196.9021" y="-679.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">pages</text>
</g>
<g id="clust16" class="cluster">
<title>cluster_/renderer/stores</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M128.5242,-698.409C128.5242,-698.409 174.5242,-698.409 174.5242,-698.409 180.5242,-698.409 186.5242,-704.409 186.5242,-710.409 186.5242,-710.409 186.5242,-795.409 186.5242,-795.409 186.5242,-801.409 180.5242,-807.409 174.5242,-807.409 174.5242,-807.409 128.5242,-807.409 128.5242,-807.409 122.5242,-807.409 116.5242,-801.409 116.5242,-795.409 116.5242,-795.409 116.5242,-710.409 116.5242,-710.409 116.5242,-704.409 122.5242,-698.409 128.5242,-698.409"/>
<text text-anchor="middle" x="151.5242" y="-796.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">stores</text>
</g>
<g id="clust17" class="cluster">
<title>cluster_/scripts</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M28.2524,-1221.409C28.2524,-1221.409 74.2524,-1221.409 74.2524,-1221.409 80.2524,-1221.409 86.2524,-1227.409 86.2524,-1233.409 86.2524,-1233.409 86.2524,-1260.409 86.2524,-1260.409 86.2524,-1266.409 80.2524,-1272.409 74.2524,-1272.409 74.2524,-1272.409 28.2524,-1272.409 28.2524,-1272.409 22.2524,-1272.409 16.2524,-1266.409 16.2524,-1260.409 16.2524,-1260.409 16.2524,-1233.409 16.2524,-1233.409 16.2524,-1227.409 22.2524,-1221.409 28.2524,-1221.409"/>
<text text-anchor="middle" x="51.2524" y="-1261.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">scripts</text>
</g>
<g id="clust18" class="cluster">
<title>cluster_/test</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M427.0745,-491.409C427.0745,-491.409 473.0745,-491.409 473.0745,-491.409 479.0745,-491.409 485.0745,-497.409 485.0745,-503.409 485.0745,-503.409 485.0745,-530.409 485.0745,-530.409 485.0745,-536.409 479.0745,-542.409 473.0745,-542.409 473.0745,-542.409 427.0745,-542.409 427.0745,-542.409 421.0745,-542.409 415.0745,-536.409 415.0745,-530.409 415.0745,-530.409 415.0745,-503.409 415.0745,-503.409 415.0745,-497.409 421.0745,-491.409 427.0745,-491.409"/>
<text text-anchor="middle" x="450.0745" y="-531.209" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00" fill="#000000">test</text>
</g>
<!-- assert -->
<g id="node1" class="node">
<title>assert</title>
<path fill="#ffffcc" stroke="#c0c0c0" d="M658.9266,-1014.909C658.9266,-1014.909 616.2599,-1014.909 616.2599,-1014.909 613.4266,-1014.909 610.5933,-1012.0757 610.5933,-1009.2424 610.5933,-1009.2424 610.5933,-1003.5757 610.5933,-1003.5757 610.5933,-1000.7424 613.4266,-997.909 616.2599,-997.909 616.2599,-997.909 658.9266,-997.909 658.9266,-997.909 661.7599,-997.909 664.5933,-1000.7424 664.5933,-1003.5757 664.5933,-1003.5757 664.5933,-1009.2424 664.5933,-1009.2424 664.5933,-1012.0757 661.7599,-1014.909 658.9266,-1014.909"/>
<text text-anchor="middle" x="637.5933" y="-1003.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c0c0c0">assert</text>
</g>
<!-- crypto -->
<g id="node2" class="node">
<title>crypto</title>
<path fill="#ffffcc" stroke="#c0c0c0" d="M568.9266,-76.909C568.9266,-76.909 526.2599,-76.909 526.2599,-76.909 523.4266,-76.909 520.5933,-74.0757 520.5933,-71.2424 520.5933,-71.2424 520.5933,-65.5757 520.5933,-65.5757 520.5933,-62.7424 523.4266,-59.909 526.2599,-59.909 526.2599,-59.909 568.9266,-59.909 568.9266,-59.909 571.7599,-59.909 574.5933,-62.7424 574.5933,-65.5757 574.5933,-65.5757 574.5933,-71.2424 574.5933,-71.2424 574.5933,-74.0757 571.7599,-76.909 568.9266,-76.909"/>
<text text-anchor="middle" x="547.5933" y="-65.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c0c0c0">crypto</text>
</g>
<!-- fs -->
<g id="node3" class="node">
<title>fs</title>
<path fill="#ffffcc" stroke="#c0c0c0" d="M658.9266,-104.909C658.9266,-104.909 616.2599,-104.909 616.2599,-104.909 613.4266,-104.909 610.5933,-102.0757 610.5933,-99.2424 610.5933,-99.2424 610.5933,-93.5757 610.5933,-93.5757 610.5933,-90.7424 613.4266,-87.909 616.2599,-87.909 616.2599,-87.909 658.9266,-87.909 658.9266,-87.909 661.7599,-87.909 664.5933,-90.7424 664.5933,-93.5757 664.5933,-93.5757 664.5933,-99.2424 664.5933,-99.2424 664.5933,-102.0757 661.7599,-104.909 658.9266,-104.909"/>
<text text-anchor="middle" x="637.5933" y="-93.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c0c0c0">fs</text>
</g>
<!-- main/artwork.js -->
<g id="node4" class="node">
<title>main/artwork.js</title>
<g id="a_node4"><a xlink:href="main/artwork.js" xlink:title="artwork.js">
<path fill="#ffffcc" stroke="#000000" d="M368.39,-293.909C368.39,-293.909 325.7091,-293.909 325.7091,-293.909 322.8758,-293.909 320.0424,-291.0757 320.0424,-288.2424 320.0424,-288.2424 320.0424,-282.5757 320.0424,-282.5757 320.0424,-279.7424 322.8758,-276.909 325.7091,-276.909 325.7091,-276.909 368.39,-276.909 368.39,-276.909 371.2233,-276.909 374.0567,-279.7424 374.0567,-282.5757 374.0567,-282.5757 374.0567,-288.2424 374.0567,-288.2424 374.0567,-291.0757 371.2233,-293.909 368.39,-293.909"/>
<text text-anchor="middle" x="347.0496" y="-282.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">artwork.js</text>
</a>
</g>
</g>
<!-- main/lib/artwork&#45;cache/index.js -->
<g id="node7" class="node">
<title>main/lib/artwork&#45;cache/index.js</title>
<g id="a_node7"><a xlink:href="main/lib/artwork-cache/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-158.909C471.4078,-158.909 428.7411,-158.909 428.7411,-158.909 425.9078,-158.909 423.0745,-156.0757 423.0745,-153.2424 423.0745,-153.2424 423.0745,-147.5757 423.0745,-147.5757 423.0745,-144.7424 425.9078,-141.909 428.7411,-141.909 428.7411,-141.909 471.4078,-141.909 471.4078,-141.909 474.2411,-141.909 477.0745,-144.7424 477.0745,-147.5757 477.0745,-147.5757 477.0745,-153.2424 477.0745,-153.2424 477.0745,-156.0757 474.2411,-158.909 471.4078,-158.909"/>
<text text-anchor="middle" x="450.0745" y="-147.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- main/artwork.js&#45;&gt;main/lib/artwork&#45;cache/index.js -->
<g id="edge1" class="edge">
<title>main/artwork.js&#45;&gt;main/lib/artwork&#45;cache/index.js</title>
<path fill="none" stroke="#000000" d="M355.5888,-276.678C362.6559,-269.1227 372.6247,-257.6683 379.5557,-246.409 398.8305,-215.0973 388.4515,-195.2088 415.503,-165.9966"/>
<polygon fill="#000000" stroke="#000000" points="418.1387,-168.3117 422.7653,-158.7805 413.2047,-163.3462 418.1387,-168.3117"/>
</g>
<!-- path -->
<g id="node16" class="node">
<title>path</title>
<path fill="#ffffcc" stroke="#c0c0c0" d="M568.9266,-460.909C568.9266,-460.909 526.2599,-460.909 526.2599,-460.909 523.4266,-460.909 520.5933,-458.0757 520.5933,-455.2424 520.5933,-455.2424 520.5933,-449.5757 520.5933,-449.5757 520.5933,-446.7424 523.4266,-443.909 526.2599,-443.909 526.2599,-443.909 568.9266,-443.909 568.9266,-443.909 571.7599,-443.909 574.5933,-446.7424 574.5933,-449.5757 574.5933,-449.5757 574.5933,-455.2424 574.5933,-455.2424 574.5933,-458.0757 571.7599,-460.909 568.9266,-460.909"/>
<text text-anchor="middle" x="547.5933" y="-449.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#c0c0c0">path</text>
</g>
<!-- main/artwork.js&#45;&gt;path -->
<g id="edge2" class="edge">
<title>main/artwork.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M371.6551,-294.0089C374.5847,-295.788 377.3222,-297.9038 379.5557,-300.409 413.1804,-338.1261 379.3957,-372.6288 415.0745,-408.409 428.609,-421.9821 475.991,-435.5764 510.238,-443.9861"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="509.852,-447.4928 520.3927,-446.4239 511.486,-440.6862 509.852,-447.4928"/>
</g>
<!-- main/config.js -->
<g id="node5" class="node">
<title>main/config.js</title>
<g id="a_node5"><a xlink:href="main/config.js" xlink:title="config.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-409.909C368.3829,-409.909 325.7162,-409.909 325.7162,-409.909 322.8829,-409.909 320.0496,-407.0757 320.0496,-404.2424 320.0496,-404.2424 320.0496,-398.5757 320.0496,-398.5757 320.0496,-395.7424 322.8829,-392.909 325.7162,-392.909 325.7162,-392.909 368.3829,-392.909 368.3829,-392.909 371.2162,-392.909 374.0496,-395.7424 374.0496,-398.5757 374.0496,-398.5757 374.0496,-404.2424 374.0496,-404.2424 374.0496,-407.0757 371.2162,-409.909 368.3829,-409.909"/>
<text text-anchor="middle" x="347.0496" y="-398.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">config.js</text>
</a>
</g>
</g>
<!-- main/index.js -->
<g id="node6" class="node">
<title>main/index.js</title>
<g id="a_node6"><a xlink:href="main/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M272.8768,-351.909C272.8768,-351.909 230.2101,-351.909 230.2101,-351.909 227.3768,-351.909 224.5435,-349.0757 224.5435,-346.2424 224.5435,-346.2424 224.5435,-340.5757 224.5435,-340.5757 224.5435,-337.7424 227.3768,-334.909 230.2101,-334.909 230.2101,-334.909 272.8768,-334.909 272.8768,-334.909 275.7101,-334.909 278.5435,-337.7424 278.5435,-340.5757 278.5435,-340.5757 278.5435,-346.2424 278.5435,-346.2424 278.5435,-349.0757 275.7101,-351.909 272.8768,-351.909"/>
<text text-anchor="middle" x="251.5435" y="-340.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- main/index.js&#45;&gt;main/artwork.js -->
<g id="edge3" class="edge">
<title>main/index.js&#45;&gt;main/artwork.js</title>
<path fill="none" stroke="#000000" d="M260.1231,-334.7481C269.9762,-325.2138 286.9885,-309.9728 304.0496,-300.409 306.1445,-299.2347 308.3476,-298.1279 310.6038,-297.0891"/>
<polygon fill="#000000" stroke="#000000" points="312.1235,-300.2484 320.0362,-293.2029 309.4569,-293.7762 312.1235,-300.2484"/>
</g>
<!-- main/index.js&#45;&gt;main/config.js -->
<g id="edge4" class="edge">
<title>main/index.js&#45;&gt;main/config.js</title>
<path fill="none" stroke="#000000" d="M259.696,-351.9985C269.4226,-361.8005 286.574,-377.7227 304.0496,-387.409 306.1353,-388.5651 308.3315,-389.644 310.5825,-390.6476"/>
<polygon fill="#000000" stroke="#000000" points="309.4156,-393.9496 320.0027,-394.3554 311.9794,-387.436 309.4156,-393.9496"/>
</g>
<!-- main/menu.js -->
<g id="node11" class="node">
<title>main/menu.js</title>
<g id="a_node11"><a xlink:href="main/menu.js" xlink:title="menu.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-380.909C368.3829,-380.909 325.7162,-380.909 325.7162,-380.909 322.8829,-380.909 320.0496,-378.0757 320.0496,-375.2424 320.0496,-375.2424 320.0496,-369.5757 320.0496,-369.5757 320.0496,-366.7424 322.8829,-363.909 325.7162,-363.909 325.7162,-363.909 368.3829,-363.909 368.3829,-363.909 371.2162,-363.909 374.0496,-366.7424 374.0496,-369.5757 374.0496,-369.5757 374.0496,-375.2424 374.0496,-375.2424 374.0496,-378.0757 371.2162,-380.909 368.3829,-380.909"/>
<text text-anchor="middle" x="347.0496" y="-369.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">menu.js</text>
</a>
</g>
</g>
<!-- main/index.js&#45;&gt;main/menu.js -->
<g id="edge5" class="edge">
<title>main/index.js&#45;&gt;main/menu.js</title>
<path fill="none" stroke="#000000" d="M278.6562,-351.6417C288.4355,-354.6111 299.6449,-358.0148 310.1206,-361.1957"/>
<polygon fill="#000000" stroke="#000000" points="309.2835,-364.5993 319.869,-364.1558 311.3173,-357.9012 309.2835,-364.5993"/>
</g>
<!-- main/track&#45;dict.js -->
<g id="node12" class="node">
<title>main/track&#45;dict.js</title>
<g id="a_node12"><a xlink:href="main/track-dict.js" xlink:title="track&#45;dict.js">
<path fill="#ffffcc" stroke="#000000" d="M371.8902,-322.909C371.8902,-322.909 322.2089,-322.909 322.2089,-322.909 319.3755,-322.909 316.5422,-320.0757 316.5422,-317.2424 316.5422,-317.2424 316.5422,-311.5757 316.5422,-311.5757 316.5422,-308.7424 319.3755,-305.909 322.2089,-305.909 322.2089,-305.909 371.8902,-305.909 371.8902,-305.909 374.7236,-305.909 377.5569,-308.7424 377.5569,-311.5757 377.5569,-311.5757 377.5569,-317.2424 377.5569,-317.2424 377.5569,-320.0757 374.7236,-322.909 371.8902,-322.909"/>
<text text-anchor="middle" x="347.0496" y="-311.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">track&#45;dict.js</text>
</a>
</g>
</g>
<!-- main/index.js&#45;&gt;main/track&#45;dict.js -->
<g id="edge6" class="edge">
<title>main/index.js&#45;&gt;main/track&#45;dict.js</title>
<path fill="none" stroke="#000000" d="M278.6562,-335.1764C288.0865,-332.3129 298.8467,-329.0456 308.9964,-325.9637"/>
<polygon fill="#000000" stroke="#000000" points="310.3192,-329.2199 318.8709,-322.9654 308.2853,-322.5219 310.3192,-329.2199"/>
</g>
<!-- main/windows/audio.js -->
<g id="node13" class="node">
<title>main/windows/audio.js</title>
<g id="a_node13"><a xlink:href="main/windows/audio.js" xlink:title="audio.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-357.909C471.4078,-357.909 428.7411,-357.909 428.7411,-357.909 425.9078,-357.909 423.0745,-355.0757 423.0745,-352.2424 423.0745,-352.2424 423.0745,-346.5757 423.0745,-346.5757 423.0745,-343.7424 425.9078,-340.909 428.7411,-340.909 428.7411,-340.909 471.4078,-340.909 471.4078,-340.909 474.2411,-340.909 477.0745,-343.7424 477.0745,-346.5757 477.0745,-346.5757 477.0745,-352.2424 477.0745,-352.2424 477.0745,-355.0757 474.2411,-357.909 471.4078,-357.909"/>
<text text-anchor="middle" x="450.0745" y="-346.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">audio.js</text>
</a>
</g>
</g>
<!-- main/index.js&#45;&gt;main/windows/audio.js -->
<g id="edge7" class="edge">
<title>main/index.js&#45;&gt;main/windows/audio.js</title>
<path fill="none" stroke="#000000" d="M278.7321,-344.2307C313.3862,-345.278 373.4677,-347.0938 412.4878,-348.2731"/>
<polygon fill="#000000" stroke="#000000" points="412.7952,-351.7839 422.8964,-348.5877 413.0067,-344.7871 412.7952,-351.7839"/>
</g>
<!-- main/windows/player.js -->
<g id="node14" class="node">
<title>main/windows/player.js</title>
<g id="a_node14"><a xlink:href="main/windows/player.js" xlink:title="player.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-328.909C471.4078,-328.909 428.7411,-328.909 428.7411,-328.909 425.9078,-328.909 423.0745,-326.0757 423.0745,-323.2424 423.0745,-323.2424 423.0745,-317.5757 423.0745,-317.5757 423.0745,-314.7424 425.9078,-311.909 428.7411,-311.909 428.7411,-311.909 471.4078,-311.909 471.4078,-311.909 474.2411,-311.909 477.0745,-314.7424 477.0745,-317.5757 477.0745,-317.5757 477.0745,-323.2424 477.0745,-323.2424 477.0745,-326.0757 474.2411,-328.909 471.4078,-328.909"/>
<text text-anchor="middle" x="450.0745" y="-317.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">player.js</text>
</a>
</g>
</g>
<!-- main/index.js&#45;&gt;main/windows/player.js -->
<g id="edge8" class="edge">
<title>main/index.js&#45;&gt;main/windows/player.js</title>
<path fill="none" stroke="#000000" d="M279.0282,-340.5478C304.9617,-337.8138 344.9212,-333.5127 379.5557,-329.409 390.4227,-328.1214 402.2213,-326.6462 413.0026,-325.2677"/>
<polygon fill="#000000" stroke="#000000" points="413.493,-328.7335 422.964,-323.9849 412.5989,-321.7908 413.493,-328.7335"/>
</g>
<!-- main/lib/artwork&#45;cache/index.js&#45;&gt;crypto -->
<g id="edge10" class="edge">
<title>main/lib/artwork&#45;cache/index.js&#45;&gt;crypto</title>
<path fill="none" stroke="#c0c0c0" d="M460.5107,-141.6336C476.9341,-127.8237 509.0277,-100.8374 529.3321,-83.7642"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="531.8308,-86.236 537.2321,-77.1214 527.3257,-80.8784 531.8308,-86.236"/>
</g>
<!-- main/lib/artwork&#45;cache/util.js -->
<g id="node10" class="node">
<title>main/lib/artwork&#45;cache/util.js</title>
<g id="a_node10"><a xlink:href="main/lib/artwork-cache/util.js" xlink:title="util.js">
<path fill="#ffffcc" stroke="#000000" d="M568.9266,-144.909C568.9266,-144.909 526.2599,-144.909 526.2599,-144.909 523.4266,-144.909 520.5933,-142.0757 520.5933,-139.2424 520.5933,-139.2424 520.5933,-133.5757 520.5933,-133.5757 520.5933,-130.7424 523.4266,-127.909 526.2599,-127.909 526.2599,-127.909 568.9266,-127.909 568.9266,-127.909 571.7599,-127.909 574.5933,-130.7424 574.5933,-133.5757 574.5933,-133.5757 574.5933,-139.2424 574.5933,-139.2424 574.5933,-142.0757 571.7599,-144.909 568.9266,-144.909"/>
<text text-anchor="middle" x="547.5933" y="-133.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">util.js</text>
</a>
</g>
</g>
<!-- main/lib/artwork&#45;cache/index.js&#45;&gt;main/lib/artwork&#45;cache/util.js -->
<g id="edge9" class="edge">
<title>main/lib/artwork&#45;cache/index.js&#45;&gt;main/lib/artwork&#45;cache/util.js</title>
<path fill="none" stroke="#000000" d="M477.2389,-146.5093C487.4889,-145.0377 499.3344,-143.3372 510.3486,-141.756"/>
<polygon fill="#000000" stroke="#000000" points="511.1734,-145.1735 520.5745,-140.2879 510.1786,-138.2446 511.1734,-145.1735"/>
</g>
<!-- main/lib/artwork&#45;cache/index.js&#45;&gt;path -->
<g id="edge11" class="edge">
<title>main/lib/artwork&#45;cache/index.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M477.3376,-157.9334C480.3447,-159.6673 483.1135,-161.7963 485.3269,-164.409 503.0335,-185.3101 534.7005,-372.8548 544.5708,-433.5493"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="541.1484,-434.3111 546.198,-443.6252 548.0588,-433.1951 541.1484,-434.3111"/>
</g>
<!-- main/lib/artwork&#45;cache/test&#45;data/index.js -->
<g id="node8" class="node">
<title>main/lib/artwork&#45;cache/test&#45;data/index.js</title>
<g id="a_node8"><a xlink:href="main/lib/artwork-cache/test-data/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-192.909C471.4078,-192.909 428.7411,-192.909 428.7411,-192.909 425.9078,-192.909 423.0745,-190.0757 423.0745,-187.2424 423.0745,-187.2424 423.0745,-181.5757 423.0745,-181.5757 423.0745,-178.7424 425.9078,-175.909 428.7411,-175.909 428.7411,-175.909 471.4078,-175.909 471.4078,-175.909 474.2411,-175.909 477.0745,-178.7424 477.0745,-181.5757 477.0745,-181.5757 477.0745,-187.2424 477.0745,-187.2424 477.0745,-190.0757 474.2411,-192.909 471.4078,-192.909"/>
<text text-anchor="middle" x="450.0745" y="-181.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- main/lib/artwork&#45;cache/test&#45;data/index.js&#45;&gt;path -->
<g id="edge12" class="edge">
<title>main/lib/artwork&#45;cache/test&#45;data/index.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M453.2086,-193.0223C466.905,-230.6624 521.6725,-381.174 540.8885,-433.983"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="537.7132,-435.4927 544.4217,-443.6931 544.2913,-433.0991 537.7132,-435.4927"/>
</g>
<!-- main/lib/artwork&#45;cache/test.js -->
<g id="node9" class="node">
<title>main/lib/artwork&#45;cache/test.js</title>
<g id="a_node9"><a xlink:href="main/lib/artwork-cache/test.js" xlink:title="test.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-175.909C368.3829,-175.909 325.7162,-175.909 325.7162,-175.909 322.8829,-175.909 320.0496,-173.0757 320.0496,-170.2424 320.0496,-170.2424 320.0496,-164.5757 320.0496,-164.5757 320.0496,-161.7424 322.8829,-158.909 325.7162,-158.909 325.7162,-158.909 368.3829,-158.909 368.3829,-158.909 371.2162,-158.909 374.0496,-161.7424 374.0496,-164.5757 374.0496,-164.5757 374.0496,-170.2424 374.0496,-170.2424 374.0496,-173.0757 371.2162,-175.909 368.3829,-175.909"/>
<text text-anchor="middle" x="347.0496" y="-164.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">test.js</text>
</a>
</g>
</g>
<!-- main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/index.js -->
<g id="edge13" class="edge">
<title>main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/index.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-162.9425C385.9728,-160.9864 400.076,-158.6592 412.8931,-156.5443"/>
<polygon fill="#000000" stroke="#000000" points="413.5322,-159.9862 422.829,-154.9048 412.3925,-153.0796 413.5322,-159.9862"/>
</g>
<!-- main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/test&#45;data/index.js -->
<g id="edge14" class="edge">
<title>main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/test&#45;data/index.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-171.8756C385.9728,-173.8317 400.076,-176.1589 412.8931,-178.2738"/>
<polygon fill="#000000" stroke="#000000" points="412.3925,-181.7384 422.829,-179.9133 413.5322,-174.8318 412.3925,-181.7384"/>
</g>
<!-- main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/util.js -->
<g id="edge15" class="edge">
<title>main/lib/artwork&#45;cache/test.js&#45;&gt;main/lib/artwork&#45;cache/util.js</title>
<path fill="none" stroke="#000000" d="M361.0227,-158.8803C374.357,-151.2765 395.2891,-140.7048 415.0745,-136.409 446.7323,-129.5356 483.6563,-130.2234 510.4755,-132.234"/>
<polygon fill="#000000" stroke="#000000" points="510.326,-135.7338 520.5857,-133.0901 510.9167,-128.7588 510.326,-135.7338"/>
</g>
<!-- main/lib/artwork&#45;cache/test.js&#45;&gt;path -->
<g id="edge16" class="edge">
<title>main/lib/artwork&#45;cache/test.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M374.1557,-175.5204C376.1806,-176.903 378.0259,-178.5194 379.5557,-180.409 438.0143,-252.6185 354.3338,-316.1083 415.0745,-386.409 436.5539,-411.2691 455.8936,-394.8122 485.3269,-409.409 500.8957,-417.1301 517.0003,-428.3529 528.9301,-437.3972"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="527.1175,-440.4213 537.161,-443.7946 531.4133,-434.8943 527.1175,-440.4213"/>
</g>
<!-- main/lib/artwork&#45;cache/util.js&#45;&gt;fs -->
<g id="edge17" class="edge">
<title>main/lib/artwork&#45;cache/util.js&#45;&gt;fs</title>
<path fill="none" stroke="#c0c0c0" d="M567.1219,-127.7296C579.3527,-122.2937 595.3266,-115.1942 608.9732,-109.1291"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="610.6953,-112.1939 618.4119,-104.9341 607.8523,-105.7972 610.6953,-112.1939"/>
</g>
<!-- main/menu.js&#45;&gt;main/windows/audio.js -->
<g id="edge19" class="edge">
<title>main/menu.js&#45;&gt;main/windows/audio.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-366.3661C385.9728,-363.7195 400.076,-360.571 412.8931,-357.7097"/>
<polygon fill="#000000" stroke="#000000" points="413.8318,-361.0863 422.829,-355.4915 412.3066,-354.2545 413.8318,-361.0863"/>
</g>
<!-- package.json -->
<g id="node15" class="node">
<title>package.json</title>
<g id="a_node15"><a xlink:href="package.json" xlink:title="package.json">
<path fill="#ffffcc" stroke="#000000" d="M478.9454,-593.909C478.9454,-593.909 421.2035,-593.909 421.2035,-593.909 418.3702,-593.909 415.5369,-591.0757 415.5369,-588.2424 415.5369,-588.2424 415.5369,-582.5757 415.5369,-582.5757 415.5369,-579.7424 418.3702,-576.909 421.2035,-576.909 421.2035,-576.909 478.9454,-576.909 478.9454,-576.909 481.7787,-576.909 484.6121,-579.7424 484.6121,-582.5757 484.6121,-582.5757 484.6121,-588.2424 484.6121,-588.2424 484.6121,-591.0757 481.7787,-593.909 478.9454,-593.909"/>
<text text-anchor="middle" x="450.0745" y="-582.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">package.json</text>
</a>
</g>
</g>
<!-- main/menu.js&#45;&gt;package.json -->
<g id="edge18" class="edge">
<title>main/menu.js&#45;&gt;package.json</title>
<path fill="none" stroke="#000000" d="M372.2698,-380.965C375.0294,-382.742 377.5572,-384.869 379.5557,-387.409 429.9776,-451.4936 366.0313,-502.2633 415.0745,-567.409 415.8835,-568.4838 416.7752,-569.4996 417.7319,-570.4594"/>
<polygon fill="#000000" stroke="#000000" points="415.9656,-573.5123 426.0498,-576.7621 420.1932,-567.9331 415.9656,-573.5123"/>
</g>
<!-- main/track&#45;dict.js&#45;&gt;fs -->
<g id="edge20" class="edge">
<title>main/track&#45;dict.js&#45;&gt;fs</title>
<path fill="none" stroke="#c0c0c0" d="M373.5186,-305.8418C375.7888,-304.3118 377.8611,-302.5157 379.5557,-300.409 431.758,-235.5112 353.2821,-172.2526 415.0745,-116.409 441.4333,-92.5878 544.0153,-92.6178 600.2321,-94.5617"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="600.364,-98.0692 610.4909,-94.9555 600.6326,-91.0744 600.364,-98.0692"/>
</g>
<!-- main/track&#45;dict.js&#45;&gt;path -->
<g id="edge21" class="edge">
<title>main/track&#45;dict.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M355.3388,-323.0907C362.8499,-331.4637 373.6228,-344.8328 379.5557,-358.409 413.4313,-435.9274 349.9127,-491.4591 415.0745,-545.409 439.1246,-565.321 457.7835,-560.1147 485.3269,-545.409 514.7871,-529.6799 532.7562,-493.1507 541.3845,-470.8413"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="544.7672,-471.7794 544.8794,-461.1852 538.185,-469.3971 544.7672,-471.7794"/>
</g>
<!-- main/windows/audio.js&#45;&gt;path -->
<g id="edge22" class="edge">
<title>main/windows/audio.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M458.3889,-358.1908C474.7978,-375.522 511.5593,-414.3497 532.4066,-436.3687"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="529.8831,-438.7942 539.2999,-443.6495 534.9663,-433.9815 529.8831,-438.7942"/>
</g>
<!-- main/windows/player.js&#45;&gt;path -->
<g id="edge23" class="edge">
<title>main/windows/player.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M475.9771,-328.9609C479.3502,-330.7584 482.5814,-332.892 485.3269,-335.409 515.4669,-363.0409 533.7663,-408.6875 542.1406,-434.0246"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="538.879,-435.321 545.2125,-443.8144 545.5579,-433.2252 538.879,-435.321"/>
</g>
<!-- renderer/audio/audio&#45;player.js -->
<g id="node17" class="node">
<title>renderer/audio/audio&#45;player.js</title>
<g id="a_node17"><a xlink:href="renderer/audio/audio-player.js" xlink:title="audio&#45;player.js">
<path fill="#ffffcc" stroke="#000000" d="M182.8961,-899.909C182.8961,-899.909 120.1523,-899.909 120.1523,-899.909 117.3189,-899.909 114.4856,-897.0757 114.4856,-894.2424 114.4856,-894.2424 114.4856,-888.5757 114.4856,-888.5757 114.4856,-885.7424 117.3189,-882.909 120.1523,-882.909 120.1523,-882.909 182.8961,-882.909 182.8961,-882.909 185.7294,-882.909 188.5628,-885.7424 188.5628,-888.5757 188.5628,-888.5757 188.5628,-894.2424 188.5628,-894.2424 188.5628,-897.0757 185.7294,-899.909 182.8961,-899.909"/>
<text text-anchor="middle" x="151.5242" y="-888.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">audio&#45;player.js</text>
</a>
</g>
</g>
<!-- renderer/audio/audio&#45;player.js&#45;&gt;path -->
<g id="edge24" class="edge">
<title>renderer/audio/audio&#45;player.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M180.6857,-882.7604C186.8949,-879.5564 192.7237,-875.2264 196.5435,-869.409 228.5332,-820.6895 178.2327,-657.1905 208.5435,-607.409 263.6377,-516.924 317.2527,-529.0763 415.0745,-488.409 446.3068,-475.4249 483.6227,-465.7754 510.6865,-459.7524"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="511.4903,-463.1595 520.5229,-457.6222 510.0087,-456.3181 511.4903,-463.1595"/>
</g>
<!-- renderer/audio/index.js -->
<g id="node18" class="node">
<title>renderer/audio/index.js</title>
<g id="a_node18"><a xlink:href="renderer/audio/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M72.5858,-899.909C72.5858,-899.909 29.9191,-899.909 29.9191,-899.909 27.0858,-899.909 24.2524,-897.0757 24.2524,-894.2424 24.2524,-894.2424 24.2524,-888.5757 24.2524,-888.5757 24.2524,-885.7424 27.0858,-882.909 29.9191,-882.909 29.9191,-882.909 72.5858,-882.909 72.5858,-882.909 75.4191,-882.909 78.2524,-885.7424 78.2524,-888.5757 78.2524,-888.5757 78.2524,-894.2424 78.2524,-894.2424 78.2524,-897.0757 75.4191,-899.909 72.5858,-899.909"/>
<text text-anchor="middle" x="51.2524" y="-888.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/audio/index.js&#45;&gt;path -->
<g id="edge26" class="edge">
<title>renderer/audio/index.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M71.7273,-882.8433C77.3476,-879.4855 82.8304,-875.056 86.2524,-869.409 116.5239,-819.4565 83.892,-660.9396 107.2607,-607.409 145.1764,-520.5561 156.7751,-450.409 251.5435,-450.409 251.5435,-450.409 251.5435,-450.409 347.0496,-450.409 403.9422,-450.409 469.9091,-451.2238 510.1886,-451.8133"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="510.2956,-455.3152 520.3468,-451.9652 510.4003,-448.316 510.2956,-455.3152"/>
</g>
<!-- renderer/audio/index.js&#45;&gt;renderer/audio/audio&#45;player.js -->
<g id="edge25" class="edge">
<title>renderer/audio/index.js&#45;&gt;renderer/audio/audio&#45;player.js</title>
<path fill="none" stroke="#000000" d="M78.3874,-891.409C86.308,-891.409 95.2064,-891.409 103.9976,-891.409"/>
<polygon fill="#000000" stroke="#000000" points="104.2034,-894.9091 114.2034,-891.409 104.2033,-887.9091 104.2034,-894.9091"/>
</g>
<!-- renderer/elements/button/index.js -->
<g id="node19" class="node">
<title>renderer/elements/button/index.js</title>
<g id="a_node19"><a xlink:href="renderer/elements/button/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-965.909C471.4078,-965.909 428.7411,-965.909 428.7411,-965.909 425.9078,-965.909 423.0745,-963.0757 423.0745,-960.2424 423.0745,-960.2424 423.0745,-954.5757 423.0745,-954.5757 423.0745,-951.7424 425.9078,-948.909 428.7411,-948.909 428.7411,-948.909 471.4078,-948.909 471.4078,-948.909 474.2411,-948.909 477.0745,-951.7424 477.0745,-954.5757 477.0745,-954.5757 477.0745,-960.2424 477.0745,-960.2424 477.0745,-963.0757 474.2411,-965.909 471.4078,-965.909"/>
<text text-anchor="middle" x="450.0745" y="-954.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/elements/button/styles.js -->
<g id="node20" class="node">
<title>renderer/elements/button/styles.js</title>
<g id="a_node20"><a xlink:href="renderer/elements/button/styles.js" xlink:title="styles.js">
<path fill="#ffffcc" stroke="#000000" d="M568.9266,-965.909C568.9266,-965.909 526.2599,-965.909 526.2599,-965.909 523.4266,-965.909 520.5933,-963.0757 520.5933,-960.2424 520.5933,-960.2424 520.5933,-954.5757 520.5933,-954.5757 520.5933,-951.7424 523.4266,-948.909 526.2599,-948.909 526.2599,-948.909 568.9266,-948.909 568.9266,-948.909 571.7599,-948.909 574.5933,-951.7424 574.5933,-954.5757 574.5933,-954.5757 574.5933,-960.2424 574.5933,-960.2424 574.5933,-963.0757 571.7599,-965.909 568.9266,-965.909"/>
<text text-anchor="middle" x="547.5933" y="-954.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">styles.js</text>
</a>
</g>
</g>
<!-- renderer/elements/button/index.js&#45;&gt;renderer/elements/button/styles.js -->
<g id="edge28" class="edge">
<title>renderer/elements/button/index.js&#45;&gt;renderer/elements/button/styles.js</title>
<path fill="none" stroke="#000000" d="M477.2389,-957.409C487.4889,-957.409 499.3344,-957.409 510.3486,-957.409"/>
<polygon fill="#000000" stroke="#000000" points="510.5746,-960.9091 520.5745,-957.409 510.5745,-953.9091 510.5746,-960.9091"/>
</g>
<!-- renderer/elements/icon.js -->
<g id="node25" class="node">
<title>renderer/elements/icon.js</title>
<g id="a_node25"><a xlink:href="renderer/elements/icon.js" xlink:title="icon.js">
<path fill="#ffffcc" stroke="#000000" d="M568.9266,-931.909C568.9266,-931.909 526.2599,-931.909 526.2599,-931.909 523.4266,-931.909 520.5933,-929.0757 520.5933,-926.2424 520.5933,-926.2424 520.5933,-920.5757 520.5933,-920.5757 520.5933,-917.7424 523.4266,-914.909 526.2599,-914.909 526.2599,-914.909 568.9266,-914.909 568.9266,-914.909 571.7599,-914.909 574.5933,-917.7424 574.5933,-920.5757 574.5933,-920.5757 574.5933,-926.2424 574.5933,-926.2424 574.5933,-929.0757 571.7599,-931.909 568.9266,-931.909"/>
<text text-anchor="middle" x="547.5933" y="-920.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">icon.js</text>
</a>
</g>
</g>
<!-- renderer/elements/button/index.js&#45;&gt;renderer/elements/icon.js -->
<g id="edge27" class="edge">
<title>renderer/elements/button/index.js&#45;&gt;renderer/elements/icon.js</title>
<path fill="none" stroke="#000000" d="M474.6826,-948.8294C486.3474,-944.7625 500.4793,-939.8353 513.1842,-935.4058"/>
<polygon fill="#000000" stroke="#000000" points="514.7027,-938.583 522.993,-931.9859 512.3982,-931.9732 514.7027,-938.583"/>
</g>
<!-- renderer/elements/form/styles.js -->
<g id="node21" class="node">
<title>renderer/elements/form/styles.js</title>
<g id="a_node21"><a xlink:href="renderer/elements/form/styles.js" xlink:title="styles.js">
<path fill="#ffffcc" stroke="#000000" d="M568.9266,-731.909C568.9266,-731.909 526.2599,-731.909 526.2599,-731.909 523.4266,-731.909 520.5933,-729.0757 520.5933,-726.2424 520.5933,-726.2424 520.5933,-720.5757 520.5933,-720.5757 520.5933,-717.7424 523.4266,-714.909 526.2599,-714.909 526.2599,-714.909 568.9266,-714.909 568.9266,-714.909 571.7599,-714.909 574.5933,-717.7424 574.5933,-720.5757 574.5933,-720.5757 574.5933,-726.2424 574.5933,-726.2424 574.5933,-729.0757 571.7599,-731.909 568.9266,-731.909"/>
<text text-anchor="middle" x="547.5933" y="-720.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">styles.js</text>
</a>
</g>
</g>
<!-- renderer/elements/header/index.js -->
<g id="node22" class="node">
<title>renderer/elements/header/index.js</title>
<g id="a_node22"><a xlink:href="renderer/elements/header/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-804.909C368.3829,-804.909 325.7162,-804.909 325.7162,-804.909 322.8829,-804.909 320.0496,-802.0757 320.0496,-799.2424 320.0496,-799.2424 320.0496,-793.5757 320.0496,-793.5757 320.0496,-790.7424 322.8829,-787.909 325.7162,-787.909 325.7162,-787.909 368.3829,-787.909 368.3829,-787.909 371.2162,-787.909 374.0496,-790.7424 374.0496,-793.5757 374.0496,-793.5757 374.0496,-799.2424 374.0496,-799.2424 374.0496,-802.0757 371.2162,-804.909 368.3829,-804.909"/>
<text text-anchor="middle" x="347.0496" y="-793.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/elements/header/index.js&#45;&gt;renderer/elements/button/index.js -->
<g id="edge29" class="edge">
<title>renderer/elements/header/index.js&#45;&gt;renderer/elements/button/index.js</title>
<path fill="none" stroke="#000000" d="M355.7861,-805.0231C362.9737,-812.5071 373.0084,-823.9224 379.5557,-835.409 402.9114,-876.3849 385.5844,-898.6008 415.0745,-935.409 417.3421,-938.2394 420.0781,-940.8095 423.0094,-943.1119"/>
<polygon fill="#000000" stroke="#000000" points="421.3141,-946.1903 431.5604,-948.8854 425.2311,-940.3888 421.3141,-946.1903"/>
</g>
<!-- renderer/elements/header/index.js&#45;&gt;renderer/elements/button/styles.js -->
<g id="edge30" class="edge">
<title>renderer/elements/header/index.js&#45;&gt;renderer/elements/button/styles.js</title>
<path fill="none" stroke="#000000" d="M374.3424,-800.7819C410.0856,-807.0502 470.0123,-819.5976 485.3269,-835.409 518.1796,-869.3276 483.4911,-903.6891 513.4082,-943.2259"/>
<polygon fill="#000000" stroke="#000000" points="511.1093,-945.9191 520.2921,-951.2036 516.409,-941.346 511.1093,-945.9191"/>
</g>
<!-- renderer/elements/header/search.js -->
<g id="node23" class="node">
<title>renderer/elements/header/search.js</title>
<g id="a_node23"><a xlink:href="renderer/elements/header/search.js" xlink:title="search.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-790.909C471.4078,-790.909 428.7411,-790.909 428.7411,-790.909 425.9078,-790.909 423.0745,-788.0757 423.0745,-785.2424 423.0745,-785.2424 423.0745,-779.5757 423.0745,-779.5757 423.0745,-776.7424 425.9078,-773.909 428.7411,-773.909 428.7411,-773.909 471.4078,-773.909 471.4078,-773.909 474.2411,-773.909 477.0745,-776.7424 477.0745,-779.5757 477.0745,-779.5757 477.0745,-785.2424 477.0745,-785.2424 477.0745,-788.0757 474.2411,-790.909 471.4078,-790.909"/>
<text text-anchor="middle" x="450.0745" y="-779.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">search.js</text>
</a>
</g>
</g>
<!-- renderer/elements/header/index.js&#45;&gt;renderer/elements/header/search.js -->
<g id="edge31" class="edge">
<title>renderer/elements/header/index.js&#45;&gt;renderer/elements/header/search.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-792.7307C385.9728,-791.1198 400.076,-789.2033 412.8931,-787.4616"/>
<polygon fill="#000000" stroke="#000000" points="413.3913,-790.9261 422.829,-786.1114 412.4487,-783.9899 413.3913,-790.9261"/>
</g>
<!-- renderer/elements/header/styles.js -->
<g id="node24" class="node">
<title>renderer/elements/header/styles.js</title>
<g id="a_node24"><a xlink:href="renderer/elements/header/styles.js" xlink:title="styles.js">
<path fill="#ffffcc" stroke="#000000" d="M568.9266,-797.909C568.9266,-797.909 526.2599,-797.909 526.2599,-797.909 523.4266,-797.909 520.5933,-795.0757 520.5933,-792.2424 520.5933,-792.2424 520.5933,-786.5757 520.5933,-786.5757 520.5933,-783.7424 523.4266,-780.909 526.2599,-780.909 526.2599,-780.909 568.9266,-780.909 568.9266,-780.909 571.7599,-780.909 574.5933,-783.7424 574.5933,-786.5757 574.5933,-786.5757 574.5933,-792.2424 574.5933,-792.2424 574.5933,-795.0757 571.7599,-797.909 568.9266,-797.909"/>
<text text-anchor="middle" x="547.5933" y="-786.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">styles.js</text>
</a>
</g>
</g>
<!-- renderer/elements/header/index.js&#45;&gt;renderer/elements/header/styles.js -->
<g id="edge32" class="edge">
<title>renderer/elements/header/index.js&#45;&gt;renderer/elements/header/styles.js</title>
<path fill="none" stroke="#000000" d="M374.1078,-797.7395C402.0069,-798.8451 446.7543,-799.8768 485.3269,-797.409 493.4335,-796.8904 502.0976,-795.9957 510.3074,-794.9878"/>
<polygon fill="#000000" stroke="#000000" points="510.9254,-798.4369 520.3875,-793.6704 510.0182,-791.4959 510.9254,-798.4369"/>
</g>
<!-- renderer/elements/header/search.js&#45;&gt;assert -->
<g id="edge35" class="edge">
<title>renderer/elements/header/search.js&#45;&gt;assert</title>
<path fill="none" stroke="#c0c0c0" d="M457.5693,-791.1342C465.7392,-801.138 478.55,-818.3622 485.3269,-835.409 511.814,-902.0354 460.0511,-945.6242 512.5933,-994.409 535.6848,-1015.8493 572.5471,-1016.9047 600.2698,-1013.7592"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="600.9623,-1017.1973 610.3995,-1012.3817 600.0191,-1010.2612 600.9623,-1017.1973"/>
</g>
<!-- renderer/elements/header/search.js&#45;&gt;renderer/elements/form/styles.js -->
<g id="edge33" class="edge">
<title>renderer/elements/header/search.js&#45;&gt;renderer/elements/form/styles.js</title>
<path fill="none" stroke="#000000" d="M464.4637,-773.7034C480.3271,-764.1058 506.0658,-748.5336 524.7047,-737.2569"/>
<polygon fill="#000000" stroke="#000000" points="526.7179,-740.1297 533.462,-731.9586 523.0943,-734.1405 526.7179,-740.1297"/>
</g>
<!-- renderer/elements/header/search.js&#45;&gt;renderer/elements/header/styles.js -->
<g id="edge34" class="edge">
<title>renderer/elements/header/search.js&#45;&gt;renderer/elements/header/styles.js</title>
<path fill="none" stroke="#000000" d="M477.2389,-784.3589C487.4889,-785.0947 499.3344,-785.945 510.3486,-786.7356"/>
<polygon fill="#000000" stroke="#000000" points="510.3496,-790.2446 520.5745,-787.4696 510.8508,-783.2625 510.3496,-790.2446"/>
</g>
<!-- renderer/elements/icon.js&#45;&gt;assert -->
<g id="edge36" class="edge">
<title>renderer/elements/icon.js&#45;&gt;assert</title>
<path fill="none" stroke="#c0c0c0" d="M574.8368,-926.7579C583.102,-928.8058 591.7863,-932.1028 598.5933,-937.409 615.1705,-950.3313 625.8502,-972.3985 631.7683,-988.0968"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="628.535,-989.4557 635.1186,-997.7566 635.1485,-987.1618 628.535,-989.4557"/>
</g>
<!-- renderer/elements/loader.js -->
<g id="node26" class="node">
<title>renderer/elements/loader.js</title>
<g id="a_node26"><a xlink:href="renderer/elements/loader.js" xlink:title="loader.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-957.909C368.3829,-957.909 325.7162,-957.909 325.7162,-957.909 322.8829,-957.909 320.0496,-955.0757 320.0496,-952.2424 320.0496,-952.2424 320.0496,-946.5757 320.0496,-946.5757 320.0496,-943.7424 322.8829,-940.909 325.7162,-940.909 325.7162,-940.909 368.3829,-940.909 368.3829,-940.909 371.2162,-940.909 374.0496,-943.7424 374.0496,-946.5757 374.0496,-946.5757 374.0496,-952.2424 374.0496,-952.2424 374.0496,-955.0757 371.2162,-957.909 368.3829,-957.909"/>
<text text-anchor="middle" x="347.0496" y="-946.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">loader.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/artwork.js -->
<g id="node27" class="node">
<title>renderer/elements/player/artwork.js</title>
<g id="a_node27"><a xlink:href="renderer/elements/player/artwork.js" xlink:title="artwork.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4149,-1024.909C471.4149,-1024.909 428.734,-1024.909 428.734,-1024.909 425.9007,-1024.909 423.0674,-1022.0757 423.0674,-1019.2424 423.0674,-1019.2424 423.0674,-1013.5757 423.0674,-1013.5757 423.0674,-1010.7424 425.9007,-1007.909 428.734,-1007.909 428.734,-1007.909 471.4149,-1007.909 471.4149,-1007.909 474.2482,-1007.909 477.0816,-1010.7424 477.0816,-1013.5757 477.0816,-1013.5757 477.0816,-1019.2424 477.0816,-1019.2424 477.0816,-1022.0757 474.2482,-1024.909 471.4149,-1024.909"/>
<text text-anchor="middle" x="450.0745" y="-1013.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">artwork.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/artwork.js&#45;&gt;path -->
<g id="edge37" class="edge">
<title>renderer/elements/player/artwork.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M470.6476,-1007.8438C476.3064,-1004.486 481.84,-1000.0564 485.3269,-994.409 519.4494,-939.1447 505.0768,-767.9225 512.5933,-703.409 522.7394,-616.3252 538.2961,-512.735 544.6931,-471.097"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="548.1757,-471.478 546.2424,-461.061 541.2576,-470.41 548.1757,-471.478"/>
</g>
<!-- renderer/elements/player/controls.js -->
<g id="node28" class="node">
<title>renderer/elements/player/controls.js</title>
<g id="a_node28"><a xlink:href="renderer/elements/player/controls.js" xlink:title="controls.js">
<path fill="#ffffcc" stroke="#000000" d="M369.3982,-1053.909C369.3982,-1053.909 324.701,-1053.909 324.701,-1053.909 321.8676,-1053.909 319.0343,-1051.0757 319.0343,-1048.2424 319.0343,-1048.2424 319.0343,-1042.5757 319.0343,-1042.5757 319.0343,-1039.7424 321.8676,-1036.909 324.701,-1036.909 324.701,-1036.909 369.3982,-1036.909 369.3982,-1036.909 372.2315,-1036.909 375.0648,-1039.7424 375.0648,-1042.5757 375.0648,-1042.5757 375.0648,-1048.2424 375.0648,-1048.2424 375.0648,-1051.0757 372.2315,-1053.909 369.3982,-1053.909"/>
<text text-anchor="middle" x="347.0496" y="-1042.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">controls.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/controls.js&#45;&gt;renderer/elements/button/index.js -->
<g id="edge38" class="edge">
<title>renderer/elements/player/controls.js&#45;&gt;renderer/elements/button/index.js</title>
<path fill="none" stroke="#000000" d="M370.0568,-1036.8931C373.3625,-1035.2771 376.6306,-1033.445 379.5557,-1031.409 385.9245,-1026.9759 416.5075,-994.0587 435.245,-973.648"/>
<polygon fill="#000000" stroke="#000000" points="438.0481,-975.7695 442.2209,-966.031 432.8858,-971.0417 438.0481,-975.7695"/>
</g>
<!-- renderer/elements/player/controls.js&#45;&gt;renderer/elements/button/styles.js -->
<g id="edge39" class="edge">
<title>renderer/elements/player/controls.js&#45;&gt;renderer/elements/button/styles.js</title>
<path fill="none" stroke="#000000" d="M375.0863,-1050.231C405.2322,-1053.8068 453.1534,-1054.6548 485.3269,-1031.409 507.1411,-1015.648 494.016,-995.0341 513.24,-972.1629"/>
<polygon fill="#000000" stroke="#000000" points="515.7822,-974.5697 520.3191,-964.9954 510.8018,-969.6508 515.7822,-974.5697"/>
</g>
<!-- renderer/elements/player/index.js -->
<g id="node29" class="node">
<title>renderer/elements/player/index.js</title>
<g id="a_node29"><a xlink:href="renderer/elements/player/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M272.8768,-1038.909C272.8768,-1038.909 230.2101,-1038.909 230.2101,-1038.909 227.3768,-1038.909 224.5435,-1036.0757 224.5435,-1033.2424 224.5435,-1033.2424 224.5435,-1027.5757 224.5435,-1027.5757 224.5435,-1024.7424 227.3768,-1021.909 230.2101,-1021.909 230.2101,-1021.909 272.8768,-1021.909 272.8768,-1021.909 275.7101,-1021.909 278.5435,-1024.7424 278.5435,-1027.5757 278.5435,-1027.5757 278.5435,-1033.2424 278.5435,-1033.2424 278.5435,-1036.0757 275.7101,-1038.909 272.8768,-1038.909"/>
<text text-anchor="middle" x="251.5435" y="-1027.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/index.js&#45;&gt;renderer/elements/player/controls.js -->
<g id="edge40" class="edge">
<title>renderer/elements/player/index.js&#45;&gt;renderer/elements/player/controls.js</title>
<path fill="none" stroke="#000000" d="M278.6562,-1034.6673C287.9883,-1036.133 298.6226,-1037.8032 308.679,-1039.3826"/>
<polygon fill="#000000" stroke="#000000" points="308.4489,-1042.8893 318.8709,-1040.9833 309.535,-1035.9741 308.4489,-1042.8893"/>
</g>
<!-- renderer/elements/player/meta.js -->
<g id="node30" class="node">
<title>renderer/elements/player/meta.js</title>
<g id="a_node30"><a xlink:href="renderer/elements/player/meta.js" xlink:title="meta.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-1024.909C368.3829,-1024.909 325.7162,-1024.909 325.7162,-1024.909 322.8829,-1024.909 320.0496,-1022.0757 320.0496,-1019.2424 320.0496,-1019.2424 320.0496,-1013.5757 320.0496,-1013.5757 320.0496,-1010.7424 322.8829,-1007.909 325.7162,-1007.909 325.7162,-1007.909 368.3829,-1007.909 368.3829,-1007.909 371.2162,-1007.909 374.0496,-1010.7424 374.0496,-1013.5757 374.0496,-1013.5757 374.0496,-1019.2424 374.0496,-1019.2424 374.0496,-1022.0757 371.2162,-1024.909 368.3829,-1024.909"/>
<text text-anchor="middle" x="347.0496" y="-1013.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">meta.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/index.js&#45;&gt;renderer/elements/player/meta.js -->
<g id="edge41" class="edge">
<title>renderer/elements/player/index.js&#45;&gt;renderer/elements/player/meta.js</title>
<path fill="none" stroke="#000000" d="M278.6562,-1026.4346C288.3347,-1025.0159 299.4139,-1023.3918 309.7964,-1021.8699"/>
<polygon fill="#000000" stroke="#000000" points="310.4824,-1025.3068 319.869,-1020.3934 309.4671,-1018.3808 310.4824,-1025.3068"/>
</g>
<!-- renderer/elements/player/progress.js -->
<g id="node31" class="node">
<title>renderer/elements/player/progress.js</title>
<g id="a_node31"><a xlink:href="renderer/elements/player/progress.js" xlink:title="progress.js">
<path fill="#ffffcc" stroke="#000000" d="M371.3985,-1111.909C371.3985,-1111.909 322.7006,-1111.909 322.7006,-1111.909 319.8673,-1111.909 317.0339,-1109.0757 317.0339,-1106.2424 317.0339,-1106.2424 317.0339,-1100.5757 317.0339,-1100.5757 317.0339,-1097.7424 319.8673,-1094.909 322.7006,-1094.909 322.7006,-1094.909 371.3985,-1094.909 371.3985,-1094.909 374.2319,-1094.909 377.0652,-1097.7424 377.0652,-1100.5757 377.0652,-1100.5757 377.0652,-1106.2424 377.0652,-1106.2424 377.0652,-1109.0757 374.2319,-1111.909 371.3985,-1111.909"/>
<text text-anchor="middle" x="347.0496" y="-1100.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">progress.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/index.js&#45;&gt;renderer/elements/player/progress.js -->
<g id="edge42" class="edge">
<title>renderer/elements/player/index.js&#45;&gt;renderer/elements/player/progress.js</title>
<path fill="none" stroke="#000000" d="M256.9334,-1038.9247C265.4367,-1051.692 283.1637,-1075.7502 304.0496,-1089.409 305.1584,-1090.1342 306.3078,-1090.8245 307.4878,-1091.4815"/>
<polygon fill="#000000" stroke="#000000" points="306.4183,-1094.8442 316.9614,-1095.8896 309.3713,-1088.4976 306.4183,-1094.8442"/>
</g>
<!-- renderer/elements/player/volume.js -->
<g id="node32" class="node">
<title>renderer/elements/player/volume.js</title>
<g id="a_node32"><a xlink:href="renderer/elements/player/volume.js" xlink:title="volume.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3956,-1082.909C368.3956,-1082.909 325.7035,-1082.909 325.7035,-1082.909 322.8702,-1082.909 320.0369,-1080.0757 320.0369,-1077.2424 320.0369,-1077.2424 320.0369,-1071.5757 320.0369,-1071.5757 320.0369,-1068.7424 322.8702,-1065.909 325.7035,-1065.909 325.7035,-1065.909 368.3956,-1065.909 368.3956,-1065.909 371.2289,-1065.909 374.0623,-1068.7424 374.0623,-1071.5757 374.0623,-1071.5757 374.0623,-1077.2424 374.0623,-1077.2424 374.0623,-1080.0757 371.2289,-1082.909 368.3956,-1082.909"/>
<text text-anchor="middle" x="347.0496" y="-1071.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">volume.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/index.js&#45;&gt;renderer/elements/player/volume.js -->
<g id="edge43" class="edge">
<title>renderer/elements/player/index.js&#45;&gt;renderer/elements/player/volume.js</title>
<path fill="none" stroke="#000000" d="M264.9623,-1039.0958C275.3412,-1045.56 290.2265,-1054.2869 304.0496,-1060.409 306.0909,-1061.3131 308.2094,-1062.1891 310.3626,-1063.0321"/>
<polygon fill="#000000" stroke="#000000" points="309.3003,-1066.37 319.8943,-1066.5013 311.6944,-1059.7922 309.3003,-1066.37"/>
</g>
<!-- renderer/elements/player/meta.js&#45;&gt;renderer/elements/player/artwork.js -->
<g id="edge44" class="edge">
<title>renderer/elements/player/meta.js&#45;&gt;renderer/elements/player/artwork.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-1016.409C385.8555,-1016.409 399.7969,-1016.409 412.512,-1016.409"/>
<polygon fill="#000000" stroke="#000000" points="412.829,-1019.9091 422.829,-1016.409 412.8289,-1012.9091 412.829,-1019.9091"/>
</g>
<!-- renderer/elements/player/progress.js&#45;&gt;renderer/elements/button/index.js -->
<g id="edge45" class="edge">
<title>renderer/elements/player/progress.js&#45;&gt;renderer/elements/button/index.js</title>
<path fill="none" stroke="#000000" d="M372.8348,-1094.7209C375.2964,-1093.208 377.5993,-1091.4491 379.5557,-1089.409 410.1803,-1057.4751 392.0193,-1034.1728 415.0745,-996.409 420.1854,-988.0375 427.1991,-979.8001 433.6064,-973.0686"/>
<polygon fill="#000000" stroke="#000000" points="436.1267,-975.4978 440.6992,-965.9404 431.1647,-970.5604 436.1267,-975.4978"/>
</g>
<!-- renderer/elements/range.js -->
<g id="node38" class="node">
<title>renderer/elements/range.js</title>
<g id="a_node38"><a xlink:href="renderer/elements/range.js" xlink:title="range.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-1162.909C471.4078,-1162.909 428.7411,-1162.909 428.7411,-1162.909 425.9078,-1162.909 423.0745,-1160.0757 423.0745,-1157.2424 423.0745,-1157.2424 423.0745,-1151.5757 423.0745,-1151.5757 423.0745,-1148.7424 425.9078,-1145.909 428.7411,-1145.909 428.7411,-1145.909 471.4078,-1145.909 471.4078,-1145.909 474.2411,-1145.909 477.0745,-1148.7424 477.0745,-1151.5757 477.0745,-1151.5757 477.0745,-1157.2424 477.0745,-1157.2424 477.0745,-1160.0757 474.2411,-1162.909 471.4078,-1162.909"/>
<text text-anchor="middle" x="450.0745" y="-1151.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">range.js</text>
</a>
</g>
</g>
<!-- renderer/elements/player/progress.js&#45;&gt;renderer/elements/range.js -->
<g id="edge46" class="edge">
<title>renderer/elements/player/progress.js&#45;&gt;renderer/elements/range.js</title>
<path fill="none" stroke="#000000" d="M361.6534,-1112.0036C375.2561,-1119.8515 396.2154,-1131.5459 415.0745,-1140.409 416.0518,-1140.8683 417.0485,-1141.3266 418.058,-1141.782"/>
<polygon fill="#000000" stroke="#000000" points="416.7443,-1145.0269 427.314,-1145.7568 419.5065,-1138.5949 416.7443,-1145.0269"/>
</g>
<!-- renderer/elements/player/volume.js&#45;&gt;renderer/elements/button/index.js -->
<g id="edge47" class="edge">
<title>renderer/elements/player/volume.js&#45;&gt;renderer/elements/button/index.js</title>
<path fill="none" stroke="#000000" d="M371.8943,-1065.8065C374.6491,-1064.2603 377.2774,-1062.4702 379.5557,-1060.409 403.6795,-1038.5841 396.1983,-1022.904 415.0745,-996.409 420.8416,-988.3142 428.0607,-980.0256 434.4421,-973.183"/>
<polygon fill="#000000" stroke="#000000" points="437.0179,-975.5537 441.4114,-965.9127 431.9647,-970.7096 437.0179,-975.5537"/>
</g>
<!-- renderer/elements/player/volume.js&#45;&gt;renderer/elements/button/styles.js -->
<g id="edge48" class="edge">
<title>renderer/elements/player/volume.js&#45;&gt;renderer/elements/button/styles.js</title>
<path fill="none" stroke="#000000" d="M374.3432,-1071.8262C409.7772,-1067.9549 469.0197,-1059.5512 485.3269,-1045.409 509.924,-1024.0776 491.2786,-999.9162 513.5133,-972.172"/>
<polygon fill="#000000" stroke="#000000" points="516.2645,-974.3532 520.5135,-964.6478 511.1395,-969.5852 516.2645,-974.3532"/>
</g>
<!-- renderer/elements/player/volume.js&#45;&gt;renderer/elements/range.js -->
<g id="edge49" class="edge">
<title>renderer/elements/player/volume.js&#45;&gt;renderer/elements/range.js</title>
<path fill="none" stroke="#000000" d="M369.6704,-1082.932C373.1722,-1084.7783 376.6019,-1086.9342 379.5557,-1089.409 400.7284,-1107.1486 393.4491,-1123.224 415.0745,-1140.409 415.2346,-1140.5363 415.396,-1140.6625 415.5587,-1140.7877"/>
<polygon fill="#000000" stroke="#000000" points="413.1966,-1143.4397 423.5349,-1145.7573 416.8983,-1137.4985 413.1966,-1143.4397"/>
</g>
<!-- renderer/elements/playlist/index.js -->
<g id="node33" class="node">
<title>renderer/elements/playlist/index.js</title>
<g id="a_node33"><a xlink:href="renderer/elements/playlist/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M272.8768,-892.909C272.8768,-892.909 230.2101,-892.909 230.2101,-892.909 227.3768,-892.909 224.5435,-890.0757 224.5435,-887.2424 224.5435,-887.2424 224.5435,-881.5757 224.5435,-881.5757 224.5435,-878.7424 227.3768,-875.909 230.2101,-875.909 230.2101,-875.909 272.8768,-875.909 272.8768,-875.909 275.7101,-875.909 278.5435,-878.7424 278.5435,-881.5757 278.5435,-881.5757 278.5435,-887.2424 278.5435,-887.2424 278.5435,-890.0757 275.7101,-892.909 272.8768,-892.909"/>
<text text-anchor="middle" x="251.5435" y="-881.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/elements/playlist/index.js&#45;&gt;renderer/elements/header/index.js -->
<g id="edge50" class="edge">
<title>renderer/elements/playlist/index.js&#45;&gt;renderer/elements/header/index.js</title>
<path fill="none" stroke="#000000" d="M260.8013,-875.6948C271.2623,-865.8654 288.8176,-849.4227 304.0496,-835.409 312.5269,-827.6097 322.006,-819.0006 329.9024,-811.8595"/>
<polygon fill="#000000" stroke="#000000" points="332.3735,-814.344 337.4501,-805.0446 327.6823,-809.1484 332.3735,-814.344"/>
</g>
<!-- renderer/elements/playlist/index.js&#45;&gt;renderer/elements/loader.js -->
<g id="edge51" class="edge">
<title>renderer/elements/playlist/index.js&#45;&gt;renderer/elements/loader.js</title>
<path fill="none" stroke="#000000" d="M258.426,-893.2391C267.6638,-904.5314 285.116,-923.9875 304.0496,-935.409 306.0159,-936.5952 308.0943,-937.6931 310.2334,-938.7074"/>
<polygon fill="#000000" stroke="#000000" points="309.2608,-942.0909 319.8418,-942.6336 311.9087,-935.611 309.2608,-942.0909"/>
</g>
<!-- renderer/elements/playlist/styles.js -->
<g id="node35" class="node">
<title>renderer/elements/playlist/styles.js</title>
<g id="a_node35"><a xlink:href="renderer/elements/playlist/styles.js" xlink:title="styles.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-902.909C471.4078,-902.909 428.7411,-902.909 428.7411,-902.909 425.9078,-902.909 423.0745,-900.0757 423.0745,-897.2424 423.0745,-897.2424 423.0745,-891.5757 423.0745,-891.5757 423.0745,-888.7424 425.9078,-885.909 428.7411,-885.909 428.7411,-885.909 471.4078,-885.909 471.4078,-885.909 474.2411,-885.909 477.0745,-888.7424 477.0745,-891.5757 477.0745,-891.5757 477.0745,-897.2424 477.0745,-897.2424 477.0745,-900.0757 474.2411,-902.909 471.4078,-902.909"/>
<text text-anchor="middle" x="450.0745" y="-891.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">styles.js</text>
</a>
</g>
</g>
<!-- renderer/elements/playlist/index.js&#45;&gt;renderer/elements/playlist/styles.js -->
<g id="edge52" class="edge">
<title>renderer/elements/playlist/index.js&#45;&gt;renderer/elements/playlist/styles.js</title>
<path fill="none" stroke="#000000" d="M276.078,-892.9456C284.7965,-895.5692 294.7547,-898.1074 304.0496,-899.409 340.7423,-904.5475 383.1007,-902.1947 412.7148,-899.2263"/>
<polygon fill="#000000" stroke="#000000" points="413.4466,-902.6678 423.0145,-898.1175 412.6973,-895.708 413.4466,-902.6678"/>
</g>
<!-- renderer/elements/playlist/track&#45;view.js -->
<g id="node37" class="node">
<title>renderer/elements/playlist/track&#45;view.js</title>
<g id="a_node37"><a xlink:href="renderer/elements/playlist/track-view.js" xlink:title="track&#45;view.js">
<path fill="#ffffcc" stroke="#000000" d="M373.8951,-892.909C373.8951,-892.909 320.204,-892.909 320.204,-892.909 317.3707,-892.909 314.5374,-890.0757 314.5374,-887.2424 314.5374,-887.2424 314.5374,-881.5757 314.5374,-881.5757 314.5374,-878.7424 317.3707,-875.909 320.204,-875.909 320.204,-875.909 373.8951,-875.909 373.8951,-875.909 376.7284,-875.909 379.5618,-878.7424 379.5618,-881.5757 379.5618,-881.5757 379.5618,-887.2424 379.5618,-887.2424 379.5618,-890.0757 376.7284,-892.909 373.8951,-892.909"/>
<text text-anchor="middle" x="347.0496" y="-881.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">track&#45;view.js</text>
</a>
</g>
</g>
<!-- renderer/elements/playlist/index.js&#45;&gt;renderer/elements/playlist/track&#45;view.js -->
<g id="edge53" class="edge">
<title>renderer/elements/playlist/index.js&#45;&gt;renderer/elements/playlist/track&#45;view.js</title>
<path fill="none" stroke="#000000" d="M278.6562,-884.409C286.663,-884.409 295.6285,-884.409 304.365,-884.409"/>
<polygon fill="#000000" stroke="#000000" points="304.4448,-887.9091 314.4447,-884.409 304.4447,-880.9091 304.4448,-887.9091"/>
</g>
<!-- renderer/elements/playlist/lib.js -->
<g id="node34" class="node">
<title>renderer/elements/playlist/lib.js</title>
<g id="a_node34"><a xlink:href="renderer/elements/playlist/lib.js" xlink:title="lib.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-870.909C471.4078,-870.909 428.7411,-870.909 428.7411,-870.909 425.9078,-870.909 423.0745,-868.0757 423.0745,-865.2424 423.0745,-865.2424 423.0745,-859.5757 423.0745,-859.5757 423.0745,-856.7424 425.9078,-853.909 428.7411,-853.909 428.7411,-853.909 471.4078,-853.909 471.4078,-853.909 474.2411,-853.909 477.0745,-856.7424 477.0745,-859.5757 477.0745,-859.5757 477.0745,-865.2424 477.0745,-865.2424 477.0745,-868.0757 474.2411,-870.909 471.4078,-870.909"/>
<text text-anchor="middle" x="450.0745" y="-859.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">lib.js</text>
</a>
</g>
</g>
<!-- renderer/elements/playlist/test.js -->
<g id="node36" class="node">
<title>renderer/elements/playlist/test.js</title>
<g id="a_node36"><a xlink:href="renderer/elements/playlist/test.js" xlink:title="test.js">
<path fill="#ffffcc" stroke="#000000" d="M368.3829,-863.909C368.3829,-863.909 325.7162,-863.909 325.7162,-863.909 322.8829,-863.909 320.0496,-861.0757 320.0496,-858.2424 320.0496,-858.2424 320.0496,-852.5757 320.0496,-852.5757 320.0496,-849.7424 322.8829,-846.909 325.7162,-846.909 325.7162,-846.909 368.3829,-846.909 368.3829,-846.909 371.2162,-846.909 374.0496,-849.7424 374.0496,-852.5757 374.0496,-852.5757 374.0496,-858.2424 374.0496,-858.2424 374.0496,-861.0757 371.2162,-863.909 368.3829,-863.909"/>
<text text-anchor="middle" x="347.0496" y="-852.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">test.js</text>
</a>
</g>
</g>
<!-- renderer/elements/playlist/test.js&#45;&gt;renderer/elements/playlist/lib.js -->
<g id="edge54" class="edge">
<title>renderer/elements/playlist/test.js&#45;&gt;renderer/elements/playlist/lib.js</title>
<path fill="none" stroke="#000000" d="M374.1181,-857.2482C385.8555,-858.0457 399.7969,-858.9929 412.512,-859.8569"/>
<polygon fill="#000000" stroke="#000000" points="412.6147,-863.3718 422.829,-860.5578 413.0893,-856.3879 412.6147,-863.3718"/>
</g>
<!-- renderer/elements/playlist/track&#45;view.js&#45;&gt;renderer/elements/playlist/lib.js -->
<g id="edge55" class="edge">
<title>renderer/elements/playlist/track&#45;view.js&#45;&gt;renderer/elements/playlist/lib.js</title>
<path fill="none" stroke="#000000" d="M379.6473,-877.4481C390.1904,-875.1967 401.961,-872.6832 412.8153,-870.3654"/>
<polygon fill="#000000" stroke="#000000" points="413.8225,-873.7293 422.8711,-868.2181 412.3607,-866.8836 413.8225,-873.7293"/>
</g>
<!-- renderer/elements/playlist/track&#45;view.js&#45;&gt;renderer/elements/playlist/styles.js -->
<g id="edge56" class="edge">
<title>renderer/elements/playlist/track&#45;view.js&#45;&gt;renderer/elements/playlist/styles.js</title>
<path fill="none" stroke="#000000" d="M379.6473,-887.5731C390.1904,-888.5964 401.961,-889.739 412.8153,-890.7925"/>
<polygon fill="#000000" stroke="#000000" points="412.5797,-894.286 422.8711,-891.7686 413.2561,-887.3188 412.5797,-894.286"/>
</g>
<!-- renderer/elements/range.js&#45;&gt;assert -->
<g id="edge57" class="edge">
<title>renderer/elements/range.js&#45;&gt;assert</title>
<path fill="none" stroke="#c0c0c0" d="M474.8742,-1145.8211C478.4801,-1144.215 482.0705,-1142.4049 485.3269,-1140.409 541.649,-1105.8889 597.1905,-1050.0055 622.8517,-1022.605"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="625.6006,-1024.7876 629.824,-1015.0709 620.463,-1020.0331 625.6006,-1024.7876"/>
</g>
<!-- renderer/index.js -->
<g id="node39" class="node">
<title>renderer/index.js</title>
<g id="a_node39"><a xlink:href="renderer/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M72.5858,-723.909C72.5858,-723.909 29.9191,-723.909 29.9191,-723.909 27.0858,-723.909 24.2524,-721.0757 24.2524,-718.2424 24.2524,-718.2424 24.2524,-712.5757 24.2524,-712.5757 24.2524,-709.7424 27.0858,-706.909 29.9191,-706.909 29.9191,-706.909 72.5858,-706.909 72.5858,-706.909 75.4191,-706.909 78.2524,-709.7424 78.2524,-712.5757 78.2524,-712.5757 78.2524,-718.2424 78.2524,-718.2424 78.2524,-721.0757 75.4191,-723.909 72.5858,-723.909"/>
<text text-anchor="middle" x="51.2524" y="-712.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- renderer/pages/main.js -->
<g id="node42" class="node">
<title>renderer/pages/main.js</title>
<g id="a_node42"><a xlink:href="renderer/pages/main.js" xlink:title="main.js">
<path fill="#ffffcc" stroke="#000000" d="M172.8575,-664.909C172.8575,-664.909 130.1908,-664.909 130.1908,-664.909 127.3575,-664.909 124.5242,-662.0757 124.5242,-659.2424 124.5242,-659.2424 124.5242,-653.5757 124.5242,-653.5757 124.5242,-650.7424 127.3575,-647.909 130.1908,-647.909 130.1908,-647.909 172.8575,-647.909 172.8575,-647.909 175.6908,-647.909 178.5242,-650.7424 178.5242,-653.5757 178.5242,-653.5757 178.5242,-659.2424 178.5242,-659.2424 178.5242,-662.0757 175.6908,-664.909 172.8575,-664.909"/>
<text text-anchor="middle" x="151.5242" y="-653.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">main.js</text>
</a>
</g>
</g>
<!-- renderer/index.js&#45;&gt;renderer/pages/main.js -->
<g id="edge58" class="edge">
<title>renderer/index.js&#45;&gt;renderer/pages/main.js</title>
<path fill="none" stroke="#000000" d="M66.0479,-706.7034C82.4336,-697.062 109.0663,-681.3913 128.2516,-670.1027"/>
<polygon fill="#000000" stroke="#000000" points="130.1503,-673.0464 136.994,-664.9586 126.6003,-667.0133 130.1503,-673.0464"/>
</g>
<!-- renderer/pages/preferences.js -->
<g id="node43" class="node">
<title>renderer/pages/preferences.js</title>
<g id="a_node43"><a xlink:href="renderer/pages/preferences.js" xlink:title="preferences.js">
<path fill="#ffffcc" stroke="#000000" d="M181.8859,-635.909C181.8859,-635.909 121.1624,-635.909 121.1624,-635.909 118.3291,-635.909 115.4958,-633.0757 115.4958,-630.2424 115.4958,-630.2424 115.4958,-624.5757 115.4958,-624.5757 115.4958,-621.7424 118.3291,-618.909 121.1624,-618.909 121.1624,-618.909 181.8859,-618.909 181.8859,-618.909 184.7192,-618.909 187.5526,-621.7424 187.5526,-624.5757 187.5526,-624.5757 187.5526,-630.2424 187.5526,-630.2424 187.5526,-633.0757 184.7192,-635.909 181.8859,-635.909"/>
<text text-anchor="middle" x="151.5242" y="-624.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">preferences.js</text>
</a>
</g>
</g>
<!-- renderer/index.js&#45;&gt;renderer/pages/preferences.js -->
<g id="edge59" class="edge">
<title>renderer/index.js&#45;&gt;renderer/pages/preferences.js</title>
<path fill="none" stroke="#000000" d="M55.5809,-706.8786C63.6862,-691.7331 82.5862,-660.082 107.2607,-642.409 108.1513,-641.7712 109.0709,-641.1589 110.0143,-640.5713"/>
<polygon fill="#000000" stroke="#000000" points="111.7209,-643.629 118.9918,-635.9229 108.5022,-637.4129 111.7209,-643.629"/>
</g>
<!-- renderer/stores/config.js -->
<g id="node45" class="node">
<title>renderer/stores/config.js</title>
<g id="a_node45"><a xlink:href="renderer/stores/config.js" xlink:title="config.js">
<path fill="#ffffcc" stroke="#000000" d="M172.8575,-781.909C172.8575,-781.909 130.1908,-781.909 130.1908,-781.909 127.3575,-781.909 124.5242,-779.0757 124.5242,-776.2424 124.5242,-776.2424 124.5242,-770.5757 124.5242,-770.5757 124.5242,-767.7424 127.3575,-764.909 130.1908,-764.909 130.1908,-764.909 172.8575,-764.909 172.8575,-764.909 175.6908,-764.909 178.5242,-767.7424 178.5242,-770.5757 178.5242,-770.5757 178.5242,-776.2424 178.5242,-776.2424 178.5242,-779.0757 175.6908,-781.909 172.8575,-781.909"/>
<text text-anchor="middle" x="151.5242" y="-770.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">config.js</text>
</a>
</g>
</g>
<!-- renderer/index.js&#45;&gt;renderer/stores/config.js -->
<g id="edge60" class="edge">
<title>renderer/index.js&#45;&gt;renderer/stores/config.js</title>
<path fill="none" stroke="#000000" d="M60.0459,-723.9917C70.5125,-733.7873 88.8935,-749.7036 107.2607,-759.409 109.6502,-760.6717 112.1731,-761.8437 114.7535,-762.9272"/>
<polygon fill="#000000" stroke="#000000" points="113.6216,-766.2407 124.2141,-766.4673 116.0749,-759.6846 113.6216,-766.2407"/>
</g>
<!-- renderer/stores/library.js -->
<g id="node46" class="node">
<title>renderer/stores/library.js</title>
<g id="a_node46"><a xlink:href="renderer/stores/library.js" xlink:title="library.js">
<path fill="#ffffcc" stroke="#000000" d="M172.8575,-752.909C172.8575,-752.909 130.1908,-752.909 130.1908,-752.909 127.3575,-752.909 124.5242,-750.0757 124.5242,-747.2424 124.5242,-747.2424 124.5242,-741.5757 124.5242,-741.5757 124.5242,-738.7424 127.3575,-735.909 130.1908,-735.909 130.1908,-735.909 172.8575,-735.909 172.8575,-735.909 175.6908,-735.909 178.5242,-738.7424 178.5242,-741.5757 178.5242,-741.5757 178.5242,-747.2424 178.5242,-747.2424 178.5242,-750.0757 175.6908,-752.909 172.8575,-752.909"/>
<text text-anchor="middle" x="151.5242" y="-741.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">library.js</text>
</a>
</g>
</g>
<!-- renderer/index.js&#45;&gt;renderer/stores/library.js -->
<g id="edge61" class="edge">
<title>renderer/index.js&#45;&gt;renderer/stores/library.js</title>
<path fill="none" stroke="#000000" d="M78.3874,-723.2568C89.5343,-726.4807 102.6178,-730.2646 114.6134,-733.7339"/>
<polygon fill="#000000" stroke="#000000" points="113.7888,-737.1388 124.3675,-736.5549 115.7336,-730.4144 113.7888,-737.1388"/>
</g>
<!-- renderer/stores/player.js -->
<g id="node47" class="node">
<title>renderer/stores/player.js</title>
<g id="a_node47"><a xlink:href="renderer/stores/player.js" xlink:title="player.js">
<path fill="#ffffcc" stroke="#000000" d="M172.8575,-723.909C172.8575,-723.909 130.1908,-723.909 130.1908,-723.909 127.3575,-723.909 124.5242,-721.0757 124.5242,-718.2424 124.5242,-718.2424 124.5242,-712.5757 124.5242,-712.5757 124.5242,-709.7424 127.3575,-706.909 130.1908,-706.909 130.1908,-706.909 172.8575,-706.909 172.8575,-706.909 175.6908,-706.909 178.5242,-709.7424 178.5242,-712.5757 178.5242,-712.5757 178.5242,-718.2424 178.5242,-718.2424 178.5242,-721.0757 175.6908,-723.909 172.8575,-723.909"/>
<text text-anchor="middle" x="151.5242" y="-712.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">player.js</text>
</a>
</g>
</g>
<!-- renderer/index.js&#45;&gt;renderer/stores/player.js -->
<g id="edge62" class="edge">
<title>renderer/index.js&#45;&gt;renderer/stores/player.js</title>
<path fill="none" stroke="#000000" d="M78.3874,-715.409C89.4228,-715.409 102.3563,-715.409 114.2532,-715.409"/>
<polygon fill="#000000" stroke="#000000" points="114.3675,-718.9091 124.3675,-715.409 114.3675,-711.9091 114.3675,-718.9091"/>
</g>
<!-- renderer/lib/artwork.js -->
<g id="node40" class="node">
<title>renderer/lib/artwork.js</title>
<g id="a_node40"><a xlink:href="renderer/lib/artwork.js" xlink:title="artwork.js">
<path fill="#ffffcc" stroke="#000000" d="M72.5929,-840.909C72.5929,-840.909 29.912,-840.909 29.912,-840.909 27.0787,-840.909 24.2453,-838.0757 24.2453,-835.2424 24.2453,-835.2424 24.2453,-829.5757 24.2453,-829.5757 24.2453,-826.7424 27.0787,-823.909 29.912,-823.909 29.912,-823.909 72.5929,-823.909 72.5929,-823.909 75.4262,-823.909 78.2596,-826.7424 78.2596,-829.5757 78.2596,-829.5757 78.2596,-835.2424 78.2596,-835.2424 78.2596,-838.0757 75.4262,-840.909 72.5929,-840.909"/>
<text text-anchor="middle" x="51.2524" y="-829.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">artwork.js</text>
</a>
</g>
</g>
<!-- renderer/lib/artwork.js&#45;&gt;crypto -->
<g id="edge64" class="edge">
<title>renderer/lib/artwork.js&#45;&gt;crypto</title>
<path fill="none" stroke="#c0c0c0" d="M78.3204,-826.9465C81.3856,-825.3034 84.1553,-823.1721 86.2524,-820.409 110.6108,-788.3162 100.57,-498.1395 107.2607,-458.409 134.7207,-295.3489 81.4983,-206.2493 208.5435,-100.409 295.6075,-27.8767 442.3489,-46.0143 510.6088,-59.7126"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="509.9776,-63.1562 520.4819,-61.7742 511.4085,-56.304 509.9776,-63.1562"/>
</g>
<!-- renderer/lib/metadata.js -->
<g id="node41" class="node">
<title>renderer/lib/metadata.js</title>
<g id="a_node41"><a xlink:href="renderer/lib/metadata.js" xlink:title="metadata.js">
<path fill="#ffffcc" stroke="#000000" d="M176.8842,-840.909C176.8842,-840.909 126.1641,-840.909 126.1641,-840.909 123.3308,-840.909 120.4975,-838.0757 120.4975,-835.2424 120.4975,-835.2424 120.4975,-829.5757 120.4975,-829.5757 120.4975,-826.7424 123.3308,-823.909 126.1641,-823.909 126.1641,-823.909 176.8842,-823.909 176.8842,-823.909 179.7175,-823.909 182.5509,-826.7424 182.5509,-829.5757 182.5509,-829.5757 182.5509,-835.2424 182.5509,-835.2424 182.5509,-838.0757 179.7175,-840.909 176.8842,-840.909"/>
<text text-anchor="middle" x="151.5242" y="-829.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">metadata.js</text>
</a>
</g>
</g>
<!-- renderer/lib/artwork.js&#45;&gt;renderer/lib/metadata.js -->
<g id="edge63" class="edge">
<title>renderer/lib/artwork.js&#45;&gt;renderer/lib/metadata.js</title>
<path fill="none" stroke="#000000" d="M78.3874,-832.409C88.2329,-832.409 99.5892,-832.409 110.3723,-832.409"/>
<polygon fill="#000000" stroke="#000000" points="110.4672,-835.9091 120.4671,-832.409 110.4671,-828.9091 110.4672,-835.9091"/>
</g>
<!-- renderer/lib/metadata.js&#45;&gt;fs -->
<g id="edge65" class="edge">
<title>renderer/lib/metadata.js&#45;&gt;fs</title>
<path fill="none" stroke="#c0c0c0" d="M180.8053,-823.8378C187.0109,-820.6313 192.8081,-816.2809 196.5435,-810.409 217.718,-777.1232 182.6149,-130.1415 208.5435,-100.409 323.3056,31.1892 438.9514,17.3224 598.5933,-53.409 610.6038,-58.7304 620.4942,-69.7803 627.3098,-79.3457"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="624.4605,-81.3833 632.8711,-87.8264 630.3142,-77.5447 624.4605,-81.3833"/>
</g>
<!-- renderer/pages/main.js&#45;&gt;renderer/elements/player/index.js -->
<g id="edge66" class="edge">
<title>renderer/pages/main.js&#45;&gt;renderer/elements/player/index.js</title>
<path fill="none" stroke="#000000" d="M166.9713,-665.1586C177.3322,-671.9512 190.2016,-682.3949 196.5435,-695.409 219.9358,-743.4127 195.9799,-883.508 208.5435,-935.409 215.4756,-964.0461 230.9728,-994.6675 241.3431,-1013.1761"/>
<polygon fill="#000000" stroke="#000000" points="238.3398,-1014.9746 246.3581,-1021.8997 244.4085,-1011.4858 238.3398,-1014.9746"/>
</g>
<!-- renderer/pages/main.js&#45;&gt;renderer/elements/playlist/index.js -->
<g id="edge67" class="edge">
<title>renderer/pages/main.js&#45;&gt;renderer/elements/playlist/index.js</title>
<path fill="none" stroke="#000000" d="M166.1452,-665.0686C176.3888,-671.9509 189.4662,-682.5432 196.5435,-695.409 213.872,-726.9109 199.2199,-740.6856 208.5435,-775.409 217.4745,-808.6708 233.3986,-845.6094 243.1607,-866.8151"/>
<polygon fill="#000000" stroke="#000000" points="239.9921,-868.302 247.4003,-875.8763 246.3325,-865.3354 239.9921,-868.302"/>
</g>
<!-- renderer/pages/preferences.js&#45;&gt;renderer/elements/button/index.js -->
<g id="edge68" class="edge">
<title>renderer/pages/preferences.js&#45;&gt;renderer/elements/button/index.js</title>
<path fill="none" stroke="#000000" d="M187.6911,-636.0054C190.931,-637.7584 193.9578,-639.8686 196.5435,-642.409 207.9743,-653.6396 197.9522,-664.3835 208.5435,-676.409 264.7727,-740.2529 327.8213,-694.8715 379.5557,-762.409 427.2873,-824.7211 370.3621,-870.8962 415.0745,-935.409 416.996,-938.1815 419.3917,-940.6775 422.0227,-942.9051"/>
<polygon fill="#000000" stroke="#000000" points="420.191,-945.8959 430.3827,-948.7907 424.2207,-940.1721 420.191,-945.8959"/>
</g>
<!-- renderer/pages/preferences.js&#45;&gt;renderer/elements/form/styles.js -->
<g id="edge69" class="edge">
<title>renderer/pages/preferences.js&#45;&gt;renderer/elements/form/styles.js</title>
<path fill="none" stroke="#000000" d="M183.4578,-635.9465C191.6265,-638.0928 200.4024,-640.366 208.5435,-642.409 318.0828,-669.8981 448.0851,-700.3517 510.5116,-714.841"/>
<polygon fill="#000000" stroke="#000000" points="509.7619,-718.2599 520.294,-717.1092 511.343,-711.4408 509.7619,-718.2599"/>
</g>
<!-- renderer/pages/preferences.js&#45;&gt;renderer/elements/header/index.js -->
<g id="edge70" class="edge">
<title>renderer/pages/preferences.js&#45;&gt;renderer/elements/header/index.js</title>
<path fill="none" stroke="#000000" d="M187.8469,-635.2206C191.1416,-637.122 194.1369,-639.4817 196.5435,-642.409 223.2898,-674.9431 183.2401,-702.7406 208.5435,-736.409 232.7655,-768.6387 277.8983,-783.8002 310.0598,-790.7682"/>
<polygon fill="#000000" stroke="#000000" points="309.5113,-794.2277 320.0031,-792.7538 310.8822,-787.3632 309.5113,-794.2277"/>
</g>
<!-- renderer/pages/preferences.js&#45;&gt;renderer/elements/player/index.js -->
<g id="edge71" class="edge">
<title>renderer/pages/preferences.js&#45;&gt;renderer/elements/player/index.js</title>
<path fill="none" stroke="#000000" d="M187.6802,-634.7668C191.0973,-636.747 194.1659,-639.2492 196.5435,-642.409 216.1336,-668.4449 201.0206,-903.7065 208.5435,-935.409 215.3463,-964.077 230.8786,-994.6901 241.2916,-1013.1884"/>
<polygon fill="#000000" stroke="#000000" points="238.2957,-1014.9994 246.3295,-1021.9066 244.3565,-1011.4971 238.2957,-1014.9994"/>
</g>
<!-- renderer/pages/styles.js -->
<g id="node44" class="node">
<title>renderer/pages/styles.js</title>
<g id="a_node44"><a xlink:href="renderer/pages/styles.js" xlink:title="styles.js">
<path fill="#ffffcc" stroke="#000000" d="M272.8768,-635.909C272.8768,-635.909 230.2101,-635.909 230.2101,-635.909 227.3768,-635.909 224.5435,-633.0757 224.5435,-630.2424 224.5435,-630.2424 224.5435,-624.5757 224.5435,-624.5757 224.5435,-621.7424 227.3768,-618.909 230.2101,-618.909 230.2101,-618.909 272.8768,-618.909 272.8768,-618.909 275.7101,-618.909 278.5435,-621.7424 278.5435,-624.5757 278.5435,-624.5757 278.5435,-630.2424 278.5435,-630.2424 278.5435,-633.0757 275.7101,-635.909 272.8768,-635.909"/>
<text text-anchor="middle" x="251.5435" y="-624.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">styles.js</text>
</a>
</g>
</g>
<!-- renderer/pages/preferences.js&#45;&gt;renderer/pages/styles.js -->
<g id="edge72" class="edge">
<title>renderer/pages/preferences.js&#45;&gt;renderer/pages/styles.js</title>
<path fill="none" stroke="#000000" d="M187.6334,-627.409C196.2261,-627.409 205.4136,-627.409 214.066,-627.409"/>
<polygon fill="#000000" stroke="#000000" points="214.2789,-630.9091 224.2788,-627.409 214.2788,-623.9091 214.2789,-630.9091"/>
</g>
<!-- scripts/clear.js -->
<g id="node48" class="node">
<title>scripts/clear.js</title>
<g id="a_node48"><a xlink:href="scripts/clear.js" xlink:title="clear.js">
<path fill="#ffffcc" stroke="#000000" d="M72.5858,-1246.909C72.5858,-1246.909 29.9191,-1246.909 29.9191,-1246.909 27.0858,-1246.909 24.2524,-1244.0757 24.2524,-1241.2424 24.2524,-1241.2424 24.2524,-1235.5757 24.2524,-1235.5757 24.2524,-1232.7424 27.0858,-1229.909 29.9191,-1229.909 29.9191,-1229.909 72.5858,-1229.909 72.5858,-1229.909 75.4191,-1229.909 78.2524,-1232.7424 78.2524,-1235.5757 78.2524,-1235.5757 78.2524,-1241.2424 78.2524,-1241.2424 78.2524,-1244.0757 75.4191,-1246.909 72.5858,-1246.909"/>
<text text-anchor="middle" x="51.2524" y="-1235.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">clear.js</text>
</a>
</g>
</g>
<!-- test/index.js -->
<g id="node49" class="node">
<title>test/index.js</title>
<g id="a_node49"><a xlink:href="test/index.js" xlink:title="index.js">
<path fill="#ffffcc" stroke="#000000" d="M471.4078,-516.909C471.4078,-516.909 428.7411,-516.909 428.7411,-516.909 425.9078,-516.909 423.0745,-514.0757 423.0745,-511.2424 423.0745,-511.2424 423.0745,-505.5757 423.0745,-505.5757 423.0745,-502.7424 425.9078,-499.909 428.7411,-499.909 428.7411,-499.909 471.4078,-499.909 471.4078,-499.909 474.2411,-499.909 477.0745,-502.7424 477.0745,-505.5757 477.0745,-505.5757 477.0745,-511.2424 477.0745,-511.2424 477.0745,-514.0757 474.2411,-516.909 471.4078,-516.909"/>
<text text-anchor="middle" x="450.0745" y="-505.709" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#000000">index.js</text>
</a>
</g>
</g>
<!-- test/index.js&#45;&gt;path -->
<g id="edge73" class="edge">
<title>test/index.js&#45;&gt;path</title>
<path fill="none" stroke="#c0c0c0" d="M464.8855,-499.9038C480.5655,-490.8996 505.544,-476.5558 523.952,-465.985"/>
<polygon fill="#c0c0c0" stroke="#c0c0c0" points="525.7139,-469.0093 532.6429,-460.9943 522.228,-462.939 525.7139,-469.0093"/>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment