getdave

import {store as blockEditorStore } from '@wordpress/block-editor';
import { useSelect } from "@wordpress/data";

// Inside component
const {sizes} = useSelect((select) => {
    const { getSettings } = select(blockEditorStore);

    const settings = getSettings();

    const sizes = settings?.imageEditing?.imageSizes;

lxbdr

add_filter( 'wp_handle_upload_prefilter', function ( $file ) {
    $uploads       = wp_upload_dir();
    $use_yearmonth = get_option( 'uploads_use_yearmonth_folders' );
    if ( boolval( $use_yearmonth ) ) {
        // if upload to year month based folders is enabled check current target
        $year   = date( 'Y' );
        $month  = date( 'm' );
        $target = $uploads['path'] . DIRECTORY_SEPARATOR . $year . DIRECTORY_SEPARATOR . $month . DIRECTORY_SEPARATOR . $file['name'];
    } else {
        // uploads dir

helgatheviking

<?php

/**
* Add custom fields to menu item
*
* This will allow us to play nicely with any other plugin that is adding the same hook
*
* @param  int $item_id 
* @params obj $item - the menu item
* @params array $args

florianbrinkmann

/**
 * External dependencies
 */
const { isUndefined, pickBy } = lodash;

/**
 * WordPress dependencies
 */
const { 
	registerBlockType,

skttl

  let fadeOut = (target, duration=500) => {
    target.style.transitionProperty = 'opacity';
    target.style.transitionDuration = duration + 'ms';
    target.style.opacity = 0;
    window.setTimeout( () => {
      target.style.display = 'none';
      target.style.removeProperty('opacity');
      target.style.removeProperty('transition-duration');
      target.style.removeProperty('transition-property');

cyancey76

.container {
    max-width: 1200px;
    width: calc( 100vw - 4rem );
    margin: 0 auto;
}

.container section {
    display: block;
    max-width: 100%;
}

igorbenic

import MyFormTokenField from './components/FormTokenField';



class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />

eyecatchup

The Scroll Behavior specification has been introduced as an extension of the Window interface to allow for the developer to opt in to native smooth scrolling. To date this has only been implemented in Chrome, Firefox and Opera.

There's a complete polyfill here (3.3KB minified). But most of the times, the following is enough for me (641 bytes minified):

smooth-scrolling-poyfill.js

Use as: scrollToElem('#elem-selector');

davewarfel

/**
 * WordPress Blocks
 *
 * Default block styling included with WordPress core.
 * Provides a better starting point for WordPress theme developers,
 * especially when using Sass.
 *
 * @link https://github.com/WordPress/WordPress/blob/master/wp-includes/css/dist/block-library/style.css
 *
 * Most styles from the above file are included.

rd13

{
  "scripts": {
      "compress:js:components": "find dist/components/*.js -type f -exec basename {} .js \\; | xargs -I '{}' uglifyjs --compress --mangle --output dist/components/{}.min.js -- dist/components/{}.js",
  }
}