Merge branch 'release/1.2.0'

Author: BracketSpaceWorker

.github/workflows/publish.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1
         with:
-          node-version: 13
+          node-version: 16
           registry-url: https://registry.npmjs.org/
       - run: yarn install
       - run: npm publish --access public

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
     - name: Setup Node
       uses: actions/setup-node@v1
       with:
-        node-version: 14
+        node-version: 16
     - name: Install dependencies
       run: npm install
     - name: ESlint

CHANGELOG.md

@@ -1,6 +1,16 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## 1.2.0
+
+* [Added] node-sass-glob-importer
+* [Added] Shareable config for stylelint
+* [Added] Shareable config for eslint
+* [Addet] Support for font files
+* [Changed] Webpack upgraded to version 5
+* [Changed] Stylelint rules changed to stylelint-config-recommended(-scss)
+* [Changed] Updated NPM dependencies
+
 ## 1.1.6
 
 * [Changed] Updated NPM dependencies

README.md

@@ -118,21 +118,22 @@ All arguments other than listed below will be directly passed to [webpack](https
 
 | Name              | Argument           | Type         | Description                                                                                                     |
 |-------------------|--------------------|--------------|-----------------------------------------------------------------------------------------------------------------|
-| **urlLoader**     | --   | boolean\|number    | Whether to use [url-loader](https://github.com/webpack-contrib/url-loader) for images. If number is passed it will be used as '[limit](https://github.com/webpack-contrib/url-loader#limit)' option.<br />**Default: `true`** |
-| **imagemin**   | --   | boolean\|object  | Whether to use [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader) to optimize images with [imagemin](https://github.com/imagemin/imagemin). Object will be passed as [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader) configuration.<br />**Default: `true`** |
+| **inlineAssets**  | true   | boolean\|number    | Whether to use [url-loader](https://github.com/webpack-contrib/url-loader) for images. If number is passed it will be used as '[limit](https://github.com/webpack-contrib/url-loader#limit)' option.<br />**Default: `true`** |
+| **imagemin**      | --   | boolean\|object  | Whether to use [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader) to optimize images with [imagemin](https://github.com/imagemin/imagemin). Object will be passed as [image-webpack-loader](https://github.com/tcoopman/image-webpack-loader) configuration.<br />**Default: `true`** |
 | **paths.src**     | **--src-path**     | string | Source path relative to project root.<br />**Default: `'src/assets'`** |
 | **paths.output**  | **--output-path**  | string       | Output path relative to project root.<br />**Default: `'dist'`**                                                                           |
 | **paths.scripts** | **--scripts-path** | string         | Scripts path relative to `src\|output`. Use `false` to skip this path.<br />**Default: `'js'`**                                                  |
 | **paths.styles**  | **--styles-path**  | string       | Styles path relative to `src\|output`. Use `false` to skip this path.<br />**Default: `'scss'`**                                                   |
-| **paths.images**  | **--images-path**  | string       | Images path relative to `output`. Images included in scripts and styles will be placed in this location if `urlLoader` is turned off or the image size exceeds `limit`.<br />**Default: `'images'`**                                                   |
+| **paths.images**  | **--images-path**  | string       | Images path relative to `output`. Images included in scripts and styles will be placed in this location if `inlineAssets` is turned off or the image size exceeds `limit`.<br />**Default: `'images'`**                                                   |
+| **paths.fonts**  | **--fonts-path**  | Fonts       | Fonts path relative to `output`. Font files included in scripts and styles will be placed in this location.<br />**Default: `'fonts'`**                                                   |
 
 *Example:*
 ```json
 {
 	"mpScriptsConfig": {
-		"urlLoader": 8192,
+		"inlineAssets": 8192,
 		"imagemin": {
-			"svgo": { 
+			"svgo": {
 				"plugins": [
 					{ "removeDoctype": false }
 				]

bin/mp-scripts.js

@@ -5,42 +5,42 @@
 /**
  * External dependencies
  */
-const spawn = require("cross-spawn");
+const spawn = require('cross-spawn');
 
 /**
  * Internal dependencies
  */
-const { getArgs } = require("../utils");
+const { getArgs } = require('../utils');
 
 const [script, ...args] = getArgs();
 
-if (!["build", "lint-js", "lint-style", "start"].includes(script)) {
+if (!['build', 'lint-js', 'lint-style', 'start'].includes(script)) {
 	if (undefined === script) {
-		console.log("No script specified.");
+		console.log('No script specified.');
 	} else {
 		console.log('Unknown script "' + script + '".');
 	}
 	process.exit(1);
 }
 
 const { signal, status } = spawn.sync(
-	"node",
-	[require.resolve("../scripts/" + script), ...args],
-	{ stdio: "inherit" }
+	'node',
+	[require.resolve('../scripts/' + script), ...args],
+	{ stdio: 'inherit' }
 );
 
 if (signal) {
-	if (signal === "SIGKILL") {
+	if (signal === 'SIGKILL') {
 		console.log(
-			"The script failed because the process exited too early. " +
-				"This probably means the system ran out of memory or someone called " +
-				"`kill -9` on the process."
+			'The script failed because the process exited too early. ' +
+				'This probably means the system ran out of memory or someone called ' +
+				'`kill -9` on the process.'
 		);
-	} else if (signal === "SIGTERM") {
+	} else if (signal === 'SIGTERM') {
 		console.log(
-			"The script failed because the process exited too early. " +
-				"Someone might have called `kill` or `killall`, or the system could " +
-				"be shutting down."
+			'The script failed because the process exited too early. ' +
+				'Someone might have called `kill` or `killall`, or the system could ' +
+				'be shutting down.'
 		);
 	}
 	process.exit(1);

config/.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": [ "plugin:@wordpress/eslint-plugin/recommended" ]
+	"extends": "../eslint-config"
 }

config/.stylelintrc.json

@@ -1,3 +1,3 @@
 {
-	"extends": "stylelint-config-wordpress/scss"
+	"extends": "@micropackage/scripts/stylelint-config"
 }