npm install visualization
  
| git-branch : | master | beta | alpha|
|--:|:--|:--|:--|
| test-server-github : |  |  | |
| test-report : |  |  | |
| coverage : |  |  | |
| build-artifacts : |  |  | |
#### api doc
- https://kaizhu256.github.io/node-visualization/build..beta..travis-ci.org/apidoc.html
#### todo
- none
#### changelog for v0.0.2
- npm publish v0.0.2
- initial app
- none
#### this package requires
- darwin or linux os
shell
example.sh
this shell script will download and run a web-demo of visualization as a standalone app
1. download standalone app
curl -O https://kaizhu256.github.io/node-visualization/build..beta..travis-ci.org/app/assets.app.js
2. run standalone app
PORT=8081 node ./assets.app.js
3. open a browser to http://127.0.0.1:8081 and play with the web-demo
4. edit file assets.app.js to suit your needs
`#### output from browser
#### output from shell
!screenshot
quickstart example.js
#### to run this example, follow the instruction in the script below
- example.js
javascript
/*
example.jsthis script will run a web-demo of visualization
instruction
1. save this script as example.js
2. run the shell command:
$ npm install visualization && PORT=8081 node example.js
3. open a browser to http://127.0.0.1:8081 and play with the web-demo
4. edit this script to suit your needs
*/
/ istanbul instrument in package visualization /
/*jslint
bitwise: true,
browser: true,
maxerr: 8,
maxlen: 100,
node: true,
nomen: true,
regexp: true,
stupid: true
*/
(function () {
'use strict';
var local;
// run shared js-env code - init-before
(function () {
// init local
local = {};
// init modeJs
local.modeJs = (function () {
try {
return typeof navigator.userAgent === 'string' &&
typeof document.querySelector('body') === 'object' &&
typeof XMLHttpRequest.prototype.open === 'function' &&
'browser';
} catch (errorCaughtBrowser) {
return module.exports &&
typeof process.versions.node === 'string' &&
typeof require('http').createServer === 'function' &&
'node';
}
}());
// init global
local.global = local.modeJs === 'browser'
? window
: global;
// init utility2_rollup
local = local.global.utility2_rollup || (local.modeJs === 'browser'
? local.global.utility2_visualization
: require('visualization'));
// init exports
local.global.local = local;
}());
switch (local.modeJs) {
// run browser js-env code - init-test
/ istanbul ignore next /
case 'browser':
local.testRunBrowser = function (event) {
if (!event || (event &&
event.currentTarget &&
event.currentTarget.className &&
event.currentTarget.className.includes &&
event.currentTarget.className.includes('onreset'))) {
// reset output
Array.from(
document.querySelectorAll('body > .resettable')
).forEach(function (element) {
switch (element.tagName) {
case 'INPUT':
case 'TEXTAREA':
element.value = '';
break;
default:
element.textContent = '';
}
});
}
switch (event && event.currentTarget && event.currentTarget.id) {
case 'testRunButton1':
// show tests
if (document.querySelector('#testReportDiv1').style.maxHeight === '0px') {
local.uiAnimateSlideDown(document.querySelector('#testReportDiv1'));
document.querySelector('#testRunButton1').textContent = 'hide internal test';
local.modeTest = true;
local.testRunDefault(local);
// hide tests
} else {
local.uiAnimateSlideUp(document.querySelector('#testReportDiv1'));
document.querySelector('#testRunButton1').textContent = 'run internal test';
}
break;
// custom-case
default:
break;
}
if (document.querySelector('#inputTextareaEval1') && (!event || (event &&
event.currentTarget &&
event.currentTarget.className &&
event.currentTarget.className.includes &&
event.currentTarget.className.includes('oneval')))) {
// try to eval input-code
try {
/jslint evil: true/
eval(document.querySelector('#inputTextareaEval1').value);
} catch (errorCaught) {
console.error(errorCaught);
}
}
};
// log stderr and stdout to #outputTextareaStdout1
['error', 'log'].forEach(function (key) {
console[key + '_original'] = console[key];
console[key] = function () {
var element;
console[key + '_original'].apply(console, arguments);
element = document.querySelector('#outputTextareaStdout1');
if (!element) {
return;
}
// append text to #outputTextareaStdout1
element.value += Array.from(arguments).map(function (arg) {
return typeof arg === 'string'
? arg
: JSON.stringify(arg, null, 4);
}).join(' ') + '\n';
// scroll textarea to bottom
element.scrollTop = element.scrollHeight;
};
});
// init event-handling
['change', 'click', 'keyup'].forEach(function (event) {
Array.from(document.querySelectorAll('.on' + event)).forEach(function (element) {
element.addEventListener(event, local.testRunBrowser);
});
});
// run tests
local.testRunBrowser();
break;
// run node js-env code - init-test
/ istanbul ignore next /
case 'node':
// init exports
module.exports = local;
// require builtins
Object.keys(process.binding('natives')).forEach(function (key) {
if (!local[key] && !(/\/|^_|^sys$/).test(key)) {
local[key] = require(key);
}
});
// init assets
local.assetsDict = local.assetsDict || {};
/ jslint-ignore-begin /
local.assetsDict['/assets.index.template.html'] = '\
\n\
\n\
\n\
\n\
\n\
\n\
{{env.npm_package_name}} (v{{env.npm_package_version}}) \n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
{{env.npm_package_name}} (v{{env.npm_package_version}})\n\
\n\
\n\
{{env.npm_package_description}}
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
';
/ jslint-ignore-end /
[
'assets.index.css',
'assets.index.template.html',
'assets.swgg.swagger.json',
'assets.swgg.swagger.server.json'
].forEach(function (file) {
file = '/' + file;
local.assetsDict[file] = local.assetsDict[file] || '';
if (local.fs.existsSync(local.__dirname + file)) {
local.assetsDict[file] = local.fs.readFileSync(
local.__dirname + file,
'utf8'
);
}
});
local.assetsDict['/'] =
local.assetsDict['/assets.example.html'] =
local.assetsDict['/assets.index.template.html']
.replace((/\{\{env\.(\w+?)\}\}/g), function (match0, match1) {
// jslint-hack
String(match0);
switch (match1) {
case 'npm_package_description':
return 'the greatest app in the world!';
case 'npm_package_name':
return 'visualization';
case 'npm_package_nameLib':
return 'visualization';
case 'npm_package_version':
return '0.0.1';
default:
return match0;
}
});
// init cli
if (module !== require.main || local.global.utility2_rollup) {
break;
}
local.assetsDict['/assets.example.js'] =
local.assetsDict['/assets.example.js'] ||
local.fs.readFileSync(__filename, 'utf8');
// bug-workaround - long $npm_package_buildCustomOrg
/ jslint-ignore-begin /
local.assetsDict['/assets.visualization.js'] =
local.assetsDict['/assets.visualization.js'] ||
local.fs.readFileSync(
local.__dirname + '/lib.visualization.js',
'utf8'
).replace((/^#!/), '//');
/ jslint-ignore-end /
local.assetsDict['/favicon.ico'] = local.assetsDict['/favicon.ico'] || '';
// if $npm_config_timeout_exit exists,
// then exit this process after $npm_config_timeout_exit ms
if (Number(process.env.npm_config_timeout_exit)) {
setTimeout(process.exit, Number(process.env.npm_config_timeout_exit));
}
// start server
if (local.global.utility2_serverHttp1) {
break;
}
process.env.PORT = process.env.PORT || '8081';
console.error('server starting on port ' + process.env.PORT);
local.http.createServer(function (request, response) {
request.urlParsed = local.url.parse(request.url);
if (local.assetsDict[request.urlParsed.pathname] !== undefined) {
response.end(local.assetsDict[request.urlParsed.pathname]);
return;
}
response.statusCode = 404;
response.end();
}).listen(process.env.PORT);
break;
}
}());
`#### output from browser
#### output from shell
!screenshot
extra screenshots
1. https://kaizhu256.github.io/node-visualization/build/screenshot.buildCi.browser.%252Ftmp%252Fbuild%252Fapidoc.html.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.buildCi.browser.%252Ftmp%252Fbuild%252Fcoverage.lib.html.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.buildCi.browser.%252Ftmp%252Fbuild%252Ftest-report.html.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.deployGithub.browser.%252Fnode-visualization%252Fbuild%252Fapp%252Fassets.swgg.html.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.deployGithub.browser.%252Fnode-visualization%252Fbuild%252Fapp.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.deployGithubTest.browser.%252Fnode-visualization%252Fbuild%252Fapp.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.npmTest.browser.%252F.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.testExampleJs.browser.%252F.png
1. https://kaizhu256.github.io/node-visualization/build/screenshot.testExampleSh.browser.%252F.png
package.json
json
{
"author": "kai zhu ",
"description": "visualization app",
"devDependencies": {
"electron-lite": "kaizhu256/node-electron-lite#alpha",
"utility2": "kaizhu256/node-utility2#alpha"
},
"engines": {
"node": ">=4.0"
},
"homepage": "https://github.com/kaizhu256/node-visualization",
"keywords": [],
"license": "MIT",
"main": "lib.visualization.js",
"name": "visualization",
"nameLib": "visualization",
"nameOriginal": "visualization",
"os": [
"darwin",
"linux"
],
"repository": {
"type": "git",
"url": "https://github.com/kaizhu256/node-visualization.git"
},
"scripts": {
"build-ci": "utility2 shReadmeTest build_ci.sh",
"env": "env",
"heroku-postbuild": "npm uninstall utility2 2>/dev/null; npm install kaizhu256/node-utility2#alpha && utility2 shDeployHeroku",
"nameAliasPublish": "",
"postinstall": "[ ! -f npm_scripts.sh ] || ./npm_scripts.sh postinstall",
"start": "PORT=${PORT:-8080} utility2 start test.js",
"test": "PORT=$(utility2 shServerPortRandom) utility2 test test.js"
},
"version": "0.0.2"
}
`changelog of last 50 commits
internal build script
- build_ci.sh
shell
build_ci.sh
this shell script will run the build for this package
shBuildCiAfter() {(set -e
# shDeployCustom
shDeployGithub
# shDeployHeroku
shReadmeTest example.sh
)}
shBuildCiBefore() {(set -e
#!! shNpmTestPublished
shReadmeTest example.js
)}
run shBuildCi
eval $(utility2 source)
shBuildCi
``