Light

inakianduaga / laravel-html-builder-extensions Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 448 KB

Extended functionality for the HTML builder

License: MIT License

PHP 100.00%

laravel-html-builder-extensions's Introduction

laravel-html-builder-extensions

Extendes Laravel Html builder functionality, providing configuration-based automatic external url redirection to serve assets from CDNs

Installation

Add package as a composer dependency

In your composer.json file, include

"require": {
        "inakianduaga/laravel-html-builder-extensions" : "dev-master",
    },

and then run

composer update --no-scripts inakianduaga/laravel-html-builder-extensions

to install the package

Register package in the laravel application

After you've updated your composer packages, in app.php replace the native Laravel Html builder service provider by the one in this package:

array(
    ...
    'providers' => array(
       ...
    // 'Illuminate\Html\HtmlServiceProvider', //remove this line
       'InakiAnduaga\LaravelHtmlBuilderExtensions\LaravelHtmlBuilderExtensionsServiceProvider', //add this one
    )
)

Publish package configuration

In the laravel installation root folder, run

php artisan config:publis inakianduaga/laravel-html-builder-extensions

You can then modify the example values in the file app/config/packages/inakianduaga/laravel-html-builder-extensions/config.php

Configure Assets Redirection (CDNs)

Script, styles and images can be redirected through an external url individually, see configuration
Image redirection is enabled by file extension, so you can skip redirecting certain images

Configure Image lazy loading

@TODO

Usage:

Usage is the same as the native laravel HTML builder, for example

{{ HTML::image('src', 'alt', options) }}
{{ HTML::styles('src') }}
{{ HTML::scripts('src') }}

laravel-html-builder-extensions's People

Contributors

laravel-html-builder-extensions's Issues

Add tests

For this we are going to have to require laravel-framework, and add to the phpunit bootstrap method the startup script

Implement html url redirection

Extend HTML facade to add cloudfront redirection for the image/script/style tags

Make new package with HTML extension, which we use to replace the HTML facade
Update the script/image/asset methods to include cloudfront prefixing
Update: Only thing needed to do is extend the Illuminate/Routing/UrlGenerator class to override the @asset method, and set it as the for HTMLBuilder instead of the regular one. It should:
- Detect if extension is in the list of redirected assets
- Pass the cloudfront endpoint to the forceRoot in the getRootUrl method

Add lazy loading functionality

Add optional lazy loader method for the images (HTML::imageLazy()) for lazy-loading images.

Add javascript lazy load script, custom binding functionality
- Lazy loading js script should be then in the package
- Lazy loading should be configurable in the custom js implementation

Cleanup code, fix exception bug

Class 'InakiAnduaga\LaravelHtmlBuilderExtensions\Url\InvalidArgumentException' not found

Fix link_to_action method not finding any system routes

Add option to blacklist aws redirection based on path prefix

We want to exclude some paths from redirection based on prefixes (because we might be doing a proxy to S3 for example)

Make FormBuilder work

Seems the registration of the HTML builder is affecting the FormBuilder, leaving it broken. We need to fix this.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.