gulpfile.js 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  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 addModuleExports = require("./gulp-addModuleExports");
  7. var merge2 = require("merge2");
  8. var concat = require("gulp-concat");
  9. var rename = require("gulp-rename");
  10. var cleants = require('gulp-clean-ts-extends');
  11. var changed = require('gulp-changed');
  12. var runSequence = require('run-sequence');
  13. var replace = require("gulp-replace");
  14. var config = require("./config.json");
  15. var includeShadersStream;
  16. var shadersStream;
  17. var workersStream;
  18. var extendsSearchRegex = /var\s__extends[\s\S]+?\};/g;
  19. //function to convert the shaders' filenames to variable names.
  20. function shadersName(filename) {
  21. return filename.replace('.fragment', 'Pixel')
  22. .replace('.vertex', 'Vertex')
  23. .replace('.fx', 'Shader');
  24. }
  25. function includeShadersName(filename) {
  26. return filename.replace('.fx', '');
  27. }
  28. gulp.task("includeShaders", function (cb) {
  29. includeShadersStream = config.includeShadersDirectories.map(function (shadersDef) {
  30. return gulp.src(shadersDef.files).pipe(srcToVariable({
  31. variableName: shadersDef.variable, asMap: true, namingCallback: includeShadersName
  32. }));
  33. });
  34. cb();
  35. });
  36. gulp.task("shaders", ["includeShaders"], function (cb) {
  37. shadersStream = config.shadersDirectories.map(function (shadersDef) {
  38. return gulp.src(shadersDef.files).pipe(srcToVariable({
  39. variableName: shadersDef.variable, asMap: true, namingCallback: shadersName
  40. }));
  41. });
  42. cb();
  43. });
  44. gulp.task("workers", function (cb) {
  45. workersStream = config.workers.map(function (workerDef) {
  46. return gulp.src(workerDef.files).pipe(uglify()).pipe(srcToVariable({
  47. variableName: workerDef.variable
  48. }));
  49. });
  50. cb();
  51. });
  52. /*
  53. Compiles all typescript files and creating a declaration file.
  54. */
  55. gulp.task('typescript-compile', function () {
  56. var tsResult = gulp.src(config.core.typescript)
  57. .pipe(typescript({
  58. noExternalResolve: true,
  59. target: 'ES5',
  60. declarationFiles: true,
  61. typescript: require('typescript')
  62. }));
  63. return merge2([
  64. tsResult.dts
  65. .pipe(concat(config.build.declarationFilename))
  66. .pipe(gulp.dest(config.build.outputDirectory)),
  67. tsResult.js
  68. .pipe(gulp.dest(config.build.srcOutputDirectory))
  69. ]);
  70. });
  71. gulp.task('typescript-sourcemaps', function () {
  72. var tsResult = gulp.src(config.core.typescript)
  73. .pipe(sourcemaps.init()) // sourcemaps init. currently redundant directory def, waiting for this - https://github.com/floridoo/gulp-sourcemaps/issues/111
  74. .pipe(typescript({
  75. noExternalResolve: true,
  76. target: 'ES5',
  77. declarationFiles: true,
  78. typescript: require('typescript')
  79. }));
  80. return tsResult.js
  81. .pipe(sourcemaps.write("./")) // sourcemaps are written.
  82. .pipe(gulp.dest(config.build.srcOutputDirectory));
  83. });
  84. gulp.task("buildCore", ["shaders"], function () {
  85. return merge2(
  86. gulp.src(config.core.files),
  87. shadersStream,
  88. includeShadersStream
  89. )
  90. .pipe(concat(config.build.minCoreFilename))
  91. .pipe(cleants())
  92. .pipe(replace(extendsSearchRegex, ""))
  93. .pipe(addModuleExports("BABYLON"))
  94. .pipe(uglify())
  95. .pipe(gulp.dest(config.build.outputDirectory));
  96. });
  97. gulp.task("buildNoWorker", ["shaders"], function () {
  98. return merge2(
  99. gulp.src(config.core.files),
  100. gulp.src(config.extras.files),
  101. shadersStream,
  102. includeShadersStream
  103. )
  104. .pipe(concat(config.build.minNoWorkerFilename))
  105. .pipe(cleants())
  106. .pipe(replace(extendsSearchRegex, ""))
  107. .pipe(addModuleExports("BABYLON"))
  108. .pipe(uglify())
  109. .pipe(gulp.dest(config.build.outputDirectory));
  110. });
  111. gulp.task("build", ["workers", "shaders"], function () {
  112. return merge2(
  113. gulp.src(config.core.files),
  114. gulp.src(config.extras.files),
  115. shadersStream,
  116. workersStream,
  117. includeShadersStream
  118. )
  119. .pipe(concat(config.build.filename))
  120. .pipe(cleants())
  121. .pipe(replace(extendsSearchRegex, ""))
  122. .pipe(addModuleExports("BABYLON"))
  123. .pipe(gulp.dest(config.build.outputDirectory))
  124. .pipe(rename(config.build.minFilename))
  125. .pipe(uglify())
  126. .pipe(gulp.dest(config.build.outputDirectory));
  127. });
  128. gulp.task("typescript", function (cb) {
  129. runSequence("typescript-compile", "default");
  130. });
  131. /**
  132. * The default task, call the tasks: build
  133. */
  134. gulp.task('default', function () {
  135. return runSequence("buildNoWorker", "build", "buildCore");
  136. });
  137. /**
  138. * Watch task, will call the default task if a js file is updated.
  139. */
  140. gulp.task('watch', function () {
  141. gulp.watch(config.core.typescript, ['build']);
  142. });
  143. /**
  144. * Watch typescript task, will call the default typescript task if a typescript file is updated.
  145. */
  146. gulp.task('watch-typescript', function () {
  147. gulp.watch(config.core.typescript, ["typescript-compile", "build"]);
  148. });