The ninety-ninety rule, again...

<p dir="auto">I've written about the <a href="https://en.wikipedia.org/wiki/Ninety-ninety_rule" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">ninety-ninety rule before and unfortunately it happened again. Just when my brain goes <p dir="auto"><center><span><img src="https://images.hive.blog/768x0/https://cdn.pixabay.com/photo/2014/12/24/23/26/runner-579327_960_720.jpg" srcset="https://images.hive.blog/768x0/https://cdn.pixabay.com/photo/2014/12/24/23/26/runner-579327_960_720.jpg 1x, https://images.hive.blog/1536x0/https://cdn.pixabay.com/photo/2014/12/24/23/26/runner-579327_960_720.jpg 2x" /> <p dir="auto">reality goes <p dir="auto"><span><img src="https://images.hive.blog/768x0/https://cdn.pixabay.com/photo/2015/09/02/15/04/crawl-919224_960_720.jpg" srcset="https://images.hive.blog/768x0/https://cdn.pixabay.com/photo/2015/09/02/15/04/crawl-919224_960_720.jpg 1x, https://images.hive.blog/1536x0/https://cdn.pixabay.com/photo/2015/09/02/15/04/crawl-919224_960_720.jpg 2x" /> <p dir="auto"><a href="https://steemit.com/utopian-io/@drmake/steemmakers-and-steemauto-curation-trail-integration" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">a commit<a href="https://steemit.com/utopian-io/@fabiyamada/web-design-posts-page-for-steemmakers" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here. As it was his first vue.js / typescript experience there are some things that needed some rework. But after that it <em>should only be a matter of deploying.<span>Just recently <a href="/@drmake">@drmake made <span> to visualize the steemmakers curation trail on our website. The intent is to give our backers some more visibility and in a later stage we plan on showing the top followers in a more visible way as designed by <a href="/@fabiyamada">@fabiyamada <h4>Improved code separation and better estimation <p dir="auto"><code>any type in typescript. <code>noImplicitAny is preferably set to true typescript can catch unintentional errors at design time and makes the code more readable.<span>Vue.js is designed around the MVVM pattern (Model - View - ViewModel). It's a pattern that can be challenging at first but when applied correctly can save a lot of time and make cooperation a lot easier. Professionally I'm quite fond of using this technique for designing 'big' WPF applications (together with PRISM). IMHO there was not enough separation in the design by <a href="/@drmake">@drmake so I fixed that. Another 'issue' was the use of the <p dir="auto"><a href="https://steemit.com/utopian-io/@stoodkev/steem-js-for-dummies-1-how-to-calculate-the-current-voting-power" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here<span>While fixing these issues I noticed that the calculations by <a href="/@drmake">@drmake assume a voting power of 100% which, in reality, is seldom the case. I had to do some research and extra testing to account for that. There is no direct functionality in steemjs to do this and it requires some basic calculation as outlined <span> by <a href="/@stoodkev">@stoodkev. I did some further digging to be able to explain the magic numbers and commented those in our code base. <h4>Proxying the request <p dir="auto">After these changes only deployment was left, the first 90% was done. But that was where things went completely sideways and another 90% arrived. Once deployed the code did not work, the list didn't show. It took some digging to find out this was the error: "No 'Access-Control-Allow-Origin' header is present on the requested resource". It literally took me many hours to understand the root of this issue and by the time I got that I realized there was not much I could do about it. As it turned out this was an issue because of a cross site request. The trail data is fetched from steemauto and this site did not accept this request once deployed to our side. Almost all information on the internet explains how to modify the backend to fix this error message but in our case it is not our backend so we really can't change it or expect steemauto to change it and request them to trust us. A lot of digging later I found out that proxying the request might fix the issue and that is the current patch in the work. We now rely on a heroku proxy and this seems to work reliable. <p dir="auto">Have a look at our <a href="https://www.steemmakers.com/#/Trail" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Trail page to see the result. <h4>Future work <p dir="auto">The heroku proxy is a patch and more a proof of concept on how to bypass / fix the issue. On the longer term we will make a proxy on our own server. <h4>Proof of work done <p dir="auto"><span>Repository: <a href="https://github.com/JefPatat/SteemMakers/tree/master/website" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/JefPatat/SteemMakers/tree/master/website <p dir="auto"><span>My github account: <a href="https://github.com/JefPatat" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/JefPatat <p dir="auto"><span>Relevant commits: several commits from July 2nd to July 17th: <a href="https://github.com/JefPatat/SteemMakers/commits/master" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/JefPatat/SteemMakers/commits/master <p dir="auto"><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmX4U8WzhTN8rHrQ9bniM918FSCx8rFXugh9CL41MSQ7aD/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmX4U8WzhTN8rHrQ9bniM918FSCx8rFXugh9CL41MSQ7aD/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmX4U8WzhTN8rHrQ9bniM918FSCx8rFXugh9CL41MSQ7aD/image.png 2x" />