encpadnote.php

<?php
/**
 * Plugin Name: EncPadNote
 * Description: A serverless markdown editor with encryption that stores content in the URL hash.
 * Version: 2.1.0
 * Author: LukaWe
 * Author URI: https://github.com/LukaWe
 * Requires PHP: 8.3
 */

declare(strict_types=1);

namespace EncPadNote;

if (!defined('ABSPATH')) {
    exit;
}

final class Plugin
{
    private const VERSION = '2.1.0';
    private const SLUG = 'encpadnote';

    public function __construct()
    {
        add_shortcode('encpadnote', [$this, 'renderShortcode']);
        add_action('wp_enqueue_scripts', [$this, 'registerAssets']);
    }

    public function registerAssets(): void
    {
        // Vendor scripts
        wp_register_script(
            self::SLUG . '-marked',
            plugins_url('vendor/marked.min.js', __FILE__),
            [],
            '12.0.0',
            ['strategy' => 'defer', 'in_footer' => true]
        );

        wp_register_script(
            self::SLUG . '-dompurify',
            plugins_url('vendor/dompurify.min.js', __FILE__),
            [],
            '3.0.9',
            ['strategy' => 'defer', 'in_footer' => true]
        );

        // Main plugin assets
        $jsFile = plugin_dir_path(__FILE__) . 'js/encpadnote.js';
        $cssFile = plugin_dir_path(__FILE__) . 'css/encpadnote.css';
        $jsVersion = file_exists($jsFile) ? (string)filemtime($jsFile) : self::VERSION;
        $cssVersion = file_exists($cssFile) ? (string)filemtime($cssFile) : self::VERSION;

        wp_register_script(
            self::SLUG,
            plugins_url('js/encpadnote.js', __FILE__),
            [self::SLUG . '-marked', self::SLUG . '-dompurify'],
            $jsVersion,
            ['strategy' => 'defer', 'in_footer' => true]
        );

        wp_register_style(
            self::SLUG,
            plugins_url('css/encpadnote.css', __FILE__),
            [],
            $cssVersion
        );
    }

    public function renderShortcode(array|string $atts = [], ?string $content = null): string
    {
        wp_enqueue_script(self::SLUG);
        wp_enqueue_style(self::SLUG);

        $atts = shortcode_atts(['height' => '80vh'], $atts, self::SLUG);
        $height = $atts['height'];

        if (!preg_match('/^[0-9]+(px|vh|vw|%|em|rem)?$/', $height)) {
            $height = '80vh';
        }

        return sprintf(
            '<div id="encpadnote-app" class="encpadnote-wrapper" style="height: %s;"></div>',
            esc_attr($height)
        );
    }
}

new Plugin();