Update Semantic
Fixes #40,#24
This commit is contained in:
Tim Schumacher
parent
1715f27f44
commit
2027b94179
621 changed files with 172488 additions and 15939 deletions
391
web/semantic/tasks/install.js
Normal file
391
web/semantic/tasks/install.js
Normal file
|
|
@ -0,0 +1,391 @@
|
|||
/*******************************
|
||||
Install Task
|
||||
*******************************/
|
||||
|
||||
/*
|
||||
Install tasks
|
||||
|
||||
For more notes
|
||||
|
||||
* Runs automatically after npm update (hooks)
|
||||
* (NPM) Install - Will ask for where to put semantic (outside pm folder)
|
||||
* (NPM) Upgrade - Will look for semantic install, copy over files and update if new version
|
||||
* Standard installer runs asking for paths to site files etc
|
||||
|
||||
*/
|
||||
|
||||
var
|
||||
gulp = require('gulp'),
|
||||
|
||||
// node dependencies
|
||||
console = require('better-console'),
|
||||
extend = require('extend'),
|
||||
fs = require('fs'),
|
||||
mkdirp = require('mkdirp'),
|
||||
path = require('path'),
|
||||
|
||||
// gulp dependencies
|
||||
chmod = require('gulp-chmod'),
|
||||
del = require('del'),
|
||||
jsonEditor = require('gulp-json-editor'),
|
||||
plumber = require('gulp-plumber'),
|
||||
prompt = require('gulp-prompt'),
|
||||
rename = require('gulp-rename'),
|
||||
replace = require('gulp-replace'),
|
||||
requireDotFile = require('require-dot-file'),
|
||||
wrench = require('wrench'),
|
||||
|
||||
// install config
|
||||
install = require('./config/project/install'),
|
||||
|
||||
// user config
|
||||
config = require('./config/user'),
|
||||
|
||||
// release config (name/title/etc)
|
||||
release = require('./config/project/release'),
|
||||
|
||||
// shorthand
|
||||
questions = install.questions,
|
||||
files = install.files,
|
||||
folders = install.folders,
|
||||
regExp = install.regExp,
|
||||
settings = install.settings,
|
||||
source = install.source
|
||||
;
|
||||
|
||||
// Export install task
|
||||
module.exports = function () {
|
||||
|
||||
var
|
||||
currentConfig = requireDotFile('semantic.json'),
|
||||
manager = install.getPackageManager(),
|
||||
rootQuestions = questions.root
|
||||
;
|
||||
|
||||
console.clear();
|
||||
|
||||
/* Test NPM
|
||||
manager = {
|
||||
name : 'NPM',
|
||||
root : path.normalize(__dirname + '/../')
|
||||
};
|
||||
*/
|
||||
|
||||
/*--------------
|
||||
PM Config
|
||||
---------------*/
|
||||
|
||||
/* Don't do end user config if SUI is a sub-module */
|
||||
if( install.isSubModule() ) {
|
||||
console.info('SUI is a sub-module, skipping end-user install');
|
||||
return;
|
||||
}
|
||||
|
||||
// run update scripts if semantic.json exists
|
||||
if(currentConfig && manager.name === 'NPM') {
|
||||
|
||||
var
|
||||
updateFolder = path.join(manager.root, currentConfig.base),
|
||||
updatePaths = {
|
||||
config : path.join(manager.root, files.config),
|
||||
tasks : path.join(updateFolder, folders.tasks),
|
||||
themeImport : path.join(updateFolder, folders.themeImport),
|
||||
definition : path.join(currentConfig.paths.source.definitions),
|
||||
site : path.join(currentConfig.paths.source.site),
|
||||
theme : path.join(currentConfig.paths.source.themes)
|
||||
}
|
||||
;
|
||||
|
||||
// duck-type if there is a project installed
|
||||
if( fs.existsSync(updatePaths.definition) ) {
|
||||
|
||||
// perform update if new version
|
||||
if(currentConfig.version !== release.version) {
|
||||
console.log('Updating Semantic UI from ' + currentConfig.version + ' to ' + release.version);
|
||||
|
||||
console.info('Updating ui definitions...');
|
||||
wrench.copyDirSyncRecursive(source.definitions, updatePaths.definition, settings.wrench.update);
|
||||
|
||||
console.info('Updating default theme...');
|
||||
wrench.copyDirSyncRecursive(source.themes, updatePaths.theme, settings.wrench.update);
|
||||
|
||||
console.info('Updating tasks...');
|
||||
wrench.copyDirSyncRecursive(source.tasks, updatePaths.tasks, settings.wrench.update);
|
||||
|
||||
console.info('Updating gulpfile.js');
|
||||
gulp.src(source.userGulpFile)
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest(updateFolder))
|
||||
;
|
||||
|
||||
// copy theme import
|
||||
console.info('Updating theme import file');
|
||||
gulp.src(source.themeImport)
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest(updatePaths.themeImport))
|
||||
;
|
||||
|
||||
console.info('Adding new site theme files...');
|
||||
wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.site);
|
||||
|
||||
console.info('Updating version...');
|
||||
|
||||
// update version number in semantic.json
|
||||
gulp.src(updatePaths.config)
|
||||
.pipe(plumber())
|
||||
.pipe(rename(settings.rename.json)) // preserve file extension
|
||||
.pipe(jsonEditor({
|
||||
version: release.version
|
||||
}))
|
||||
.pipe(gulp.dest(manager.root))
|
||||
;
|
||||
|
||||
console.info('Update complete! Run "\033[92mgulp build\033[0m" to rebuild dist/ files.');
|
||||
|
||||
return;
|
||||
}
|
||||
else {
|
||||
console.log('Current version of Semantic UI already installed');
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
else {
|
||||
console.error('Cannot locate files to update at path: ', updatePaths.definition);
|
||||
console.log('Running installer');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Determine Root
|
||||
---------------*/
|
||||
|
||||
// PM that supports Build Tools (NPM Only Now)
|
||||
if(manager.name == 'NPM') {
|
||||
rootQuestions[0].message = rootQuestions[0].message
|
||||
.replace('{packageMessage}', 'We detected you are using \033[92m' + manager.name + '\033[0m. Nice! ')
|
||||
.replace('{root}', manager.root)
|
||||
;
|
||||
// set default path to detected PM root
|
||||
rootQuestions[0].default = manager.root;
|
||||
rootQuestions[1].default = manager.root;
|
||||
|
||||
// insert PM questions after "Install Type" question
|
||||
Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions));
|
||||
|
||||
// omit cleanup questions for managed install
|
||||
questions.cleanup = [];
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Set-up
|
||||
---------------*/
|
||||
|
||||
return gulp
|
||||
.src('gulpfile.js')
|
||||
.pipe(prompt.prompt(questions.setup, function(answers) {
|
||||
|
||||
/*--------------
|
||||
Exit Conditions
|
||||
---------------*/
|
||||
|
||||
// if config exists and user specifies not to proceed
|
||||
if(answers.overwrite !== undefined && answers.overwrite == 'no') {
|
||||
return;
|
||||
}
|
||||
|
||||
console.clear();
|
||||
console.log('Installing');
|
||||
console.log('------------------------------');
|
||||
|
||||
|
||||
/*--------------
|
||||
Paths
|
||||
---------------*/
|
||||
|
||||
var
|
||||
installPaths = {
|
||||
config : files.config,
|
||||
configFolder : folders.config,
|
||||
site : answers.site || folders.site,
|
||||
themeConfig : files.themeConfig,
|
||||
themeConfigFolder : folders.themeConfig
|
||||
},
|
||||
installFolder = false
|
||||
;
|
||||
|
||||
/*--------------
|
||||
PM Install
|
||||
---------------*/
|
||||
|
||||
// Check if PM install
|
||||
if(answers.useRoot || answers.customRoot) {
|
||||
|
||||
// Set root to custom root path if set
|
||||
if(answers.customRoot) {
|
||||
if(answers.customRoot === '') {
|
||||
console.log('Unable to proceed, invalid project root');
|
||||
return;
|
||||
}
|
||||
manager.root = answers.customRoot;
|
||||
}
|
||||
|
||||
// special install paths only for PM install
|
||||
installPaths = extend(false, {}, installPaths, {
|
||||
definition : folders.definitions,
|
||||
lessImport : folders.lessImport,
|
||||
tasks : folders.tasks,
|
||||
theme : folders.themes,
|
||||
themeImport : folders.themeImport
|
||||
});
|
||||
|
||||
// add project root to semantic root
|
||||
installFolder = path.join(manager.root, answers.semanticRoot);
|
||||
|
||||
// add install folder to all output paths
|
||||
for(var destination in installPaths) {
|
||||
if( installPaths.hasOwnProperty(destination) ) {
|
||||
// config goes in project root, rest in install folder
|
||||
installPaths[destination] = (destination == 'config' || destination == 'configFolder')
|
||||
? path.normalize( path.join(manager.root, installPaths[destination]) )
|
||||
: path.normalize( path.join(installFolder, installPaths[destination]) )
|
||||
;
|
||||
}
|
||||
}
|
||||
|
||||
// create project folders
|
||||
try {
|
||||
mkdirp.sync(installFolder);
|
||||
mkdirp.sync(installPaths.definition);
|
||||
mkdirp.sync(installPaths.theme);
|
||||
mkdirp.sync(installPaths.tasks);
|
||||
}
|
||||
catch(error) {
|
||||
console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again');
|
||||
}
|
||||
|
||||
console.log('Installing to \033[92m' + answers.semanticRoot + '\033[0m');
|
||||
|
||||
console.info('Copying UI definitions');
|
||||
wrench.copyDirSyncRecursive(source.definitions, installPaths.definition, settings.wrench.install);
|
||||
wrench.copyDirSyncRecursive(source.themes, installPaths.theme, settings.wrench.install);
|
||||
|
||||
console.info('Copying gulp tasks');
|
||||
wrench.copyDirSyncRecursive(source.tasks, installPaths.tasks, settings.wrench.install);
|
||||
|
||||
// copy theme import
|
||||
console.info('Adding theme files');
|
||||
gulp.src(source.themeImport)
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest(installPaths.themeImport))
|
||||
;
|
||||
gulp.src(source.lessImport)
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest(installPaths.lessImport))
|
||||
;
|
||||
|
||||
// create gulp file
|
||||
console.info('Creating gulpfile.js');
|
||||
gulp.src(source.userGulpFile)
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest(installFolder))
|
||||
;
|
||||
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Site Theme
|
||||
---------------*/
|
||||
|
||||
// Copy _site templates folder to destination
|
||||
if( fs.existsSync(installPaths.site) ) {
|
||||
console.info('Site folder exists, merging files (no overwrite)', installPaths.site);
|
||||
}
|
||||
else {
|
||||
console.info('Creating site theme folder', installPaths.site);
|
||||
}
|
||||
wrench.copyDirSyncRecursive(source.site, installPaths.site, settings.wrench.site);
|
||||
|
||||
/*--------------
|
||||
Theme Config
|
||||
---------------*/
|
||||
|
||||
var
|
||||
// determine path to site theme folder from theme config
|
||||
// force CSS path variable to use forward slashes for paths
|
||||
pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g,'/'),
|
||||
siteVariable = "@siteFolder : '" + pathToSite + "/';"
|
||||
;
|
||||
|
||||
// rewrite site variable in theme.less
|
||||
console.info('Adjusting @siteFolder to: ', pathToSite + '/');
|
||||
|
||||
if(fs.existsSync(installPaths.themeConfig)) {
|
||||
console.info('Modifying src/theme.config (LESS config)', installPaths.themeConfig);
|
||||
gulp.src(installPaths.themeConfig)
|
||||
.pipe(plumber())
|
||||
.pipe(replace(regExp.siteVariable, siteVariable))
|
||||
.pipe(gulp.dest(installPaths.themeConfigFolder))
|
||||
;
|
||||
}
|
||||
else {
|
||||
console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig);
|
||||
gulp.src(source.themeConfig)
|
||||
.pipe(plumber())
|
||||
.pipe(rename({ extname : '' }))
|
||||
.pipe(replace(regExp.siteVariable, siteVariable))
|
||||
.pipe(gulp.dest(installPaths.themeConfigFolder))
|
||||
;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Semantic.json
|
||||
---------------*/
|
||||
|
||||
var
|
||||
jsonConfig = install.createJSON(answers)
|
||||
;
|
||||
|
||||
// adjust variables in theme.less
|
||||
if( fs.existsSync(files.config) ) {
|
||||
console.info('Extending config file (semantic.json)', installPaths.config);
|
||||
gulp.src(installPaths.config)
|
||||
.pipe(plumber())
|
||||
.pipe(rename(settings.rename.json)) // preserve file extension
|
||||
.pipe(jsonEditor(jsonConfig))
|
||||
.pipe(gulp.dest(installPaths.configFolder))
|
||||
;
|
||||
}
|
||||
else {
|
||||
console.info('Creating config file (semantic.json)', installPaths.config);
|
||||
gulp.src(source.config)
|
||||
.pipe(plumber())
|
||||
.pipe(rename({ extname : '' })) // remove .template from ext
|
||||
.pipe(jsonEditor(jsonConfig))
|
||||
.pipe(gulp.dest(installPaths.configFolder))
|
||||
;
|
||||
}
|
||||
|
||||
// Completion Message
|
||||
if(installFolder) {
|
||||
console.log('Install complete! Navigate to \033[92m' + answers.semanticRoot + '\033[0m and run "\033[92mgulp build\033[0m" to build');
|
||||
}
|
||||
else {
|
||||
console.log('');
|
||||
console.log('');
|
||||
}
|
||||
|
||||
}))
|
||||
.pipe(prompt.prompt(questions.cleanup, function(answers) {
|
||||
if(answers.cleanup == 'yes') {
|
||||
del(install.setupFiles);
|
||||
}
|
||||
if(answers.build == 'yes') {
|
||||
gulp.start('build');
|
||||
}
|
||||
}))
|
||||
;
|
||||
|
||||
|
||||
};
|
||||
Reference in a new issue