switch to eslint:recommended rules

This commit is contained in:
Kevin Ross 2015-12-30 13:09:12 -06:00
parent 1d4c603796
commit fcb183e441
7 changed files with 213 additions and 266 deletions

View File

@ -1,194 +1,196 @@
{ {
"root": true, "root": true,
"parser": "babel-eslint", "parser": "babel-eslint",
"extends": "eslint:recommended",
"env": { "env": {
"browser": true, "browser": true,
"jquery": true "jquery": true
},
"rules": {
// Possible Errors
"comma-dangle": [
2,
"never"
],
"handle-callback-err": 2,
"no-bitwise": 0,
"no-cond-assign": 2,
"no-console": 2,
"no-constant-condition": 2,
"no-control-regex": 2,
"no-debugger": 2,
"no-dupe-args": 2,
"no-dupe-keys": 2,
"no-duplicate-case": 2,
"no-empty": 2,
"no-empty-character-class": 2,
"no-ex-assign": 2,
"no-extra-boolean-cast": 2,
"no-extra-parens": 0,
"no-extra-semi": 2,
"no-func-assign": 2,
"no-inner-declarations": 2,
"no-invalid-regexp": 2,
"no-irregular-whitespace": 2,
"no-negated-in-lhs": 2,
"no-obj-calls": 2,
"no-regex-spaces": 2,
"no-sparse-arrays": 2,
"no-unexpected-multiline": 2,
"no-unreachable": 2,
"use-isnan": 2,
"valid-jsdoc": 0,
"valid-typeof": 2,
//Best Practices
"accessor-pairs": 2,
"block-scoped-var": 2,
"consistent-return": 2,
"curly": 2,
"default-case": 2,
"dot-location": 0,
"dot-notation": 0,
"eqeqeq": 2,
// "guard-for-in": 2,
"no-alert": 2,
"no-caller": 2,
"no-div-regex": 2,
"no-else-return": 2,
"no-empty-label": 2,
"no-eq-null": 2,
"no-eval": 2,
"no-extend-native": 2,
"no-extra-bind": 2,
"no-fallthrough": 2,
"no-floating-decimal": 2,
"no-implicit-coercion": 2,
"no-implied-eval": 2,
"no-invalid-this": 0,
"no-iterator": 2,
"no-labels": 2,
"no-lone-blocks": 2,
"no-loop-func": 2,
"no-multi-spaces": 0,
"no-multi-str": 2,
"no-native-reassign": 2,
"no-new": 2,
"no-new-func": 0,
"no-new-wrappers": 2,
"no-octal": 2,
"no-octal-escape": 2,
"no-param-reassign": 0,
"no-process-env": 2,
"no-proto": 2,
"no-redeclare": 2,
"no-return-assign": 2,
"no-script-url": 2,
"no-self-compare": 2,
"no-sequences": 2,
"no-throw-literal": 2,
"no-unused-expressions": 2,
"no-useless-call": 2,
"no-useless-concat": 2,
"no-void": 2,
"no-warning-comments": 0,
"no-with": 2,
"radix": 2,
"vars-on-top": 0,
"wrap-iife": 2,
"yoda": 2,
// Variables
"init-declarations": 0,
"no-catch-shadow": 2,
"no-delete-var": 2,
"no-label-var": 2,
"no-shadow": 0,
"no-shadow-restricted-names": 2,
"no-undef": 2,
"no-undefined": 0,
"no-undef-init": 2,
"no-unused-vars": [
2,
{
"argsIgnorePattern": "$"
}
],
"no-use-before-define": 0,
// Stylistic
"array-bracket-spacing": 2,
"block-spacing": 2,
"brace-style": 2,
"camelcase": 2,
"comma-spacing": 2,
"comma-style": 2,
"computed-property-spacing": 2,
"consistent-this": 2,
"eol-last": 2,
"func-names": 0,
"func-style": 0,
// "indent": [2, 2], //[2, 2, {"SwitchCase": 1}],
"key-spacing": 0,
"linebreak-style": 2,
"lines-around-comment": 0,
"new-cap": 0,
"newline-after-var": 0,
"new-parens": 2,
"no-array-constructor": 2,
"no-continue": 0,
"no-inline-comments": 0,
"no-lonely-if": 2,
"no-mixed-spaces-and-tabs": 2,
"no-multiple-empty-lines": 2,
"no-nested-ternary": 0,
"no-new-object": 2,
"no-spaced-func": 2,
"no-ternary": 0,
"no-trailing-spaces": 2,
"no-underscore-dangle": 0,
"no-unneeded-ternary": 2,
// "object-curly-spacing": [
// 1,
// "always"
// ],
"one-var": 0,
"operator-assignment": 2,
"operator-linebreak": 0,
"padded-blocks": 0,
"quote-props": [2, "as-needed"],
"quotes": [2, "single"],
"semi": [
2,
"never"
],
"semi-spacing": 2,
"sort-vars": 2,
"space-after-keywords": 2,
"space-before-blocks": 2,
"space-before-function-paren": 0,
// "spaced-comment": 2,
"space-infix-ops": 2,
"space-in-parens": 2,
"space-return-throw-case": 2,
"space-unary-ops": 2,
"quotes": [
2,
"single",
"avoid-escape"
],
// es6
"arrow-parens": 2,
"arrow-spacing": 2,
"constructor-super": 2,
"generator-star-spacing": 2,
"no-class-assign": 2,
"no-const-assign": 2,
"no-dupe-class-members": 2,
"no-this-before-super": 2,
"no-var": 2,
"object-shorthand": 2,
"prefer-arrow-callback": 2,
"prefer-const": 0,
"prefer-reflect": 0,
"prefer-spread": 2,
"prefer-template": 2,
"require-yield": 2
} }
//,
// "rules": {
// // Possible Errors
// "comma-dangle": [
// 2,
// "never"
// ],
// "handle-callback-err": 2,
// "no-bitwise": 0,
// "no-cond-assign": 2,
// "no-console": 2,
// "no-constant-condition": 2,
// "no-control-regex": 2,
// "no-debugger": 2,
// "no-dupe-args": 2,
// "no-dupe-keys": 2,
// "no-duplicate-case": 2,
// "no-empty": 2,
// "no-empty-character-class": 2,
// "no-ex-assign": 2,
// "no-extra-boolean-cast": 2,
// "no-extra-parens": 0,
// "no-extra-semi": 2,
// "no-func-assign": 2,
// "no-inner-declarations": 2,
// "no-invalid-regexp": 2,
// "no-irregular-whitespace": 2,
// "no-negated-in-lhs": 2,
// "no-obj-calls": 2,
// "no-regex-spaces": 2,
// "no-sparse-arrays": 2,
// "no-unexpected-multiline": 2,
// "no-unreachable": 2,
// "use-isnan": 2,
// "valid-jsdoc": 0,
// "valid-typeof": 2,
// //Best Practices
// "accessor-pairs": 2,
// "block-scoped-var": 2,
// "consistent-return": 2,
// "curly": 2,
// "default-case": 2,
// "dot-location": 0,
// "dot-notation": 0,
// "eqeqeq": 2,
// // "guard-for-in": 2,
// "no-alert": 2,
// "no-caller": 2,
// "no-div-regex": 2,
// "no-else-return": 2,
// "no-empty-label": 2,
// "no-eq-null": 2,
// "no-eval": 2,
// "no-extend-native": 2,
// "no-extra-bind": 2,
// "no-fallthrough": 2,
// "no-floating-decimal": 2,
// "no-implicit-coercion": 2,
// "no-implied-eval": 2,
// "no-invalid-this": 0,
// "no-iterator": 2,
// "no-labels": 2,
// "no-lone-blocks": 2,
// "no-loop-func": 2,
// "no-multi-spaces": 0,
// "no-multi-str": 2,
// "no-native-reassign": 2,
// "no-new": 2,
// "no-new-func": 0,
// "no-new-wrappers": 2,
// "no-octal": 2,
// "no-octal-escape": 2,
// "no-param-reassign": 0,
// "no-process-env": 2,
// "no-proto": 2,
// "no-redeclare": 2,
// "no-return-assign": 2,
// "no-script-url": 2,
// "no-self-compare": 2,
// "no-sequences": 2,
// "no-throw-literal": 2,
// "no-unused-expressions": 2,
// "no-useless-call": 2,
// "no-useless-concat": 2,
// "no-void": 2,
// "no-warning-comments": 0,
// "no-with": 2,
// "radix": 2,
// "vars-on-top": 0,
// "wrap-iife": 2,
// "yoda": 2,
// // Variables
// "init-declarations": 0,
// "no-catch-shadow": 2,
// "no-delete-var": 2,
// "no-label-var": 2,
// "no-shadow": 0,
// "no-shadow-restricted-names": 2,
// "no-undef": 2,
// "no-undefined": 0,
// "no-undef-init": 2,
// "no-unused-vars": [
// 2,
// {
// "argsIgnorePattern": "$"
// }
// ],
// "no-use-before-define": 0,
// // Stylistic
// "array-bracket-spacing": 2,
// "block-spacing": 2,
// "brace-style": 2,
// "camelcase": 2,
// "comma-spacing": 2,
// "comma-style": 2,
// "computed-property-spacing": 2,
// "consistent-this": 2,
// "eol-last": 2,
// "func-names": 0,
// "func-style": 0,
//// "indent": [2, 2], //[2, 2, {"SwitchCase": 1}],
// "key-spacing": 0,
// "linebreak-style": 2,
// "lines-around-comment": 0,
// "new-cap": 0,
// "newline-after-var": 0,
// "new-parens": 2,
// "no-array-constructor": 2,
// "no-continue": 0,
// "no-inline-comments": 0,
// "no-lonely-if": 2,
// "no-mixed-spaces-and-tabs": 2,
// "no-multiple-empty-lines": 2,
// "no-nested-ternary": 0,
// "no-new-object": 2,
// "no-spaced-func": 2,
// "no-ternary": 0,
// "no-trailing-spaces": 2,
// "no-underscore-dangle": 0,
// "no-unneeded-ternary": 2,
//// "object-curly-spacing": [
//// 1,
//// "always"
//// ],
// "one-var": 0,
// "operator-assignment": 2,
// "operator-linebreak": 0,
// "padded-blocks": 0,
// "quote-props": [2, "as-needed"],
// "quotes": [2, "single"],
// "semi": [
// 2,
// "never"
// ],
// "semi-spacing": 2,
// "sort-vars": 2,
// "space-after-keywords": 2,
// "space-before-blocks": 2,
// "space-before-function-paren": 0,
// // "spaced-comment": 2,
// "space-infix-ops": 2,
// "space-in-parens": 2,
// "space-return-throw-case": 2,
// "space-unary-ops": 2,
// "quotes": [
// 2,
// "single",
// "avoid-escape"
// ],
// // es6
// "arrow-parens": 2,
// "arrow-spacing": 2,
// "constructor-super": 2,
// "generator-star-spacing": 2,
// "no-class-assign": 2,
// "no-const-assign": 2,
// "no-dupe-class-members": 2,
// "no-this-before-super": 2,
// "no-var": 2,
// "object-shorthand": 2,
// "prefer-arrow-callback": 2,
// "prefer-const": 0,
// "prefer-reflect": 0,
// "prefer-spread": 2,
// "prefer-template": 2,
// "require-yield": 2
// }
} }

View File

@ -47,7 +47,7 @@ const Autofill = (($) => {
_onLoading() { _onLoading() {
setInterval(() => { setInterval(() => {
$('input[type!=checkbox]').each((index, element) => { $('input[type!=checkbox]').each((index, element) => {
let $element = $($element) let $element = $(element)
if ($element.val() && $element.val() !== $element.attr('value')) { if ($element.val() && $element.val() !== $element.attr('value')) {
$element.triggerStart('change') $element.triggerStart('change')
} }
@ -64,7 +64,7 @@ const Autofill = (($) => {
let $inputs = $(event.currentTarget).closest('form').find('input').not('[type=file]') let $inputs = $(event.currentTarget).closest('form').find('input').not('[type=file]')
focused = setInterval(() => { focused = setInterval(() => {
$inputs.each((index, element) => { $inputs.each((index, element) => {
let $element = $($element) let $element = $(element)
if ($element.val() !== $element.attr('value')) { if ($element.val() !== $element.attr('value')) {
$element.triggerStart('change') $element.triggerStart('change')
} }

View File

@ -136,7 +136,7 @@ const BaseInput = (($) => {
this.addIsFilled() this.addIsFilled()
} }
}) })
.on('keyup change', (event) => { .on('keyup change', () => {
// make sure empty is added back when there is a programmatic value change. // make sure empty is added back when there is a programmatic value change.
// NOTE: programmatic changing of value using $.val() must trigger the change event i.e. $.val('x').trigger('change') // NOTE: programmatic changing of value using $.val() must trigger the change event i.e. $.val('x').trigger('change')

View File

@ -124,7 +124,8 @@ const BootstrapMaterialDesign = (($) => {
componentConfig = $.extend(true, {}, this.config.global, componentConfig) componentConfig = $.extend(true, {}, this.config.global, componentConfig)
// create the jquery fn name e.g. 'mdbText' for 'text' // create the jquery fn name e.g. 'mdbText' for 'text'
let jqueryFn = `mdb${component.charAt(0).toUpperCase() + component.slice(1)}` let componentName = `${component.charAt(0).toUpperCase() + component.slice(1)}`
let jqueryFn = `mdb${componentName}`
try { try {
// safely instantiate component on selector elements with config, report errors and move on. // safely instantiate component on selector elements with config, report errors and move on.

19
js/src/index.js Normal file
View File

@ -0,0 +1,19 @@
// main entry point
/* eslint-disable no-unused-vars */
import BaseInput from './baseInput'
import BaseSelection from './baseSelection'
import Util from './util'
import Ripples from './ripples'
import Autofill from './autofill'
import Text from './text'
import Textarea from './textarea'
import Select from './select'
import Checkbox from './checkbox'
import CheckboxInline from './checkboxInline'
import Switch from './switch'
import Radio from './radio'
import RadioInline from './radioInline'
import File from './file'
import BootstrapMaterialDesign from './bootstrapMaterialDesign'
/* eslint-enable no-unused-vars */

View File

@ -1,75 +0,0 @@
import Util from './util'
const Foo = (($) => {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
const NAME = 'foo'
const DATA_KEY = `mdb.${NAME}`
const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME]
const Default = {
template: ``
}
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
class Foo {
constructor($element, config) {
this.$element = $element
this.config = $.extend(true, {}, Default, config)
}
dispose() {
$.removeData(this.$element, DATA_KEY)
this.$element = null
this.config = null
}
// ------------------------------------------------------------------------
// private
_bar(element) {
let x = 1
return x
}
// ------------------------------------------------------------------------
// static
static _jQueryInterface(config) {
return this.each(function () {
let $element = $(this)
let data = $element.data(DATA_KEY)
if (!data) {
data = new Foo($element, config)
$element.data(DATA_KEY, data)
}
})
}
}
/**
* ------------------------------------------------------------------------
* jQuery
* ------------------------------------------------------------------------
*/
$.fn[JQUERY_NAME] = Foo._jQueryInterface
$.fn[JQUERY_NAME].Constructor = Foo
$.fn[JQUERY_NAME].noConflict = () => {
$.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT
return Foo._jQueryInterface
}
return Foo
})(jQuery)
export default Foo

View File

@ -1,4 +1,4 @@
const Util = (($) => { const Util = (() => {
/** /**
* ------------------------------------------------------------------------ * ------------------------------------------------------------------------