adamziel

// This Gist makes it easy to reproduce https://github.com/WordPress/gutenberg/issues/33335
// Just go to /wp-admin/widgets.php and paste this entire script into your devtools

(function main() {
	const r1 = (existingBlockIds) => {
		console.log( 'existingBlockIds', existingBlockIds );
		return apiRequest( "/index.php?rest_route=%2Fbatch%2Fv1&_locale=user", {
			"data": {
				"validation": "require-all-validate", "requests": [
					{ "path": "/wp/v2/widgets","body": {"id_base": "block","instance": { "raw": { "content": "<!-- wp:legacy-widget /-->" } },"sidebar": "sidebar-1"},					"method": "POST"				},

adamziel

const __ = (x) => x;

export const defaultEntities = [
	{
		label: __( 'Base' ),
		name: '__unstableBase',
		kind: 'root',
		baseURL: '/',
	},
	{

adamziel

Extending

You can extend the entity record definitions using TypeScript's declaration merging.

For example, if you're building a plugin that displays a number of views of each comment, you can add a new numberOfViews field to the Comment type like this:

// In core-data
export namespace WPBaseTypes {

adamziel

<?php

$character_references = array(
    "AE" => array( "names" => array( "lig;", "lig" ), "refs" => array( "Æ", "Æ" ) ),
    "AM" => array( "names" => array( "P;", "P" ), "refs" => array( "&", "&" ) ),
    "Aa" => array( "names" => array( "cute;", "cute" ), "refs" => array( "Á", "Á" ) ),
    "Ab" => array( "names" => array( "reve;" ), "refs" => array( "Ă" ) ),
    "Ac" => array( "names" => array( "irc;", "irc", "y;" ), "refs" => array( "Â", "Â", "А" ) ),
    "Af" => array( "names" => array( "r;" ), "refs" => array( "𝔄" ) ),
    "Ag" => array( "names" => array( "rave;", "rave" ), "refs" => array( "À", "À" ) ),

adamziel

<?php

// require autoload

use PhpMyAdmin\SqlParser\Context;
use PhpMyAdmin\SqlParser\Components\CreateDefinition;
use PhpMyAdmin\SqlParser\Components\DataType;
use PhpMyAdmin\SqlParser\Statements\CreateStatement;

require_once __DIR__.'/../vendor/autoload.php';

adamziel

<?php

// require autoload

use PhpMyAdmin\SqlParser\Context;
use PhpMyAdmin\SqlParser\Components\CreateDefinition;
use PhpMyAdmin\SqlParser\Components\DataType;
use PhpMyAdmin\SqlParser\Token;
use PhpMyAdmin\SqlParser\Statements\CreateStatement;
use PhpMyAdmin\SqlParser\Statements\SelectStatement;

adamziel

See WordPress/wordpress-playground#167

This setup requires downloading "only" 6.8M compressed JS packages, or 28M uncompressed. That's a lot for a browser environment, but it's less than the 300M required by @wordpress/scripts.

adamziel

Naive benchmark of php.wasm performance

I wrote a simple script that measures how many json_encode("Hello World") it can do in 5 seconds and these are the results:

With php test.php:

Serialized 'Hello World' to JSON 63862450 times in 5 seconds.

With PHP=8.1 npx @php-wasm/cli test.php:

adamziel

import { phpVars } from '@php-wasm/common';
import { ProgressTracker } from '@php-wasm/progress';
import {
	PlaygroundClient,
	runBlueprint,
	StepDefinition,
	Blueprint,
	connectPlayground,
} from '@wp-playground/client';
const query = new URL(document.location.href).searchParams;

adamziel

# Emscripten has an official image, but it's super slow on Apple Silicon.
# Ubuntu is much faster:
FROM ubuntu:lunar as emscripten
SHELL ["/bin/bash", "-c"]
WORKDIR /root

# Install Emscripten and build dependencies {{{
RUN apt-get update && \
	apt-get --no-install-recommends -y install \
	build-essential automake autoconf libtool pkgconf flex make re2c gdb git \