Merge pull request #76 from bstaruk/develop

3.6.0

.lintstagedrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  '*.js': () => 'eslint --max-warnings=0',
+  '*.scss': () => 'stylelint',
+  '*.{js,json,md}': () => 'prettier --write',
+};

.nvmrc

@@ -1 +1 @@
-v16
+v18

LICENSE

@@ -1,4 +1,4 @@
-Copyright 2022 Brian Staruk
+Copyright 2023 Brian Staruk
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

README.md

@@ -4,7 +4,7 @@
 [![dependencies status](https://david-dm.org/bstaruk/starbase/status.svg)](https://david-dm.org/bstaruk/starbase)
 [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fbstaruk%2Fstarbase.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fbstaruk%2Fstarbase?ref=badge_shield)
 
-starbase is a production-ready website boilerplate built with webpack 5, Babel 7 & Sass that enables developers to get up and running in minutes using some of the most powerful front-end tools available in 2022:
+starbase is a production-ready website boilerplate built with webpack 5, Babel 7 & Sass that enables developers to get up and running in minutes using some of the most powerful front-end tools available in 2023:
 
 - [Node.js](https://github.com/nodejs/node), [webpack 5](https://github.com/webpack/webpack) & [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
 - [Babel 7](https://github.com/babel/babel) w/ [ESLint](https://github.com/eslint/eslint) & [Prettier](https://github.com/prettier/prettier)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "starbase",
-  "version": "3.5.3",
+  "version": "3.6.0",
   "author": "Brian Staruk <[email protected]>",
   "contributors": [
     {
@@ -30,50 +30,39 @@
     "prettify": "prettier --write \"src/**/*.{js,json,md}\"",
     "prepare": "husky install"
   },
-  "lint-staged": {
-    "*.js": [
-      "eslint --max-warnings=0"
-    ],
-    "*.scss": [
-      "stylelint"
-    ],
-    "*.{js,json,md}": [
-      "prettier --write"
-    ]
-  },
   "devDependencies": {
-    "@babel/core": "^7.18.13",
-    "@babel/eslint-parser": "^7.18.9",
-    "@babel/preset-env": "^7.18.10",
-    "babel-loader": "^8.2.5",
+    "@babel/core": "^7.23.0",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
+    "babel-loader": "^9.1.3",
     "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.7.1",
-    "eslint": "^8.23.0",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.50.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-webpack-plugin": "^3.2.0",
-    "html-loader": "^4.1.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "mini-css-extract-plugin": "^2.6.1",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-webpack": "^0.13.7",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-webpack-plugin": "^4.0.1",
+    "html-loader": "^4.2.0",
+    "html-webpack-plugin": "^5.5.3",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
+    "mini-css-extract-plugin": "^2.7.6",
     "path": "^0.12.7",
-    "prettier": "^2.7.1",
-    "sass": "^1.54.8",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^3.3.1",
-    "stylelint": "^14.11.0",
-    "stylelint-config-recommended": "^9.0.0",
-    "stylelint-config-sass-guidelines": "^9.0.1",
-    "stylelint-config-standard": "^28.0.0",
-    "stylelint-scss": "^4.3.0",
-    "stylelint-webpack-plugin": "^3.3.0",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.10.1",
-    "webpack-merge": "^5.8.0"
+    "prettier": "^3.0.3",
+    "sass": "^1.68.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3",
+    "stylelint": "^15.10.3",
+    "stylelint-config-recommended": "^13.0.0",
+    "stylelint-config-sass-guidelines": "^10.0.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-scss": "^5.2.1",
+    "stylelint-webpack-plugin": "^4.1.1",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.9.0"
   }
 }

src/index.html

@@ -27,7 +27,7 @@ <h1 class="header__title-label">starbase</h1>
     <p>starbase is a production-ready website boilerplate built with webpack
       5, Babel 7 &amp; Sass that enables developers to get up and running in
       minutes using some of the most powerful front-end tools available in
-      2022:</p>
+      2023:</p>
     <ul>
       <li><a href="https://github.com/nodejs/node">Node.js</a>, <a href="https://github.com/webpack/webpack">webpack
           5</a>

src/styles/utils/_mixins.scss

@@ -10,7 +10,7 @@
   // If the key exists in the map
   @if map-has-key($breakpoints, $breakpoint) {
     // Prints a media query based on the value
-    @media #{inspect(map-get($breakpoints, $breakpoint))} {
+    @media #{inspect(map-get($breakpoints, $breakpoint))} { // stylelint-disable-line media-query-no-invalid
       @content;
     }
   }