Fix eslint errors

Author: mdubus

.eslintignore

@@ -2,3 +2,7 @@ coverage/
 dist/
 docs/dist
 dist-es5-module/
+node_modules/
+assets
+.github
+scripts

.eslintrc.js

@@ -1,11 +1,11 @@
 /* Using eslint-config-algolia */
 /* eslint-disable import/no-commonjs */
 module.exports = {
-  extends: ['algolia', 'algolia/jest'],
+  extends: ['algolia', 'algolia/jest', 'plugin:prettier/recommended'],
+  plugins: ['prettier'],
   rules: {
     'no-console': 0,
     'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
     'eslint-comments/disable-enable-pair': ['error', { allowWholeFile: true }],
-    'comma-dangle': 0
-  }
+  },
 }

.prettierrc

@@ -1,5 +1,5 @@
 {
-  "trailingComma": "none",
+  "trailingComma": "all",
   "tabWidth": 2,
   "semi": false,
   "singleQuote": true,

jest.config.js

@@ -3,5 +3,5 @@ module.exports = {
   bail: true,
   resetMocks: true,
   restoreMocks: true,
-  testPathIgnorePatterns: ['/node_modules/', '/dist/', '/docs/']
+  testPathIgnorePatterns: ['/node_modules/', '/dist/', '/docs/'],
 }

package.json

@@ -17,8 +17,8 @@
     "format:md": "prettier --write '**/*.md'",
     "playground": "yarn --cwd ./playgrounds/html && yarn --cwd ./playgrounds/html serve",
     "playground:js": "yarn --cwd ./playgrounds/javascript && yarn --cwd ./playgrounds/javascript serve",
-    "lint": "eslint ./src ./*.js",
-    "lint-fix": "eslint --fix ./src ./*.js",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "prettier-ci": "prettier --check ./src/**/*.scss '**/*.md'",
     "test": "./scripts/test",
     "test:watch": "./scripts/test-watch"

playgrounds/javascript/src/index.js

@@ -14,5 +14,5 @@ docsSearchBar({
     console.info(datasetNumber)
     console.info(context)
   },
-  debug: true // Set debug to true if you want to inspect the dropdown
+  debug: true, // Set debug to true if you want to inspect the dropdown
 })

src/lib/DocsSearchBar.js

@@ -39,7 +39,7 @@ class DocsSearchBar {
     queryHook = false,
     handleSelected = false,
     enhancedSearchInput = false,
-    layout = 'columns'
+    layout = 'columns',
   }) {
     DocsSearchBar.checkArguments({
       hostUrl,
@@ -54,7 +54,7 @@ class DocsSearchBar {
       queryHook,
       handleSelected,
       enhancedSearchInput,
-      layout
+      layout,
     })
 
     this.apiKey = apiKey
@@ -66,14 +66,14 @@ class DocsSearchBar {
       attributesToHighlight: ['*'],
       attributesToCrop: ['content'],
       cropLength: 30,
-      ...meilisearchOptions
+      ...meilisearchOptions,
     }
     this.queryDataCallback = queryDataCallback || null
     this.autocompleteOptions = {
       debug,
       hint: false,
       autoselect: true,
-      ...autocompleteOptions
+      ...autocompleteOptions,
     }
     const inputAriaLabel =
       this.input &&
@@ -87,15 +87,16 @@ class DocsSearchBar {
       this.autocompleteOptions.cssClasses.prefix || 'dsb'
     this.autocompleteOptions.cssClasses.root =
       this.autocompleteOptions.cssClasses.root || 'meilisearch-autocomplete'
-    this.autocompleteOptions.keyboardShortcuts = this.parseHotkeysAutocompleteOptions(
-      this.autocompleteOptions.keyboardShortcuts
-    ) || ['s', 191]
+    this.autocompleteOptions.keyboardShortcuts =
+      this.parseHotkeysAutocompleteOptions(
+        this.autocompleteOptions.keyboardShortcuts
+      ) || ['s', 191]
 
     this.isSimpleLayout = layout === 'simple'
 
     this.client = new MeiliSearch({
       host: hostUrl,
-      apiKey: this.apiKey
+      apiKey: this.apiKey,
     })
 
     if (enhancedSearchInput) {
@@ -108,9 +109,9 @@ class DocsSearchBar {
         templates: {
           suggestion: DocsSearchBar.getSuggestionTemplate(this.isSimpleLayout),
           footer: templates.footer,
-          empty: DocsSearchBar.getEmptyTemplate()
-        }
-      }
+          empty: DocsSearchBar.getEmptyTemplate(),
+        },
+      },
     ])
 
     const customHandleSelected = handleSelected
@@ -277,7 +278,7 @@ class DocsSearchBar {
           utils.getHighlightedValue(hit, 'lvl3'),
           utils.getHighlightedValue(hit, 'lvl4'),
           utils.getHighlightedValue(hit, 'lvl5'),
-          utils.getHighlightedValue(hit, 'lvl6')
+          utils.getHighlightedValue(hit, 'lvl6'),
         ])
         .join(
           '<span class="aa-suggestion-title-separator" aria-hidden="true"> › </span>'
@@ -306,7 +307,7 @@ class DocsSearchBar {
         subcategory,
         title: displayTitle,
         text,
-        url
+        url,
       }
     })
   }