vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

197 lines
5.2 KiB

11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
11 years ago
  1. /**
  2. * Jake build script
  3. */
  4. var jake = require('jake'),
  5. browserify = require('browserify'),
  6. wrench = require('wrench'),
  7. CleanCSS = require('clean-css'),
  8. fs = require('fs');
  9. require('jake-utils');
  10. // constants
  11. var DIST = './dist';
  12. var VIS = DIST + '/vis.js';
  13. var VIS_CSS = DIST + '/vis.css';
  14. var VIS_TMP = DIST + '/vis.js.tmp';
  15. var VIS_MIN = DIST + '/vis.min.js';
  16. var VIS_MIN_CSS = DIST + '/vis.min.css';
  17. /**
  18. * default task
  19. */
  20. desc('Default task: build all libraries');
  21. task('default', ['build', 'minify'], function () {
  22. console.log('done');
  23. });
  24. /**
  25. * build the visualization library vis.js
  26. */
  27. desc('Build the visualization library vis.js');
  28. task('build', {async: true}, function () {
  29. jake.mkdirP(DIST);
  30. jake.mkdirP(DIST + '/img');
  31. // concatenate and stringify the css files
  32. concat({
  33. src: [
  34. './src/timeline/component/css/timeline.css',
  35. './src/timeline/component/css/panel.css',
  36. './src/timeline/component/css/groupset.css',
  37. './src/timeline/component/css/itemset.css',
  38. './src/timeline/component/css/item.css',
  39. './src/timeline/component/css/timeaxis.css',
  40. './src/timeline/component/css/currenttime.css',
  41. './src/timeline/component/css/customtime.css',
  42. './src/graph/css/graph-manipulation.css',
  43. './src/graph/css/graph-navigation.css'
  44. ],
  45. dest: VIS_CSS,
  46. separator: '\n'
  47. });
  48. console.log('created ' + VIS_CSS);
  49. // concatenate the script files
  50. concat({
  51. dest: VIS_TMP,
  52. src: [
  53. './src/module/imports.js',
  54. './src/shim.js',
  55. './src/util.js',
  56. './src/DataSet.js',
  57. './src/DataView.js',
  58. './src/timeline/TimeStep.js',
  59. './src/timeline/Stack.js',
  60. './src/timeline/Range.js',
  61. './src/timeline/component/Component.js',
  62. './src/timeline/component/Panel.js',
  63. './src/timeline/component/RootPanel.js',
  64. './src/timeline/component/TimeAxis.js',
  65. './src/timeline/component/CurrentTime.js',
  66. './src/timeline/component/CustomTime.js',
  67. './src/timeline/component/ItemSet.js',
  68. './src/timeline/component/item/*.js',
  69. './src/timeline/component/Group.js',
  70. './src/timeline/component/GroupSet.js',
  71. './src/timeline/Timeline.js',
  72. './src/graph/dotparser.js',
  73. './src/graph/shapes.js',
  74. './src/graph/Node.js',
  75. './src/graph/Edge.js',
  76. './src/graph/Popup.js',
  77. './src/graph/Groups.js',
  78. './src/graph/Images.js',
  79. './src/graph/graphMixins/physics/PhysicsMixin.js',
  80. './src/graph/graphMixins/physics/HierarchialRepulsion.js',
  81. './src/graph/graphMixins/physics/BarnesHut.js',
  82. './src/graph/graphMixins/physics/Repulsion.js',
  83. './src/graph/graphMixins/HierarchicalLayoutMixin.js',
  84. './src/graph/graphMixins/ManipulationMixin.js',
  85. './src/graph/graphMixins/SectorsMixin.js',
  86. './src/graph/graphMixins/ClusterMixin.js',
  87. './src/graph/graphMixins/SelectionMixin.js',
  88. './src/graph/graphMixins/NavigationMixin.js',
  89. './src/graph/graphMixins/MixinLoader.js',
  90. './src/graph/Graph.js',
  91. './src/module/exports.js'
  92. ],
  93. separator: '\n'
  94. });
  95. // copy images
  96. wrench.copyDirSyncRecursive('./src/graph/img', DIST + '/img/graph', {
  97. forceDelete: true
  98. });
  99. wrench.copyDirSyncRecursive('./src/timeline/img', DIST + '/img/timeline', {
  100. forceDelete: true
  101. });
  102. var timeStart = Date.now();
  103. // bundle the concatenated script and dependencies into one file
  104. var b = browserify();
  105. b.add(VIS_TMP);
  106. b.bundle({
  107. standalone: 'vis'
  108. }, function (err, code) {
  109. if(err) {
  110. throw err;
  111. }
  112. console.log("browserify",Date.now() - timeStart); timeStart = Date.now();
  113. // add header and footer
  114. var lib = read('./src/module/header.js') + code;
  115. // write bundled file
  116. write(VIS, lib);
  117. console.log('created js' + VIS);
  118. // remove temporary file
  119. fs.unlinkSync(VIS_TMP);
  120. // update version number and stuff in the javascript files
  121. replacePlaceholders(VIS);
  122. complete();
  123. });
  124. });
  125. /**
  126. * minify the visualization library vis.js
  127. */
  128. desc('Minify the visualization library vis.js');
  129. task('minify', {async: true}, function () {
  130. // minify javascript
  131. minify({
  132. src: VIS,
  133. dest: VIS_MIN,
  134. header: read('./src/module/header.js')
  135. });
  136. // update version number and stuff in the javascript files
  137. replacePlaceholders(VIS_MIN);
  138. console.log('created minified ' + VIS_MIN);
  139. var minified = new CleanCSS().minify(read(VIS_CSS));
  140. write(VIS_MIN_CSS, minified);
  141. console.log('created minified ' + VIS_MIN_CSS);
  142. });
  143. /**
  144. * test task
  145. */
  146. desc('Test the library');
  147. task('test', function () {
  148. // TODO: use a testing suite for testing: nodeunit, mocha, tap, ...
  149. var filelist = new jake.FileList();
  150. filelist.include([
  151. './test/**/*.js'
  152. ]);
  153. var files = filelist.toArray();
  154. files.forEach(function (file) {
  155. require('./' + file);
  156. });
  157. console.log('Executed ' + files.length + ' test files successfully');
  158. });
  159. /**
  160. * replace version, date, and name placeholders in the provided file
  161. * @param {String} filename
  162. */
  163. var replacePlaceholders = function (filename) {
  164. replace({
  165. replacements: [
  166. {pattern: '@@date', replacement: today()},
  167. {pattern: '@@version', replacement: version()}
  168. ],
  169. src: filename
  170. });
  171. };