diagrams/spago-flowchart.svg

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="1596" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="1123" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG 2.5-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L1596 0 L1596 1123 L0 1123 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M-224 135 L1372 135 L1372 1258 L-224 1258 L-224 135 Z"/>
      </clipPath>
    </defs>
    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(224,-135)" stroke="white">
      <rect x="-224" width="1596" height="1123" y="135" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g fill="rgb(245,245,245)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(245,245,245)">
      <rect x="1.6739" y="150.3759" clip-path="url(#clipPath2)" width="1021.3343" rx="4" ry="4" height="1092.055" stroke="none"/>
      <rect x="1.6739" y="150.3759" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="1021.3343" height="21.4609" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="475.0571" xml:space="preserve" y="166.2992" clip-path="url(#clipPath2)" stroke="none">Computer</text>
      <rect x="1.6739" y="150.3759" clip-path="url(#clipPath2)" fill="none" width="1021.3343" stroke-dasharray="6,2" rx="4" ry="4" height="1092.055"/>
    </g>
    <g fill="rgb(225,225,225)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(225,225,225)">
      <rect x="324.1496" y="186.8368" clip-path="url(#clipPath2)" width="683.8586" rx="4" ry="4" height="1040.594" stroke="none"/>
      <rect x="324.1496" y="186.8368" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="683.8586" height="21.4609" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="569.8094" xml:space="preserve" y="202.7602" clip-path="url(#clipPath2)" stroke="none">Project A's Root Directory</text>
      <rect x="324.1496" y="186.8368" clip-path="url(#clipPath2)" fill="none" width="683.8586" stroke-dasharray="6,2" rx="4" ry="4" height="1040.594"/>
    </g>
    <g fill="rgb(205,205,205)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(205,205,205)">
      <rect x="339.1496" y="418.8236" clip-path="url(#clipPath2)" width="178" rx="4" ry="4" height="540.3406" stroke="none"/>
      <rect x="339.1496" y="418.8236" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="178" height="38.9219" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="374.7743" xml:space="preserve" y="434.7469" clip-path="url(#clipPath2)" stroke="none">Dependencies</text>
      <text x="351.172" xml:space="preserve" y="452.2078" clip-path="url(#clipPath2)" stroke="none">(`.spago/` directory)</text>
      <rect x="339.1496" y="418.8236" clip-path="url(#clipPath2)" fill="none" width="178" stroke-dasharray="6,2" rx="4" ry="4" height="540.3406"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="366.5985" width="108.6816" height="48.1192" y="896.0449" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="366.5985" width="108.6816" height="48.1192" y="896.0449" clip-path="url(#clipPath2)"/>
      <text x="383.7411" xml:space="preserve" y="910.2901" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Remote but </text>
      <text x="373.5985" xml:space="preserve" y="924.2589" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Already Cached</text>
      <text x="383.1727" xml:space="preserve" y="938.2276" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Dependency</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="375.1327" width="91.6133" height="53.2961" y="480.7607" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="375.1327" width="91.6133" height="53.2961" y="480.7607" clip-path="url(#clipPath2)"/>
      <text x="382.1327" xml:space="preserve" y="497.5943" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Uncacheable</text>
      <text x="397.5194" xml:space="preserve" y="511.5631" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Remote</text>
      <text x="383.1727" xml:space="preserve" y="525.5318" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Dependency</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="388.8019" width="83.2402" height="30" y="378.3876" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="388.8019" width="83.2402" height="30" y="378.3876" clip-path="url(#clipPath2)"/>
      <text x="395.8019" xml:space="preserve" y="397.5419" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">spago.dhall</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="588.8011" width="183.2188" height="68.1798" y="1088.6267" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="588.8011" width="183.2188" height="68.1798" y="1088.6267" clip-path="url(#clipPath2)"/>
      <text x="595.8011" xml:space="preserve" y="1105.9177" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">5a. Via `spago bundle-app`,</text>
      <text x="595.8011" xml:space="preserve" y="1119.8865" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">create a bundled JS file</text>
      <text x="595.8011" xml:space="preserve" y="1133.8552" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">that one can run</text>
      <text x="595.8011" xml:space="preserve" y="1147.824" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">via Node/Browser</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="787.143" width="205.8652" height="68.1798" y="1088.6267" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="787.143" width="205.8652" height="68.1798" y="1088.6267" clip-path="url(#clipPath2)"/>
      <text x="794.143" xml:space="preserve" y="1105.9177" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">5b. Via `spago bundle-module`,</text>
      <text x="794.143" xml:space="preserve" y="1119.8865" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">create a JS module that</text>
      <text x="794.143" xml:space="preserve" y="1133.8552" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">one can use/integrate </text>
      <text x="794.143" xml:space="preserve" y="1147.824" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">into one's application</text>
    </g>
    <g fill="rgb(205,205,205)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(205,205,205)">
      <rect x="339.1496" y="1112.5402" clip-path="url(#clipPath2)" width="151" rx="4" ry="4" height="99.8906" stroke="none"/>
      <rect x="339.1496" y="1112.5402" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="151" height="38.9219" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="368.2543" xml:space="preserve" y="1128.4636" clip-path="url(#clipPath2)" stroke="none">Source code</text>
      <text x="351.5551" xml:space="preserve" y="1145.9246" clip-path="url(#clipPath2)" stroke="none">(`src/` directory)</text>
      <rect x="339.1496" y="1112.5402" clip-path="url(#clipPath2)" fill="none" width="151" stroke-dasharray="6,2" rx="4" ry="4" height="99.8906"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="373.9513" width="81.0605" height="30" y="1167.4309" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="373.9513" width="81.0605" height="30" y="1167.4309" clip-path="url(#clipPath2)"/>
      <text x="380.9513" xml:space="preserve" y="1186.5852" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">module file</text>
    </g>
    <g fill="rgb(205,205,205)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(205,205,205)">
      <rect x="701.8431" y="925.7037" clip-path="url(#clipPath2)" width="178" rx="4" ry="4" height="98.9219" stroke="none"/>
      <rect x="701.8431" y="925.7037" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="178" height="38.9219" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="726.9722" xml:space="preserve" y="941.627" clip-path="url(#clipPath2)" stroke="none">Compiled Output</text>
      <text x="714.1255" xml:space="preserve" y="959.088" clip-path="url(#clipPath2)" stroke="none">(`output/` directory)</text>
      <rect x="701.8431" y="925.7037" clip-path="url(#clipPath2)" fill="none" width="178" stroke-dasharray="6,2" rx="4" ry="4" height="98.9219"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="756.3171" width="53.5801" height="30" y="979.6256" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="756.3171" width="53.5801" height="30" y="979.6256" clip-path="url(#clipPath2)"/>
      <text x="763.3171" xml:space="preserve" y="998.7798" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">output</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="378.3312" width="104.1816" height="43.2" y="223.2978" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="378.3312" width="104.1816" height="43.2" y="223.2978" clip-path="url(#clipPath2)"/>
      <text x="385.3312" xml:space="preserve" y="249.0521" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">packages.dhall</text>
      <path fill="none" d="M466.746 507.4088 L529.8437 507.4088 L592.8508 765.877 L790.8431 765.877 L790.8431 917.6785" clip-path="url(#clipPath2)"/>
      <path d="M790.8431 925.6785 L795.8431 913.6785 L790.8431 916.6785 L785.8431 913.6785 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" d="M475.2802 920.1046 L528.9531 920.1046 L592.8508 765.877 L790.8431 765.877 L790.8431 917.6785" clip-path="url(#clipPath2)"/>
      <path d="M790.8431 925.6785 L795.8431 913.6785 L790.8431 916.6785 L785.8431 913.6785 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" d="M455.0119 1182.4309 L528.7865 1182.4309 L592.8508 765.877 L790.8431 765.877 L790.8431 917.6785" clip-path="url(#clipPath2)"/>
      <path d="M790.8431 925.6785 L795.8431 913.6785 L790.8431 916.6785 L785.8431 913.6785 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="606.2939" xml:space="preserve" y="718.5247" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">4. `spago` will use the PureScript </text>
      <text x="606.2939" xml:space="preserve" y="732.4935" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">compiler (`purs`) to compile all </text>
      <text x="606.2939" xml:space="preserve" y="746.4622" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">source code into its final output.</text>
      <path fill="none" d="M824.1063 1024.6248 L862.6848 1081.9883" clip-path="url(#clipPath2)"/>
      <path d="M867.1493 1088.6267 L864.6015 1075.8788 L862.1267 1081.1586 L856.3035 1081.4595 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" d="M753.8255 1024.6248 L710.718 1082.2218" clip-path="url(#clipPath2)"/>
      <path d="M705.9245 1088.6266 L717.1178 1082.0153 L711.3172 1081.4211 L709.1118 1076.0233 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" d="M430.422 266.4978 L430.422 370.3876" clip-path="url(#clipPath2)"/>
      <path d="M430.422 378.3876 L435.422 366.3876 L430.422 369.3876 L425.422 366.3876 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="460.7739" xml:space="preserve" y="284.7296" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">2. Once the package set is configured,</text>
      <text x="460.7739" xml:space="preserve" y="298.6983" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">install specific dependencies from</text>
      <text x="460.7739" xml:space="preserve" y="312.6671" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">the local package set's list of packages</text>
      <text x="460.7739" xml:space="preserve" y="326.6358" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">via 3 possible ways</text>
      <text x="460.7739" xml:space="preserve" y="340.6046" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none"> </text>
      <text x="460.7739" xml:space="preserve" y="354.5733" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">(This will modify the `spago.dhall`</text>
      <text x="460.7739" xml:space="preserve" y="368.5421" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">file's "dependencies" list)</text>
    </g>
    <g fill="rgb(225,225,225)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(225,225,225)">
      <rect x="57.2781" y="685.5256" clip-path="url(#clipPath2)" width="158" rx="4" ry="4" height="129.7539" stroke="none"/>
      <rect x="57.2781" y="685.5256" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="158" height="38.9219" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="86.6455" xml:space="preserve" y="701.4489" clip-path="url(#clipPath2)" stroke="none">Global Cache</text>
      <text x="69.3531" xml:space="preserve" y="718.9099" clip-path="url(#clipPath2)" stroke="none">(~/.cache/spago/)</text>
      <rect x="57.2781" y="685.5256" clip-path="url(#clipPath2)" fill="none" width="158" stroke-dasharray="6,2" rx="4" ry="4" height="129.7539"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="83.7735" width="108.6816" height="55.2859" y="742.4382" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="83.7735" width="108.6816" height="55.2859" y="742.4382" clip-path="url(#clipPath2)"/>
      <text x="100.9161" xml:space="preserve" y="760.2667" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Remote but </text>
      <text x="90.7735" xml:space="preserve" y="774.2355" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Already Cached</text>
      <text x="100.3477" xml:space="preserve" y="788.2042" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Dependency</text>
      <path fill="none" d="M138.1143 797.7241 L138.1143 920.1046 L358.5985 920.1046" clip-path="url(#clipPath2)"/>
      <path d="M366.5985 920.1046 L354.5985 915.1046 L357.5985 920.1046 L354.5985 925.1046 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="148.6844" xml:space="preserve" y="860.4992" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">... and then copy the </text>
      <text x="148.6844" xml:space="preserve" y="874.468" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">global cache's files into </text>
      <text x="148.6844" xml:space="preserve" y="888.4367" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">the project's local </text>
      <text x="148.6844" xml:space="preserve" y="902.4055" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">`.spago/` directory</text>
    </g>
    <g fill="rgb(225,225,225)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(225,225,225)">
      <rect x="52.1012" y="940.1046" clip-path="url(#clipPath2)" width="173" rx="4" ry="4" height="118.3203" stroke="none"/>
      <rect x="52.1012" y="940.1046" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="173" height="56.3828" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="82.8419" xml:space="preserve" y="956.0279" clip-path="url(#clipPath2)" stroke="none">Dependencies </text>
      <text x="64.4252" xml:space="preserve" y="973.4888" clip-path="url(#clipPath2)" stroke="none">stored on computer</text>
      <text x="69.1859" xml:space="preserve" y="990.9498" clip-path="url(#clipPath2)" stroke="none">(e.g. ~/local-deps)</text>
      <rect x="52.1012" y="940.1046" clip-path="url(#clipPath2)" fill="none" width="173" stroke-dasharray="6,2" rx="4" ry="4" height="118.3203"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="75.7842" width="124.6602" height="30" y="1012.4561" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="75.7842" width="124.6602" height="30" y="1012.4561" clip-path="url(#clipPath2)"/>
      <text x="82.7842" xml:space="preserve" y="1031.6105" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Local Dependency</text>
      <path fill="none" d="M138.1143 1042.4562 L138.1143 1078.4249 L500.2599 1078.4249 L592.8508 765.877 L790.8431 765.877 L790.8431 917.6785" clip-path="url(#clipPath2)"/>
      <path d="M790.8431 925.6785 L795.8431 913.6785 L790.8431 916.6785 L785.8431 913.6785 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="152.95" xml:space="preserve" y="1104.425" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">3c. If using a local </text>
      <text x="152.95" xml:space="preserve" y="1118.3938" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dependency, then use </text>
      <text x="152.95" xml:space="preserve" y="1132.3625" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">those files directly.</text>
    </g>
    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="white">
      <rect x="836.5752" y="237.4127" clip-path="url(#clipPath2)" width="520.343" rx="4" ry="4" height="289.2705" stroke="none"/>
      <rect x="836.5752" y="237.4127" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="520.343" height="38.9219" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="1036.0912" xml:space="preserve" y="253.336" clip-path="url(#clipPath2)" stroke="none">== Info Box ==</text>
      <text x="975.8788" xml:space="preserve" y="270.797" clip-path="url(#clipPath2)" stroke="none">Editing the `packages.dhall` file</text>
      <rect x="836.5752" y="237.4127" clip-path="url(#clipPath2)" fill="none" width="520.343" stroke-dasharray="6,2" rx="4" ry="4" height="289.2705"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <path d="M866.8482 367.3048 L920.1191 326.222 L973.3901 367.3048 L920.1191 408.3876 Z" fill-rule="evenodd" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <path fill="none" d="M866.8482 367.3048 L920.1191 326.222 L973.3901 367.3048 L920.1191 408.3876 Z" fill-rule="evenodd" clip-path="url(#clipPath2)"/>
      <text x="898.085" xml:space="preserve" y="357.4904" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Further</text>
      <text x="880.3193" xml:space="preserve" y="371.4591" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">configuration</text>
      <text x="894.4404" xml:space="preserve" y="385.4279" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">needed?</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="851.5752" width="137.0879" height="43.2" y="468.4832" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="851.5752" width="137.0879" height="43.2" y="468.4832" clip-path="url(#clipPath2)"/>
      <text x="865.5508" xml:space="preserve" y="487.2531" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Local Package Set</text>
      <text x="858.5752" xml:space="preserve" y="501.2219" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">has been configured</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="1078.2175" width="82.7773" height="56" y="339.3048" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="1078.2175" width="82.7773" height="56" y="339.3048" clip-path="url(#clipPath2)"/>
      <text x="1092.0964" xml:space="preserve" y="364.4748" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Modified,</text>
      <text x="1085.2175" xml:space="preserve" y="378.4435" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">not verified</text>
    </g>
    <g stroke-linecap="round" transform="matrix(1,0,0,1,224,-135)" stroke-dashoffset="2" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke-dasharray="0,12" stroke-width="3" stroke-miterlimit="1.45">
      <path fill="none" d="M482.5128 244.8978 L792.3721 244.8978 L792.3721 382.0479 L836.5495 382.0479" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <path fill="none" d="M920.1191 408.3817 L920.1191 460.4722" clip-path="url(#clipPath2)"/>
      <path d="M920.1191 468.4722 L925.1191 456.4722 L920.1191 459.4722 L915.1191 456.4722 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="881.96" xml:space="preserve" y="426.5263" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">No</text>
      <path fill="none" d="M973.3514 367.3048 L1070.2175 367.3048" clip-path="url(#clipPath2)"/>
      <path d="M1078.2175 367.3048 L1066.2175 362.3048 L1069.2175 367.3048 L1066.2175 372.3048 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="953.2876" xml:space="preserve" y="293.9789" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">1. Configure the package set by editing the `packages.dhall` file:</text>
      <text x="953.2876" xml:space="preserve" y="307.9476" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">- "patch"/"override" a dependency in the package set</text>
      <text x="953.2876" xml:space="preserve" y="321.9164" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">- add packages (local or cloud) to the package set</text>
      <path fill="none" d="M1119.6062 395.3048 L1119.6062 490.0832 L996.6631 490.0832" clip-path="url(#clipPath2)"/>
      <path d="M988.6631 490.0832 L1000.6631 495.0832 L997.6631 490.0832 L1000.6631 485.0832 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="1132.2062" xml:space="preserve" y="413.4435" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">2. Via `spago verify`, </text>
      <text x="1132.2062" xml:space="preserve" y="427.4123" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">re-verify that the</text>
      <text x="1132.2062" xml:space="preserve" y="441.381" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dependencies in the</text>
      <text x="1132.2062" xml:space="preserve" y="455.3498" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">package set still compile</text>
      <text x="1132.2062" xml:space="preserve" y="469.3185" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">together</text>
    </g>
    <g fill="rgb(245,245,245)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(245,245,245)">
      <rect x="-208.2108" y="188.9839" clip-path="url(#clipPath2)" width="179.8848" rx="4" ry="4" height="505.405" stroke="none"/>
      <rect x="-208.2108" y="188.9839" clip-path="url(#clipPath2)" fill="rgb(235,235,235)" width="179.8848" height="21.4609" stroke="none"/>
    </g>
    <g font-size="15px" stroke-linecap="butt" transform="matrix(1,0,0,1,224,-135)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="-144.2584" xml:space="preserve" y="204.9072" clip-path="url(#clipPath2)" stroke="none">GitHub</text>
      <rect x="-208.2108" y="188.9839" clip-path="url(#clipPath2)" fill="none" width="179.8848" stroke-dasharray="6,2" rx="4" ry="4" height="505.405"/>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="-164.0751" width="96.0605" height="38.9059" y="225.4448" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="-164.0751" width="96.0605" height="38.9059" y="225.4448" clip-path="url(#clipPath2)"/>
      <text x="-152.8153" xml:space="preserve" y="242.0677" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">package-set</text>
      <text x="-146.5165" xml:space="preserve" y="256.0364" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">repository</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="-193.2108" width="149.8848" height="48.1192" y="631.2697" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="-193.2108" width="149.8848" height="48.1192" y="631.2697" clip-path="url(#clipPath2)"/>
      <text x="-149.7714" xml:space="preserve" y="645.5148" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Cacheable</text>
      <text x="-155.2235" xml:space="preserve" y="659.4836" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dependency</text>
      <text x="-186.2108" xml:space="preserve" y="673.4523" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">(Git tag / commit SHA)</text>
    </g>
    <g fill="rgb(255,204,0)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke="rgb(255,204,0)">
      <rect x="-164.0751" width="91.6133" height="55.2859" y="479.7658" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,224,-135)" stroke-linecap="butt">
      <rect fill="none" x="-164.0751" width="91.6133" height="55.2859" y="479.7658" clip-path="url(#clipPath2)"/>
      <text x="-157.0751" xml:space="preserve" y="497.5943" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Uncacheable</text>
      <text x="-155.2235" xml:space="preserve" y="511.5631" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">dependency</text>
      <text x="-154.3827" xml:space="preserve" y="525.5318" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">(Git branch)</text>
      <path fill="none" d="M-68.0145 244.8978 L370.3312 244.8978" clip-path="url(#clipPath2)"/>
      <path d="M378.3312 244.8978 L366.3312 239.8978 L369.3312 244.8978 L366.3312 249.8978 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="45.8566" xml:space="preserve" y="270.1471" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">1. Spago downloads the official Dhall-based</text>
      <text x="45.8566" xml:space="preserve" y="284.1158" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">package set as a local copy.</text>
      <text x="45.8566" xml:space="preserve" y="298.0846" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none"> </text>
      <text x="45.8566" xml:space="preserve" y="312.0533" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">This is a list of all the dependencies</text>
      <text x="45.8566" xml:space="preserve" y="326.0221" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">that one COULD immediately install</text>
      <text x="45.8566" xml:space="preserve" y="339.9908" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">without further configuring the</text>
      <text x="45.8566" xml:space="preserve" y="353.9596" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">local package set by editing the </text>
      <text x="45.8566" xml:space="preserve" y="367.9283" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">`packages.dhall` file (see the Info Box</text>
      <text x="45.8566" xml:space="preserve" y="381.8971" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">diagram)</text>
      <path fill="none" d="M-43.3261 655.3293 L138.1143 655.3293 L138.1143 734.4382" clip-path="url(#clipPath2)"/>
      <path d="M138.1143 742.4382 L143.1143 730.4382 L138.1143 733.4382 L133.1143 730.4382 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="41.6034" xml:space="preserve" y="593.7231" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">3b. If a remote dependency is cacheable</text>
      <text x="41.6034" xml:space="preserve" y="607.6918" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">but hasn't been stored in the global cache </text>
      <text x="41.6034" xml:space="preserve" y="621.6606" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">yet, then download its tarball and store it in </text>
      <text x="41.6034" xml:space="preserve" y="635.6293" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">the global cache...</text>
      <path fill="none" d="M-72.4618 507.4088 L367.1327 507.4088" clip-path="url(#clipPath2)"/>
      <path d="M375.1327 507.4088 L363.1327 502.4088 L366.1327 507.4088 L363.1327 512.4088 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <text x="40.1572" xml:space="preserve" y="462.6667" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">3a. If a remote dependency is </text>
      <text x="40.1572" xml:space="preserve" y="476.6354" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">not cacheable, `git clone` it into </text>
      <text x="40.1572" xml:space="preserve" y="490.6042" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">the project's local `.spago/` directory</text>
    </g>
  </g>
</svg>