343 lines
11 KiB
JavaScript
343 lines
11 KiB
JavaScript
/**
|
||
* This Module manages all /minified/* requests. It controls the
|
||
* minification && compression of Javascript and CSS.
|
||
*/
|
||
|
||
/*
|
||
* 2011 Peter 'Pita' Martischka (Primary Technology Ltd)
|
||
*
|
||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
* you may not use this file except in compliance with the License.
|
||
* You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software
|
||
* distributed under the License is distributed on an "AS-IS" BASIS,
|
||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
* See the License for the specific language governing permissions and
|
||
* limitations under the License.
|
||
*/
|
||
|
||
var ERR = require("async-stacktrace");
|
||
var settings = require('./Settings');
|
||
var async = require('async');
|
||
var fs = require('fs');
|
||
var cleanCSS = require('clean-css');
|
||
var jsp = require("uglify-js").parser;
|
||
var pro = require("uglify-js").uglify;
|
||
var path = require('path');
|
||
var Buffer = require('buffer').Buffer;
|
||
var zlib = require('zlib');
|
||
var RequireKernel = require('require-kernel');
|
||
var server = require('../server');
|
||
var os = require('os');
|
||
|
||
var ROOT_DIR = path.normalize(__dirname + "/../" );
|
||
var JS_DIR = ROOT_DIR + '../static/js/';
|
||
var CSS_DIR = ROOT_DIR + '../static/css/';
|
||
var CACHE_DIR = ROOT_DIR + '../var/';
|
||
var TAR_PATH = path.join(__dirname, 'tar.json');
|
||
var tar = JSON.parse(fs.readFileSync(TAR_PATH, 'utf8'));
|
||
|
||
var padJS = ["jquery.min.js", "pad_utils.js", "plugins.js", "undo-xpopup.js", "json2.js", "pad_cookie.js", "pad_editor.js", "pad_editbar.js", "pad_docbar.js", "pad_modals.js", "ace.js", "collab_client.js", "pad_userlist.js", "pad_impexp.js", "pad_savedrevs.js", "pad_connectionstatus.js", "pad2.js", "jquery-ui.js", "chat.js", "excanvas.js", "farbtastic.js"];
|
||
|
||
var timesliderJS = ["jquery.min.js", "plugins.js", "undo-xpopup.js", "json2.js", "colorutils.js", "draggable.js", "pad_utils.js", "pad_cookie.js", "pad_editor.js", "pad_editbar.js", "pad_docbar.js", "pad_modals.js", "pad_impexp.js", "easysync2_client.js", "domline_client.js", "linestylefilter_client.js", "cssmanager_client.js", "broadcast.js", "broadcast_slider.js", "broadcast_revisions.js"];
|
||
|
||
/**
|
||
* creates the minifed javascript for the given minified name
|
||
* @param req the Express request
|
||
* @param res the Express response
|
||
*/
|
||
exports.minifyJS = function(req, res, next)
|
||
{
|
||
var jsFilename = req.params['filename'];
|
||
|
||
//choose the js files we need
|
||
var jsFiles = undefined;
|
||
if (Object.prototype.hasOwnProperty.call(tar, jsFilename)) {
|
||
jsFiles = tar[jsFilename];
|
||
_handle(req, res, jsFilename, jsFiles)
|
||
} else {
|
||
// Not in tar list, but try anyways, if it fails, pass to `next`.
|
||
jsFiles = [jsFilename];
|
||
fs.stat(JS_DIR + jsFilename, function (error, stats) {
|
||
if (error || !stats.isFile()) {
|
||
next();
|
||
} else {
|
||
_handle(req, res, jsFilename, jsFiles);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function _handle(req, res, jsFilename, jsFiles) {
|
||
res.header("Content-Type","text/javascript");
|
||
|
||
//minifying is enabled
|
||
if(settings.minify)
|
||
{
|
||
var result = undefined;
|
||
var latestModification = 0;
|
||
|
||
async.series([
|
||
//find out the highest modification date
|
||
function(callback)
|
||
{
|
||
var folders2check = [CSS_DIR, JS_DIR];
|
||
|
||
//go trough this two folders
|
||
async.forEach(folders2check, function(path, callback)
|
||
{
|
||
//read the files in the folder
|
||
fs.readdir(path, function(err, files)
|
||
{
|
||
if(ERR(err, callback)) return;
|
||
|
||
//we wanna check the directory itself for changes too
|
||
files.push(".");
|
||
|
||
//go trough all files in this folder
|
||
async.forEach(files, function(filename, callback)
|
||
{
|
||
//get the stat data of this file
|
||
fs.stat(path + "/" + filename, function(err, stats)
|
||
{
|
||
if(ERR(err, callback)) return;
|
||
|
||
//get the modification time
|
||
var modificationTime = stats.mtime.getTime();
|
||
|
||
//compare the modification time to the highest found
|
||
if(modificationTime > latestModification)
|
||
{
|
||
latestModification = modificationTime;
|
||
}
|
||
|
||
callback();
|
||
});
|
||
}, callback);
|
||
});
|
||
}, callback);
|
||
},
|
||
function(callback)
|
||
{
|
||
//check the modification time of the minified js
|
||
fs.stat(CACHE_DIR + "/minified_" + jsFilename, function(err, stats)
|
||
{
|
||
if(err && err.code != "ENOENT")
|
||
{
|
||
ERR(err, callback);
|
||
return;
|
||
}
|
||
|
||
//there is no minfied file or there new changes since this file was generated, so continue generating this file
|
||
if((err && err.code == "ENOENT") || stats.mtime.getTime() < latestModification)
|
||
{
|
||
callback();
|
||
}
|
||
//the minified file is still up to date, stop minifying
|
||
else
|
||
{
|
||
callback("stop");
|
||
}
|
||
});
|
||
},
|
||
//load all js files
|
||
function (callback)
|
||
{
|
||
var values = [];
|
||
tarCode(
|
||
jsFiles
|
||
, function (content) {values.push(content)}
|
||
, function (err) {
|
||
if(ERR(err)) return;
|
||
|
||
result = values.join('');
|
||
callback();
|
||
});
|
||
},
|
||
//put all together and write it into a file
|
||
function(callback)
|
||
{
|
||
async.parallel([
|
||
//write the results plain in a file
|
||
function(callback)
|
||
{
|
||
fs.writeFile(CACHE_DIR + "minified_" + jsFilename, result, "utf8", callback);
|
||
},
|
||
//write the results compressed in a file
|
||
function(callback)
|
||
{
|
||
zlib.gzip(result, function(err, compressedResult){
|
||
//weird gzip bug that returns 0 instead of null if everything is ok
|
||
err = err === 0 ? null : err;
|
||
|
||
if(ERR(err, callback)) return;
|
||
|
||
fs.writeFile(CACHE_DIR + "minified_" + jsFilename + ".gz", compressedResult, callback);
|
||
});
|
||
}
|
||
],callback);
|
||
}
|
||
], function(err)
|
||
{
|
||
if(err && err != "stop")
|
||
{
|
||
if(ERR(err)) return;
|
||
}
|
||
|
||
//check if gzip is supported by this browser
|
||
var gzipSupport = req.header('Accept-Encoding', '').indexOf('gzip') != -1;
|
||
|
||
var pathStr;
|
||
if(gzipSupport && os.type().indexOf("Windows") == -1)
|
||
{
|
||
pathStr = path.normalize(CACHE_DIR + "minified_" + jsFilename + ".gz");
|
||
res.header('Content-Encoding', 'gzip');
|
||
}
|
||
else
|
||
{
|
||
pathStr = path.normalize(CACHE_DIR + "minified_" + jsFilename );
|
||
}
|
||
|
||
res.sendfile(pathStr, { maxAge: server.maxAge });
|
||
})
|
||
}
|
||
//minifying is disabled, so put the files together in one file
|
||
else
|
||
{
|
||
tarCode(
|
||
jsFiles
|
||
, function (content) {res.write(content)}
|
||
, function (err) {
|
||
if(ERR(err)) return;
|
||
res.end();
|
||
});
|
||
}
|
||
}
|
||
|
||
// find all includes in ace.js and embed them.
|
||
function getAceFile(callback) {
|
||
fs.readFile(JS_DIR + 'ace.js', "utf8", function(err, data) {
|
||
if(ERR(err, callback)) return;
|
||
|
||
// Find all includes in ace.js and embed them
|
||
var founds = data.match(/\$\$INCLUDE_[a-zA-Z_]+\([a-zA-Z0-9.\/_"-]+\)/gi);
|
||
if (!settings.minify) {
|
||
founds = [];
|
||
}
|
||
founds.push('$$INCLUDE_JS("../static/js/require-kernel.js")');
|
||
|
||
data += ';\n';
|
||
data += 'Ace2Editor.EMBEDED = Ace2Editor.EMBEDED || {};\n';
|
||
|
||
//go trough all includes
|
||
async.forEach(founds, function (item, callback) {
|
||
var filename = item.match(/"([^"]*)"/)[1];
|
||
var type = item.match(/INCLUDE_([A-Z]+)/)[1];
|
||
var shortFilename = (filename.match(/^..\/static\/js\/(.*)$/, '')||[])[1];
|
||
|
||
//read the included files
|
||
if (shortFilename) {
|
||
if (shortFilename == 'require-kernel.js') {
|
||
// the kernel isn’t actually on the file system.
|
||
handleEmbed(null, requireDefinition());
|
||
} else {
|
||
var contents = '';
|
||
tarCode(tar[shortFilename] || shortFilename
|
||
, function (content) {
|
||
contents += content;
|
||
}
|
||
, function () {
|
||
handleEmbed(null, contents);
|
||
}
|
||
);
|
||
}
|
||
} else {
|
||
fs.readFile(ROOT_DIR + filename, "utf8", handleEmbed);
|
||
}
|
||
|
||
function handleEmbed(error, data_) {
|
||
if (error) {
|
||
return; // Don't bother to include it.
|
||
}
|
||
if (settings.minify) {
|
||
if (type == "JS") {
|
||
try {
|
||
data_ = compressJS([data_]);
|
||
} catch (e) {
|
||
// Ignore, include uncompresseed, which will break in browser.
|
||
}
|
||
} else {
|
||
data_ = compressCSS([data_]);
|
||
}
|
||
}
|
||
data += 'Ace2Editor.EMBEDED[' + JSON.stringify(filename) + '] = '
|
||
+ JSON.stringify(data_) + ';\n';
|
||
callback();
|
||
}
|
||
}, function(error) {
|
||
callback(error, data);
|
||
});
|
||
});
|
||
}
|
||
|
||
exports.requireDefinition = requireDefinition;
|
||
function requireDefinition() {
|
||
return 'var require = ' + RequireKernel.kernelSource + ';\n';
|
||
}
|
||
|
||
function tarCode(jsFiles, write, callback) {
|
||
write('require.define({');
|
||
var initialEntry = true;
|
||
async.forEach(jsFiles, function (filename, callback){
|
||
if (filename == 'ace.js') {
|
||
getAceFile(handleFile);
|
||
} else {
|
||
fs.readFile(JS_DIR + filename, "utf8", handleFile);
|
||
}
|
||
|
||
function handleFile(err, data) {
|
||
if(ERR(err, callback)) return;
|
||
var srcPath = JSON.stringify('/' + filename);
|
||
var srcPathAbbv = JSON.stringify('/' + filename.replace(/\.js$/, ''));
|
||
if (!initialEntry) {
|
||
write('\n,');
|
||
} else {
|
||
initialEntry = false;
|
||
}
|
||
write(srcPath + ': ')
|
||
data = '(function (require, exports, module) {' + data + '})';
|
||
if (settings.minify) {
|
||
write(compressJS([data]));
|
||
} else {
|
||
write(data);
|
||
}
|
||
if (srcPath != srcPathAbbv) {
|
||
write('\n,' + srcPathAbbv + ': null');
|
||
}
|
||
|
||
callback();
|
||
}
|
||
}, function () {
|
||
write('});\n');
|
||
callback();
|
||
});
|
||
}
|
||
|
||
function compressJS(values)
|
||
{
|
||
var complete = values.join("\n");
|
||
var ast = jsp.parse(complete); // parse code and get the initial AST
|
||
ast = pro.ast_mangle(ast); // get a new AST with mangled names
|
||
ast = pro.ast_squeeze(ast); // get an AST with compression optimizations
|
||
return pro.gen_code(ast); // compressed code here
|
||
}
|
||
|
||
function compressCSS(values)
|
||
{
|
||
var complete = values.join("\n");
|
||
return cleanCSS.process(complete);
|
||
}
|