html streaming

Walle Cyril · Walle Cyril · commit 63d1f1638f7c · 2018-03-26T23:20:40.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,4 @@
-
+node_modules/
 #temporarily ignore
 design/
 
diff --git a/general/html-streaming/diagrams/with.svg b/general/html-streaming/diagrams/with.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="660px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0&quot; version=&quot;8.5.0&quot; editor=&quot;www.draw.io&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;e6ef01d5-b580-4ffd-53a5-5d76e314b1c4&quot; name=&quot;Page-1&quot;&gt;7VlNc9owEP01HJuxLWzg2JA2vXSm03SmZ2Evtiay5coiQH99V7Zk448QB8iUmSSHIFbSSnrv7eqDCVmmu3tJ8+S7iIBPPCfaTcjdxPNcZ+rhh7bsK4s/XVSGWLLINGoMD+wvVEbbasMiKFrtlBBcsbxtDEWWQahaNiql2LabrQVvD5rTGHqGh5DyvvU3i1RSWee+09i/AYsTO7LrmJoVDR9jKTaZGW/ikXX5V1Wn1Poy7YuERmJ7YCJfJmQphVBVKd0tgWtoLWpVv6/P1NbzlpCpUR0M4E+Ub8BOuZyY2lswyuWA7uBMyO02YQoechrq2i2yj7ZEpRy/uVjsT8DM6Qmkgt2ByUzoHkQKSu6xiakli6DqYrRTT3LbUOH5Zp5Ji4apkYChP659NxBgwaDwDCLz60eEBMFIRKzOzkHEexkQlHGui2sOu886/nDdkEWmeBdyWhQsbOOyZpwvBReydGHD5AheELWCto/WARo2Ug/BsDYJnCr21A71IYDMCD8Ew5k0ZMynLTLcWcdFITYyBNPrMPY6jrxZcNyRojIG1XNU8lUvexSF5EoorFZUmaZXxWrQYZUEp5Ha9eO7ZBSpiDPdHzTLdYPiTNqnA7QHHIG7jdgTFmNd/MVSsGZ0eFDT0wimK9VWQKGkeASrgUxk0JGFMVHO4kzLCBUBaL/VyY/hhvvZVKQsivQwg9m0nW8vkFCDoMOSQ3oJdTogtkukU//69pep30lEfTTqebe2Fyc4H4/g+vDo77cjt1ufnI/H0Pmjis7EtZH5ABJXg61+QpGLrKgDeCWb4K1DuulnjXnjKIuKEmxMnqFejgYSF4AHWPzPJdBIA5NL0IhG5ZE+o2nZFk/fSoN8bOz8DZJJgdyzLEaD33z7JVAHd5+85xQiELA1L/eyBHMNZG+RV7qBNHf6wnGDAeFcIrEMHeW7wllyVjKGwvmzgeI4d0d0s91ub2BH05zDTSjSYcI7fT500ujEJjm7/3g3fk8p7mJgB7qIUlzn+nJuJ3S8hTtyD/IvAYg7AEg3du6ooiuqc62DsaMHGBU7ij6CTrGpkLqrKo9bJsGGNMuEDseVthVVaLI0hYhRBXz/PoKhw/x8PpJ57wKnD3fodvts1pQQAt4xilPTpko0z2smdebVqOkPsdayKGtkvZ3rRSHzQmS2nAu8gK04fOTa8w5z9Qb84mmO+BfQ19DV+431hVf1D3n9L3mRYCB9vZ28hq74/+Nl50qecbzFrB3sZHHTgXnsSw6Zv+jq1W85rx2pUUHl89SHIHfEo8O7kok9Y9RBOztZJrMXXV1KJl73iXJ+4sxOlBV+bX6Zqpo3v/6RL/8A&lt;/diagram&gt;&lt;/mxfile&gt;" onclick="(function(svg){var src=window.event.target||window.event.srcElement;while (src!=null&amp;&amp;src.nodeName.toLowerCase()!='a'){src=src.parentNode;}if(src==null){if(svg.wnd!=null&amp;&amp;!svg.wnd.closed){svg.wnd.focus();}else{var r=function(evt){if(evt.data=='ready'&amp;&amp;evt.source==svg.wnd){svg.wnd.postMessage(decodeURIComponent(svg.getAttribute('content')),'*');window.removeEventListener('message',r);}};window.addEventListener('message',r);svg.wnd=window.open('https://www.draw.io/?client=1&amp;lightbox=1&amp;edit=_blank');}}})(this);" viewBox="0 0 660 488" style="cursor:pointer;max-width:100%;max-height:488px;"><defs/><g transform="translate(0.5,0.5)"><rect x="351" y="183" width="252" height="114" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="351" y="330" width="252" height="120" fill="#ffffff" stroke="#000000" pointer-events="none"/><path d="M 338.5 130 L 338.5 140 L 250.5 140 L 250.5 150.5 L 231.5 135 L 250.5 119.5 L 250.5 130 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 634 0.5 L 644 0.5 L 644 447.5 L 654.5 447.5 L 639 466.5 L 623.5 447.5 L 634 447.5 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(625.5,468.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>Time</div></div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="0" y="137" width="225" height="106" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="351" y="0" width="252" height="153" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(4.5,131.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="206" height="100" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 130px; max-width: 206px; width: 206px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Server Response<br /></h1><p>Sends static html and already prepared dynamic content<br /></p></div></div></foreignObject><text x="103" y="56" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(381.5,4.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="168" height="112" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 130px; max-width: 180px; width: 169px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client Request<br /></h1><p>www.example.com</p><p><br /></p></div></div></foreignObject><text x="84" y="62" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Client Request&lt;br&gt;&lt;/h1&gt;&lt;p&gt;www.example.com&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><rect x="0" y="255" width="225" height="150" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(4.5,239.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="215" height="88" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 136px; max-width: 215px; width: 215px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Database query<br /></h1>takes more time and cannot be sent immediately</div></div></foreignObject><text x="108" y="50" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Database query&lt;br&gt;&lt;/h1&gt;takes more time and cannot be sent immediately</text></switch></g><g transform="translate(355.5,167.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="242" height="126" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 145px; max-width: 242px; width: 242px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client receives<br /></h1><p>the first part of the response as soon as possible</p><p><br /></p></div></div></foreignObject><text x="121" y="69" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Client receives&lt;br&gt;&lt;/h1&gt;&lt;p&gt;the first part of the response as soon as possible&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><g transform="translate(355.5,319.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="242" height="126" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 145px; max-width: 242px; width: 242px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client receives<br /></h1><p>the last part of the response as soon as possible</p><p><br /></p></div></div></foreignObject><text x="121" y="69" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Client receives&lt;br&gt;&lt;/h1&gt;&lt;p&gt;the last part of the response as soon as possible&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><path d="M 252.5 208.5 L 252.5 198.5 L 322.5 198.5 L 322.5 188 L 341.5 203.5 L 322.5 219 L 322.5 208.5 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 322.5 198.5 L 322.5 188 L 341.5 203.5 L 322.5 219 L 322.5 208.5" fill="none" stroke="#000000" stroke-linejoin="flat" stroke-miterlimit="4" pointer-events="none"/><path d="M 243.43 336.51 L 243.57 326.51 L 279.01 327 L 313.45 326.68 L 313.36 316.18 L 332.5 331.5 L 313.64 347.18 L 313.55 336.68 L 279.1 337 Q 278.99 337 278.87 337 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 313.45 326.68 L 313.36 316.18 L 332.5 331.5 L 313.64 347.18 L 313.55 336.68" fill="none" stroke="#000000" stroke-linejoin="flat" stroke-miterlimit="4" pointer-events="none"/></g></svg>
diff --git a/general/html-streaming/diagrams/without.svg b/general/html-streaming/diagrams/without.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="660px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0&quot; version=&quot;8.5.0&quot; editor=&quot;www.draw.io&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;e6ef01d5-b580-4ffd-53a5-5d76e314b1c4&quot; name=&quot;Page-1&quot;&gt;7VlNc5swEP01PtbDt+1jY6ftpTOZOjM9K7AGTQSiQg52f30XkMB8uKE2mXomySVikVbSe293kTyz1/HhqyBp9J0HwGaWERxm9mZmWabhWPivsBwri+usKkMoaKA6NYYt/Q2VUffa0wCyVj/JOZM0bRt9niTgy5aNCMHzdrcdZ+1JUxJCz7D1Cetbf9JARpV16RqN/RvQMNIzm4Z680T851DwfaLmm1n2rvyrXsdE+1L9s4gEPD8x2fczey04l1UrPqyBFdBq1KpxX868rdctIJGjBijAXwjbg15yuTB51GCU24FigDGz7/KIStimxC/e5sg+2iIZM3wysancgZBwOLsms94pCgh4DFIcsYsaYK+8aojSTr3IvKHCctU6oxYNjpKAoj+sfTcQYEOhcAaR5e0jYnveSES0zq5BxHodEJRxWjR3DA6fi/jDfUMSqObGZyTLqN/GZUcZW3PGRelCh4nGC4JehL6K1gkaOlJPwdA2AYxI+tJ2PwSQmuGBU5y4IWPptMgwFx0XGd8LH9So09jrOLIW3t8dSSJCkD1HJV/1tkdRaN8mhZjVyy1WJud/sup1WLW9y0jt+nFNexSpiDM5nnRLiw7ZlbQ7A7R7DIG7C+gLNsOi+Uhj0GZ0ePKmpxHMYLKtgEwK/gxaAwlPoCMLZSKMhkkhIxQAoP2uyIcUC+5n9SKmQVBMM5hN2/l2goTqeR2WDLuXUJ0BsU2RTt3bqy+O20lEfTTqdbfKi+Fdj4d3e3j06+3Icuva1+Mx9P1RRWdk6sjcgsANYq8HwX3IMt3jSTSxW0d0M0wb065hcFz6BnkgQ9poEqLBbZ4eOVK4+WSdI5fjXnesLEMRpglI3iIldGNgafQ5N70BzqfICUNf4V3O14xCWWl+wK89ZPJSzvM8n8OBxCmDuc/jYcI/dHJWJzo/6dJhzd2eUszVQPGYRCmmcXvpshM61socWT7cKQAxR8TOhkjyRDL8zjEwdooJRsbOexB0h73lciR71gTF3xw6XJ7NfDmh8uJa9xgV9Ge6ctKspJaWy4nJc0EO7qUwYpNBeaTIUp6Uqol5wtkR8RiZCD/y5/jbnbEfV7Y7gd6GTsJn9SbABzxSXiw5WUoOfVEBsjzdlYshhW+e+PChpum/1Aey19upacRZ7j1djdW1o2ZjMe/APPYexV686uqfb1LOzGR1b36WF66sUU21hpHXNvjYXPhX3ZsfVez7Pw==&lt;/diagram&gt;&lt;/mxfile&gt;" onclick="(function(svg){var src=window.event.target||window.event.srcElement;while (src!=null&amp;&amp;src.nodeName.toLowerCase()!='a'){src=src.parentNode;}if(src==null){if(svg.wnd!=null&amp;&amp;!svg.wnd.closed){svg.wnd.focus();}else{var r=function(evt){if(evt.data=='ready'&amp;&amp;evt.source==svg.wnd){svg.wnd.postMessage(decodeURIComponent(svg.getAttribute('content')),'*');window.removeEventListener('message',r);}};window.addEventListener('message',r);svg.wnd=window.open('https://www.draw.io/?client=1&amp;lightbox=1&amp;edit=_blank');}}})(this);" viewBox="0 0 660 488" style="cursor:pointer;max-width:100%;max-height:488px;"><defs/><g transform="translate(0.5,0.5)"><rect x="351" y="183" width="252" height="114" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="351" y="330" width="252" height="120" fill="#ffffff" stroke="#000000" pointer-events="none"/><path d="M 338.5 130 L 338.5 140 L 250.5 140 L 250.5 150.5 L 231.5 135 L 250.5 119.5 L 250.5 130 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 634 0.5 L 644 0.5 L 644 447.5 L 654.5 447.5 L 639 466.5 L 623.5 447.5 L 634 447.5 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(625.5,468.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>Time</div></div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="0" y="137" width="225" height="106" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="351" y="0" width="252" height="153" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(4.5,131.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="175" height="85" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 130px; max-width: 206px; width: 176px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Server Process<br /></h1><p><br /></p></div></div></foreignObject><text x="88" y="49" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Server Process&lt;br&gt;&lt;/h1&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><g transform="translate(381.5,4.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="168" height="112" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 130px; max-width: 180px; width: 169px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client Request<br /></h1><p>www.example.com</p><p><br /></p></div></div></foreignObject><text x="84" y="62" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Client Request&lt;br&gt;&lt;/h1&gt;&lt;p&gt;www.example.com&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><rect x="0" y="255" width="225" height="150" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(4.5,239.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="179" height="59" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 136px; max-width: 215px; width: 180px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Database query<br /></h1></div></div></foreignObject><text x="90" y="36" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Database query&lt;br&gt;&lt;/h1&gt;</text></switch></g><g transform="translate(355.5,167.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="242" height="126" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 145px; max-width: 242px; width: 242px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client waits<br /></h1><p>The server is still making a single response monolyth<br /></p><p><br /></p></div></div></foreignObject><text x="121" y="69" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">&lt;h1&gt;Client waits&lt;br&gt;&lt;/h1&gt;&lt;p&gt;The server is still making a single response monolyth&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;</text></switch></g><g transform="translate(355.5,319.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="169" height="112" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 145px; max-width: 242px; width: 170px; white-space: normal; overflow-wrap: normal;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><h1>Client receives<br /></h1><p>the entirety all at once<br /></p><p><br /></p></div></div></foreignObject><text x="85" y="62" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><path d="M 243.43 336.51 L 243.57 326.51 L 279.01 327 L 313.45 326.68 L 313.36 316.18 L 332.5 331.5 L 313.64 347.18 L 313.55 336.68 L 279.1 337 Q 278.99 337 278.87 337 Z" fill="#ffffff" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 313.45 326.68 L 313.36 316.18 L 332.5 331.5 L 313.64 347.18 L 313.55 336.68" fill="none" stroke="#000000" stroke-linejoin="flat" stroke-miterlimit="4" pointer-events="none"/></g></svg>
diff --git a/general/html-streaming/readme.md b/general/html-streaming/readme.md

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-`
	`1`	`+node_modules/`
`2`	`2`	`#temporarily ignore`
`3`	`3`	`design/`
`4`	`4`