gulpTasks-librariesES6.js 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. // Gulp Tools
  2. var gulp = require("gulp");
  3. var path = require("path");
  4. var fs = require("fs-extra");
  5. var shelljs = require("shelljs");
  6. var concat = require('gulp-concat');
  7. // Gulp Helpers
  8. var rmDir = require("../../NodeHelpers/rmDir");
  9. var processImports = require("../helpers/gulp-processImportsToEs6");
  10. var processLooseDeclaration = require("../helpers/gulp-processLooseDeclarationEs6");
  11. // Import Build Config
  12. var config = require("../../Config/config.js");
  13. /**
  14. * Clean folders.
  15. */
  16. var clean = function(settings, cb) {
  17. rmDir(settings.computed.sourceES6Directory);
  18. rmDir(settings.computed.distES6Directory);
  19. cb();
  20. }
  21. /**
  22. * Copy Sources.
  23. */
  24. var source = function(settings) {
  25. return gulp.src(settings.computed.mainDirectory + "/**/*")
  26. .pipe(gulp.dest(settings.computed.sourceES6Directory));
  27. }
  28. /**
  29. * Copy dependencies.
  30. */
  31. var dep = function(settings) {
  32. const copyPaths = []
  33. // Add tsconfig rules.
  34. copyPaths.push(path.join(config.computed.rootFolder, "tsconfigRules.json"));
  35. const tsconfig = require(settings.computed.tsConfigPath);
  36. for (let pathName in tsconfig.compilerOptions.paths) {
  37. let paths = tsconfig.compilerOptions.paths[pathName];
  38. for (let dep of paths) {
  39. const fullPath = path.resolve(settings.computed.mainDirectory,
  40. tsconfig.compilerOptions.baseUrl,
  41. dep);
  42. copyPaths.push(fullPath);
  43. }
  44. }
  45. if (settings.build.es6.webpackBuild && settings.build.es6.webpackBuild.dependencies) {
  46. for (let pathName of settings.build.es6.webpackBuild.dependencies) {
  47. const dependencyPath = path.join(config.computed.rootFolder, pathName);
  48. copyPaths.push(dependencyPath);
  49. }
  50. }
  51. return gulp.src(copyPaths, { base: config.computed.rootFolder })
  52. .pipe(gulp.dest(config.computed.sourceES6Folder));
  53. }
  54. /**
  55. * Adapt Sources import paths.
  56. */
  57. var modifySources = function(settings) {
  58. const tsconfig = require(settings.computed.tsConfigPath);
  59. var replacements = [];
  60. for (let pathName in tsconfig.compilerOptions.paths) {
  61. if (pathName.endsWith("/*")) {
  62. pathName = pathName.replace("/*", "");
  63. }
  64. for (var moduleName of config.modules) {
  65. var module = config[moduleName];
  66. if (module.build.umd.packageName === pathName) {
  67. if (module.build.es6.packageName) {
  68. var packageName = pathName;
  69. var newPackageName = module.build.es6.packageName;
  70. replacements.push({
  71. packageName,
  72. newPackageName
  73. });
  74. break;
  75. }
  76. }
  77. }
  78. }
  79. return gulp.src([settings.computed.sourceES6Directory + "/**/*.ts",
  80. settings.computed.sourceES6Directory + "/**/*.tsx"])
  81. .pipe(processImports(replacements));
  82. }
  83. /**
  84. * Adapt TS Config Paths.
  85. */
  86. var modifyTsConfig = function(settings, cb) {
  87. const tsconfig = require(settings.computed.tsConfigPath);
  88. var newPaths = { };
  89. for (let pathName in tsconfig.compilerOptions.paths) {
  90. var newPathName = pathName;
  91. var originalPath = pathName;
  92. if (pathName.endsWith("/*")) {
  93. pathName = pathName.replace("/*", "");
  94. }
  95. var mapped = false;
  96. for (var moduleName of config.modules) {
  97. var module = config[moduleName];
  98. if (module.build.umd.packageName === pathName) {
  99. if (module.build.es6.packageName) {
  100. newPathName = module.build.es6.packageName + "*";
  101. newPaths[newPathName] = [ module.computed.distES6Directory.replace(/\\/g, "/") ];
  102. mapped = true;
  103. break;
  104. }
  105. }
  106. }
  107. if (!mapped) {
  108. newPaths[newPathName] = tsconfig.compilerOptions.paths[originalPath];
  109. }
  110. }
  111. tsconfig.compilerOptions.paths = newPaths;
  112. const destTsConfig = path.join(settings.computed.sourceES6Directory, "tsconfig.json");
  113. fs.writeJSONSync(destTsConfig, tsconfig);
  114. cb();
  115. }
  116. /**
  117. * Append Lose DTS Files allowing isolated Modules build
  118. */
  119. var appendLoseDTSFiles = function(settings) {
  120. if (settings.build.loseDTSFiles) {
  121. const indexDTS = path.join(settings.computed.distES6Directory, "index.d.ts");
  122. return gulp.src([indexDTS, path.join(settings.computed.srcDirectory, settings.build.loseDTSFiles)])
  123. .pipe(concat("index.d.ts"))
  124. .pipe(processLooseDeclaration())
  125. .pipe(gulp.dest(settings.computed.distES6Directory));
  126. }
  127. return Promise.resolve();
  128. }
  129. /**
  130. * TSC Build.
  131. */
  132. var build = function(settings, cb) {
  133. // Launch TSC.
  134. const options = {
  135. cwd: settings.computed.sourceES6Directory,
  136. verbose: true
  137. };
  138. let command = `tsc --inlineSources --sourceMap true -t es5 -m esNext --outDir "${settings.computed.distES6Directory}"`;
  139. shelljs.exec(command, options, function(code, stdout, stderr) {
  140. if (stderr) {
  141. console.log(stderr);
  142. }
  143. if (stdout) {
  144. console.log(stdout);
  145. }
  146. if (code !== 0) {
  147. cb("TSC Failed.")
  148. }
  149. else {
  150. cb();
  151. }
  152. });
  153. }
  154. /**
  155. * Webpack Build.
  156. */
  157. var buildWebpack = function(module, cb) {
  158. const gulpPath = path.join(config.computed.sourceES6Folder, "Tools/Gulp");
  159. // Launch TSC.
  160. const options = {
  161. cwd: gulpPath,
  162. verbose: true
  163. };
  164. let command = `gulp ${module}`;
  165. shelljs.exec(command, options, function(code, stdout, stderr) {
  166. if (stderr) {
  167. console.log(stderr);
  168. }
  169. if (stdout) {
  170. console.log(stdout);
  171. }
  172. if (code !== 0) {
  173. cb("Webpack Build Failed.")
  174. }
  175. else {
  176. cb();
  177. }
  178. });
  179. }
  180. /**
  181. * Copy Webpack Dist.
  182. */
  183. var copyWebpackDist = function(settings, module) {
  184. var es6Config = require(path.join(config.computed.sourceES6Folder, "Tools/Config/config"));
  185. return gulp.src(es6Config[module].computed.distDirectory + "/**/*")
  186. .pipe(gulp.dest(settings.computed.distES6Directory));
  187. }
  188. /**
  189. * Dynamic es 6 module creation.
  190. */
  191. function buildES6Library(settings, module) {
  192. // Creates the required tasks.
  193. var tasks = [];
  194. var cleanup = function(cb) { return clean(settings, cb); };
  195. var copySource = function() { return source(settings); };
  196. var dependencies = function() { return dep(settings); };
  197. var adaptSourceImportPaths = function() { return modifySources(settings); };
  198. var adaptTsConfigImportPaths = function(cb) { return modifyTsConfig(settings, cb); };
  199. var buildSteps = null;
  200. if (settings.build.es6.webpackBuild) {
  201. buildSteps = [
  202. function buildes6(cb) { return buildWebpack(module, cb) },
  203. function copyDist() { return copyWebpackDist(settings, module) }
  204. ];
  205. }
  206. else {
  207. buildSteps = [
  208. function buildes6(cb) { return build(settings, cb) },
  209. function appendLoseDTS() { return appendLoseDTSFiles(settings) }
  210. ];
  211. }
  212. tasks.push(cleanup, copySource, dependencies, adaptSourceImportPaths, adaptTsConfigImportPaths, ...buildSteps);
  213. return gulp.series.apply(this, tasks);
  214. }
  215. /**
  216. * Dynamic es 6 module creation.
  217. */
  218. config.modules.map(function(module) {
  219. const settings = config[module];
  220. gulp.task(module + "-es6", buildES6Library(settings, module));
  221. });