PHPackages                             ntlab/ntjs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. ntlab/ntjs

ActiveLibrary[Utility & Helpers](/categories/utility)

ntlab/ntjs
==========

PHP-NTJS Javascript Repository

v4.1.0(1y ago)0935↓44%2MITPHPPHP >=7.4CI failing

Since Feb 8Pushed 1y ago1 watchersCompare

[ Source](https://github.com/tohenk/php-ntjs)[ Packagist](https://packagist.org/packages/ntlab/ntjs)[ Docs](https://github.com/tohenk/php-ntjs)[ RSS](/packages/ntlab-ntjs/feed)WikiDiscussions master Synced 1w ago

READMEChangelogDependencies (2)Versions (62)Used By (2)

Code Javascript Everywhere!
===========================

[](#code-javascript-everywhere)

PHP-NTJS allows to dynamically manage your javascripts, stylesheets, and scripts so you can focus on your code. You can code your javascript using PHP class, or write directly in the PHP code, even on template.

JQuery and Bootstrap
--------------------

[](#jquery-and-bootstrap)

Support for popular javascript like JQuery, Bootstrap, and FontAwesome can be achieved using [`ntlab/ntjs-repo`](https://github.com/tohenk/php-ntjs-repo).

CDN
---

[](#cdn)

To speed up your page, CDN can be enabled, PHP-NTJS will automatically do it for you. Just loads needed CDN information and assets will loaded from CDN.

Minified Output
---------------

[](#minified-output)

On production, you can enable script output compression either by using JSMin or JShrink. On development, you can add script debug information to easily locate problematic code.

Integrate With Your Code
------------------------

[](#integrate-with-your-code)

To integrate PHP-NTJS with your code, you need to enable [Composer](https://getcomposer.org)support in your project.

- Require `ntlab/ntjs` and install dependencies.

```
php composer.phar require ntlab/ntjs
php composer.phar install
```

- Clone the assets somewhere in your public web folder.

```
git clone https://github.com/tohenk/ntjs-web-assets /path/to/www/cdn
```

- Create your script backend, which is responsible for collecting assets, it must be implements `NTLAB\JS\BackendInterface` or extends `NTLAB\JS\Backend`. An example of backend is available [here](https://github.com/tohenk/php-ntjs-demo/blob/master/src/Backend.php).
- Create script dependency resolver, which us responsible for resolving namespace when the script referenced. It must be implements `NTLAB\JS\DependencyResolverInterface`. An example of resolver is available [here](https://github.com/tohenk/php-ntjs-demo/blob/master/src/Backend.php).
- Optionally, create script compressor which implements `NTLAB\JS\CompressorInterface`. An example of compressor is available [here](https://github.com/tohenk/php-ntjs-demo/blob/master/src/Backend.php).
- Connect it together, see [example](https://github.com/tohenk/php-ntjs-demo/blob/master/src/Demo.php).

```
use NTLAB\JS\Manager;
use NTLAB\JS\Script;

class MyClass
{
    protected $useCDN = true;
    protected $minifyScript = false;
    protected $debugScript = true;

    public function initialize()
    {
        $manager = Manager::getInstance();
        // create backend instance
        $backend = new Backend($this->useCDN);
        // set script backend
        $manager->setBackend($backend);
        // register script resolver, the backend also a resolver
        $manager->addResolver($backend);
        // register script compressor, the backend also a compressor
        if ($this->minifyScript) {
            $manager->setCompressor($backend);
        }
        // set script debug information
        if ($this->debugScript) {
            Script::setDebug(true);
        }
    }
}
```

- Start write your javascript code, see [example](https://github.com/tohenk/php-ntjs-demo/blob/master/src/Script/MyDemo.php).

```
use NTLAB\JS\Script;

class MyDemoClass
{
    public function something()
    {
        Script::create('JQuery')
            ->add(