It’s presented as a simple choose-your-own-adventure text guide; you can find it on:

On undoing, fixing, or removing commits in git

One of the cool things I’ve done with it is using it for building React apps that use WordPress code editor components for my own admin tools.

Here’s how you can use it.

Configure JS dependencies

For a bare-bones setup you will need to add the following dependencies:

npm install --save-dev @symfony/wepack-encore @wordpress/babel-preset-default @wordpress/dependency-extraction-webpack-plugin

I’ll explain each of them:

• @symfony/webpack-encore provides a simple interface for configuring Webpack; it will also pull all its required dependencies.
• @wordpress/babel-preset-default will provide a standard setup for js compilation, like enable JSX and more to fit into WordPress.
• @wordpress/dependency-extraction-webpack-plugin externalizes dependencies that are available on WordPress (like @wordpress/element and @wordpress/components) to use those versions (don’t duplicate them).

After installing, you need to create a .babelrc file with the following contents:

{
	"presets": [ "@wordpress/babel-preset-default" ]
}

Configure Webpack

This is where Encore comes in. Instead of the super-verbose config that you would need here, you just need something like this on your webpack.config.js file:

const Encore = require( '@symfony/webpack-encore' );
const DependencyExtractionWebpackPlugin = require( '@wordpress/dependency-extraction-webpack-plugin' );

Encore.setOutputPath( 'assets/dist' )
	.setPublicPath( 'wp-content/plugins/my-awesome-plugin/assets/dist' )
	.setManifestKeyPrefix( '' )
	.enableSingleRuntimeChunk()
	.addPlugin( new DependencyExtractionWebpackPlugin() )
	.addEntry( 'admin', './assets/src/js/admin.js' )

const config =  Encore.getWebpackConfig();
module.exports = config;

You’ll need to adjust the paths and you’ll probably want to take a look at some of Encore’s configuration options.

DependencyExtractionPlugin will generate an .asset.php file for each entry point; admin.asset.php on this example. That file will contain the name of the WordPress javascript dependencies that you have declared on your components.

Keeping that in mind, then you will need to register/enqueue the required scripts on the desired pages, using WordPress’ wp_enqueue_script() — you can check Queulat’s Webpack Asset Loader helper for a simple integration (I’ll be posting an example of this soon).

With this setup you’ll be able to use any of WordPress components such as buttons, modals, focal point picker, etc.

This is defined on the get_filesystem_method() function, from /wp-admin/includes/file.php.

What WordPress actually does is compare the file owner of the file itself and a temporal file created on the /wp-content/plugins folder.

$temp_file_name = $context . 'temp-write-test-' . str_replace( '.', '-', uniqid( '', true ) );
$temp_handle    = @fopen( $temp_file_name, 'w' );
if ( $temp_handle ) {

	// Attempt to determine the file owner of the WordPress files, and that of newly created files.
	$wp_file_owner   = false;
	$temp_file_owner = false;
	if ( function_exists( 'fileowner' ) ) {
		$wp_file_owner   = @fileowner( __FILE__ );
		$temp_file_owner = @fileowner( $temp_file_name );
	}

	if ( false !== $wp_file_owner && $wp_file_owner === $temp_file_owner ) {
		/*
		 * WordPress is creating files as the same owner as the WordPress files,
		 * this means it's safe to modify & create new files via PHP.
		 */
		$method                                = 'direct';
		$GLOBALS['_wp_filesystem_direct_method'] = 'file_owner';

So, there it is. Next time that the FTP credentials screen shows up, this is what to check to quickly fix it.

You can check the full source file on Github for more context.

Se puede leer en Conversaciones con blogueros #24.

Then, check if the security policy allows PDF read/write. For instance, on a Debian 12 installation you would check /etc/ImageMagick-6/policy.xml

Check if there’s already a “PDF” policy and edit or add the following line:

<policy domain="coder" rights="read | write" pattern="PDF" />

If you’re using PHP as FPM, you will need to restart the FPM process and then it should be available.

If you need to debug deeper, check the class-wp-image-editor-imagick.php file around line ~143.

For more details, check:

• Embeddings are underrated – a concise theorical and practical approach to embeddings for discovering connections between texts.
• The Illustrated Word2vec – has lots of diagrams and visualizations for word embeddings, language model training, sliding word windows (skipgrams) and text generation.