Lovor01

Suppress deprecated errors

<?php

error_reporting(E_ALL & ~E_DEPRECATED & ~E_USER_DEPRECATED);

Lovor01

Bug

Gap in % provokes a bug that grid vertical size is miscalculated, cells are adequate size, but total size is less

Lovor01

Cookie handling

	function setCookie(key, value) {
		const exdate=new Date();
		exdate.setDate(exdate.getDate() + 1);
		document.cookie=`${key}=${value}; expires=` + exdate.toUTCString() +
			"; samesite=lax";
	}

Lovor01

Database login

mysql --user=user --password=password database

Set database

USE database

Lovor01

Grid peculiarities

Grid item size

Grid items with 1fr grow in size if size of items is bigger than container:

https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items

https://www.w3.org/TR/css3-grid-layout/#min-size-auto

Lovor01

Add this line before css

/* autoprefixer: off */

Lovor01

How to catch block variation and optimize assets

use pre_render_block hook

/**
 * catch block variation 'apply-to-program' and enqueue assets!
 */
add_filter( 'pre_render_block', function($pre_render, $parsed_block, $parent_block ) {
	if ($parsed_block['blockName'] === 'makeiteasy/call-to-action' && $parsed_block['attrs']['blockType'] === 3)

Lovor01

Incompatibility - node 18 and legacy webpack server

In case of error message

Set NODE_OPTIONS environment variable

"start": "set NODE_OPTIONS=--openssl-legacy-provider && wp-scripts start --webpack-copy-php"

Lovor01

npm	composer
install	update

Lovor01

Remove node_modules

Use npx npkill https://www.npmjs.com/package/npkill