Download all WordPress assets on boot

packages/playground/remote/src/lib/worker-thread.ts

@@ -34,13 +34,15 @@ import transportFetch from './playground-mu-plugin/playground-includes/wp_http_f
 import transportDummy from './playground-mu-plugin/playground-includes/wp_http_dummy.php?raw';
 /** @ts-ignore */
 import playgroundWebMuPlugin from './playground-mu-plugin/0-playground.php?raw';
-import { PHPWorker } from '@php-wasm/universal';
+import { PHP, PHPWorker } from '@php-wasm/universal';
+import { decodeZip } from '@php-wasm/stream-compression';
 import {
  bootWordPress,
  getLoadedWordPressVersion,
  isSupportedWordPressVersion,
 } from '@wp-playground/wordpress';
 import { logger } from '@php-wasm/logger';
+import { getWordPressVersionFromPhp } from '@wp-playground/wordpress';
 
 const scope = Math.random().toFixed(16);
 
@@ -189,6 +191,41 @@ export class PlaygroundWorkerEndpoint extends PHPWorker {
  }
 }
 
+async function downloadWordPressAssets(php: PHP) {
+ const wpVersion = await getWordPressVersionFromPhp(php);
+ fetch(`/wp-${wpVersion}/wordpress-static.zip`).then(async (response) => {
+ try {
+ const zipBytes = await response.arrayBuffer();
+ const zipStream = decodeZip(new Blob([zipBytes]).stream());
+ for await (const file of zipStream) {
+ const path = file.name.replace(
+ 'wordpress-static',
+ '/wordpress'
+ );
+
+ if (file.type === 'directory' && !php.isDir(path)) {
+ php.mkdir(path);
+ } else if (!php.fileExists(path)) {
+ try {
+ php.writeFile(
+ path,
+ new Uint8Array(await file.arrayBuffer())
+ );
+ } catch (e) {
+ logger.warn(
+ 'Failed to write a WordPress asset file',
+ path,
+ e
+ );
+ }
+ }
+ }
+ } catch (e) {
+ logger.warn('Failed to download WordPress assets', e);
+ }
+ });
+}
+
 const apiEndpoint = new PlaygroundWorkerEndpoint(
  downloadMonitor,
  scope,
@@ -242,6 +279,9 @@ try {
  });
  }
  },
+ afterWordPressInstall(php) {
+ downloadWordPressAssets(php);
+ },
  },
  createFiles: {
  '/internal/shared/mu-plugins': {

packages/playground/wordpress-builds/build/Dockerfile

@@ -44,11 +44,17 @@ RUN rm -rf wordpress-static/wp-content/mu-plugins
 # to request a remote asset or delegate the request for a missing file to PHP.
 RUN find wordpress-static -type f | sed 's#^wordpress-static/##'> wordpress-remote-asset-paths
 
-# Make the remote asset listing available remotely so it can be downloaded 
+# Make the remote asset listing available remotely so it can be downloaded
 # directly in cases where an older minified WordPress build without this file
 # has been saved to browser storage.
 RUN cp wordpress-remote-asset-paths wordpress-static/
 
+# ZIP the static files
+RUN zip -r wordpress-static.zip wordpress-static/
+
+# Move ZIP to the public output directory
+RUN cp wordpress-static.zip wordpress-static/
+
 # Move the static files to the final output directory
 RUN mkdir /root/output/$OUT_FILENAME
 RUN mv wordpress-static/* /root/output/$OUT_FILENAME/
@@ -135,6 +141,6 @@ RUN cd wordpress && \
 # Build the final wp.zip file
 RUN mv wordpress /wordpress && \
  cp wordpress-remote-asset-paths /wordpress/ && \
+ cp wordpress-static.zip /wordpress/ && \
  cd /wordpress && \
  zip /root/output/$OUT_FILENAME.zip -r .
-

packages/playground/wordpress/src/boot.ts

@@ -24,6 +24,7 @@ export type Hook = (php: PHP) => void | Promise<void>;
 export interface Hooks {
  beforeWordPressFiles?: Hook;
  beforeDatabaseSetup?: Hook;
+ afterWordPressInstall?: Hook;
 }
 
 export type DatabaseType = 'sqlite' | 'mysql' | 'custom';
@@ -212,14 +213,18 @@ export async function bootWordPress(options: BootOptions) {
  throw new Error('WordPress installation has failed.');
  }
 
+ if (options.hooks?.afterWordPressInstall) {
+ await options.hooks.afterWordPressInstall(php);
+ }
+
  return requestHandler;
 }
 
 async function isWordPressInstalled(php: PHP) {
  return (
  (
  await php.run({
- code: `<?php 
+ code: `<?php
  require '${php.documentRoot}/wp-load.php';
  echo is_blog_installed() ? '1' : '0';
  `,

packages/playground/wordpress/src/index.ts

@@ -2,11 +2,7 @@ import { PHP, UniversalPHP } from '@php-wasm/universal';
 import { joinPaths, phpVar } from '@php-wasm/util';
 import { unzipFile } from '@wp-playground/common';
 export { bootWordPress } from './boot';
-export {
- getLoadedWordPressVersion,
- isSupportedWordPressVersion,
-} from './version-detect';
-
+export * from './version-detect';
 export * from './rewrite-rules';
 
 /**
@@ -21,7 +17,7 @@ export async function setupPlatformLevelMuPlugins(php: UniversalPHP) {
  await php.writeFile(
  '/internal/shared/preload/env.php',
  `<?php
- 
+
  // Allow adding filters/actions prior to loading WordPress.
  // $function_to_add MUST be a string.
  function playground_add_filter( $tag, $function_to_add, $priority = 10, $accepted_args = 1 ) {
@@ -31,7 +27,7 @@ export async function setupPlatformLevelMuPlugins(php: UniversalPHP) {
  function playground_add_action( $tag, $function_to_add, $priority = 10, $accepted_args = 1 ) {
  playground_add_filter( $tag, $function_to_add, $priority, $accepted_args );
  }
- 
+
  // Load our mu-plugins after customer mu-plugins
  // NOTE: this means our mu-plugins can't use the muplugins_loaded action!
  playground_add_action( 'muplugins_loaded', 'playground_load_mu_plugins', 0 );
@@ -60,7 +56,7 @@ export async function setupPlatformLevelMuPlugins(php: UniversalPHP) {
  }
  return $redirect_url;
  } );
- 
+
  // Needed because gethostbyname( 'wordpress.org' ) returns
  // a private network IP address for some reason.
  add_filter( 'allowed_redirect_hosts', function( $deprecated = '' ) {
@@ -78,7 +74,7 @@ export async function setupPlatformLevelMuPlugins(php: UniversalPHP) {
  if(!file_exists(WP_CONTENT_DIR . '/fonts')) {
  mkdir(WP_CONTENT_DIR . '/fonts');
  }
- 
+
  $log_file = WP_CONTENT_DIR . '/debug.log';
  define('ERROR_LOG_FILE', $log_file);
  ini_set('error_log', $log_file);
@@ -91,7 +87,7 @@ export async function setupPlatformLevelMuPlugins(php: UniversalPHP) {
  await php.writeFile(
  '/internal/shared/preload/error-handler.php',
  `<?php
- (function() { 
+ (function() {
  $playground_consts = [];
  if(file_exists('/internal/shared/consts.json')) {
  $playground_consts = @json_decode(file_get_contents('/internal/shared/consts.json'), true) ?: [];
@@ -207,7 +203,7 @@ export async function preloadSqliteIntegration(
 
 /**
  * Loads the SQLite integration plugin before WordPress is loaded
- * and without creating a drop-in "db.php" file. 
+ * and without creating a drop-in "db.php" file.
  *
  * Technically, it creates a global $wpdb object whose only two
  * purposes are to:

packages/playground/wordpress/src/version-detect.ts

@@ -1,13 +1,17 @@
-import type { PHPRequestHandler } from '@php-wasm/universal';
+import type { PHP, PHPRequestHandler } from '@php-wasm/universal';
 import { SupportedWordPressVersions } from '@wp-playground/wordpress-builds';
 
 export async function getLoadedWordPressVersion(
  requestHandler: PHPRequestHandler
 ): Promise<string> {
  const php = await requestHandler.getPrimaryPhp();
+ return getWordPressVersionFromPhp(php);
+}
+
+export async function getWordPressVersionFromPhp(php: PHP): Promise<string> {
  const result = await php.run({
  code: `<?php
- require '${requestHandler.documentRoot}/wp-includes/version.php';
+ require '${php.documentRoot}/wp-includes/version.php';
  echo $wp_version;
  `,
  });