JezK

Edit File: editor-preview.php

<?php
/**
 * This file handles the editor preview setting
 *
 * @since   2.0.0
 * @package Code_Snippets
 */

namespace Code_Snippets\Settings;

use function Code_Snippets\code_snippets;
use function Code_Snippets\enqueue_code_editor;
use function Code_Snippets\get_editor_themes;

/**
 * Load the CSS and JavaScript for the editor preview field
 */
function enqueue_editor_preview_assets() {
	$plugin = code_snippets();

enqueue_code_editor( 'php' );

// Enqueue all editor themes.
	$themes = get_editor_themes();

foreach ( $themes as $theme ) {
		wp_enqueue_style(
			'code-snippets-editor-theme-' . $theme,
			plugins_url( "dist/editor-themes/$theme.css", $plugin->file ),
			[ 'code-editor' ],
			$plugin->version
		);
	}

// Enqueue the menu scripts.
	wp_enqueue_script(
		'code-snippets-settings-menu',
		plugins_url( 'dist/settings.js', $plugin->file ),
		[ 'code-snippets-code-editor' ],
		$plugin->version,
		true
	);

wp_set_script_translations( 'code-snippets-settings-menu', 'code-snippets' );

// Extract the CodeMirror-specific editor settings.
	$setting_fields = get_settings_fields();
	$editor_fields = array();

foreach ( $setting_fields['editor'] as $name => $field ) {
		if ( empty( $field['codemirror'] ) ) {
			continue;
		}

$editor_fields[] = array(
			'name'       => $name,
			'type'       => $field['type'],
			'codemirror' => addslashes( $field['codemirror'] ),
		);
	}

// Pass the saved options to the external JavaScript file.
	$inline_script = 'var code_snippets_editor_settings = ' . wp_json_encode( $editor_fields ) . ';';

wp_add_inline_script( 'code-snippets-settings-menu', $inline_script, 'before' );

// Provide configuration and simple i18n for the version switch JS module.
	$version_switch = array(
		'ajaxurl' => admin_url( 'admin-ajax.php' ),
		'nonce_switch' => wp_create_nonce( 'code_snippets_version_switch' ),
		'nonce_refresh' => wp_create_nonce( 'code_snippets_refresh_versions' ),
	);

$strings = array(
		'selectDifferent' => esc_html__( 'Please select a different version to switch to.', 'code-snippets' ),
		'switching' => esc_html__( 'Switching...', 'code-snippets' ),
		'processing' => esc_html__( 'Processing version switch. Please wait...', 'code-snippets' ),
		'error' => esc_html__( 'An error occurred.', 'code-snippets' ),
		'errorSwitch' => esc_html__( 'An error occurred while switching versions. Please try again.', 'code-snippets' ),
		'refreshing' => esc_html__( 'Refreshing...', 'code-snippets' ),
		'refreshed' => esc_html__( 'Refreshed!', 'code-snippets' ),
	);

wp_add_inline_script( 'code-snippets-settings-menu', 'var code_snippets_version_switch = ' . wp_json_encode( $version_switch ) . '; var __code_snippets_i18n = ' . wp_json_encode( $strings ) . ';', 'before' );
}

/**
 * Retrieve the list of code editor themes.
 *
 * @return array<string, string> List of editor themes.
 */
function get_editor_theme_list(): array {
	$themes = [
		'default' => __( 'Default', 'code-snippets' ),
	];

foreach ( get_editor_themes() as $theme ) {

// Skip mobile themes.
		if ( '-mobile' === substr( $theme, -7 ) ) {
			continue;
		}

$themes[ $theme ] = ucwords( str_replace( '-', ' ', $theme ) );
	}

return $themes;
}

/**
 * Render the editor preview setting
 */
function render_editor_preview() {
	$settings = get_settings_values();
	$settings = $settings['editor'];

$indent_unit = absint( $settings['indent_unit'] );
	$tab_size = absint( $settings['tab_size'] );

$n_tabs = $settings['indent_with_tabs'] ? floor( $indent_unit / $tab_size ) : 0;
	$n_spaces = $settings['indent_with_tabs'] ? $indent_unit % $tab_size : $indent_unit;

$indent = str_repeat( "\t", $n_tabs ) . str_repeat( ' ', $n_spaces );

$code = "add_filter( 'admin_footer_text', function ( \$text ) {\n\n" .
	        $indent . "\$site_name = get_bloginfo( 'name' );\n\n" .
	        $indent . '$text = "Thank you for visiting $site_name.";' . "\n" .
	        $indent . 'return $text;' . "\n" .
	        "} );\n";

echo '<textarea id="code_snippets_editor_preview">', esc_textarea( $code ), '</textarea>';
}