berklee / nbl Goto Github PK

There are a lot of JS loaders, really. But none of them, at least within documentation, addresses a problem I'm eager to solve. That is to use single <script> line per whole project which inits page-based loading of dependencies.

Let's create a simple project with index, portfolio, and contacts pages.

Microframework will help us with routing:

$app->get('/portfolio/',
    function () use ($app) {
        $prices = array(
              "price_mine"  => "90",
              "price_rival" => "120"
        );
        $app->render('portfolio.twig', $prices);
    })->name('portfolio');

Template engine will help us with rendering:

{% extends "base.twig" %}
{% block content %}
     <p>Aren't you sick and tired to pay {{price_rival}}…</p>.
{% endblock content %}

And the missing part in every page is <script src="/static/init.js"></script> that works as follows

• all pages load jQuery from CDN or from my server as fallback,
• index loads SoundManager to serve audio salutation,
• portfolio loads Lightbox to serve images,
• contacts loads Forms validator.

What's the best way to achieve it?
And how to do that with NBL whether it's possible?

Thank you in advance.
Warm regards from Russia, Alexander.

Why you won't provide some JS api like:
nbl.load([], callback)

frustrating

wrong for '.../myscript.js?version=xxx' in nbl.plus

In https://github.com/berklee/nbl/blob/master/nbl.plus.js

you have following regex: t = u[0].match(/.([cjs]{2,4})$|?.+/i); t = (t) ? t[1] : "i";

This doesn't produce good result when i had this.nbl.l(["http://itstatic.blob.core.windows.net/davatakiplerimcss/davaTakiplerimHomePageCombinedCSS.css?version=20"]);

I have changed it to something like below and it worked

.match(/.([cjs]{2,4})(|?.+)$/i)

I'm looking for a way to get a global callback when all of my scripts have finished loading asynchronously, is this possible?

Small issue on line 18 in https://github.com/berklee/nbl/blob/master/nbl.js
is .... i = j = 0, which makes j available globally (window.j in my case).
I suggest to declare it locally ... i = 0, j = 0,