lint js

client/components/anchorPositioningPolyfill.js

@@ -1,6 +1,6 @@
 /*
 This file basically checks support for Anchor Positioning API in the browser,
-and then loads the Oddbird polyfill if support is lacking. 
+and then loads the Oddbird polyfill if support is lacking.
 */
 
 let polyfillPromise;

client/components/codeEditor/codeEditor.jsx

@@ -46,7 +46,7 @@ const settingsCompartment = new Compartment();
 
 import { generalKeymap, markdownKeymap, cssKeymap, formatCSS } from './extensions/customKeyMaps.js';
 import foldOnPages from './extensions/customFolding.js';
-import { customHighlightStyle , customHighlightPlugin } from './extensions/customHighlight.js';
+import { customHighlightStyle, customHighlightPlugin } from './extensions/customHighlight.js';
 import { legacyCustomHighlightStyle } from './extensions/legacyCustomHighlight.js';
 
 const PAGEBREAK_REGEX_V3 = /^(?=\\page(?:break)?(?: *{[^\n{}]*})?$)/m;

client/components/codeEditor/extensions/customKeyMaps.js

@@ -14,25 +14,24 @@ export async function formatCSS(view) {
 		const code = empty ? fullDoc : selection;
 
 		let formatted = await prettier.format(code, {
-			parser: 'css',
-			plugins: [postcssPlugin],
+			parser  : 'css',
+			plugins : [postcssPlugin],
 
 			// formatting options
-			tabWidth: 2,
-			useTabs: false,
-			printWidth: 100,
-			singleQuote: false,
-			trailingComma: 'all',
-			bracketSpacing: true,
-			endOfLine: 'lf'
+			tabWidth       : 2,
+			useTabs        : false,
+			printWidth     : 100,
+			singleQuote    : false,
+			trailingComma  : 'all',
+			bracketSpacing : true,
+			endOfLine      : 'lf'
 		});
 
 		//format manually single declaration rules to span one line.
 		//Prettier can't do it by default, this is crude but it works
 		formatted = formatted.replace(
-		/([^{]+)\{\s*\n\s*([^;\n]+:[^;\n]+;)\s*\n\s*\}(\s*)/g,
-		(_, selector, decl, whitespace) =>
-			`${selector} { ${decl.trim()} }${whitespace}`
+			/([^{]+)\{\s*\n\s*([^;\n]+:[^;\n]+;)\s*\n\s*\}(\s*)/g,
+			(_, selector, decl, whitespace)=>`${selector} { ${decl.trim()} }${whitespace}`
 		);
 		if(formatted === code) return true;
 

client/components/combobox.jsx

@@ -7,7 +7,7 @@ const Combobox = createReactClass({
 	displayName     : 'Combobox',
 	getDefaultProps : function() {
 		return {
-			id			: '',
+			id       			: '',
 			className   : '',
 			trigger     : 'hover',
 			default     : '',

client/components/dropdown/dropdown.jsx

@@ -1,11 +1,11 @@
 /**
  * A dropdown menu component that uses the Anchor Positioning API to position the elements.  It supports nested submenus as well.
  * Anchor Positioning is now supported in all major browsers.  A polyfill is conditionally loaded for older browsers.
- * 
+ *
  * As-is, the menus will always open down aligned on left to trigger, submenus open to the right initially.
  * If no space, menus will still open down, but aligned to the right of the trigger.  Submenus will flip to the other side of the top menu.
  * This could be customized either in more specific CSS, or as a `direction` prop on the component (in future iterations).
- * 
+ *
  * @param {string} props.groupName - Name of the menu. Appears as the trigger text.
  * @param {string} [props.icon] - Icon to display in the trigger.
  * @param {string} [props.color] - Color class to add to the trigger.