Skip to content
/ bunny Public
forked from Mevrael/bunny

BunnyJS - Lightweight native JavaScript and ECMAScript 6 library ((package of small stand-alone components like IoC, routing, templating, pagination, ajax and datatables) and next generation front-end framework. Documentation and examples available.

License

Notifications You must be signed in to change notification settings

mskorok/bunny

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BunnyJS v 0.7.10

NPM downloads/month NPM version

For help & ideas - DM me on Twitter

Lightweight native JavaScript and ECMAScript 6 library and next generation front-end framework. BunnyJS is package of small stand-alone components without dependencies:

  1. Native lightweight javascript Inversion of control
  2. Native lightweight javascript Routing
  3. Native lightweight javascript HTML5 validation
  4. Native lightweight javascript Template engine
  5. Native lightweight javascript Ajax
  6. Native lightweight javascript DataTable
  7. Native lightweight javascript Calendar
  8. Native lightweight javascript DatePicker
  9. Native lightweight javascript Autocomplete, Dropdown
  10. Native lightweight javascript remote file upload from URL, image preview

Designed in mind for best compatability with Laravel 5 and Bootstrap 4, however can be used anywhere.

Syntax is very simple and some API is identical with Laravel API.

Rollup.js with babel and npm plugins is recommended for transpiling and bundling.

Install via npm install bunnyjs --save

Example usage:

import { Route } from 'bunnyjs/src/bunny.route';

Route.get('/', function() {
    console.log('You are on main page!');
});

// or create your own functions/closures/controllers, import them and pass to route
import { UsersController } from './Controllers/UsersController';
Route.get('/users', UsersController.index);
Route.get('/users/{id}', UsersController.showUser);

For documentation go to Wiki.

Currently only Template documentation available.

There is also example for IOC Container.

Autocomplete example

Valdiator is only 150 lines and adds JS validation above native HTML5 valdiation attributes. For example,

<input type="file" accept="image/*" ... required>

will be required and only images will be accepted. Error message is displayed after input.

DatePicker by default used as a fallback for browsers not supporting <input type="date"> and initiated using DatePicker.create(input_id) .

DatePicker as any BunnyJS component is easily extendable. Basicly DatePicker is a calendar builder/framework. You can build your own calendar and datepicker very fast.

Default theme of DatePicker:

bunnyjs-calendar-default

© Mev-Rael

GPL 3.0

About

BunnyJS - Lightweight native JavaScript and ECMAScript 6 library ((package of small stand-alone components like IoC, routing, templating, pagination, ajax and datatables) and next generation front-end framework. Documentation and examples available.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.8%
  • CSS 2.2%