Add prettier and editorconfig files. Reformat JavaScript code.

.editorconfig

@@ -0,0 +1,7 @@
+[*]
+charset = utf-8
+insert_final_newline = true
+end_of_line = lf
+indent_style = space
+indent_size = 2
+max_line_length = 120

.gitignore

@@ -1,5 +1,7 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
+.env
+
 # Mac OS X
 .DS_Store
 ._.*

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 2,
+    "semi": true,
+    "singleQuote": true
+}

postcss.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  plugins: [
-    require('autoprefixer'),
-  ],
+  plugins: [require('autoprefixer')],
 };

src/index.html

@@ -15,7 +15,7 @@ <h1>Webpack 5 Template Boilerplate</h1>
       <div class="badges">
         <a href="https://github.com/WeAreAthlon/frontend-webpack-boilerplate/" target="_blank" rel="noopener"><img src="https://img.shields.io/maintenance/yes/2023?logo=github" alt="Maintenance"></a>
         <a href="https://github.com/WeAreAthlon/frontend-webpack-boilerplate/actions" target="_blank" rel="noopener"><img src="https://github.com/WeAreAthlon/frontend-webpack-boilerplate/actions/workflows/deploy.yml/badge.svg" alt="Build Status"></a>
-        <a href="https://webpack.js.org" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/webpack-v5.88.2-green?logo=webpack" alt="Current Webpack Version"></a>
+        <a href="https://webpack.js.org" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/webpack-v5.89.0-green?logo=webpack" alt="Current Webpack Version"></a>
         <a href="https://snyk.io/advisor/npm-package/@weareathlon/frontend-webpack-boilerplate" target="_blank" rel="noopener"><img src="https://snyk.io/advisor/npm-package/@weareathlon/frontend-webpack-boilerplate/badge.svg" alt="Snyk.io package health badge"></a>
         <br>
         <a href="https://github.com/WeAreAthlon/frontend-webpack-boilerplate/issues" target="_blank" rel="noopener"><img src="https://img.shields.io/github/issues-raw/WeAreAthlon/frontend-webpack-boilerplate" alt="GitHub Issues"></a>

src/js/demo.js

@@ -1,4 +1,5 @@
-const demo = () => 'Webpack Boilerplate v5.17.1 - SASS/PostCSS, ES6/7, browser sync, source code listing and more.';
+const demo = () =>
+  'Webpack Boilerplate v5.17.1 - SASS/PostCSS, ES6/7, browser sync, source code listing and more.';
 
 // eslint-disable-next-line no-console
 console.log(demo());

webpack.config.js

@@ -1,7 +1,6 @@
 /**
  * Webpack main configuration file
  */
-
 const path = require('path');
 const fs = require('fs');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
@@ -12,19 +11,24 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
 const environment = require('./configuration/environment');
 
-const templateFiles = fs.readdirSync(environment.paths.source)
-  .filter((file) => ['.html', '.ejs'].includes(path.extname(file).toLowerCase())).map((filename) => ({
+const templateFiles = fs
+  .readdirSync(environment.paths.source)
+  .filter((file) => ['.html', '.ejs'].includes(path.extname(file).toLowerCase()))
+  .map((filename) => ({
     input: filename,
     output: filename.replace(/\.ejs$/, '.html'),
   }));
 
-const htmlPluginEntries = templateFiles.map((template) => new HTMLWebpackPlugin({
-  inject: true,
-  hash: false,
-  filename: template.output,
-  template: path.resolve(environment.paths.source, template.input),
-  favicon: path.resolve(environment.paths.source, 'images', 'favicon.ico'),
-}));
+const htmlPluginEntries = templateFiles.map(
+  (template) =>
+    new HTMLWebpackPlugin({
+      inject: true,
+      hash: false,
+      filename: template.output,
+      template: path.resolve(environment.paths.source, template.input),
+      favicon: path.resolve(environment.paths.source, 'images', 'favicon.ico'),
+    })
+);
 
 module.exports = {
   entry: {