128 lines
4.6 KiB
JavaScript
128 lines
4.6 KiB
JavaScript
'use strict';
|
|
|
|
var httpPort = 9090;
|
|
var express = require('express');
|
|
var path = require('path');
|
|
var fs = require('fs');
|
|
var fetch = require('fetch');
|
|
var cors = require('cors');
|
|
var morgan = require('morgan');
|
|
var UglifyJS = require("uglify-js");
|
|
var Hashes = require('jshashes');
|
|
|
|
var clientResourcesWeb = [];
|
|
var clientResources = {
|
|
js: [],
|
|
css: [],
|
|
cssData: []
|
|
};
|
|
|
|
var addClientResource = function(clientResource, resourceType) {
|
|
clientResources[resourceType].push(clientResource);
|
|
};
|
|
|
|
var fetchHashResource = function(fetchEntry,cb) {
|
|
var serverUrl = 'http://localhost:'+httpPort;
|
|
var hashDigest = new Hashes.SHA1;
|
|
fetch.fetchUrl(serverUrl + fetchEntry.url,function(err, meta, data) {
|
|
if (err !== null) { return cb(err); }
|
|
var assetHash = hashDigest.hex(''+data);
|
|
clientResourcesWeb.push({
|
|
url: fetchEntry.url,
|
|
type: fetchEntry.type,
|
|
hash: assetHash
|
|
});
|
|
cb(null);
|
|
});
|
|
};
|
|
|
|
var fetchHashResources = function(fetchList, cb) {
|
|
var resourceStack = fetchList;
|
|
var resourceLoader = function() {
|
|
resourceStack = resourceStack.slice(1);
|
|
if (resourceStack.length === 0) {
|
|
cb(null);
|
|
} else {
|
|
fetchHashResource(resourceStack[0],resourceLoader);
|
|
}
|
|
};
|
|
fetchHashResource(resourceStack[0],resourceLoader);
|
|
};
|
|
|
|
var createClientResourceFetchList = function() {
|
|
var fetchList = [];
|
|
for (var clientResourceIdxJs in clientResources.js) {
|
|
var urlJs = clientResources.js[clientResourceIdxJs];
|
|
fetchList.push({url:urlJs,type:'js'});
|
|
}
|
|
for (var clientResourceIdxCss in clientResources.css) {
|
|
var urlCss = clientResources.css[clientResourceIdxCss];
|
|
fetchList.push({url:urlCss,type:'css'});
|
|
}
|
|
for (var clientResourceIdxCssData in clientResources.cssData) {
|
|
var urlCssData = clientResources.cssData[clientResourceIdxCssData];
|
|
fetchList.push({url:urlCssData,type:'cssData'});
|
|
}
|
|
return fetchList;
|
|
};
|
|
|
|
function renderTemplatePath(viewPath) {
|
|
return function (req, res) {
|
|
res.locals.query = req.query;
|
|
var qi = req.url.indexOf('?');
|
|
if (qi === -1) {
|
|
qi = req.url.length;
|
|
}
|
|
res.render(viewPath + req.url.substring(req.route.path.length-1, qi));
|
|
};
|
|
}
|
|
|
|
function renderIndex() {
|
|
return function (req, res) {
|
|
var inlineScript = UglifyJS.minify(__dirname+'/../../es5-ff-spa-loader.js');
|
|
res.render('index', {
|
|
inlineScript: inlineScript.code
|
|
});
|
|
};
|
|
}
|
|
|
|
// Add resources ORDERED per type
|
|
addClientResource('/static/module/jquery/jquery.js','js');
|
|
addClientResource('/static/module/angular/angular.js','js');
|
|
addClientResource('/static/module/angular-route/angular-route.js','js');
|
|
addClientResource('/static/module/bootstrap/css/bootstrap.css','css');
|
|
addClientResource('/static/module/bootstrap/js/bootstrap.js','js');
|
|
addClientResource('/static/css/boot.css','css');
|
|
addClientResource('/static/css/style.css','css');
|
|
addClientResource('/static/js/example-app.js','js'); // deps: jquery,angular
|
|
addClientResource('/static/js/controller/page-bar.js','js'); // deps: example-app.js
|
|
addClientResource('/static/js/controller/page-foo.js','js');
|
|
addClientResource('/static/js/controller/page-index.js','js');
|
|
|
|
var server = express();
|
|
server.use(morgan('dev'));
|
|
server.use(cors({credentials: true, origin: '*'}));
|
|
server.set('view engine', 'ejs');
|
|
server.set('views', path.join(__dirname,'www_views'));
|
|
server.use(function(req, res, next) { res.header('X-My-Api', 'noknok');next(); });
|
|
server.use('/static', express.static(path.join(__dirname,'www_static')));
|
|
server.use('/static/module/bootstrap', express.static(path.join(__dirname,'../node_modules/bootstrap/dist')));
|
|
server.use('/static/module/jquery', express.static(path.join(__dirname,'../node_modules/jquery/dist')));
|
|
server.use('/static/module/angular', express.static(path.join(__dirname,'../node_modules/angular')));
|
|
server.use('/static/module/angular-route', express.static(path.join(__dirname,'../node_modules/angular-route')));
|
|
server.get('/static/spa-client-resources', function (req,res) {res.json({data: {resources: clientResourcesWeb}});});
|
|
server.get('/static/spa-loader.css', function (req,res) {res.sendFile('es5-ff-spa-loader.css', { root: path.join(__dirname, '/../../') });});
|
|
server.get('/', function (req, res) {res.redirect('/example-ui');});
|
|
server.get('/example-ui/thtml/*', renderTemplatePath('thtml/'));
|
|
server.get('/example-ui', renderIndex());
|
|
|
|
server.listen(httpPort);
|
|
console.info('Server started on port '+httpPort);
|
|
|
|
var res = createClientResourceFetchList();
|
|
fetchHashResources(res, function(err) {
|
|
if (err !== null) {console.log(err);}
|
|
console.log('Total assets build: '+clientResourcesWeb.length);
|
|
});
|
|
|