Update the npm scripts to use wp-scripts for linting

Author: nani-samireddy

.eslintrc.json

@@ -1,3 +1,29 @@
 {
-	"extends": [ "plugin:@wordpress/eslint-plugin/recommended" ]
+	"root": true,
+	"extends": [
+		"plugin:@wordpress/eslint-plugin/recommended-with-formatting",
+		"plugin:import/recommended",
+		"plugin:eslint-comments/recommended"
+	],
+	"env": {
+		"browser": true
+	},
+	"rules": {
+		"jsdoc/check-indentation": "error",
+		"@wordpress/dependency-group": "error"
+	},
+	"overrides": [{
+		"files": [
+			"**/__tests__/**/*.js",
+			"**/test/*.js",
+			"**/?(*.)test.js",
+			"tests/js/**/*.js"
+		],
+		"extends": [
+			"plugin:jest/all"
+		],
+		"rules": {
+		  // Add Rules for Jest here
+		}
+	}]
 }

.lintstagedrc.js

@@ -8,4 +8,7 @@ module.exports = {
 	"**/*.{css,scss}": [
 		"npm run lint:css"
 	],
+	"package.json": [
+		"npm run lint:package-json"
+	],
 };

.stylelintrc

@@ -1,4 +1,7 @@
 {
-    "extends": "@wordpress/stylelint-config/scss",
-    "ignoreFiles": ["**/build/**"]
+	"extends": "@wordpress/stylelint-config/scss",
+	"ignoreFiles": [
+		"**/*.js"
+	],
+	"rules": {}
 }

assets/src/js/admin/customizer.js

@@ -4,39 +4,40 @@
  * Theme Customizer enhancements for a better user experience.
  *
  * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ * @param {Object} $ jQuery object.
  */
 
-(($) => {
+( ( $ ) => {
 	// Site title and description.
-	wp.customize('blogname', (value) => {
-		value.bind(function (to) {
-			$('.site-title a').text(to);
-		});
-	});
+	wp.customize( 'blogname', ( value ) => {
+		value.bind( function( to ) {
+			$( '.site-title a' ).text( to );
+		} );
+	} );
 
-	wp.customize('blogdescription', (value) => {
-		value.bind(function (to) {
-			$('.site-description').text(to);
-		});
-	});
+	wp.customize( 'blogdescription', ( value ) => {
+		value.bind( function( to ) {
+			$( '.site-description' ).text( to );
+		} );
+	} );
 
 	// Header text color.
-	wp.customize('header_textcolor', (value) => {
-		value.bind(function (to) {
-			if ('blank' === to) {
-				$('.site-title, .site-description').css({
+	wp.customize( 'header_textcolor', ( value ) => {
+		value.bind( function( to ) {
+			if ( 'blank' === to ) {
+				$( '.site-title, .site-description' ).css( {
 					clip: 'rect(1px, 1px, 1px, 1px)',
 					position: 'absolute',
-				});
+				} );
 			} else {
-				$('.site-title, .site-description').css({
+				$( '.site-title, .site-description' ).css( {
 					clip: 'auto',
 					position: 'relative',
-				});
-				$('.site-title a, .site-description').css({
+				} );
+				$( '.site-title a, .site-description' ).css( {
 					color: to,
-				});
+				} );
 			}
-		});
-	});
-} )( jQuery ); // eslint-disable-line -- no-undef
+		} );
+	} );
+} )( jQuery ); // eslint-disable-line no-undef

assets/src/js/components/fonts.js

@@ -26,11 +26,11 @@ const WebFont = {
 	loadWebFonts() {
 		const WebFontConfig = {
 			google: {
-				families: ['Open Sans:300,400,700', 'Roboto:500'],
+				families: [ 'Open Sans:300,400,700', 'Roboto:500' ],
 			},
 		};
 
-		WebFontLoader.load(WebFontConfig);
+		WebFontLoader.load( WebFontConfig );
 	},
 };
 

assets/src/js/home.js

@@ -2,4 +2,7 @@
  * Home scripts.
  */
 
+/**
+ * Internal dependencies
+ */
 import '../sass/home.scss';

assets/src/js/main.js

@@ -2,6 +2,9 @@
  * Main scripts, loaded on all pages.
  */
 
+/**
+ * Internal dependencies
+ */
 import '../sass/main.scss';
 import { common as BlankThemeCommons } from './components';
 

assets/src/js/single.js

@@ -2,4 +2,7 @@
  * Single page scripts.
  */
 
+/**
+ * Internal dependencies
+ */
 import '../sass/single.scss';