mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-26 03:24:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

es6, umd, and iife bundles are all being created properly for core and docs. Dramatically simplified (using rollup):

Browse Source 
- js file generation
- docs js generation
- configuration and bridging to jekyll (removed a bunch of unnecessary code)
This commit is contained in:
Kevin Ross 2016-01-04 11:28:12 -06:00
parent 97c952746f
commit 3fdbbbec28
10 changed files with 56 additions and 190 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
Gruntfile.js
View File

@ -56,55 +56,6 @@ module.exports = function (grunt) {
]
});
var moduleGenerator = require('./grunt/module-generator.js');
var configBridge = grunt.file.readJSON('./grunt/configBridge.json', {encoding: 'utf8'});
// dynamically create js file list (we do this for several different directories)
function coreFileArray(path) {
var result = []
configBridge.core.files.forEach(
function (element, index, array) {
result[index] = (path + element)
}
);
return result;
}
function fileMap(result, fileArray, destPath, sourcPath) {
fileArray.forEach(
function (element, index, array) {
result[destPath + element] = (sourcPath + element)
}
);
}
function coreFileMap(destPath, sourcePath) {
var result = {}
fileMap(result, configBridge.core.files, destPath, sourcePath)
return result;
}
function docsFileMap() {
var result = {}
var sourcePath = 'docs/assets/js/src/'
var destPath = 'docs/assets/js/dist/'
fileMap(result, configBridge.docs.files, destPath, sourcePath)
// generate core so we have local debugging
var sourcePath = 'js/src/'
var destPath = 'docs/dist/js/demoduled/'
fileMap(result, configBridge.core.files, destPath, sourcePath)
return result;
}
//Object.keys(configBridge.paths).forEach(function (key) {
// configBridge.paths[key].forEach(function (val, i, arr) {
// arr[i] = path.join('./docs/assets', val);
// });
//});
// Project configuration.
grunt.initConfig({
@ -124,31 +75,6 @@ module.exports = function (grunt) {
docs: 'docs/dist'
},
//babel: {
// options: {
// sourceMap: true,
// presets: ['es2015'] // the following is the es2015 preset minus the commonjs requirement
// },
// core: {
// files: coreFileMap('dist/js/demoduled/', 'js/src/')
// },
// docs: {
// files: docsFileMap()
// },
// systemjs: {
// options: {
// plugins: ['transform-es2015-modules-systemjs']
// },
// files: coreFileMap('dist/js/systemjs/', 'js/src/')
// },
// umd: {
// options: {
// plugins: ['transform-es2015-modules-umd']
// },
// files: coreFileMap('dist/js/umd/', 'js/src/')
// }
//},
eslint: {
options: {
configFile: 'js/.eslintrc'
@ -193,15 +119,7 @@ module.exports = function (grunt) {
// stripBanners: false,
// sourceMap: true
// },
// systemjs: {
// src: coreFileArray('dist/js/systemjs/'),
// dest: 'dist/js/system-all.js'
// },
// commonjs: {
// src: coreFileArray('dist/js/umd/'),
// dest: 'dist/js/common-all.js'
// }
//},
uglify: {
options: {
compress: {
@ -223,7 +141,6 @@ module.exports = function (grunt) {
options: {
compress: false
},
//src: configBridge.paths.docsJs,
src: 'docs/assets/js/vendor/*.js',
//dest: 'docs/assets/js/docs.min.js'
dest: 'docs/dist/js/docs-vendor.min.js'
@ -632,14 +549,6 @@ module.exports = function (grunt) {
// Default task.
grunt.registerTask('default', ['clean:dist', 'test']);
grunt.registerTask('commonjs', 'Generate npm-js/commonjs entrypoint module.', function () {
moduleGenerator.commonJs(grunt, coreFileArray('./umd/'), 'dist/js/common.js');
});
grunt.registerTask('systemjs', 'Generate systemjs entrypoint module.', function () {
moduleGenerator.systemJs(grunt, coreFileArray('./systemjs/'), 'dist/js/system.js');
});
//------
// Docs tasks
@ -682,6 +591,6 @@ module.exports = function (grunt) {
});
//grunt.registerTask('debug', function () {
// console.log(coreFileArray('dist/js/demoduled/'));
// console.log('');
//});
};

10
docs/_plugins/bridge.rb
View File

@ -1,10 +0,0 @@
require 'yaml'
module Bridge
class Generator < Jekyll::Generator
def generate(site)
path = File.join(site.source, "../grunt/configBridge.json")
site.data["configBridge"] = YAML.load_file(path)
end
end
end

4
docs/assets/js/src/index.js
View File

@ -2,7 +2,9 @@
import Style from './style'
import Clipboard from 'clipboard'
import anchors from 'anchor'
//import mdb from '../../../../js/src/index' // eslint-disable-line no-unused-vars
// import all the mdb code
import mdb from '../../../../js/src/index' // eslint-disable-line no-unused-vars
class Application {

22
grunt/configBridge.json
View File

@ -1,22 +0,0 @@
{
"core": {
"files": [
"baseInput.js",
"baseSelection.js",
"util.js",
"ripples.js",
"autofill.js",
"text.js",
"textarea.js",
"select.js",
"checkbox.js",
"checkboxInline.js",
"switch.js",
"radio.js",
"radioInline.js",
"file.js",
"bootstrapMaterialDesign.js",
"index.js"
]
}
}

45
grunt/module-generator.js
View File

@ -1,45 +0,0 @@
module.exports = (function () {
'use strict';
var fs = require('fs');
var path = require('path');
var COMMONJS_BANNER = '// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.\n';
var commonJs = function (grunt, srcFiles, destFilepath) {
function moduleRequireStatement(srcFilepath) {
return 'require(\'' + srcFilepath.replace(/\\/g, '/') + '\')';
}
var moduleOutputJs = COMMONJS_BANNER + srcFiles.map(moduleRequireStatement).join('\n');
try {
fs.writeFileSync(destFilepath, moduleOutputJs);
} catch (err) {
grunt.fail.warn(err);
}
grunt.log.writeln('File ' + destFilepath.cyan + ' created.');
}
var SYSTEMJS_BANNER = '// This file is autogenerated via the `systemjs` Grunt task. You can import this file in a SystemJS environment.\n';
var systemJs = function (grunt, srcFiles, destFilepath) {
function moduleRequireStatement(srcFilepath) {
return 'System.import(\'' + srcFilepath.replace(/\\/g, '/') + '\')';
}
var moduleOutputJs = SYSTEMJS_BANNER + srcFiles.map(moduleRequireStatement).join('\n');
try {
fs.writeFileSync(destFilepath, moduleOutputJs);
} catch (err) {
grunt.fail.warn(err);
}
grunt.log.writeln('File ' + destFilepath.cyan + ' created.');
}
return {
commonJs: commonJs,
systemJs: systemJs
}
}())

42
js/src/baseFormControl.js Normal file
View File

@ -0,0 +1,42 @@
import BaseInput from './baseInput'
const BaseFormControl = (($) => {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
const Default = {
decorator: {
template: `<span class='mdb-form-control-decorator'></span>`
},
requiredClasses: ['form-control']
}
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
class BaseFormControl extends BaseInput {
constructor($element, config) {
super($element, $.extend(true, Default, config))
// Initially mark as empty
if (this.isEmpty()) {
this.removeIsFilled()
}
// Add marker div the end of the form-group
this.$element.after(this.config.decorator.template)
}
}
return BaseFormControl
})(jQuery)
export default BaseFormControl

1
js/src/index.js
View File

@ -9,6 +9,7 @@
/* eslint-disable no-unused-vars */
import BaseInput from './baseInput'
import BaseFormControl from './baseFormControl'
import BaseSelection from './baseSelection'
import Util from './util'
import Ripples from './ripples'

3
js/src/select.js
View File

@ -1,3 +1,4 @@
import BaseFormControl from './baseFormControl'
import Checkbox from './checkbox'
import File from './file'
import Radio from './radio'
@ -27,7 +28,7 @@ const Select = (($) => {
* Class Definition
* ------------------------------------------------------------------------
*/
class Select extends Text {
class Select extends BaseFormControl {
constructor($element, config) {
super($element, $.extend(true, {invalidComponentMatches: [Checkbox, File, Radio, Switch, Text, Textarea]}, Default, config))

21
js/src/text.js
View File

@ -1,4 +1,4 @@
import BaseInput from './baseInput'
import BaseFormControl from './baseFormControl'
import Checkbox from './checkbox'
import File from './file'
import Radio from './radio'
@ -19,30 +19,17 @@ const Text = (($) => {
const JQUERY_NAME = `mdb${NAME.charAt(0).toUpperCase() + NAME.slice(1)}`
const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME]
const Default = {
decorator: {
template: `<span class='mdb-form-control-decorator'></span>`
},
requiredClasses: ['form-control']
}
const Default = {}
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
class Text extends BaseInput {
class Text extends BaseFormControl {
constructor($element, config) {
super($element, $.extend(true, {invalidComponentMatches: [Checkbox, File, Radio, Select, Switch, Textarea]}, Default, config))
// Initially mark as empty
if (this.isEmpty()) {
this.removeIsFilled()
}
// Add marker div the end of the form-group
this.$element.after(this.config.decorator.template)
super($element, $.extend(true, {invalidComponentMatches: [Checkbox, File, Radio, Switch, Select, Textarea]}, Default, config))
}
dispose(dataKey = DATA_KEY) {

3
js/src/textarea.js
View File

@ -1,3 +1,4 @@
import BaseFormControl from './baseFormControl'
import Checkbox from './checkbox'
import File from './file'
import Radio from './radio'
@ -25,7 +26,7 @@ const Textarea = (($) => {
* Class Definition
* ------------------------------------------------------------------------
*/
class Textarea extends Text {
class Textarea extends BaseFormControl {
constructor($element, config) {
super($element, $.extend(true, {invalidComponentMatches: [Checkbox, File, Radio, Text, Select, Switch]}, Default, config))