Skip to content

Commit

Permalink
refactor(build): use gulp with typescript & split scripts
Browse files Browse the repository at this point in the history
  • Loading branch information
@tibing-old-email @nnixaa
tibing-old-email authored and nnixaa committed Mar 12, 2018
1 parent 1e99ff3 commit 2821281
Show file tree
Hide file tree
Showing 14 changed files with 386 additions and 312 deletions.
255 changes: 10 additions & 245 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
@@ -1,247 +1,12 @@
const gulp = require('gulp');
'use strict';
/**
* Load the TypeScript compiler and then load the tasks from 'scripts/gulp'.
*/
const path = require('path');
const sass = require('gulp-sass');
const replace = require('gulp-replace');
const rollup = require('gulp-rollup');
const rename = require('gulp-rename');
const resolve = require('rollup-plugin-node-resolve');
const semver = require('semver');
const bump = require('gulp-bump');
var typedoc = require('gulp-typedoc');
var exec = require('child_process').execSync;
const VERSION = require('./package.json').version;
var export_sass = require('./scripts/export-themes');
const inline_resources = require('./scripts/inline-resources');
const gulpPath = path.join(__dirname, 'scripts/gulp');
const tsconfigPath = path.join(gulpPath, 'tsconfig.json');
const tsconfig = require(tsconfigPath);

const BUILD_DIR = './.ng_build';
const LIB_DIR = './src/.lib';
const ROLLUP_GLOBALS = {
'tslib': 'tslib',

// Angular dependencies
'@angular/animations': 'ng.animations',
'@angular/core': 'ng.core',
'@angular/common': 'ng.common',
'@angular/forms': 'ng.forms',
'@angular/common/http': 'ng.common.http',
'@angular/router': 'ng.router',
'@angular/platform-browser': 'ng.platformBrowser',
'@angular/platform-server': 'ng.platformServer',
'@angular/platform-browser-dynamic': 'ng.platformBrowserDynamic',
'@angular/platform-browser/animations': 'ng.platformBrowser.animations',
'@angular/core/testing': 'ng.core.testing',
'@angular/common/testing': 'ng.common.testing',
'@angular/common/http/testing': 'ng.common.http.testing',


// RxJS dependencies
'rxjs/BehaviorSubject': 'Rx',
'rxjs/ReplaySubject': 'Rx',
'rxjs/Observable': 'Rx',
'rxjs/Subject': 'Rx',
'rxjs/Subscription': 'Rx',
'rxjs/Observer': 'Rx',
'rxjs/Subscriber': 'Rx',
'rxjs/Scheduler': 'Rx',

'rxjs/observable/combineLatest': 'Rx.Observable',
'rxjs/observable/forkJoin': 'Rx.Observable',
'rxjs/observable/fromEvent': 'Rx.Observable',
'rxjs/observable/merge': 'Rx.Observable',
'rxjs/observable/of': 'Rx.Observable',
'rxjs/observable/throw': 'Rx.Observable',
'rxjs/observable/defer': 'Rx.Observable',
'rxjs/observable/fromEventPattern': 'Rx.Observable',
'rxjs/observable/empty': 'Rx.Observable',

'rxjs/operators/debounceTime': 'Rx.operators',
'rxjs/operators/takeUntil': 'Rx.operators',
'rxjs/operators/take': 'Rx.operators',
'rxjs/operators/first': 'Rx.operators',
'rxjs/operators/filter': 'Rx.operators',
'rxjs/operators/map': 'Rx.operators',
'rxjs/operators/tap': 'Rx.operators',
'rxjs/operators/startWith': 'Rx.operators',
'rxjs/operators/auditTime': 'Rx.operators',
'rxjs/operators/switchMap': 'Rx.operators',
'rxjs/operators/switchMapTo': 'Rx.operators',
'rxjs/operators/finalize': 'Rx.operators',
'rxjs/operators/catchError': 'Rx.operators',
'rxjs/operators/share': 'Rx.operators',
'rxjs/operators/delay': 'Rx.operators',
'rxjs/operators/combineLatest': 'Rx.operators',
'rxjs/operators/pairwise': 'Rx.operators',
'rxjs/operators/distinctUntilChanged': 'Rx.operators',
'rxjs/operators/takeWhile': 'Rx.operators',
'rxjs/operators/repeat': 'Rx.operators',

// 3rd party dependencies

// @nebular dependencies
'@nebular/theme': 'nb.theme',
'@nebular/auth': 'nb.auth',
'@nebular/security': 'nb.security',
};
const ROLLUP_COMMON_CONFIG = {
sourceMap: true,
rollup: require('rollup'),
context: 'this',
globals: ROLLUP_GLOBALS,
external: Object.keys(ROLLUP_GLOBALS),
plugins: [
resolve({
jsnext: true,
main: true
}),
],
};

gulp.task('copy-sources', copySources);
gulp.task('default', ['copy-sources']);
gulp.task('inline-resources', copyResources);
gulp.task('bundle:umd:theme', bundleUmdTheme);
gulp.task('bundle:umd:auth', bundleUmdAuth);
gulp.task('bundle:umd:security', bundleUmdSecurity);
gulp.task('bundle', ['bundle:umd:theme', 'bundle:umd:auth', 'bundle:umd:security']);
gulp.task('bump', bumpVersions);

function bumpVersions() {
gulp.src([
'./package.json',
'./src/framework/theme/package.json',
'./src/framework/auth/package.json',
'./src/framework/security/package.json',
], {base: './'})
.pipe(bump({
version: VERSION
}))
.pipe(gulp.dest('./'));
}

function copySources() {
gulp.src('./src/framework/**/*')
.pipe(gulp.dest(BUILD_DIR))
.on('end', replaceScssWithCss);
}

function replaceScssWithCss() {
gulp.src(`${BUILD_DIR}/**/*.ts`)
.pipe(replace('.scss', '.css'))
.pipe(gulp.dest(BUILD_DIR))
.on('end', compileSass);
}

function compileSass() {
gulp.src(`${BUILD_DIR}/**/*.scss`)
.pipe(sass({
outputStyle: 'compressed',
importer: function (url, prev, done) {
if (url[0] === '~') {
url = path.resolve('node_modules', url.substr(1));
}
done({
file: url
});
}
}))
.pipe(gulp.dest(BUILD_DIR));
}

function copyResources() {
gulp.src([
`${BUILD_DIR}/**/*.html`,
`${BUILD_DIR}/**/*.css`,
`${BUILD_DIR}/**/*.scss`,
`${BUILD_DIR}/**/LICENSE.txt`,
`${BUILD_DIR}/**/README.md`,
`${BUILD_DIR}/**/package.json`,
])
.pipe(gulp.dest(LIB_DIR))
.on('end', inlineResources);
}

function inlineResources() {
inline_resources(LIB_DIR);
}

function bundleUmdTheme() {
const config = {
src: `${LIB_DIR}/theme/**/*.js`,
moduleName: 'nb.theme',
entry: `${LIB_DIR}/theme/index.js`,
format: 'umd',
output: 'theme.umd.js',
dest: `${LIB_DIR}/theme/bundles`,
};

bundle(config);
}

function bundleUmdAuth() {
const config = {
src: `${LIB_DIR}/auth/**/*.js`,
moduleName: 'nb.auth',
entry: `${LIB_DIR}/auth/index.js`,
format: 'umd',
output: 'auth.umd.js',
dest: `${LIB_DIR}/auth/bundles`,
};

bundle(config);
}

function bundleUmdSecurity() {
const config = {
src: `${LIB_DIR}/security/**/*.js`,
moduleName: 'nb.security',
entry: `${LIB_DIR}/security/index.js`,
format: 'umd',
output: 'security.umd.js',
dest: `${LIB_DIR}/security/bundles`,
};

bundle(config);
}

function bundle(config) {
gulp.src(config.src)
.pipe(rollup(Object.assign({}, ROLLUP_COMMON_CONFIG, {
moduleName: config.moduleName,
entry: config.entry,
format: config.format,
})))
.pipe(rename(config.output))
.pipe(gulp.dest(config.dest));
}

gulp.task('generate-doc-json', generateDocJson);

function generateDocJson() {
return gulp
.src(['src/framework/**/*.ts', '!src/framework/theme/**/node_modules{,/**}'])
.pipe(typedoc({
module: 'commonjs',
target: 'ES6',
// TODO: ignoreCompilerErrors, huh?
ignoreCompilerErrors: true,
includeDeclarations: true,
emitDecoratorMetadata: true,
experimentalDecorators: true,
excludeExternals: true,
exclude: 'node_modules/**/*',
json: 'docs/docs.json',
version: true,
noLib: true
}));
}

gulp.task('docs', ['generate-doc-json'], parseSassThemes);

function parseSassThemes() {
exec("prsr -g typedoc -f angular -i docs/docs.json -o docs/output.json");
return gulp
.src('docs/themes.scss')
.pipe(sass({
functions: export_sass('docs/'),
}));
}
// Register TypeScript.
require('ts-node').register({ project: tsconfigPath });
require(path.join(gulpPath, 'gulpfile'));
38 changes: 34 additions & 4 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,7 @@
"@angular/cli": "1.7.1",
"@angular/compiler-cli": "^5.2.6",
"@angular/language-service": "^5.2.6",
"@types/gulp": "3.8.36",
"@types/jasmine": "2.8.3",
"@types/jasminewd2": "2.0.3",
"@types/leaflet": "1.0.60",
Expand Down
10 changes: 10 additions & 0 deletions scripts/gulp/gulpfile.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import { task } from 'gulp';

import './tasks/inline-resources/inline-resources';
import './tasks/bundle/bundle';
import './tasks/docs/docs';
import './tasks/copy-sources';
import './tasks/bump-versions';

task('default', ['copy-sources']);

17 changes: 17 additions & 0 deletions scripts/gulp/tasks/bump-versions.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { dest, src, task } from 'gulp';

const bump = require('gulp-bump');
const VERSION = require('../../../package.json').version;

task('bump', () => {
src([
'./package.json',
'./src/framework/theme/package.json',
'./src/framework/auth/package.json',
'./src/framework/security/package.json',
], { base: './' })
.pipe(bump({
version: VERSION,
}))
.pipe(dest('./'));
});
Loading

0 comments on commit 2821281

Please sign in to comment.