Michael Becker elbakerino

compact list, inspired by adambullmer/semantic-commit-emoji, dannyfritz/commit-message-emoji and gitmoji.dev

Meaning	Emoji
feature	✨ `:sparkles:`
fix	🐛 `:bug:`
docs	📚 `:books:`
refactor	♻️ `:recycle:`
internal cleanup	🪥 `:toothbrush:`
ui / style	🎨 `:art:`

Inspired by the emojis for release notes, these here are intended to give comments a better reading guidance, especially for documentations and walk-throughs.

Meaning	Emoji
check here/next	👉
read more/in-depth	🎵
feature with high potential/hidden gem	💎

...

ESM, CJS and moduleResolution

main, module, types, exports

In a package.json, some fields define where to find what.

main is the main entry point in CJS; or for type: "module" packages to ESM
module is only used by bundlers to resolve ESM, for tree-shaking for CJS+ESM packages, not by Node.js
types is only used by TS to resolve types
exports is only used by modern Node.js, if a package is type: "module"; patterns are only supported since v14.13.0, v12.20.0

	#!/usr/bin/env php
	<?php

	/**
	* Prints a nice op cache status in the PHP CLI, for that `opcache.enable_cli = 1` must be set in your opcache ini
	* Simply run it with: php op-status.php
	*
	* LICENSE: MIT
	*
	* @author Michael Becker, https://mlbr.xyz

	import {NextPluginRenderer} from "@ui-schema/ui-schema/EditorPluginStack";

	// this is a normal plugin, as we need to access the hook and this is not possible from wihin validatorPlugins
	const CustomValidator = ({errors, valid, ...props}) => {
	let {storeKeys} = props;
	const {store} = useSchemaStore();

	// should the internals store be used/compatible for this, maybe the internals store needs another structure
	const errorForWidget = store.getInternals() ? store.getInternals().getIn(storeKeys.push('server-validation')) : null;
	if(errorForWidget) {

	/*
	* Simple vanilla JS height collapsible.
	* For HTML with a [data-toggle] and a `.collapse` as next neighbor:,
	* License: by github.com/elbakerino 2022, WTFPL https://en.wikipedia.org/wiki/WTFPL
	* <ul>
	* <li>
	* <button data-toggle="on">Toggle 1</button>
	* <div class="collapse closed">
	* <div>
	* <h2>Item 1</h2>

	const calcTabHeight = (tab) => {
	// todo: find a better way to get the correct height size of tab + tab content
	const tabContentHeight = Array.from(tab.children).reduce((height, child) => {
	const styles = window.getComputedStyle(child);
	const styleGutter = parseFloat(styles.getPropertyValue('margin-top')) +
	parseFloat(styles.getPropertyValue('margin-bottom'));
	return height + child.getBoundingClientRect().height + styleGutter;
	}, 0);
	const styles = window.getComputedStyle(tab);
	const styleGutter = parseFloat(styles.getPropertyValue('padding-top')) +