uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

uniter-loader

Webpack loader for requiring PHP files from JavaScript using Uniter via PHPify.

Usage

npm install --save-dev webpack uniter-loader

Simple usage (requiring a single PHP module)

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Define an empty uniter.config.js:

module.exports={};

Create a PHP module php/src/MyApp/doubleIt.php:

<?phpnamespaceMyApp;
$doubleIt = function ($num) {
return$num * 2;
};
return$doubleIt;

Call from JS module js/src/index.js:

vardoubleItModule=require('./php/src/MyApp/doubleIt.php')();doubleItModule.execute().then(function(doubleIt){console.log('Double 4 is '+doubleIt(4));});

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

To avoid lots of typing, you can check out the source for this section here: https://github.com/uniter/event-dispatcher-demo

Install the Symfony EventDispatcher component

composer require symfony/event-dispatcher

Add to webpack.config.js:

module.exports={context: __dirname,entry: './js/src/index',module: {rules: [{test: /\.php$/,use: 'uniter-loader'}]},output: {path: __dirname+'/dist/',filename: 'browser.js'}};

Add to uniter.config.js:

Note that unlike the example above, we have specified which PHP files to additionally transpile along with those that were require()'d from JS-land, and include in the compiled bundle for the browser.

module.exports={phpify: {include: ["php/**/*.php","vendor/autoload.php","vendor/composer/**/*.php","vendor/symfony/event-dispatcher/**/*.php"]}};

Create a PHP module php/src/MyApp/dispatchIt.php:

<?phpnamespaceMyApp;
useSymfony\Component\EventDispatcher\EventDispatcher;
// Load Composer's autoloaderrequire_once__DIR__ . '/../../../vendor/autoload.php';
$eventDispatcher = newEventDispatcher();
$eventDispatcher->addListener('my.event', function () {
print'Listener called!';
});
$eventDispatcher->dispatch('my.event');
print'and...';
$eventDispatcher->dispatch('my.event');

Call from JS module js/src/index.js:

vardispatchItModule=require('./php/src/MyApp/dispatchIt.php')();// Hook stdout and stderr up to the DOMdispatchItModule.getStdout().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.getStderr().on('data',function(data){document.body.insertAdjacentHTML('beforeEnd',data+'<br>');});dispatchItModule.execute();

Run Webpack:

mkdir dist
node_modules/.bin/webpack --devtool=source-map --mode=development --progress

Load the bundle on a webpage, demo.html:

<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Uniter-Loader demo</title></head><body><h1>Uniter-Loader demo</h1><scriptsrc="dist/browser.js"></script></body></html>

and open demo.html in a browser.

You should then see the output on the page from running the PHP code browser-side:

Listener called!
and...
Listener called!

Keeping up to date

Follow me on Twitter for updates: https://twitter.com/@asmblah

Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
src		src
test		test
.gitignore		.gitignore
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
eslint.config.mjs		eslint.config.mjs
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
prettier.config.mjs		prettier.config.mjs
tsconfig.base.json		tsconfig.base.json

Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
src		src
test		test
.gitignore		.gitignore
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
eslint.config.mjs		eslint.config.mjs
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
prettier.config.mjs		prettier.config.mjs
tsconfig.base.json		tsconfig.base.json

Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
src		src
test		test
.gitignore		.gitignore
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
eslint.config.mjs		eslint.config.mjs
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
prettier.config.mjs		prettier.config.mjs
tsconfig.base.json		tsconfig.base.json

Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
src		src
test		test
.gitignore		.gitignore
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
eslint.config.mjs		eslint.config.mjs
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
prettier.config.mjs		prettier.config.mjs
tsconfig.base.json		tsconfig.base.json

Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
src		src
test		test
.gitignore		.gitignore
MIT-LICENSE.txt		MIT-LICENSE.txt
README.md		README.md
eslint.config.mjs		eslint.config.mjs
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
prettier.config.mjs		prettier.config.mjs
tsconfig.base.json		tsconfig.base.json

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

uniter-loader

Usage

Simple usage (requiring a single PHP module)

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

Keeping up to date

About

Resources

Stars

Watchers

Forks

Contributors

Languages

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

uniter-loader

Usage

Simple usage (requiring a single PHP module)

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

Keeping up to date

About

Resources

Stars

Watchers

Forks

Contributors

Languages

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

uniter-loader

Usage

Simple usage (requiring a single PHP module)

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

Keeping up to date

About

Resources

Stars

Watchers

Forks

Contributors

Languages

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

uniter-loader

Usage

Simple usage (requiring a single PHP module)

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

Keeping up to date

About

Resources

Stars

Watchers

Forks

Contributors

Languages

Uh oh!

Latest commit

History

Folders and files

Repository files navigation

uniter-loader

Usage

Simple usage (requiring a single PHP module)

Complex usage (compiling a Composer app with the Symfony EventDispatcher component)

Keeping up to date

About

Resources