Giter Site home page Giter Site logo

wtmr / pot.js Goto Github PK

View Code? Open in Web Editor NEW

This project forked from polygonplanet/pot.js

0.0 2.0 0.0 18.44 MB

Pot.js is an implemental utility library that can execute JavaScript without burdening the CPU.

Home Page: http://polygonplanet.github.com/Pot.js/

PHP 0.37% Batchfile 0.02% HTML 0.07% JavaScript 99.54%

pot.js's Introduction

Pot.js

Build Status

Pot.js Logo

Pot.js / PotLite.js :
Pot.js is an implemental utility library that can execute JavaScript without burdening the CPU.


Pot.js / PotLite.js :

Pot.js / PotLite.js implements practical tendency as a substitution utility library.
That includes asynchronous methods as "Deferred" for solution to heavy process.
That is fully ECMAScript compliant.

Pot.js is a JavaScript library that can be performed without causing stress to the UI and the CPU load by using easy loop iteration functions.

With respect to load, you can implement a particular application without requiring the programmer to be aware of.

Pot.js is built around the asynchronous processing and iterator with Deferred. Pot.Deferred is a Deferred object like MochiKit (or JSDeferred like).
That makes it possible to various iterations (forEach, filter, map, reduce, zip, repeat, some etc.).

Moreover, Pot.js is an utility library that handles string processes with various algorithms, and it has the Signal object that can write like aspect-oriented (AOP),
and it has the Event object for DOM listener, and treats it the File API for HTML5. etc.

And, Pot.js never pollute the prototype of the global objects.

We only define the 'Pot' object in the global scope basically.
You can use Pot.js with other available libraries without fear of conflict.

Pot.js is a cross-browser library that works on a Web browser, Node.js, userscript (Greasemonkey, Scriptish) XUL, or (Firefox Add-ons) etc.

PotLite.js is a light version that extracts only the part of asynchronous processing (Deferred etc.) has been implemented in Pot.js.

Install

Will work with common ways.

<script type="text/javascript" src="pot.min.js"></script>
<!-- or -->
<script type="text/javascript" src="potlite.min.js"></script>

For Node.js

npm install pot.js

var pot = require('pot.js');

As for jQuery plugin.

// Run after loading with jQuery.
Pot.deferrizejQueryAjax();

// Ajax-based functions will return with Pot.Deferred object instance.
$.getJSON('/hoge.json').then(function(data) {
    alert(data.results[0].text);
}).rescue(function(err) {
    alert('Error! ' + err);
}).ensure(function() {
    return someNextProcess();
});

// Will added 'deferred' method for effects etc
//  that convert to Deferred functions.
$('div#hoge').deferred('hide', 'slow').then(function() {
    // (...Do something after hide() method completed.)
});

Compatibility

Pot.js / PotLite.js works with the following web browsers.

  • Mozilla Firefox *
  • Internet Explorer 6+
  • Safari *
  • Opera *
  • Google Chrome *

And, it also designed for operate in following environments.

  • Greasemonkey (userscript)
  • Mozilla Firefox Add-On (on XUL)
  • Node.js
  • Other non-browser environment

Test Run

License

Dual licensed under the MIT and GPL v2 licenses.
Copyright © 2012-2014 polygon planet

Documentation And Reference

Blog

Example

Pot.begin(function() {
    Pot.debug('BEGIN example');
}).then(function() {
    // A simple HTTP request
    //  that even works on Node.js (non-browser).
    return Pot.request('pot.js.example.json', {
        mimeType : 'application/json'
    }).ensure(function(res) {
        if (Pot.isError(res)) {
            return {
                foo : 'fooError',
                bar : 'barError',
                baz : 'bazError'
            };
        } else {
            Pot.debug(res.responseText);
            // e.g., responseText = {
            //         foo: 'fooValue',
            //         bar: 'barValue',
            //         baz: 'bazValue'
            //       }
            return Pot.parseFromJSON(res.responseText);
        }
        // Iterate on chain by "forEach" method.
    }).forEach(function(val, key) {
        Pot.debug(key + ' : ' + val); // foo : fooValue ... etc.
        
        // Executed in one second intervals.
        return Pot.wait(1);
        
        // Wait 0.5 seconds
        //  and set the speed to slow between each chains.
    }).wait(0.5).speed('slow').then(function(res) {
        var s = '', keys = [];
        
        // Iterate by "forEach" method on synchronous.
        Pot.forEach(res, function(val, key) {
            s += key;
            keys.push(key);
        });
        keys.push(s);
        return keys;
        
        // Like (Destructuring-Assignment)
    }).then(function(foo, bar, baz, all) {
        Pot.debug('foo = ' + foo); // foo = 'foo'
        Pot.debug('bar = ' + bar); // bar = 'bar'
        Pot.debug('baz = ' + baz); // baz = 'baz'
        Pot.debug('all = ' + all); // all = 'foobarbaz'
        
        return [foo, bar, baz];
        
        // Iterate by "map" method at a slower speed.
    }).map.doze(function(val) {
        Pot.debug('in map.doze(val) : ' + val);
        
        return val + '!';
        
    }).then(function(res) {
        Pot.debug(res); // ['foo!', 'bar!', 'baz!']
        
        var d = new Pot.Deferred();
        return d.then(function() {
            // Generate an error for testing.
            throw new Error('TestError');
            
        }).then(function() {
            // This callback chain never executed
            //  because occured the error.
            Pot.debug('Help me!!');
            
        }).rescue(function(err) {
            // Catch the error.
            Pot.debug(err); // (Error: TestError)
            
        }).then(function() {
            // And, continue the callback chain.
            
            // Iterate by "reduce" method on asynchronous.
            return Pot.Deferred.reduce(res, function(a, b) {
                return a + b;
            }).then(function(result) {
                return result;
            });
        }).begin(); // Begin the callback chain.
        
    }).wait(2).then(function(res) {
        
        Pot.debug(res); // 'foo!bar!baz!'
        
        // Iterate by "filter" method on synchronous.
        return Pot.filter(res.split('!'), function(val) {
            return val && val.length;
        });
    });
    
}).then(function(result) {
    Pot.debug(result); // ['foo', 'bar', 'baz']
    Pot.debug('END example');
    
}).end(); // Chain can be closed by the "end" method on any.

Refer document if you want to need more example and usage.

Pot.js + PotLite.js - Document and Reference

pot.js's People

Contributors

polygonplanet avatar

Watchers

James Cloos avatar Rong Chen avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.