improve playground loading times about doclets HOT 8 CLOSED

@dleitee this improves the strman usability a lot (though, still not great)
https://doclets.io/dleitee/strman/v1.3.0

from doclets.

Hi, the real solution is for us to make them load faster. However, while we work on that, I have had success simply delaying the loading. If you look at this blog post I wrote, it loads many examples and still remains fast scrolling: http://tolmasky.com/2016/03/24/generalizing-jsx/ . The code is in that same file.

from doclets.

@tolmasky Thank you very much!!!! 💯 I'll try to integrate your temp solution.

from doclets.

@tolmasky ... sorry... could you please point me to the piece of code which handles the loading/delaying/whatever of the tonicdev examples? Thanks!!!

from doclets.

Sure, its just:

var samples = document.querySelectorAll(".highlighter-rouge");
var index = 0;
var count = samples.length;

function load(aSample)
{
    var source = Tonic.sourceFromElement(aSample);

    aSample.innerHTML = "";

    Tonic.createNotebook(
    {
        // the parent element for the new notebook
        element: aSample,

        // specify the source of the notebook
        source: source,
        nodeVersion: "4.x.x"
    });
}

function loadAll(samples, index)
{
    while (index < count && samples[index].tagName !== "DIV")
        ++index;

    if (!(index < count))
        return;

    load(samples[index]);

    setTimeout(loadAll, 1000, samples, index + 1);
}

loadAll(samples, 0);

That will crawl down and do 1 per sec.

from doclets.

@tolmasky Thanks 💯 again! This is in now...
As long as the tonic devs don't load faster, this is probably an as-good-as-possible solution, so i'll close this for now.

from doclets.

@lipp Thank you, I will see doclets project and verify if I can contribute with improvements and fixes.

from doclets.

Another strategy is to do what lodash has done: http://lodash.github.io (show the embed/ run it when clicked)

from doclets.