gulpfile.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. var gulp = require("gulp");
  2. var uglify = require("gulp-uglify");
  3. var typescript = require("gulp-typescript");
  4. var sourcemaps = require("gulp-sourcemaps");
  5. var srcToVariable = require("gulp-content-to-variable");
  6. var appendSrcToVariable = require("./gulp-appendSrcToVariable");
  7. var addDtsExport = require("./gulp-addDtsExport");
  8. var addModuleExports = require("./gulp-addModuleExports");
  9. var merge2 = require("merge2");
  10. var concat = require("gulp-concat");
  11. var rename = require("gulp-rename");
  12. var cleants = require('gulp-clean-ts-extends');
  13. var changedInPlace = require('gulp-changed-in-place');
  14. var runSequence = require('run-sequence');
  15. var replace = require("gulp-replace");
  16. var uncommentShader = require("./gulp-removeShaderComments");
  17. var expect = require('gulp-expect-file');
  18. var optimisejs = require('gulp-optimize-js');
  19. var webserver = require('gulp-webserver');
  20. var path = require('path');
  21. var config = require("./config.json");
  22. var customConfig = require("./custom.config.json");
  23. var debug = require('gulp-debug');
  24. var includeShadersStream;
  25. var shadersStream;
  26. var workersStream;
  27. var extendsSearchRegex = /var\s__extends[\s\S]+?\};/g;
  28. var decorateSearchRegex = /var\s__decorate[\s\S]+?\};/g;
  29. /**
  30. * TS configurations shared in the gulp file.
  31. */
  32. var tsConfig = {
  33. noExternalResolve: true,
  34. target: 'ES5',
  35. declarationFiles: true,
  36. typescript: require('typescript'),
  37. experimentalDecorators: true,
  38. isolatedModules: false
  39. };
  40. var tsProject = typescript.createProject(tsConfig);
  41. var externalTsConfig = {
  42. noExternalResolve: false,
  43. target: 'ES5',
  44. declarationFiles: true,
  45. typescript: require('typescript'),
  46. experimentalDecorators: true,
  47. isolatedModules: false
  48. };
  49. /*
  50. * Shader Management.
  51. */
  52. function shadersName(filename) {
  53. return path.basename(filename)
  54. .replace('.fragment', 'Pixel')
  55. .replace('.vertex', 'Vertex')
  56. .replace('.fx', 'Shader');
  57. }
  58. function includeShadersName(filename) {
  59. return filename.replace('.fx', '');
  60. }
  61. /*
  62. * Main necessary files stream Management.
  63. */
  64. gulp.task("includeShaders", function (cb) {
  65. includeShadersStream = config.includeShadersDirectories.map(function (shadersDef) {
  66. return gulp.src(shadersDef.files).
  67. pipe(expect.real({ errorOnFailure: true }, shadersDef.files)).
  68. pipe(uncommentShader()).
  69. pipe(srcToVariable({
  70. variableName: shadersDef.variable, asMap: true, namingCallback: includeShadersName
  71. }));
  72. });
  73. cb();
  74. });
  75. gulp.task("shaders", ["includeShaders"], function (cb) {
  76. shadersStream = config.shadersDirectories.map(function (shadersDef) {
  77. return gulp.src(shadersDef.files).
  78. pipe(expect.real({ errorOnFailure: true }, shadersDef.files)).
  79. pipe(uncommentShader()).
  80. pipe(srcToVariable({
  81. variableName: shadersDef.variable, asMap: true, namingCallback: shadersName
  82. }));
  83. });
  84. cb();
  85. });
  86. gulp.task("workers", function (cb) {
  87. workersStream = config.workers.map(function (workerDef) {
  88. return gulp.src(workerDef.files).
  89. pipe(expect.real({ errorOnFailure: true }, workerDef.files)).
  90. pipe(uglify()).
  91. pipe(srcToVariable({
  92. variableName: workerDef.variable
  93. }));
  94. });
  95. cb();
  96. });
  97. /**
  98. * Build tasks to concat minify uflify optimise the BJS js in different flavor (workers...).
  99. */
  100. gulp.task("buildCore", ["shaders"], function () {
  101. return merge2(
  102. gulp.src(config.core.files).
  103. pipe(expect.real({ errorOnFailure: true }, config.core.files)),
  104. shadersStream,
  105. includeShadersStream
  106. )
  107. .pipe(concat(config.build.minCoreFilename))
  108. .pipe(cleants())
  109. .pipe(replace(extendsSearchRegex, ""))
  110. .pipe(replace(decorateSearchRegex, ""))
  111. .pipe(addModuleExports("BABYLON"))
  112. .pipe(uglify())
  113. .pipe(optimisejs())
  114. .pipe(gulp.dest(config.build.outputDirectory));
  115. });
  116. gulp.task("buildNoWorker", ["shaders"], function () {
  117. return merge2(
  118. gulp.src(config.core.files).
  119. pipe(expect.real({ errorOnFailure: true }, config.core.files)),
  120. gulp.src(config.extras.files).
  121. pipe(expect.real({ errorOnFailure: true }, config.extras.files)),
  122. shadersStream,
  123. includeShadersStream
  124. )
  125. .pipe(concat(config.build.minNoWorkerFilename))
  126. .pipe(cleants())
  127. .pipe(replace(extendsSearchRegex, ""))
  128. .pipe(replace(decorateSearchRegex, ""))
  129. .pipe(addModuleExports("BABYLON"))
  130. .pipe(uglify())
  131. .pipe(optimisejs())
  132. .pipe(gulp.dest(config.build.outputDirectory));
  133. });
  134. gulp.task("build", ["workers", "shaders"], function () {
  135. return merge2(
  136. gulp.src(config.core.files).
  137. pipe(expect.real({ errorOnFailure: true }, config.core.files)),
  138. gulp.src(config.extras.files).
  139. pipe(expect.real({ errorOnFailure: true }, config.extras.files)),
  140. shadersStream,
  141. includeShadersStream,
  142. workersStream
  143. )
  144. .pipe(concat(config.build.filename))
  145. .pipe(cleants())
  146. .pipe(replace(extendsSearchRegex, ""))
  147. .pipe(replace(decorateSearchRegex, ""))
  148. .pipe(addModuleExports("BABYLON"))
  149. .pipe(gulp.dest(config.build.outputDirectory))
  150. .pipe(rename(config.build.minFilename))
  151. .pipe(uglify())
  152. .pipe(optimisejs())
  153. .pipe(gulp.dest(config.build.outputDirectory));
  154. });
  155. gulp.task("build-custom", ["shaders"], function () {
  156. return merge2(
  157. gulp.src(customConfig.core.files).
  158. pipe(expect.real({ errorOnFailure: true }, customConfig.core.files)),
  159. shadersStream,
  160. includeShadersStream
  161. )
  162. .pipe(concat(customConfig.build.filename))
  163. .pipe(cleants())
  164. .pipe(replace(extendsSearchRegex, ""))
  165. .pipe(replace(decorateSearchRegex, ""))
  166. .pipe(addModuleExports("BABYLON"))
  167. .pipe(gulp.dest(customConfig.build.outputDirectory))
  168. .pipe(rename(customConfig.build.minFilename))
  169. .pipe(uglify())
  170. .pipe(optimisejs())
  171. .pipe(gulp.dest(customConfig.build.outputDirectory));
  172. });
  173. /*
  174. * Compiles all typescript files and creating a js and a declaration file.
  175. */
  176. gulp.task('typescript-compile', function () {
  177. var tsResult = gulp.src(config.core.typescript)
  178. .pipe(sourcemaps.init())
  179. .pipe(typescript(tsProject));
  180. //If this gulp task is running on travis, file the build!
  181. if (process.env.TRAVIS) {
  182. var error = false;
  183. tsResult.on('error', function () {
  184. error = true;
  185. }).on('end', function () {
  186. if (error) {
  187. console.log('Typescript compile failed');
  188. process.exit(1);
  189. }
  190. });
  191. }
  192. return merge2([
  193. tsResult.dts
  194. .pipe(concat(config.build.declarationFilename))
  195. //.pipe(addDtsExport("BABYLON"))
  196. .pipe(gulp.dest(config.build.outputDirectory)),
  197. tsResult.js
  198. .pipe(sourcemaps.write("./",
  199. {
  200. includeContent:false,
  201. sourceRoot: (filePath) => {
  202. return '';
  203. }
  204. }))
  205. .pipe(gulp.dest(config.build.srcOutputDirectory))
  206. ])
  207. });
  208. /**
  209. * Helper methods to build external library (mat, post processes, ...).
  210. */
  211. var buildExternalLibraries = function(settings) {
  212. var tasks = settings.libraries.map(function (library) {
  213. return buildExternalLibrary(library, settings);
  214. });
  215. return merge2(tasks);
  216. }
  217. var buildExternalLibrary= function(library, settings) {
  218. var tsProcess = gulp.src(library.files, {base: settings.build.srcOutputDirectory})
  219. .pipe(sourcemaps.init())
  220. .pipe(typescript(externalTsConfig));
  221. var shader = gulp.src(library.shaderFiles || [], {base: settings.build.srcOutputDirectory} )
  222. .pipe(uncommentShader())
  223. .pipe(appendSrcToVariable("BABYLON.Effect.ShadersStore", shadersName, library.output + '.fx'))
  224. .pipe(gulp.dest(settings.build.srcOutputDirectory));
  225. var dev = tsProcess.js.pipe(sourcemaps.write("./", {
  226. includeContent:false,
  227. sourceRoot: (filePath) => {
  228. return '';
  229. }
  230. }))
  231. .pipe(gulp.dest(settings.build.srcOutputDirectory));
  232. var outputDirectory = config.build.outputDirectory + settings.build.distOutputDirectory;
  233. var dist = merge2(tsProcess.js, shader)
  234. .pipe(concat(library.output))
  235. .pipe(gulp.dest(outputDirectory))
  236. .pipe(cleants())
  237. .pipe(replace(extendsSearchRegex, ""))
  238. .pipe(replace(decorateSearchRegex, ""))
  239. .pipe(rename({extname: ".min.js"}))
  240. .pipe(uglify())
  241. .pipe(optimisejs())
  242. .pipe(gulp.dest(outputDirectory));
  243. return merge2(dev, dist);
  244. }
  245. /**
  246. * The default task, concat and min the main BJS files.
  247. */
  248. gulp.task('default', function (cb) {
  249. runSequence("buildNoWorker", "build", "buildCore", cb);
  250. });
  251. /**
  252. * Build the releasable files.
  253. */
  254. gulp.task("typescript", function (cb) {
  255. runSequence("typescript-compile", "default", cb);
  256. });
  257. /**
  258. * Dynamic module creation.
  259. */
  260. config.modules.map(function (module) {
  261. gulp.task(module, function () {
  262. return buildExternalLibraries(config[module]);
  263. });
  264. });
  265. gulp.task("typescript-libraries", config.modules, function () {
  266. });
  267. /**
  268. * Do it all.
  269. */
  270. gulp.task("typescript-all", function (cb) {
  271. runSequence("typescript", "typescript-libraries", cb);
  272. });
  273. /**
  274. * Watch ts files and fire repective tasks.
  275. */
  276. gulp.task('watch', [], function () {
  277. var tasks = [gulp.watch(config.core.typescript, ['typescript-compile'])];
  278. config.modules.map(function (module) {
  279. config[module].libraries.map(function (library) {
  280. tasks.push(gulp.watch(library.files, function() {
  281. console.log(library.output);
  282. return buildExternalLibrary(library, config[module])
  283. .pipe(debug());
  284. }));
  285. tasks.push(gulp.watch(library.shaderFiles, function() {
  286. console.log(library.output);
  287. return buildExternalLibrary(library, config[module])
  288. .pipe(debug())
  289. }));
  290. });
  291. });
  292. return tasks;
  293. });
  294. /**
  295. * Embedded local dev env management.
  296. */
  297. gulp.task('deployLocalDev', function () {
  298. gulp.src('../../localDev/template/**.*')
  299. .pipe(gulp.dest('../../localDev/src/'));
  300. });
  301. /**
  302. * Embedded webserver for test convenience.
  303. */
  304. gulp.task('webserver', function () {
  305. gulp.src('../../.').pipe(webserver({
  306. port: 1338,
  307. livereload: false
  308.     }));
  309. });
  310. /**
  311. * Combine Webserver and Watch as long as vscode does not handle multi tasks.
  312. */
  313. gulp.task('run', ['watch', 'webserver'], function () {
  314. });