New Total.js version 2.4

/components/
/controllers/
/views/
...

/components/newsletter.html <!-- HTML with inline <style> (optional) and <script> (optional) -->
/components/newsletter.js   <!-- optional, its a server-side implementation (the server-side code can be implemented inline like the example below) -->

<script type="text/totaljs">
    // This is a server-side implementation of the component (optional), the 'type="text/totaljs"' is important

    exports.install = function() {
        F.route('/api/newsletter/', json_newsletter, ['post']);
    };

    function json_newsletter() {
        var self = this;
        self.body.ip = self.ip;
        self.body.created = F.datetime;
        NOSQL('newsletter').insert(self.body);
        self.json(SUCCESS(true));
    }
</script>

<style>
    .newsletter { padding: 50px; background-color: #D0D0D0; border-radius: 4px; }
    .newsletter-input { font-size: 20px; padding: 20px; width: 100%; }
    .newsletter-success { padding: 50px; background-color: green; border-radius: 4px; color: white; }
</style>

<div class="newsletter">
    <div>Join our newsletter:</div>
    <div><input type="text" class="newsletter-input" placeholder="Type your email address" /></div>
    
    @{if settings.info}
        <div>This is not a SPAM.</div>
    @{fi}
</div>

<script>
    // This is a client-side implementaion of component (optional)
    
    $(document).on('keypress', '.newsletter-input', function(e) {
        if (e.keyCode !== 13)
            return;
        var el = $(this).closest('.newsletter');
        $.post('/api/newsletter/', { email: this.value }, function(response) {
            el.replaceWith('<div class="newsletter-success">THANK YOU!</div>');
        });
    });
</script>

<h2>Newsletter</h2>    
@{component('newsletter')};

<!-- OR -->

<h2>Newsletter with a custom settings</h2>    
@{component('newsletter', { info: true })}; <!--info is accessible as @{settings.info} as shown above-->

F.convert('page', Number);
F.convert('newsletter', Boolean);
F.convert('q', val => val.toLowerCase());

// ?page=30&limit=50&newsletter=true&search=TOTAL_FRAMEWORK
function some_action() {
    var self = this;
    console.log(typeof(self.query.page)); // Number
    console.log(typeof(self.query.limit)); // String (no convertor defined for limit)
    console.log(typeof(self.query.newsletter)); // Boolean
    console.log(self.query.q)); // total_framework
    self.plain('IT WORKS!');
}

NEWOPERATION('myoperation', function(error, value, callback) {
    // error    === ErrorBuilder
    // value    === custom value
    // callback === callback([value])
    
    error.push('You don\'t have any privileges');    
    callback(SUCCESS(true));
});

OPERATION('myoperation', { my: 'custom value (OPTIONAL)' }, function(err, response) {
    console.log(err, response);
});

OPERATION('another.operation', function(err, response) {
    // If the operation doesn't exist the "err" argument will contain error
    console.log(err, response);
});

// WebCounter module
// 5 days up-to-date interval
UPTODATE('module', 'https://modules.totaljs.com/latest/webcounter.js', '5 days');

// Request stats module
// 5 days up-to-date interval + update callback
UPTODATE('module', 'https://modules.totaljs.com/latest/reqstats.js', '5 days', function(err) {
    console.log('UPDATED', err);
});

// Total.js monitoring
// Custom options + 5 days up-to-date interval
UPTODATE('module', 'https://modules.totaljs.com/latest/monitor.js', { url: '/$mymonitor/' }, '5 days');

// A component
// 1 day interval
UPTODATE('component', 'https://.../newsletter.html', '1 day');

// Supports event:
F.on('uptodate', function(type, name) {
    console.log('UPDATED', type, name);
});

module (3 days)            : https://modules.totaljs.com/latest/monitor.js

exports.install = function(options) {
   // initialize your timers, workers, routes, etc.
};

exports.uninstall = function(options) {
   if (options === 'uptodate')
      console.log('UP-TO-DATE removes older version of this module');
   // clean your timers, workers, etc.   
});

// type#name      (Object)  : { custom options }
module#monitor    (Object)  : { url: '/$mymonitor/', token: '123456' }

default-xpoweredby     :

// Or modify it to e.g.:
default-xpoweredby     : Brutal Framework

var output = '';
output += 'COMMAND     PID USER   FD   TYPE    DEVICE SIZE/OFF NODE NAME';
output += 'total:    21109 root   11u  IPv4 413694867      0t0  TCP localhost.localdomain:8000 (LISTEN)';

output.parseTerminal(['PID', 'USER'], function(values) {
   console.log('PID:', values[0]);
   console.log('USER:', values[1]);
});

// or
output.parseTerminal(function(values) {
   console.log(values);
   // ['total:', '21109', 'root', '11u', 'IPv4', '413694867', '0t0', 'TCP', 'localhost.localdomain:8000', '(LISTEN)']
}, 1);

var user = $$$('User').create();
// vs.
var user = GETSCHEMA('User').create();

require('total.js');

var fn = F.script('next(value + 10)');

fn(10, function(err, response) {
    console.log(err, response); // --> null, 20
});

fn(100, function(err, response) {
    console.log(err, response); // --> null, 110
});

var mail = F.mail(...);
mail.unsubscribe('https://.../unsubscribe/?id=39483948398');

// or
var mail = F.logmail(...);
mail.unsubscribe('https://.../unsubscribe/?id=39483948398');