Add files via upload

wh0 · web-flow · commit cce6006646c2 · 2023-03-18T22:14:05.000-07:00
diff --git a/assets/2023/async-generators-diagram.svg b/assets/2023/async-generators-diagram.svg
@@ -0,0 +1,229 @@
+<?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: %0 Pages: 1 -->
+<svg width="795pt" height="577pt" viewBox="0.00 0.00 795.15 576.80" 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 572.8)">
+<title>%0</title>
+<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-572.8 791.1513,-572.8 791.1513,4 -4,4"/>
+<!-- null -->
+<g id="node1" class="node">
+<title>null</title>
+<text text-anchor="middle" x="145.0699" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">null</text>
+</g>
+<!-- Object -->
+<g id="node2" class="node">
+<title>Object</title>
+<polygon fill="none" stroke="#000000" points="123.503,-284.4 102.2864,-302.4 59.8533,-302.4 38.6368,-284.4 59.8533,-266.4 102.2864,-266.4 123.503,-284.4"/>
+<text text-anchor="middle" x="81.0699" y="-280.2" font-family="Times,serif" font-size="14.00" fill="#000000">Object</text>
+</g>
+<!-- Object_prototype -->
+<g id="node9" class="node">
+<title>Object_prototype</title>
+<polygon fill="none" stroke="#000000" points="200.5443,-124.8 89.5955,-124.8 89.5955,-88.8 200.5443,-88.8 200.5443,-124.8"/>
+<text text-anchor="middle" x="145.0699" y="-102.6" font-family="Times,serif" font-size="14.00" fill="#000000">Object.prototype</text>
+</g>
+<!-- Object&#45;&gt;Object_prototype -->
+<g id="edge2" class="edge">
+<title>Object-&gt;Object_prototype</title>
+<path fill="none" stroke="#377eb8" d="M56.6195,-269.0561C27.5937,-248.8121 -14.5219,-211.7435 5.4135,-177.6 21.4222,-150.1818 51.8932,-133.0448 80.2978,-122.5148"/>
+<polygon fill="#377eb8" stroke="#377eb8" points="81.5376,-125.7893 89.8276,-119.1918 79.2327,-119.1796 81.5376,-125.7893"/>
+<text text-anchor="middle" x="32.8981" y="-191.4" font-family="Times,serif" font-size="14.00" fill="#377eb8">prototype</text>
+</g>
+<!-- Object&#45;&gt;Object_prototype -->
+<g id="edge8" class="edge">
+<title>Object-&gt;Object_prototype</title>
+<path fill="none" stroke="#4daf4a" d="M88.3383,-256.5094C94.2674,-234.7617 103.2488,-203.9333 113.0937,-177.6 119.942,-159.2819 129.2909,-139.001 136.1107,-124.8575"/>
+<polygon fill="#4daf4a" stroke="#4daf4a" points="84.8965,-255.8309 85.6824,-266.3966 91.6569,-257.6469 84.8965,-255.8309"/>
+<text text-anchor="middle" x="145.558" y="-191.4" font-family="Times,serif" font-size="14.00" fill="#4daf4a">constructor</text>
+</g>
+<!-- Function_prototype -->
+<g id="node10" class="node">
+<title>Function_prototype</title>
+<polygon fill="none" stroke="#000000" points="380.903,-195.6 331.9864,-213.6 234.1533,-213.6 185.2368,-195.6 234.1533,-177.6 331.9864,-177.6 380.903,-195.6"/>
+<text text-anchor="middle" x="283.0699" y="-191.4" font-family="Times,serif" font-size="14.00" fill="#000000">Function.prototype</text>
+</g>
+<!-- Object&#45;&gt;Function_prototype -->
+<g id="edge11" class="edge">
+<title>Object-&gt;Function_prototype</title>
+<path fill="none" stroke="#984ea3" d="M95.5691,-266.1864C105.7133,-254.6291 120.2277,-240.2693 135.9885,-231.6 156.0533,-220.5632 179.4929,-212.8692 201.6874,-207.5209"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="202.4715,-210.932 211.4438,-205.2974 200.916,-204.107 202.4715,-210.932"/>
+<text text-anchor="middle" x="172.6106" y="-235.8" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- Function -->
+<g id="node3" class="node">
+<title>Function</title>
+<polygon fill="none" stroke="#000000" points="358.354,-284.4 332.2119,-302.4 279.9278,-302.4 253.7858,-284.4 279.9278,-266.4 332.2119,-266.4 358.354,-284.4"/>
+<text text-anchor="middle" x="306.0699" y="-280.2" font-family="Times,serif" font-size="14.00" fill="#000000">Function</text>
+</g>
+<!-- Function&#45;&gt;Function_prototype -->
+<g id="edge3" class="edge">
+<title>Function-&gt;Function_prototype</title>
+<path fill="none" stroke="#377eb8" d="M301.3043,-266.0006C298.1377,-253.775 293.9194,-237.4887 290.3377,-223.6599"/>
+<polygon fill="#377eb8" stroke="#377eb8" points="293.6463,-222.475 287.7507,-213.672 286.8699,-224.2302 293.6463,-222.475"/>
+<text text-anchor="middle" x="323.8981" y="-235.8" font-family="Times,serif" font-size="14.00" fill="#377eb8">prototype</text>
+</g>
+<!-- Function&#45;&gt;Function_prototype -->
+<g id="edge9" class="edge">
+<title>Function-&gt;Function_prototype</title>
+<path fill="none" stroke="#4daf4a" d="M344.1815,-262.7255C354.9152,-253.7454 362.0005,-242.8141 355.0699,-231.6 350.2207,-223.7538 343.0862,-217.5605 335.1671,-212.6892"/>
+<polygon fill="#4daf4a" stroke="#4daf4a" points="341.8126,-260.125 335.8691,-268.8957 345.9849,-265.7457 341.8126,-260.125"/>
+<text text-anchor="middle" x="389.558" y="-235.8" font-family="Times,serif" font-size="14.00" fill="#4daf4a">constructor</text>
+</g>
+<!-- Function&#45;&gt;Function_prototype -->
+<g id="edge12" class="edge">
+<title>Function-&gt;Function_prototype</title>
+<path fill="none" stroke="#984ea3" d="M262.6683,-277.8675C245.1303,-272.8609 226.5659,-264.018 215.9885,-248.4 208.358,-237.1333 214.8291,-227.1567 226.2683,-218.9939"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="228.23,-221.8956 234.8693,-213.639 224.5302,-215.9532 228.23,-221.8956"/>
+<text text-anchor="middle" x="252.6106" y="-235.8" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- AsyncGeneratorFunction -->
+<g id="node4" class="node">
+<title>AsyncGeneratorFunction</title>
+<polygon fill="none" stroke="#000000" points="436.4749,-462 373.7724,-480 248.3674,-480 185.6649,-462 248.3674,-444 373.7724,-444 436.4749,-462"/>
+<text text-anchor="middle" x="311.0699" y="-457.8" font-family="Times,serif" font-size="14.00" fill="#000000">AsyncGeneratorFunction</text>
+</g>
+<!-- AsyncGeneratorFunction&#45;&gt;Function -->
+<g id="edge13" class="edge">
+<title>AsyncGeneratorFunction-&gt;Function</title>
+<path fill="none" stroke="#984ea3" d="M310.5629,-443.9934C309.6907,-413.012 307.9,-349.406 306.862,-312.5346"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="310.3583,-312.3518 306.5782,-302.4543 303.3611,-312.5488 310.3583,-312.3518"/>
+<text text-anchor="middle" x="345.6106" y="-369" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- AsyncGeneratorFunction_prototype -->
+<g id="node11" class="node">
+<title>AsyncGeneratorFunction_prototype</title>
+<polygon fill="none" stroke="#000000" points="611.2329,-391.2 396.9068,-391.2 396.9068,-355.2 611.2329,-355.2 611.2329,-391.2"/>
+<text text-anchor="middle" x="504.0699" y="-369" font-family="Times,serif" font-size="14.00" fill="#000000">AsyncGeneratorFunction.prototype</text>
+</g>
+<!-- AsyncGeneratorFunction&#45;&gt;AsyncGeneratorFunction_prototype -->
+<g id="edge4" class="edge">
+<title>AsyncGeneratorFunction-&gt;AsyncGeneratorFunction_prototype</title>
+<path fill="none" stroke="#377eb8" d="M323.4029,-443.7684C332.1509,-432.2035 344.8869,-417.8421 359.4135,-409.2 369.0469,-403.469 379.5614,-398.6467 390.383,-394.5897"/>
+<polygon fill="#377eb8" stroke="#377eb8" points="391.688,-397.8409 399.9576,-391.2179 389.3628,-391.2384 391.688,-397.8409"/>
+<text text-anchor="middle" x="386.8981" y="-413.4" font-family="Times,serif" font-size="14.00" fill="#377eb8">prototype</text>
+</g>
+<!-- AsyncGeneratorFunction&#45;&gt;AsyncGeneratorFunction_prototype -->
+<g id="edge10" class="edge">
+<title>AsyncGeneratorFunction-&gt;AsyncGeneratorFunction_prototype</title>
+<path fill="none" stroke="#4daf4a" d="M377.6928,-440.5069C389.6289,-436.0875 401.8365,-431.1862 413.0699,-426 434.9599,-415.8939 458.4699,-402.1718 476.1095,-391.2497"/>
+<polygon fill="#4daf4a" stroke="#4daf4a" points="376.4126,-437.248 368.2022,-443.9442 378.7964,-443.8296 376.4126,-437.248"/>
+<text text-anchor="middle" x="475.558" y="-413.4" font-family="Times,serif" font-size="14.00" fill="#4daf4a">constructor</text>
+</g>
+<!-- AsyncGenerator_prototype -->
+<g id="node5" class="node">
+<title>AsyncGenerator_prototype</title>
+<polygon fill="none" stroke="#000000" points="717.7372,-302.4 552.4025,-302.4 552.4025,-266.4 717.7372,-266.4 717.7372,-302.4"/>
+<text text-anchor="middle" x="635.0699" y="-280.2" font-family="Times,serif" font-size="14.00" fill="#000000">AsyncGenerator Prototype</text>
+</g>
+<!-- AsyncIterator_prototype -->
+<g id="node6" class="node">
+<title>AsyncIterator_prototype</title>
+<polygon fill="none" stroke="#000000" points="592.9674,-213.6 445.1723,-213.6 445.1723,-177.6 592.9674,-177.6 592.9674,-213.6"/>
+<text text-anchor="middle" x="519.0699" y="-191.4" font-family="Times,serif" font-size="14.00" fill="#000000">AsyncIteratorPrototype</text>
+</g>
+<!-- AsyncGenerator_prototype&#45;&gt;AsyncIterator_prototype -->
+<g id="edge14" class="edge">
+<title>AsyncGenerator_prototype-&gt;AsyncIterator_prototype</title>
+<path fill="none" stroke="#984ea3" d="M611.3156,-266.2157C593.8783,-252.8672 570.007,-234.5933 550.9169,-219.9794"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="552.8604,-217.0594 542.7924,-213.76 548.6053,-222.6177 552.8604,-217.0594"/>
+<text text-anchor="middle" x="623.6106" y="-235.8" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- AsyncIterator_prototype&#45;&gt;Object_prototype -->
+<g id="edge15" class="edge">
+<title>AsyncIterator_prototype-&gt;Object_prototype</title>
+<path fill="none" stroke="#984ea3" d="M446.9915,-177.5527C405.2824,-167.1961 351.7652,-154.055 304.0699,-142.8 273.2686,-135.5316 239.0404,-127.7446 210.2551,-121.2786"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="210.8385,-117.8226 200.3149,-119.0496 209.3068,-124.653 210.8385,-117.8226"/>
+<text text-anchor="middle" x="406.6106" y="-147" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- agf -->
+<g id="node7" class="node">
+<title>agf</title>
+<polygon fill="none" stroke="#000000" points="703.3362,-462 641.2031,-480 516.9367,-480 454.8035,-462 516.9367,-444 641.2031,-444 703.3362,-462"/>
+<text text-anchor="middle" x="579.0699" y="-457.8" font-family="Times,serif" font-size="14.00" fill="#000000">async function* agf() { }</text>
+</g>
+<!-- agf&#45;&gt;AsyncGeneratorFunction_prototype -->
+<g id="edge16" class="edge">
+<title>agf-&gt;AsyncGeneratorFunction_prototype</title>
+<path fill="none" stroke="#984ea3" d="M557.5193,-443.7781C551.5669,-438.3209 545.2916,-432.1463 539.9885,-426 533.1081,-418.0257 526.3878,-408.6987 520.6564,-400.1211"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="523.4627,-398.0163 515.0763,-391.5417 517.5947,-401.833 523.4627,-398.0163"/>
+<text text-anchor="middle" x="575.6106" y="-413.4" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- agf_prototype -->
+<g id="node12" class="node">
+<title>agf_prototype</title>
+<polygon fill="none" stroke="#000000" points="720.6015,-391.2 629.5383,-391.2 629.5383,-355.2 720.6015,-355.2 720.6015,-391.2"/>
+<text text-anchor="middle" x="675.0699" y="-369" font-family="Times,serif" font-size="14.00" fill="#000000">agf.prototype</text>
+</g>
+<!-- agf&#45;&gt;agf_prototype -->
+<g id="edge5" class="edge">
+<title>agf-&gt;agf_prototype</title>
+<path fill="none" stroke="#377eb8" d="M598.9611,-443.6006C613.085,-430.536 632.2221,-412.8342 647.7729,-398.4497"/>
+<polygon fill="#377eb8" stroke="#377eb8" points="650.5682,-400.6318 655.5326,-391.272 645.8149,-395.4931 650.5682,-400.6318"/>
+<text text-anchor="middle" x="661.8981" y="-413.4" font-family="Times,serif" font-size="14.00" fill="#377eb8">prototype</text>
+</g>
+<!-- agf_call -->
+<g id="node8" class="node">
+<title>agf_call</title>
+<ellipse fill="none" stroke="#000000" cx="659.0699" cy="-550.8" rx="29.5936" ry="18"/>
+<text text-anchor="middle" x="659.0699" y="-546.6" font-family="Times,serif" font-size="14.00" fill="#000000">agf()</text>
+</g>
+<!-- agf_call&#45;&gt;agf -->
+<g id="edge1" class="edge">
+<title>agf_call-&gt;agf</title>
+<path fill="none" stroke="#e41a1c" d="M637.8091,-527.2006C624.5318,-512.4627 607.6956,-493.7745 595.4551,-480.1876"/>
+<polygon fill="#e41a1c" stroke="#e41a1c" points="635.4737,-529.8374 644.7675,-534.9243 640.6745,-525.152 635.4737,-529.8374"/>
+<text text-anchor="middle" x="630.7305" y="-502.2" font-family="Times,serif" font-size="14.00" fill="#000000">()</text>
+</g>
+<!-- agf_call&#45;&gt;agf_prototype -->
+<g id="edge17" class="edge">
+<title>agf_call-&gt;agf_prototype</title>
+<path fill="none" stroke="#984ea3" d="M675.3205,-535.41C688.0761,-522.1299 704.8451,-501.707 712.0699,-480 721.1793,-452.6306 707.6272,-421.4783 694.4353,-399.9121"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="697.236,-397.7972 688.8708,-391.2953 691.3555,-401.5946 697.236,-397.7972"/>
+<text text-anchor="middle" x="750.6106" y="-457.8" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- Object_prototype&#45;&gt;null -->
+<g id="edge18" class="edge">
+<title>Object_prototype-&gt;null</title>
+<path fill="none" stroke="#984ea3" d="M145.0699,-88.4006C145.0699,-76.2949 145.0699,-60.2076 145.0699,-46.4674"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="148.57,-46.072 145.0699,-36.072 141.57,-46.0721 148.57,-46.072"/>
+<text text-anchor="middle" x="181.6106" y="-58.2" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- Function_prototype&#45;&gt;Object_prototype -->
+<g id="edge19" class="edge">
+<title>Function_prototype-&gt;Object_prototype</title>
+<path fill="none" stroke="#984ea3" d="M254.8105,-177.4157C233.694,-163.8277 204.6463,-145.1361 181.7403,-130.3966"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="183.5948,-127.428 173.2915,-124.96 179.8069,-133.3146 183.5948,-127.428"/>
+<text text-anchor="middle" x="263.6106" y="-147" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- AsyncGeneratorFunction_prototype&#45;&gt;AsyncGenerator_prototype -->
+<g id="edge6" class="edge">
+<title>AsyncGeneratorFunction_prototype-&gt;AsyncGenerator_prototype</title>
+<path fill="none" stroke="#377eb8" d="M501.5589,-355.0768C501.0375,-343.8502 502.3999,-329.8255 510.4135,-320.4 515.6201,-314.276 527.6117,-308.7687 542.2006,-304.0101"/>
+<polygon fill="#377eb8" stroke="#377eb8" points="543.5696,-307.2521 552.1174,-300.9923 541.5316,-300.5553 543.5696,-307.2521"/>
+<text text-anchor="middle" x="536.8981" y="-324.6" font-family="Times,serif" font-size="14.00" fill="#377eb8">prototype</text>
+</g>
+<!-- AsyncGeneratorFunction_prototype&#45;&gt;AsyncGenerator_prototype -->
+<g id="edge7" class="edge">
+<title>AsyncGeneratorFunction_prototype-&gt;AsyncGenerator_prototype</title>
+<path fill="none" stroke="#4daf4a" d="M544.8212,-349.7557C551.3523,-345.7123 557.966,-341.4417 564.0699,-337.2 573.8919,-330.3745 575.5663,-327.631 585.0937,-320.4 592.9299,-314.4525 601.5883,-308.1303 609.4659,-302.471"/>
+<polygon fill="#4daf4a" stroke="#4daf4a" points="542.749,-346.9194 536.0219,-355.1046 546.3851,-352.9009 542.749,-346.9194"/>
+<text text-anchor="middle" x="616.558" y="-324.6" font-family="Times,serif" font-size="14.00" fill="#4daf4a">constructor</text>
+</g>
+<!-- AsyncGeneratorFunction_prototype&#45;&gt;Function_prototype -->
+<g id="edge20" class="edge">
+<title>AsyncGeneratorFunction_prototype-&gt;Function_prototype</title>
+<path fill="none" stroke="#984ea3" d="M495.0281,-355.1734C476.7124,-318.9437 436.0361,-240.0251 425.0699,-231.6 414.2029,-223.2511 387.3216,-215.5519 359.8345,-209.4348"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="360.2216,-205.938 349.7088,-207.2545 358.748,-212.7812 360.2216,-205.938"/>
+<text text-anchor="middle" x="504.6106" y="-280.2" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+<!-- agf_prototype&#45;&gt;AsyncGenerator_prototype -->
+<g id="edge21" class="edge">
+<title>agf_prototype-&gt;AsyncGenerator_prototype</title>
+<path fill="none" stroke="#984ea3" d="M667.3278,-355.0565C662.9289,-344.8423 657.2759,-331.8723 652.0699,-320.4 650.7971,-317.5952 649.4523,-314.676 648.0991,-311.7673"/>
+<polygon fill="#984ea3" stroke="#984ea3" points="651.2436,-310.2292 643.8261,-302.6642 644.907,-313.2037 651.2436,-310.2292"/>
+<text text-anchor="middle" x="695.6106" y="-324.6" font-family="Times,serif" font-size="14.00" fill="#984ea3">[[Prototype]]</text>
+</g>
+</g>
+</svg>
