@ -14,8 +14,9 @@
* create meteor . js file
* /
var
gulp = require ( 'gulp' ) ,
let
gulp = require ( 'gulp' ) ,
{ series , parallel } = gulp ,
// node dependencies
console = require ( 'better-console' ) ,
@ -46,285 +47,284 @@ var
;
module . exports = function ( callback ) {
var
stream ,
index ,
tasks = [ ]
;
let
stream ,
index ,
tasks = [ ]
;
for ( index in release . components ) {
for ( index in release . components ) {
var
component = release . components [ index ]
;
let
component = release . components [ index ]
;
// streams... designed to save time and make coding fun...
( function ( component ) {
// streams... designed to save time and make coding fun...
( function ( component ) {
var
outputDirectory = path . join ( release . outputRoot , component ) ,
isJavascript = fs . existsSync ( output . compressed + component + '.js' ) ,
isCSS = fs . existsSync ( output . compressed + component + '.css' ) ,
capitalizedComponent = component . charAt ( 0 ) . toUpperCase ( ) + component . slice ( 1 ) ,
packageName = release . packageRoot + component ,
repoName = release . componentRepoRoot + capitalizedComponent ,
gitURL = 'https://github.com/' + release . org + '/' + repoName + '.git' ,
repoURL = 'https://github.com/' + release . org + '/' + repoName + '/' ,
concatSettings = {
newline : '' ,
root : outputDirectory ,
prepend : " '" ,
append : "',"
let
outputDirectory = path . join ( release . outputRoot , component ) ,
isJavascript = fs . existsSync ( output . compressed + component + '.js' ) ,
isCSS = fs . existsSync ( output . compressed + component + '.css' ) ,
capitalizedComponent = component . charAt ( 0 ) . toUpperCase ( ) + component . slice ( 1 ) ,
packageName = release . packageRoot + component ,
repoName = release . componentRepoRoot + capitalizedComponent ,
gitURL = 'https://github.com/' + release . org + '/' + repoName + '.git' ,
repoURL = 'https://github.com/' + release . org + '/' + repoName + '/' ,
concatSettings = {
newline : '' ,
root : outputDirectory ,
prepend : " '" ,
append : "',"
} ,
regExp = {
match : {
// templated values
name : '{component}' ,
titleName : '{Component}' ,
version : '{version}' ,
files : '{files}' ,
// release notes
spacedVersions : /(###.*\n)\n+(?=###)/gm ,
spacedLists : /(^- .*\n)\n+(?=^-)/gm ,
trim : /^\s+|\s+$/g ,
unrelatedNotes : new RegExp ( '^((?!(^.*(' + component + ').*$|###.*)).)*$' , 'gmi' ) ,
whitespace : /\n\s*\n\s*\n/gm ,
// npm
componentExport : /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g ,
componentReference : '$.fn.' + component ,
settingsExport : /\$\.fn\.\w+\.settings\s*=/g ,
settingsReference : /\$\.fn\.\w+\.settings/g ,
trailingComma : /,(?=[^,]*$)/ ,
jQuery : /jQuery/g ,
} ,
regExp = {
match : {
// templated values
name : '{component}' ,
titleName : '{Component}' ,
version : '{version}' ,
files : '{files}' ,
// release notes
spacedVersions : /(###.*\n)\n+(?=###)/gm ,
spacedLists : /(^- .*\n)\n+(?=^-)/gm ,
trim : /^\s+|\s+$/g ,
unrelatedNotes : new RegExp ( '^((?!(^.*(' + component + ').*$|###.*)).)*$' , 'gmi' ) ,
whitespace : /\n\s*\n\s*\n/gm ,
// npm
componentExport : /(.*)\$\.fn\.\w+\s*=\s*function\(([^\)]*)\)\s*{/g ,
componentReference : '$.fn.' + component ,
settingsExport : /\$\.fn\.\w+\.settings\s*=/g ,
settingsReference : /\$\.fn\.\w+\.settings/g ,
trailingComma : /,(?=[^,]*$)/ ,
jQuery : /jQuery/g ,
} ,
replace : {
// readme
name : component ,
titleName : capitalizedComponent ,
// release notes
spacedVersions : '' ,
spacedLists : '$1' ,
trim : '' ,
unrelatedNotes : '' ,
whitespace : '\n\n' ,
// npm
componentExport : 'var _module = module;\n$1module.exports = function($2) {' ,
componentReference : '_module.exports' ,
settingsExport : 'module.exports.settings =' ,
settingsReference : '_module.exports.settings' ,
jQuery : 'require("jquery")'
}
} ,
task = {
all : component + ' creating' ,
repo : component + ' create repo' ,
bower : component + ' create bower.json' ,
readme : component + ' create README' ,
npm : component + ' create NPM Module' ,
notes : component + ' create release notes' ,
composer : component + ' create composer.json' ,
package : component + ' create package.json' ,
meteor : component + ' create meteor package.js' ,
} ,
// paths to includable assets
manifest = {
assets : outputDirectory + '/assets/**/' + component + '?(s).*' ,
component : outputDirectory + '/' + component + '+(.js|.css)'
replace : {
// readme
name : component ,
titleName : capitalizedComponent ,
// release notes
spacedVersions : '' ,
spacedLists : '$1' ,
trim : '' ,
unrelatedNotes : '' ,
whitespace : '\n\n' ,
// npm
componentExport : 'var _module = module;\n$1module.exports = function($2) {' ,
componentReference : '_module.exports' ,
settingsExport : 'module.exports.settings =' ,
settingsReference : '_module.exports.settings' ,
jQuery : 'require("jquery")'
}
;
} ,
task = {
all : component + ' creating' ,
repo : component + ' create repo' ,
bower : component + ' create bower.json' ,
readme : component + ' create README' ,
npm : component + ' create NPM Module' ,
notes : component + ' create release notes' ,
composer : component + ' create composer.json' ,
package : component + ' create package.json' ,
meteor : component + ' create meteor package.js' ,
} ,
// paths to includable assets
manifest = {
assets : outputDirectory + '/assets/**/' + component + '?(s).*' ,
component : outputDirectory + '/' + component + '+(.js|.css)'
}
;
// copy dist files into output folder adjusting asset paths
gulp . task ( task . repo , false , function ( ) {
return gulp . src ( release . source + component + '.*' )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( release . paths . source , release . paths . output ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// copy dist files into output folder adjusting asset paths
let repoTask = function ( ) {
console . info ( component ) ;
console . info ( '---------------------' ) ;
console . info ( 'Copying dist files to component' ) ;
return gulp . src ( release . source + component + '.*' )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( release . paths . source , release . paths . output ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// create npm module
gulp . task ( task . npm , false , function ( ) {
return gulp . src ( release . source + component + '!(*.min|*.map).js' )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . componentExport , regExp . replace . componentExport ) )
. pipe ( replace ( regExp . match . componentReference , regExp . replace . componentReference ) )
. pipe ( replace ( regExp . match . settingsExport , regExp . replace . settingsExport ) )
. pipe ( replace ( regExp . match . settingsReference , regExp . replace . settingsReference ) )
. pipe ( replace ( regExp . match . jQuery , regExp . replace . jQuery ) )
. pipe ( rename ( 'index.js' ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// create npm module
let npmTask = function ( ) {
console . info ( 'Creating index.js for npm' ) ;
return gulp . src ( release . source + component + '!(*.min|*.map).js' )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . componentExport , regExp . replace . componentExport ) )
. pipe ( replace ( regExp . match . componentReference , regExp . replace . componentReference ) )
. pipe ( replace ( regExp . match . settingsExport , regExp . replace . settingsExport ) )
. pipe ( replace ( regExp . match . settingsReference , regExp . replace . settingsReference ) )
. pipe ( replace ( regExp . match . jQuery , regExp . replace . jQuery ) )
. pipe ( rename ( 'index.js' ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// create readme
gulp . task ( task . readme , false , function ( ) {
return gulp . src ( release . templates . readme )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . name , regExp . replace . name ) )
. pipe ( replace ( regExp . match . titleName , regExp . replace . titleName ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// create readme
let readmeTask = function ( ) {
console . info ( 'Creating readme' ) ;
return gulp . src ( release . templates . readme )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . name , regExp . replace . name ) )
. pipe ( replace ( regExp . match . titleName , regExp . replace . titleName ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// extend bower.json
gulp . task ( task . bower , false , function ( ) {
return gulp . src ( release . templates . bower )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( bower ) {
bower . name = packageName ;
bower . description = capitalizedComponent + ' - Semantic UI' ;
if ( isJavascript ) {
if ( isCSS ) {
bower . main = [
component + '.js' ,
component + '.css'
] ;
}
else {
bower . main = [
component + '.js'
] ;
}
bower . dependencies = {
jquery : '>=1.8'
} ;
}
else {
// extend bower.json
let bowerTask = function ( ) {
console . info ( 'Extending bower.json' ) ;
return gulp . src ( release . templates . bower )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( bower ) {
bower . name = packageName ;
bower . description = capitalizedComponent + ' - Semantic UI' ;
if ( isJavascript ) {
if ( isCSS ) {
bower . main = [
component + '.js' ,
component + '.css'
] ;
}
return bower ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// extend package.json
gulp . task ( task . package , false , function ( ) {
return gulp . src ( release . templates . package )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( npm ) {
if ( isJavascript ) {
npm . dependencies = {
jquery : 'x.x.x'
} ;
npm . main = 'index.js' ;
}
npm . name = packageName ;
if ( version ) {
npm . version = version ;
else {
bower . main = [
component + '.js'
] ;
}
npm . title = 'Semantic UI - ' + capitalizedComponent ;
npm . description = 'Single component release of ' + component ;
npm . repository = {
type : 'git' ,
url : gitURL
bower . dependencies = {
jquery : '>=1.8'
} ;
return npm ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// extend composer.json
gulp . task ( task . composer , false , function ( ) {
return gulp . src ( release . templates . composer )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( composer ) {
if ( isJavascript ) {
composer . dependencies = {
jquery : 'x.x.x'
} ;
composer . main = component + '.js' ;
}
composer . name = 'semantic/' + component ;
if ( version ) {
composer . version = version ;
}
composer . description = 'Single component release of ' + component ;
return composer ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
}
else {
bower . main = [
component + '.css'
] ;
}
return bower ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// create release notes
gulp . task ( task . notes , false , function ( ) {
return gulp . src ( release . templates . notes )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
// Remove release notes for lines not mentioning component
. pipe ( replace ( regExp . match . unrelatedNotes , regExp . replace . unrelatedNotes ) )
. pipe ( replace ( regExp . match . whitespace , regExp . replace . whitespace ) )
. pipe ( replace ( regExp . match . spacedVersions , regExp . replace . spacedVersions ) )
. pipe ( replace ( regExp . match . spacedLists , regExp . replace . spacedLists ) )
. pipe ( replace ( regExp . match . trim , regExp . replace . trim ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ) ;
// extend package.json
let packageTask = function ( ) {
console . info ( 'Extending package.json' ) ;
return gulp . src ( release . templates . package )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( npm ) {
if ( isJavascript ) {
npm . dependencies = {
jquery : 'x.x.x'
} ;
npm . main = 'index.js' ;
}
npm . name = packageName ;
if ( version ) {
npm . version = version ;
}
npm . title = 'Semantic UI - ' + capitalizedComponent ;
npm . description = 'Single component release of ' + component ;
npm . repository = {
type : 'git' ,
url : gitURL
} ;
return npm ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// Creates meteor package.js
gulp . task ( task . meteor , function ( ) {
var
filenames = ''
;
return gulp . src ( manifest . component )
. pipe ( concatFileNames ( 'empty.txt' , concatSettings ) )
. pipe ( tap ( function ( file ) {
filenames += file . contents ;
} ) )
. on ( 'end' , function ( ) {
gulp . src ( manifest . assets )
. pipe ( concatFileNames ( 'empty.txt' , concatSettings ) )
. pipe ( tap ( function ( file ) {
filenames += file . contents ;
} ) )
. on ( 'end' , function ( ) {
// remove trailing slash
filenames = filenames . replace ( regExp . match . trailingComma , '' ) . trim ( ) ;
gulp . src ( release . templates . meteor . component )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . name , regExp . replace . name ) )
. pipe ( replace ( regExp . match . titleName , regExp . replace . titleName ) )
. pipe ( replace ( regExp . match . version , version ) )
. pipe ( replace ( regExp . match . files , filenames ) )
. pipe ( rename ( release . files . meteor ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} )
;
} )
;
} ) ;
// extend composer.json
let composeTask = function ( ) {
console . info ( 'Extending composer.json' ) ;
return gulp . src ( release . templates . composer )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( jsonEditor ( function ( composer ) {
if ( isJavascript ) {
composer . dependencies = {
jquery : 'x.x.x'
} ;
composer . main = component + '.js' ;
}
composer . name = 'semantic/' + component ;
if ( version ) {
composer . version = version ;
}
composer . description = 'Single component release of ' + component ;
return composer ;
} ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// create release notes
let releateNotesTask = function ( ) {
return gulp . src ( release . templates . notes )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
// Remove release notes for lines not mentioning component
. pipe ( replace ( regExp . match . unrelatedNotes , regExp . replace . unrelatedNotes ) )
. pipe ( replace ( regExp . match . whitespace , regExp . replace . whitespace ) )
. pipe ( replace ( regExp . match . spacedVersions , regExp . replace . spacedVersions ) )
. pipe ( replace ( regExp . match . spacedLists , regExp . replace . spacedLists ) )
. pipe ( replace ( regExp . match . trim , regExp . replace . trim ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} ;
// synchronous tasks in orchestrator? I think not
gulp . task ( task . all , false , function ( callback ) {
gulp . series ( [
task . repo ,
task . npm ,
task . bower ,
task . readme ,
task . package ,
task . composer ,
task . notes ,
task . meteor
] , callback ) ;
} ) ;
// Creates meteor package.js
let meteorTask = function ( ) {
console . info ( 'Handling meteor release' ) ;
let
filenames = ''
;
return gulp . src ( manifest . component )
. pipe ( concatFileNames ( 'empty.txt' , concatSettings ) )
. pipe ( tap ( function ( file ) {
filenames += file . contents ;
} ) )
. on ( 'end' , function ( ) {
gulp . src ( manifest . assets )
. pipe ( concatFileNames ( 'empty.txt' , concatSettings ) )
. pipe ( tap ( function ( file ) {
filenames += file . contents ;
} ) )
. on ( 'end' , function ( ) {
// remove trailing slash
filenames = filenames . replace ( regExp . match . trailingComma , '' ) . trim ( ) ;
gulp . src ( release . templates . meteor . component )
. pipe ( plumber ( ) )
. pipe ( flatten ( ) )
. pipe ( replace ( regExp . match . name , regExp . replace . name ) )
. pipe ( replace ( regExp . match . titleName , regExp . replace . titleName ) )
. pipe ( replace ( regExp . match . version , version ) )
. pipe ( replace ( regExp . match . files , filenames ) )
. pipe ( rename ( release . files . meteor ) )
. pipe ( gulp . dest ( outputDirectory ) )
;
} )
;
} )
;
} ;
tasks . push ( task . all ) ;
tasks . push ( repoTask ) ;
tasks . push ( npmTask ) ;
tasks . push ( readmeTask ) ;
tasks . push ( bowerTask ) ;
tasks . push ( packageTask ) ;
tasks . push ( composeTask ) ;
tasks . push ( releateNotesTask ) ;
tasks . push ( meteorTask ) ;
} ) ( component ) ;
}
} ) ( component ) ;
}
gulp . series ( tasks , callback ) ;
} ;
module . exports = series ( tasks ) ;
igABHINAV
10 months ago
GitHub