chore(deps): update dependencies

Author: mheob

bun.lockb

@@ -1,5 +1,5 @@
 import mheob from '@mheob/eslint-config';
 
 export default mheob({
-	ignores: ['CHANGELOG.md', 'src/languages/*'],
+	ignores: ['.github/*', 'CHANGELOG.md', 'CONTRIBUTING.md', 'src/languages/*'],
 });

eslint.config.js

@@ -45,33 +45,33 @@
 	"devDependencies": {
 		"@cspell/dict-de-de": "^4.0.0",
 		"@mheob/commitlint-config": "^1.1.2",
-		"@mheob/eslint-config": "^6.1.1",
+		"@mheob/eslint-config": "^6.1.3",
 		"@mheob/prettier-config": "^3.3.1",
-		"@wordpress/babel-preset-default": "^8.6.0",
-		"@wordpress/block-editor": "^14.1.0",
-		"@wordpress/blocks": "^13.6.0",
-		"@wordpress/components": "^28.6.0",
-		"@wordpress/compose": "^7.6.0",
-		"@wordpress/element": "^6.6.0",
-		"@wordpress/i18n": "^5.6.0",
-		"@wordpress/postcss-plugins-preset": "^5.6.0",
+		"@wordpress/babel-preset-default": "^8.7.0",
+		"@wordpress/block-editor": "^14.2.0",
+		"@wordpress/blocks": "^13.7.0",
+		"@wordpress/components": "^28.7.0",
+		"@wordpress/compose": "^7.7.0",
+		"@wordpress/element": "^6.7.0",
+		"@wordpress/i18n": "^5.7.0",
+		"@wordpress/postcss-plugins-preset": "^5.7.0",
 		"babel-loader": "^9.1.3",
 		"bestzip": "^2.2.1",
 		"commitizen": "^4.3.0",
 		"copy-webpack-plugin": "^12.0.2",
 		"cpr": "^3.0.1",
 		"cspell": "^8.14.2",
 		"css-loader": "^7.1.2",
-		"cssnano": "^7.0.5",
+		"cssnano": "^7.0.6",
 		"cz-git": "^1.9.4",
 		"eslint": "^9.9.1",
 		"husky": "^9.1.5",
-		"lint-staged": "^15.2.9",
+		"lint-staged": "^15.2.10",
 		"mini-css-extract-plugin": "^2.9.1",
 		"postcss-loader": "^8.1.1",
 		"prettier": "^3.3.3",
 		"rimraf": "^6.0.1",
-		"sass": "^1.77.8",
+		"sass": "^1.78.0",
 		"sass-loader": "^16.0.1",
 		"source-map-loader": "^5.0.0",
 		"terser-webpack-plugin": "^5.3.10",

package.json

@@ -1,4 +1,3 @@
-import defaultConfig from '@mheob/prettier-config';
-
 /** @type {import('prettier').Options} */
-export default defaultConfig;
+
+export { default } from '@mheob/prettier-config';

prettier.config.js

@@ -36,7 +36,6 @@ All three variants are supported. For the "old" widgets from [fussball.de](https
 
 == Frequently Asked Questions ==
 
-
 = Where can I get the website key (old version) =
 
 You can get the required key from fussball.de in your widgets (<https://www.fussball.de/account.admin.widgets>). In the overview of your widget you will find the item `Website key`. This is the required character string.
@@ -47,21 +46,23 @@ You can obtain the required data from next.fussball.de in your widgets (<https:/
 
 `
 <div
-  class="soccer_widget"
+  class="fussballde_widget"
   data-id="299e1496-abcd-abcd-1234-8880c7270477"
-	data-type="table"
+  data-type="table"
 />
 `
 
 = How should I write the shortcode (old variant) =
 
-`[fubade api="{32-digit API}" notice="{Note}" fullWidth={iframe in full width} devtools={output of the DevTools}]` e.g. like this: `[fubade api="020EXXXXXG000000VS54XXXXXSGIXXME" notice="Standings U19" fullWidth=true devtools=false]`
-The fields `notice`, `fullWidth` and `devtools` are optional and do not have to be set.
+Like this: `[fubade api="{32-digit API}" notice="{Note}" fullWidth={iframe in full width} devtools={output of the DevTools}]`
+e.g. like this: `[fubade api="020EXXXXXG000000VS54XXXXXSGIXXME" notice="Standings U19" fullWidth=true devtools=false]`
+The fields "notice", "fullWidth" and "devtools" are optional and do not have to be set.
 
 = How should I write the shortcode (new variant) =
 
-`[fubade api="{36-digit data-id}" type="{data-type}" notice="{notice}" fullWidth={iframe in full width} devtools={output of the DevTools}]` e.g.`[fubade api="299e1496-abcd-abcd-1234-8880c7270477" notice="Standings U19" fullWidth=true devtools=false]`
-The fields `notice`, `fullWidth` and `devtools` are optional and do not have to be set.
+Like this: `[fubade api="{36-digit data-id}" type="{data-type}" notice="{notice}" fullWidth={iframe in full width} devtools={output of the DevTools}]`
+e.g.`[fubade api="299e1496-abcd-abcd-1234-8880c7270477" type="table" notice="Standings U19" fullWidth=true devtools=false]`
+The fields "notice", "fullWidth" and "devtools" are optional and do not have to be set.
 
 = What is the `api` (old: `{32-digit API}`) =
 

readme.txt

@@ -112,8 +112,8 @@ registerBlockType('ifdw/fubade', {
 									)
 								: __('No debugging information were outputted.', 'include-fussball-de-widgets')
 						}
-						onChange={isDevTools => {
-							setAttributes({ devtools: isDevTools });
+						onChange={isDevelopmentTools => {
+							setAttributes({ devtools: isDevelopmentTools });
 						}}
 						checked={devtools}
 						label={__('Show some information for debugging', 'include-fussball-de-widgets')}
@@ -124,7 +124,7 @@ registerBlockType('ifdw/fubade', {
 			<div className={className} key="output">
 				<h4 className={`${className}__header`}>
 					{__('Fussball.de Widget', 'include-fussball-de-widgets')}
-					{typeof notice === 'undefined' || notice === '' ? '' : `: "${notice}"`}
+					{notice === undefined || notice === '' ? '' : `: "${notice}"`}
 				</h4>
 
 				<div className={`${className}__main`}>
@@ -135,7 +135,7 @@ registerBlockType('ifdw/fubade', {
 							setAttributes({
 								api: newApi,
 								id: `fubade-${instanceId}-${
-									apiLength === newApi.length ? newApi.slice(-5) : `ERROR_${Number(new Date())}`
+									apiLength === newApi.length ? newApi.slice(-5) : `ERROR_${Date.now()}`
 								}`,
 							});
 						}}
@@ -145,7 +145,7 @@ registerBlockType('ifdw/fubade', {
 						value={api}
 					/>
 
-					{typeof api !== 'undefined' && api.length === apiUUIDLength && (
+					{api !== undefined && api.length === apiUUIDLength && (
 						<>
 							<label htmlFor={`${inputId}-type`}>
 								{__('Type:', 'include-fussball-de-widgets')}
@@ -164,8 +164,7 @@ registerBlockType('ifdw/fubade', {
 					)}
 				</div>
 
-				{typeof api !== 'undefined' &&
-				(apiLength === api.length || api.length === apiUUIDLength) ? (
+				{api !== undefined && (apiLength === api.length || api.length === apiUUIDLength) ? (
 					<div className={`${className}__footer`}>
 						{__(
 							'The widget should now be able to be displayed in the frontend.',

src/Blocks/fubade/index.js

@@ -17,8 +17,8 @@ import './fubade-api.legacy.js';
 	}
 
 	function initializeWidget(container) {
-		const widgetId = container.getAttribute('data-id');
-		const widgetType = container.getAttribute('data-type');
+		const widgetId = container.dataset.id;
+		const widgetType = container.dataset.type;
 
 		if (container && widgetId) {
 			const iframeName = `${generateSecureRandomId(4)}_fussballde_widget-${widgetId}`;
@@ -30,7 +30,7 @@ import './fubade-api.legacy.js';
 			iframe.setAttribute('frameborder', '0');
 			iframe.setAttribute('scrolling', 'no');
 
-			container.appendChild(iframe);
+			container.append(iframe);
 
 			window.addEventListener('message', function (event) {
 				if (
@@ -47,10 +47,10 @@ import './fubade-api.legacy.js';
 	}
 
 	function loadWidgets() {
-		const containers = Array.from(document.getElementsByClassName(containerClass));
-		containers.forEach(element => {
+		const containers = [...document.querySelectorAll(containerClass)];
+		for (const element of containers) {
 			initializeWidget(element);
-		});
+		}
 	}
 
 	if (document.readyState === 'loading') {

src/assets/js/fubade-api.js

@@ -2,28 +2,28 @@
 /* eslint-disable no-console */
 
 window.fussballDeWidgetAPI = () => {
-	const devTools = typeof attr !== 'undefined' && !!attr.devtools;
+	const developmentTools = typeof attr !== 'undefined' && Boolean(attr.devtools);
 
 	window.addEventListener(
 		'message',
-		evt => {
-			if (devTools) {
-				console.info('window.fussballDeWidgetAPI -> evt.data.container', evt.data.container);
+		event => {
+			if (developmentTools) {
+				console.info('window.fussballDeWidgetAPI -> evt.data.container', event_.data.container);
 			}
 
-			const currentIframe = document.querySelector(`#${evt.data.container} iframe`);
+			const currentIframe = document.querySelector(`#${event_.data.container} iframe`);
 
 			if (!currentIframe) return;
 
-			if (evt.data.type === 'setHeight') {
-				currentIframe.setAttribute('height', `${evt.data.value}px`);
+			if (event.data.type === 'setHeight') {
+				currentIframe.setAttribute('height', `${event_.data.value}px`);
 				currentIframe.style.height = '';
 				currentIframe.style.minHeight = '200px';
 			}
 
-			if (evt.data.type === 'setWidth') {
+			if (event_.data.type === 'setWidth') {
 				if (currentIframe.getAttribute('width') !== '100%') {
-					currentIframe.setAttribute('width', `${evt.data.value}px`);
+					currentIframe.setAttribute('width', `${event_.data.value}px`);
 				}
 
 				currentIframe.style.width = '';
@@ -47,25 +47,26 @@ window.fussballDeWidgetAPI = () => {
 			'.et_pb_tabs_controls a, .fusion-tabs a.tab-link, .kt-tabs-title-list a, .su-spoiler-title, .vc_tta-tab a, .omsc-tabs-control a, .elementor-tab-title, .elementor-toggle',
 		);
 		if (tabs.length > 0) {
-			Array.from(tabs).forEach(tab => {
+			for (const tab of tabs) {
 				tab.addEventListener(
 					'click',
 					() => {
 						const iFrames = document.querySelectorAll('iframe');
 						setTimeout(
-							Array.from(iFrames).forEach(iFrame => {
+							// eslint-disable-next-line unicorn/no-array-for-each
+							[...iFrames].forEach(iFrame => {
 								iFrame.src += '';
 							}),
 							700,
 						);
-						if (devTools) {
+						if (developmentTools) {
 							console.info('window.fussballDeWidgetAPI -> tab', tab);
 							console.info('window.fussballDeWidgetAPI -> iFrames', iFrames);
 						}
 					},
 					false,
 				);
-			});
+			}
 		}
 	}
 };

src/assets/js/fubade-api.legacy.js

@@ -1,4 +1,4 @@
-/* eslint-disable no-console */
+/* eslint-disable no-console, unicorn/prevent-abbreviations */
 
 import os from 'node:os';
 import path from 'node:path';
@@ -11,11 +11,11 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const homedir = os.homedir();
 
 const source = path.join(__dirname, '..', '/dist');
-const dest = path.join(
+const destination = path.join(
 	homedir,
 	'/dev/DevKinsta/public/default-test-environment/wp-content/plugins/include-fussball-de-widgets',
 );
 
-cpr(source, dest, { deleteFirst: true }, () => {
-	console.log(`Copy the compiled files from ${source} to ${dest}`);
+cpr(source, destination, { deleteFirst: true }, () => {
+	console.log(`Copy the compiled files from ${source} to ${destination}`);
 });

tasks/cp-dev-release.js

@@ -1,10 +1,10 @@
 const path = require('node:path');
 const process = require('node:process');
 
+const postcssPlugins = require('@wordpress/postcss-plugins-preset');
+const CopyPlugin = require('copy-webpack-plugin');
 const MiniCSSExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
-const CopyPlugin = require('copy-webpack-plugin');
-const postcssPlugins = require('@wordpress/postcss-plugins-preset');
 
 const isProduction = process.env.NODE_ENV === 'production';
 
@@ -52,7 +52,7 @@ const commonConfig = {
 					name(module, chunks, cacheGroupKey) {
 						return `${cacheGroupKey}-${chunks[0].name}`;
 					},
-					test: /[\\/]style(\.module)?\.(sc|sa|c)ss$/,
+					test: /[/\\]style(\.module)?\.(sc|sa|c)ss$/,
 					type: 'css/mini-extract',
 				},
 			},