update dependencies

.nvmrc

@@ -1 +1 @@
-v16
+v20

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

logo/css/main.css

@@ -200,8 +200,13 @@ html {
 }
 
 body {
-	font: 1.4rem 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode',
-		'Lucida Sans', Tahoma, sans-serif;
+	font:
+		1.4rem 'Trebuchet MS',
+		'Lucida Grande',
+		'Lucida Sans Unicode',
+		'Lucida Sans',
+		Tahoma,
+		sans-serif;
 	color: hsl(0, 0%, 100%, 0.8);
 	background: linear-gradient(
 		20deg,

logo/js/prism.js

@@ -4,9 +4,9 @@ var _self =
 		'undefined' != typeof window
 			? window
 			: 'undefined' != typeof WorkerGlobalScope &&
-			  self instanceof WorkerGlobalScope
-			? self
-			: {},
+			    self instanceof WorkerGlobalScope
+			  ? self
+			  : {},
 	Prism = (function (u) {
 		var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,
 			n = 0,
@@ -20,11 +20,11 @@ var _self =
 						return n instanceof W
 							? new W(n.type, e(n.content), n.alias)
 							: Array.isArray(n)
-							? n.map(e)
-							: n
-									.replace(/&/g, '&')
-									.replace(/</g, '&lt;')
-									.replace(/\u00a0/g, ' ');
+							  ? n.map(e)
+							  : n
+										.replace(/&/g, '&amp;')
+										.replace(/</g, '&lt;')
+										.replace(/\u00a0/g, ' ');
 					},
 					type: function (e) {
 						return Object.prototype.toString.call(e).slice(8, -1);
@@ -488,8 +488,8 @@ var _self =
 			'loading' === l || ('interactive' === l && r && r.defer)
 				? document.addEventListener('DOMContentLoaded', a)
 				: window.requestAnimationFrame
-				? window.requestAnimationFrame(a)
-				: window.setTimeout(a, 16);
+				  ? window.requestAnimationFrame(a)
+				  : window.setTimeout(a, 16);
 		}
 		return M;
 	})(_self);

package.json

@@ -4,46 +4,46 @@
   "version": "0.9.0",
   "description": "The official ChordMark editor",
   "devDependencies": {
-    "@babel/cli": "^7.16.7",
-    "@babel/core": "^7.16.7",
-    "@babel/preset-env": "^7.16.7",
-    "@babel/preset-react": "^7.16.7",
-    "@size-limit/preset-app": "^8.1.0",
-    "@size-limit/webpack": "^8.1.0",
-    "babel-jest": "^29.2.1",
-    "babel-loader": "^9.1.2",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@size-limit/preset-app": "^11.0.0",
+    "@size-limit/webpack": "^11.0.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^4.2.1",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
     "deep-freeze": "0.0.1",
-    "eslint": "^8.6.0",
-    "eslint-plugin-import": "^2.25.4",
+    "eslint": "^8.54.0",
+    "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jam3": "^0.2.3",
-    "eslint-plugin-no-unsanitized": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-no-unsanitized": "^4.0.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "file-loader": "^6.2.0",
     "generate-changelog": "^1.8.0",
     "html-webpack-inline-source-plugin": "0.0.10",
-    "html-webpack-plugin": "^5.4.0",
-    "jest": "^29.2.1",
-    "jest-localstorage-mock": "^2.4.14",
-    "lerna": "^6.0.1",
-    "long": "^5.1.0",
-    "mini-css-extract-plugin": "^2.0.0",
-    "prettier": "^2.4.1",
-    "regenerator-runtime": "^0.13.7",
-    "sass": "^1.45.2",
-    "sass-loader": "^13.1.0",
-    "size-limit": "^8.1.0",
-    "sloc": "^0.2.1",
-    "terser-webpack-plugin": "^5.1.4",
-    "webpack": "^5.36.2",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.7.2",
-    "webpack-merge": "^5.8.0"
+    "html-webpack-plugin": "^5.5.3",
+    "jest": "^29.7.0",
+    "jest-localstorage-mock": "^2.4.26",
+    "lerna": "^8.0.0",
+    "long": "^5.2.3",
+    "mini-css-extract-plugin": "^2.7.6",
+    "prettier": "^3.1.0",
+    "regenerator-runtime": "^0.14.0",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "size-limit": "^11.0.0",
+    "sloc": "0.2.1",
+    "terser-webpack-plugin": "^5.3.9",
+    "webpack": "^5.89.0",
+    "webpack-bundle-analyzer": "^4.10.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.10.0"
   },
   "engines": {
     "node": ">=16.0"
@@ -59,11 +59,14 @@
     "build": "npm run lint && npm run format && npm run test && lerna run build && cp -rf packages/chord-chart-studio/build/* packages/documentation/build/app",
     "lint": "eslint packages",
     "format": "prettier --write \"**/*.{js,jsx,json,ts,md,scss,css}\"",
-    "test": "jest",
-    "up": "yarn install && lerna exec yarn install && yarn upgrade && lerna exec yarn upgrade"
+    "test": "jest"
   },
   "dependencies": {
-    "jest-environment-jsdom": "^29.2.1",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-text-transformer": "^1.0.4"
-  }
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "packageManager": "[email protected]"
 }

packages/chord-chart-studio/SLOC

@@ -2,8 +2,8 @@ Source code:
 
 ---------- Result ------------
 
-            Physical :  6241
-              Source :  5170
+            Physical :  6249
+              Source :  5178
              Comment :  132
  Single-line comment :  63
        Block comment :  69
@@ -20,8 +20,8 @@ Tests:
 
 ---------- Result ------------
 
-            Physical :  7156
-              Source :  5880
+            Physical :  7150
+              Source :  5874
              Comment :  67
  Single-line comment :  60
        Block comment :  7
@@ -38,8 +38,8 @@ Total:
 
 ---------- Result ------------
 
-            Physical :  13397
-              Source :  11050
+            Physical :  13399
+              Source :  11052
              Comment :  199
  Single-line comment :  123
        Block comment :  76

packages/chord-chart-studio/build/index.html

@@ -2,4 +2,4 @@
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
 
-        gtag('config', 'G-EGKBT2J600');</script><link rel="icon" href="app/favicon.png"><script defer="defer" src="app/vendors.0e66e27a38fc787df7c2.js"></script><script defer="defer" src="app/main.0e66e27a38fc787df7c2.js"></script><link href="app/css/main.0e66e27a38fc787df7c2.css" rel="stylesheet"></head><body><div id="app" class="theme-dark"></div></body></html>
+        gtag('config', 'G-EGKBT2J600');</script><link rel="icon" href="app/favicon.png"><script defer="defer" src="app/vendors.5259002e813a556845f4.js"></script><script defer="defer" src="app/main.5259002e813a556845f4.js"></script><link href="app/css/main.5259002e813a556845f4.css" rel="stylesheet"></head><body><div id="app" class="theme-dark"></div></body></html>

packages/chord-chart-studio/build/vendors.0e66e27a38fc787df7c2.js.LICENSE.txt → packages/chord-chart-studio/build/vendors.5259002e813a556845f4.js.LICENSE.txt

@@ -13,9 +13,9 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-/*! @license DOMPurify 2.4.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.4/LICENSE */
+/*! @license DOMPurify 2.4.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.7/LICENSE */
 
-/*! @license DOMPurify 3.0.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.0/LICENSE */
+/*! @license DOMPurify 3.0.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.6/LICENSE */
 
 /*! Universal Router | MIT License | https://www.kriasoft.com/universal-router/ */
 
@@ -82,9 +82,9 @@ and limitations under the License.
 /**
  * filesize
  *
- * @copyright 2022 Jason Mulligan <[email protected]>
+ * @copyright 2023 Jason Mulligan <[email protected]>
  * @license BSD-3-Clause
- * @version 10.0.6
+ * @version 10.1.0
  */
 
 /** @license React v16.13.1

packages/chord-chart-studio/package.json

@@ -17,10 +17,10 @@
 	},
 	"homepage": "https://github.com/no-chris/chord-chart-studio#readme",
 	"devDependencies": {
-		"@testing-library/dom": "^8.11.1",
-		"@testing-library/jest-dom": "^5.14.1",
+		"@testing-library/dom": "^8.20.1",
+		"@testing-library/jest-dom": "^5.17.0",
 		"@testing-library/react": "^13.4.0",
-		"@testing-library/user-event": "^14.4.3",
+		"@testing-library/user-event": "^14.5.1",
 		"react-test-renderer": "^18.2.0"
 	},
 	"dependencies": {
@@ -30,31 +30,31 @@
 		"chord-symbol": "^4.0.0",
 		"chord-symbol-ultimateguitar": "^4.0.0",
 		"combine-section-reducers": "^1.0.6",
-		"core-js": "^3.20.2",
-		"dompurify": "^3.0.0",
+		"core-js": "^3.33.3",
+		"dompurify": "^3.0.6",
 		"file-saver": "^2.0.5",
-		"filesize": "^10.0.5",
+		"filesize": "^10.1.0",
 		"lodash": "^4.17.21",
 		"normalize.css": "^8.0.1",
-		"prop-types": "^15.8.0",
-		"prosemirror-commands": "^1.1.10",
-		"prosemirror-history": "^1.1.3",
-		"prosemirror-keymap": "^1.1.4",
-		"prosemirror-model": "^1.16.1",
-		"prosemirror-schema-basic": "^1.1.2",
-		"prosemirror-state": "^1.3.4",
-		"prosemirror-transform": "^1.2.12",
-		"prosemirror-view": "^1.23.5",
+		"prop-types": "^15.8.1",
+		"prosemirror-commands": "^1.5.2",
+		"prosemirror-history": "^1.3.2",
+		"prosemirror-keymap": "^1.2.2",
+		"prosemirror-model": "^1.19.3",
+		"prosemirror-schema-basic": "^1.2.2",
+		"prosemirror-state": "^1.4.3",
+		"prosemirror-transform": "^1.8.0",
+		"prosemirror-view": "^1.32.4",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-redux": "^8.0.4",
-		"redux": "^4.0.5",
+		"react-redux": "^8.1.3",
+		"redux": "^4.2.1",
 		"redux-devtools-extension": "^2.13.9",
-		"redux-thunk": "^2.4.0",
-		"reselect": "^4.0.0",
+		"redux-thunk": "^2.4.2",
+		"reselect": "^4.1.8",
 		"scroll-sync-react": "^1.2.0",
-		"universal-router": "^9.1.0",
-		"uuid": "^9.0.0"
+		"universal-router": "^9.2.0",
+		"uuid": "^9.0.1"
 	},
 	"scripts": {
 		"audit": "npm audit",

packages/chord-chart-studio/scss/abstract/mixins/_inputRange.scss

@@ -2,7 +2,8 @@
 @use 'sass:math';
 
 @mixin shadow($shadow-size, $shadow-blur, $shadow-color) {
-	box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color,
+	box-shadow:
+		$shadow-size $shadow-size $shadow-blur $shadow-color,
 		0 0 $shadow-size lighten($shadow-color, 5%);
 }
 

packages/chord-chart-studio/scss/chordMark.scss

@@ -1,2 +1,2 @@
 @import './abstract';
-@import '../node_modules/chord-mark-themes/scss/chordMarkThemes';
+@import '../../../node_modules/chord-mark-themes/scss/chordMarkThemes';

packages/chord-chart-studio/scss/styles.scss

@@ -1,4 +1,4 @@
-@import '../node_modules/normalize.css/normalize.css';
+@import '../../../node_modules/normalize.css/normalize.css';
 
 @import './abstract';
 @import './base';

packages/chord-chart-studio/src/core/createGetVersions.js

@@ -1,6 +1,6 @@
 /* eslint-env node */
 const packageJson = require('../../package.json');
-const cmPackageJson = require('../../node_modules/chord-mark/package.json');
+const cmPackageJson = require('../../../../node_modules/chord-mark/package.json');
 const fs = require('fs');
 
 const chordChartStudioVersion = packageJson.version;

packages/chord-chart-studio/src/songRenderers/printPreview/_components/PrintPreview.scss

@@ -57,8 +57,16 @@ $themes: (
 }
 
 .printPreview-pageHeader {
-	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-		Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+	font-family:
+		system-ui,
+		-apple-system,
+		BlinkMacSystemFont,
+		'Segoe UI',
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji',
 		'Segoe UI Symbol';
 	@include font-size(big);
 	font-weight: $weight-bold;