chore(package): Add ESLint

.eslintignore

@@ -0,0 +1,4 @@
+*.min.js
+/components.js
+/utopia.js
+/vendor/**

.eslintrc

@@ -0,0 +1,91 @@
+{
+	"env": {
+		"browser": true,
+		"node": true,
+	},
+	"extends": "eslint:recommended",
+	"globals": {
+		"Prism": "readonly",
+	},
+	"parserOptions": {
+		"ecmaVersion": 5,
+	},
+	"root": true,
+	"rules": {
+//		"indent": [
+//			"error",
+//			"tab",
+//			{
+//				"SwitchCase": 1,
+//				"outerIIFEBody": 0,
+//			}
+//		],
+		"linebreak-style": [
+			"error",
+			"unix",
+		],
+		"no-console": "off",
+		"no-empty": "off",
+		"no-inner-declarations": "off",
+		"no-mixed-spaces-and-tabs": "error",
+		"no-redeclare": "off",
+		"no-sparse-arrays": "off",
+		"no-unused-vars": [
+			"warn",
+			{
+				"args": "none",
+				"argsIgnorePattern": "^_",
+				"varsIgnorePattern": "^_",
+			}
+		],
+		"no-useless-escape": "off",
+//		"quotes": [
+//			"warn",
+//			"single",
+//			{
+//				"avoidEscape": true,
+//			}
+//		],
+		"semi": [
+			"error",
+			"always",
+		],
+	},
+	"overrides": [
+		{
+			"files": [
+				"gulpfile.js",
+			],
+			"env": {
+				"es6": true,
+			},
+			"parserOptions": {
+				"ecmaVersion": 2015,
+			}
+		},
+		{
+			"files": [
+				"code.js",
+				"download.js",
+				"examples.js",
+				"utopia.js",
+			],
+			"globals": {
+				"$": "readonly",
+				"$$": "readonly",
+				"$u": "readonly",
+				"Utopia": "readonly",
+				"Promise": "readonly",
+				"components": "readonly",
+				"setTheme": "readonly",
+				"PrefixFree": "readonly",
+				"StyleFix": "readonly",
+			},
+			"rules": {
+				"no-cond-assign": "off",
+				"no-mixed-spaces-and-tabs": "off",
+				"semi": "off",
+			},
+		}
+	]
+}

components/prism-cil.js

@@ -24,4 +24,4 @@ Prism.languages.cil = {
 	'number': /\b-?(?:0x[0-9a-fA-F]+|[0-9]+)(?:\.[0-9a-fA-F]+)?\b/i,
 
 	'punctuation': /[{}[\];(),:=]|IL_[0-9A-Za-z]+/
-}
+};

components/prism-coffeescript.js

@@ -2,10 +2,10 @@
 
 // Ignore comments starting with { to privilege string interpolation highlighting
 var comment = /#(?!\{).+/,
-    interpolation = {
-    	pattern: /#\{[^}]+\}/,
-    	alias: 'variable'
-    };
+	interpolation = {
+		pattern: /#\{[^}]+\}/,
+		alias: 'variable'
+	};
 
 Prism.languages.coffeescript = Prism.languages.extend('javascript', {
 	'comment': comment,

components/prism-core.js

@@ -1,7 +1,7 @@
+/* global WorkerGlobalScope */
 var _self = (typeof window !== 'undefined')
 	? window   // if in browser
-	: (
-		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
+	: ((typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
 		? self // if in worker
 		: {}   // if in node js
 	);
@@ -152,7 +152,7 @@ var _ = {
 					callback.call(o, i, o[i], type || i);
 
 					var property = o[i],
-					    propertyType = _.util.type(property);
+						propertyType = _.util.type(property);
 
 					if (propertyType === 'Object' && !visited[objId(property)]) {
 						visited[objId(property)] = true;
@@ -182,7 +182,7 @@ var _ = {
 
 		var elements = env.elements || container.querySelectorAll(env.selector);
 
-		for (var i=0, element; element = elements[i++];) {
+		for (var i=0, element; (element = elements[i++]);) {
 			_.highlightElement(element, async === true, env.callback);
 		}
 	},
@@ -231,7 +231,7 @@ var _ = {
 			_.hooks.run('after-highlight', env);
 			_.hooks.run('complete', env);
 			callback && callback.call(env.element);
-		}
+		};
 
 		_.hooks.run('before-sanity-check', env);
 
@@ -328,9 +328,9 @@ var _ = {
 						}
 
 						var from = match.index + (lookbehind ? match[1].length : 0),
-						    to = match.index + match[0].length,
-						    k = i,
-						    p = pos;
+							to = match.index + match[0].length,
+							k = i,
+							p = pos;
 
 						for (var len = strarr.length; k < len && (p < to || (!strarr[k].type && !strarr[k - 1].greedy)); ++k) {
 							p += strarr[k].length;
@@ -370,10 +370,10 @@ var _ = {
 					}
 
 					var from = match.index + lookbehindLength,
-					    match = match[0].slice(lookbehindLength),
-					    to = from + match.length,
-					    before = str.slice(0, from),
-					    after = str.slice(to);
+						match = match[0].slice(lookbehindLength),
+						to = from + match.length,
+						before = str.slice(0, from),
+						after = str.slice(to);
 
 					var args = [i, delNum];
 
@@ -439,7 +439,7 @@ var _ = {
 				return;
 			}
 
-			for (var i=0, callback; callback = callbacks[i++];) {
+			for (var i=0, callback; (callback = callbacks[i++]);) {
 				callback(env);
 			}
 		}
@@ -549,5 +549,5 @@ if (typeof module !== 'undefined' && module.exports) {
 
 // hack for components to work correctly in node.js
 if (typeof global !== 'undefined') {
-	global.Prism = Prism;
+	global['Prism'] = Prism;
 }

components/prism-haml.js

@@ -145,7 +145,7 @@
 					},
 					rest: Prism.languages[filter.language]
 				}
-			}
+			};
 		}
 	}
 

components/prism-javascript.js

@@ -19,7 +19,7 @@ Prism.languages.javascript = Prism.languages.extend('clike', {
 	'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
 });
 
-Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/
+Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/;
 
 Prism.languages.insertBefore('javascript', 'keyword', {
 	'regex': {

components/prism-json5.js

@@ -1,6 +1,6 @@
 (function (Prism) {
 
-	var string = /("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/
+	var string = /("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;
 
 	Prism.languages.json5 = Prism.languages.extend('json', {
 		'property': [

components/prism-jsx.js

@@ -86,7 +86,7 @@ var walkTokens = function (tokens) {
 				openedTags[openedTags.length - 1].openedBraces--;
 
 			} else {
-				notTagNorBrace = true
+				notTagNorBrace = true;
 			}
 		}
 		if (notTagNorBrace || typeof token === 'string') {

components/prism-latex.js

@@ -1,11 +1,11 @@
 (function(Prism) {
 	var funcPattern = /\\(?:[^a-z()[\]]|[a-z*]+)/i,
-	    insideEqu = {
-		    'equation-command': {
-			    pattern: funcPattern,
-			    alias: 'regex'
-		    }
-	    };
+		insideEqu = {
+			'equation-command': {
+				pattern: funcPattern,
+				alias: 'regex'
+			}
+		};
 
 	Prism.languages.latex = {
 		'comment': /%.*/m,

components/prism-pug.js

@@ -184,7 +184,7 @@
 					},
 					rest: Prism.languages[filter.language]
 				}
-			}
+			};
 		}
 	}
 

components/prism-regex.js

@@ -4,8 +4,8 @@
 		pattern: /\\[\\(){}[\]^$+*?|.]/,
 		alias: 'escape'
 	};
-	var escape = /\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|c[a-zA-Z]|0[0-7]{0,2}|[123][0-7]{2}|.)/
-	var charClass = /\\[wsd]|\.|\\p{[^{}]+}/i
+	var escape = /\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|c[a-zA-Z]|0[0-7]{0,2}|[123][0-7]{2}|.)/;
+	var charClass = /\\[wsd]|\.|\\p{[^{}]+}/i;
 
 	var rangeChar = '(?:[^\\\\-]|' + escape.source + ')';
 	var range = RegExp(rangeChar + '-' + rangeChar);
@@ -94,4 +94,4 @@
 		}
 	});
 
-}(Prism))
+}(Prism));

components/prism-xquery.js

@@ -120,7 +120,7 @@
 					openedTags[openedTags.length - 1].openedBraces--;
 
 				} else if (token.type !== 'comment') {
-					notTagNorBrace = true
+					notTagNorBrace = true;
 				}
 			}
 			if (notTagNorBrace || typeof token === 'string') {

gulpfile.js

@@ -1,5 +1,6 @@
 const { src, dest, series, parallel, watch } = require('gulp');
 
+const eslint = require('gulp-eslint');
 const rename = require('gulp-rename');
 const uglify = require('gulp-uglify');
 const header = require('gulp-header');
@@ -61,6 +62,13 @@ function minifyJS() {
 	];
 }
 
+function lint(cb) {
+	return pump([
+		src(['**/*.js', '!node_modules/**'], { base: './' }),
+		eslint(),
+		eslint.format(),
+	], cb);
+}
 
 function minifyComponents(cb) {
 	pump([src(paths.components), ...minifyJS(), rename({ suffix: '.min' }), dest('components')], cb);
@@ -191,7 +199,7 @@ function changelog(cb) {
 const components = minifyComponents;
 const plugins = series(languagePlugins, minifyPlugins);
 
-
+exports.lint = lint;
 exports.watch = watchComponentsAndPlugins;
-exports.default = parallel(components, plugins, componentsJsonToJs, build);
+exports.default = parallel(lint, components, plugins, componentsJsonToJs, build);
 exports.changelog = changelog;

package.json

@@ -23,8 +23,10 @@
   },
   "devDependencies": {
     "chai": "^4.2.0",
+    "eslint": "^5.15.1",
     "gulp": "^4.0.0",
     "gulp-concat": "^2.3.4",
+    "gulp-eslint": "^5.0.0",
     "gulp-header": "^2.0.7",
     "gulp-rename": "^1.2.0",
     "gulp-replace": "^1.0.0",

plugins/autoloader/prism-autoloader.js

@@ -55,7 +55,7 @@
 	var getLanguagePath = function (lang) {
 		return config.languages_path +
 			'prism-' + lang
-			+ (config.use_minified ? '.min' : '') + '.js'
+			+ (config.use_minified ? '.min' : '') + '.js';
 	};
 
 	/**

plugins/custom-class/prism-custom-class.js

@@ -17,7 +17,7 @@ Prism.plugins.customClass = {
 	prefix: function prefix(string) {
 		options.prefixString = string;
 	}
-}
+};
 
 Prism.hooks.add('wrap', function (env) {
 	if (!options.classMap && !options.prefixString) {

plugins/jsonp-highlight/prism-jsonp-highlight.js

@@ -40,14 +40,14 @@
 	 */
 	function getAdapter(adapter) {
 		if (typeof adapter === "function") {
-			for (var i = 0, item; item = adapters[i++];) {
+			for (var i = 0, item; (item = adapters[i++]);) {
 				if (item.adapter.valueOf() === adapter.valueOf()) {
 					return item.adapter;
 				}
 			}
 		}
 		else if (typeof adapter === "string") {
-			for (var i = 0, item; item = adapters[i++];) {
+			for (var i = 0, item; (item = adapters[i++]);) {
 				if (item.name === adapter) {
 					return item.adapter;
 				}