josantonius/wp_register

Register, minify and unify CSS and JavaScript resources.


Keywords
php, assets, css, JS, wordpress, register, style, script, hhvm, enqueue, minify CSS, unify CSS, minify JS, unify JS, minify, minify-css, minify-javascript, unify, unify-css, unify-javascript
License
MIT

Documentation

PHP WordPress Register

Latest Stable Version Latest Unstable Version License Codacy Badge Total Downloads Travis WP CodeCov

Versión en español

Register, minify and unify CSS and JavaScript resources in WordPress.



Requirements

This library is supported by PHP versions 5.6 or higher and is compatible with HHVM versions 3.0 or higher.

Installation

The preferred way to install this extension is through Composer.

To install WP_Register library, simply:

$ composer require Josantonius/WP_Register

The previous command will only install the necessary files, if you prefer to download the entire source code you can use:

$ composer require Josantonius/WP_Register --prefer-source

You can also clone the complete repository with Git:

$ git clone https://github.com/Josantonius/WP_Register.git

Or install it manually:

Download WP_Register.php:

$ wget https://raw.githubusercontent.com/Josantonius/WP_Register/master/src/class-wp-register.php

Download Json.php:

$ wget https://raw.githubusercontent.com/Josantonius/Json/master/src/Json.php

Available Methods

Available methods in this library:

- Add scripts or styles:

WP_Register::add($type, $data);
Attribute Description Type Required Default
$type 'script' or 'style' string Yes
Attribute key Description Type Required Default
$data Settings array Yes
name Unique ID string Yes
url Url to file string Yes
place 'admin' or 'front' string No 'front'
deps Dependences array No []
version Version string No false
footer Only for scripts - Attach in footer boolean No true
params Only for scripts - Params available in JS array Yes []
media Only for styles - Media string No ''

@return → boolean

- Sets whether to merge the content of files into a single file:

WP_Register::unify($id, $params, $minify);
Attribute Description Type Required Default
$id Action hook name string Yes
$params Path urls mixed Yes
$minify Minimize file content boolean No false

@return → boolean true

- Check if a particular style or script has been added to be enqueued:

WP_Register::is_added($type, $name);
Attribute Description Type Required Default
$type 'script' or 'style' string Yes
$name Script or style ID string Yes

@return → boolean

- Remove before script or style have been registered:

WP_Register::remove($type, $name);
Attribute Description Type Required Default
$type 'script' or 'style' string Yes
$name Script or style ID string Yes

@return → boolean true

Quick Start

To use this library with Composer:

require __DIR__ . '/vendor/autoload.php';

use Josantonius\WP_Register;

Or If you installed it manually, use it:

require_once __DIR__ . '/class-wp-register.php';
require_once __DIR__ . '/Json.php';

use Josantonius\WP_Register\WP_Register;

Usage

Example of use for this library:

- Add script:

WP_Register::add('script', [

    'name'  => 'HTML_script',
    'url'   => 'http://josantonius.com/js/html5.js'
]);
WP_Register::add('script', [

    'name'    => 'NavigationScript',
    'url'     => 'http://josantonius.com/js/navigation.js',
    'place'   => 'admin',
    'deps'    => ['jquery'],
    'version' => '1.1.3',
    'footer'  => true,
    'params'  => ['date' => date('now')],
]);

Additionally, a nonce is created for each script using its name. In this example, it will be accessible from JavaScript using NavigationScript.nonce.

wp_verify_nonce($nonce, 'NavigationScript');

In the case of scripts created from plugins, the path of the plugin directory is saved as a parameter. In this example, it will be accessible from JavaScript using NavigationScript.pluginUrl.

- Add style:

WP_Register::add('style', [

    'name'  => 'EditorStyle',
    'url'   => 'http://josantonius.com/js/editor-style.css'
]);
WP_Register::add('style', [

    'name'    => 'DefaultStyle',
    'url'     => 'http://josantonius.com/js/style.css',
    'place'   => 'admin',
    'deps'    => [],
    'version' => '1.1.3',
    'media'   => 'all'
])

- Unify:

WP_Register::unify('UniqueID', 'http://josantonius.com/min/');

- Unify and minify:

WP_Register::unify('UniqueID', 'http://josantonius.com/min/', true);

- Unify specifying different url paths for styles and scripts:

WP_Register::unify('UniqueID', [

    'styles'  => 'http://josantonius.com/min/css/',
    'scripts' => 'http://josantonius.com/min/js/'
]);

- Unify and minify specifying different url paths for styles and scripts:

WP_Register::unify('UniqueID', [

    'styles'  => 'http://josantonius.com/min/css/',
    'scripts' => 'http://josantonius.com/min/js/'
    
], true);

- Check if a particular style or script has been added to be registered:


WP_Register::is_added('script', 'HTML_script');

WP_Register::is_added('script', 'NavigationScript');

WP_Register::is_added('style', 'EditorStyle');

WP_Register::is_added('style', 'DefaultStyle');

- Remove before script or style have been enqueued:


WP_Register::remove('script', 'HTML_script');

WP_Register::remove('script', 'NavigationScript');

WP_Register::remove('style', 'EditorStyle');

WP_Register::remove('style', 'DefaultStyle');

Tests

To run tests you just need composer and to execute the following:

$ git clone https://github.com/Josantonius/WP_Register.git

$ cd WP_Register

$ bash bin/install-wp-tests.sh wordpress_test root '' localhost latest

$ composer install

Run unit tests with PHPUnit:

$ composer phpunit

Run WordPress code standard tests with PHPCS:

$ composer phpcs

Run PHP Mess Detector tests to detect inconsistencies in code style:

$ composer phpmd

Run all previous tests:

$ composer tests

☑ TODO

  • Implement garbage collector in unified files
  • Sort dependencies when unifying parameters
  • Add new feature
  • Improve tests
  • Improve documentation
  • Refactor code

Contribute

If you would like to help, please take a look at the list of issues or the To Do checklist.

Pull requests

  • Fork and clone.
  • Run the command composer install to install the dependencies. This will also install the dev dependencies.
  • Run the command composer fix to excute code standard fixers.
  • Run the tests.
  • Create a branch, commit, push and send me a pull request.

Repository

The file structure from this repository was created with PHP-Skeleton.

License

This project is licensed under MIT license. See the LICENSE file for more info.

Copyright

2017 Josantonius, josantonius.com

If you find it useful, let me know 😉

You can contact me on Twitter or through my email.