javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(demos): update demos to work

Browse Source 
* chore(demos): WIP refactor gulp demos task to use SystemJS

move build files into dist/demos and comment out the AoT demos task for
right now. This makes both `gulp demos` and `gulp demos.watch`work
again.

references #8411

* docs(demos): fix infinite scroll demo

* chore(demos): move old demos task to demos.prod

update the demos file with shared tasks, include the shared css

* docs(demos): fix API demos to use correct styles

* chore(demos): remove the main.ts files from each demo

* chore(demos): add prod template and constant

* chore(demos): remove tsconfig and package from demos

* chore(demos): update app.module path to ionic

* chore(demos): update app.module path to ionic

* chore(demos): update prod task for demos to work with AoT

also puts the demo build files into dist/ instead of the src directory

* docs(demos): update deploy and docs tasks for new build

* docs(scripts): update demos README

* chore(demos): fix path for prod build
This commit is contained in:
Brandy Carney
2016-12-13 13:56:22 -05:00
committed by Adam Bradley
parent 3701ee5e37
commit 1f83cde78b
182 changed files with 2946 additions and 3626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
scripts/gulp/tasks/demos.ts
View File

@ -1,165 +1,55 @@
import { exec } from 'child_process';
import { dirname, join } from 'path';
import { dest, src, task } from 'gulp';
import * as connect from 'gulp-connect';
import * as del from 'del';
import * as runSequence from 'run-sequence';
import * as glob from 'glob';
import { task } from 'gulp';
import * as rollup from 'rollup';
import * as nodeResolve from 'rollup-plugin-node-resolve';
import * as commonjs from 'rollup-plugin-commonjs';
import { DEMOS_ROOT, DEMOS_SRC_ROOT} from '../constants';
import { compileSass, copyFonts, createTimestamp, deleteFiles, runNgc, setSassIonicVersion, writePolyfills } from '../util';
function doNpmInstall() {
return new Promise((resolve, reject) => {
// navigate to the demos directly
try {
process.chdir('./demos');
console.log('starting npm install ...');
exec('npm install', function(err, stdout, stderr) {
process.chdir('..');
console.log(stdout);
console.log(stderr);
if (err) {
reject(err);
} else {
resolve();
}
});
} catch (ex) {
reject(ex);
}
});
}
function generatePolyfills() {
return writePolyfills(join(DEMOS_ROOT, 'polyfills'));
}
function compileTests() {
console.log('Starting to compile tests defined via tsconfig ...');
return new Promise((resolve, reject) => {
runNgc(`${DEMOS_ROOT}/tsconfig.json`, (err) => {
if (err) {
reject(err);
} else {
resolve();
}
});
});
}
function rollupTests() {
return new Promise((resolve, reject) => {
glob(`${DEMOS_SRC_ROOT}/**/main.js`, null, (err: Error, files: string[]) => {
if (err) {
reject(err);
} else {
recursiveRollupHelper(files).then(() => {
resolve();
}).catch(err => {
reject(err);
});
}
});
});
}
function recursiveRollupHelper(files: string[]) {
let start;
if (!files) {
return Promise.reject(new Error('list of files is null'));
} else if ( files.length === 0) {
return Promise.resolve();
} else {
const outputFileName = join(dirname(files[0]), 'main.bundle.js');
start = Date.now();
return bundle(files[0], outputFileName).then(() => {
const end = Date.now();
const seconds = (end - start) / 1000;
console.log(`Took ${seconds} seconds to process ${files[0]}`);
const remainingFiles = files.concat();
remainingFiles.shift();
return recursiveRollupHelper(remainingFiles);
}).catch(err => {
return Promise.reject(err);
});
}
}
function bundle(inputFile: string, outputFile: string): Promise<any> {
console.log(`Starting rollup on ${inputFile} ... writing to ${outputFile}`);
return rollup.rollup({
entry: inputFile,
plugins: [
commonjs(),
nodeResolve({
module: true,
jsnext: true,
main: true,
extensions: ['.js']
})
]
}).then(bundle => {
return bundle.write({
format: 'iife',
dest: outputFile,
});
});
}
function buildDemos(done: Function) {
doNpmInstall()
.then(() => {
return compileTests();
}).then(() => {
return rollupTests();
}).then(() => {
done();
}).catch(err => {
console.log('ERRROR: ', err.message);
done(err);
});
}
function cleanDemos(done: Function) {
deleteFiles([`${DEMOS_SRC_ROOT}/**/*.js`,
`${DEMOS_SRC_ROOT}/**/*.js.map`,
`${DEMOS_SRC_ROOT}/**/*.d.ts`,
`${DEMOS_SRC_ROOT}/**/*.ngfactory.ts`,
`${DEMOS_SRC_ROOT}/**/*.metadata.json`,
`${DEMOS_ROOT}/css`,
`${DEMOS_ROOT}/fonts`,
`${DEMOS_ROOT}/polyfills`,
`!${DEMOS_SRC_ROOT}/scrollbar-fix.css`,
`!${DEMOS_SRC_ROOT}/scrollbar-fix.js`,
], done);
}
task('demos.build', ['demos.sass', 'demos.fonts', 'demos.polyfills'], (done: Function) => {
buildDemos(done);
});
import { DEMOS_NAME, DIST_DEMOS_ROOT, LOCAL_SERVER_PORT, SCRIPTS_ROOT } from '../constants';
import { compileSass, copyFonts, createTimestamp, setSassIonicVersion, writePolyfills } from '../util';
task('demos.clean', (done: Function) => {
cleanDemos(done);
del([`${DIST_DEMOS_ROOT}/**`]).then(() => {
done();
}).catch(err => {
done(err);
});
});
task('demos.polyfill', (done: Function) => {
writePolyfills(`${DIST_DEMOS_ROOT}/polyfills`).then(() => {
done();
}).catch(err => {
done(err);
});
});
task('demos.copyAndCompile', (done: (err: any) => void) => {
runSequence(
'demos.copySource',
'demos.compileTests',
'demos.bundle',
done);
});
task('demos.copyExternalDependencies', () => {
src([`${SCRIPTS_ROOT}/${DEMOS_NAME}/*.css`]).pipe(dest(`${DIST_DEMOS_ROOT}/css`));
});
task('demos.sass', () => {
// ensure there is a version.scss file
setSassIonicVersion(`E2E-${createTimestamp()}`);
return compileSass(`${DEMOS_ROOT}/css`);
return compileSass(`${DIST_DEMOS_ROOT}/css`);
});
task('demos.fonts', () => {
return copyFonts(`${DEMOS_ROOT}/fonts`);
return copyFonts(`${DIST_DEMOS_ROOT}/fonts`);
});
task('demos.polyfills', (done: Function) => {
generatePolyfills().then(() => {
done();
}).catch(err => {
done(err);
task('demos.serve', function() {
connect.server({
root: './',
port: LOCAL_SERVER_PORT,
livereload: {
port: 35700
}
});
});
});