plugin.php

<?php

/**
 * Plugin Name: Advanced Custom Fields: Editor Palette Field
 * Plugin URI:  https://github.com/log1x/acf-editor-palette
 * Description: A Gutenberg-like editor palette color picker field for Advanced Custom Fields.
 * Version:     1.2.0
 * Author:      Brandon Nifong
 * Author URI:  https://github.com/log1x
 */

namespace Log1x\AcfEditorPalette;

add_filter('after_setup_theme', new class
{
    /**
     * The field label.
     *
     * @var string
     */
    public $label = 'Editor Palette';

    /**
     * The field name.
     *
     * @var string
     */
    public $name = 'editor_palette';

    /**
     * The field category.
     *
     * @var string
     */
    public $category = 'basic';

    /**
     * The field asset URI.
     *
     * @var string
     */
    public $uri;

    /**
     * The field asset path.
     *
     * @var string
     */
    public $path = 'public/';

    /**
     * Invoke the plugin.
     *
     * @return void
     */
    public function __invoke()
    {
        if (! class_exists('\ACF')) {
            return;
        }

        $this->uri = plugin_dir_url(__FILE__) . $this->path;
        $this->path = plugin_dir_path(__FILE__) . $this->path;

        if (file_exists($composer = __DIR__ . '/vendor/autoload.php')) {
            require_once $composer;
        }

        $this->register();
        $this->registerAdminColumns();
    }

    /**
     * Register the field type with ACF.
     *
     * @return void
     */
    protected function register()
    {
        foreach (['acf/include_field_types', 'acf/register_fields'] as $hook) {
            add_filter($hook, function () {
                return new Field($this);
            });
        }

        if (function_exists('register_graphql_acf_field_type')) {
            add_action('wpgraphql/acf/registry_init', function () {
                register_graphql_acf_field_type($this->name, [
                    'graphql_type' => 'string',
                    'resolve' => function ($root, $args, $context, $info, $field_config) {
                        $value = $field_config->resolve_field($root, $args, $context, $info);

                        if (is_null($value)) {
                            return null;
                        }

                        return $value['slug'];
                    },
                ]);
            });
        }
    }

    /**
     * Register the field type with ACP.
     *
     * @return void
     */
    protected function registerAdminColumns()
    {
        if (! defined('ACP_FILE')) {
            return;
        }

        add_filter('ac/column/value', function ($value, $id, $column) {
            if (
                ! is_a($column, '\ACA\ACF\Column') ||
                $column->get_field_type() !== $this->name ||
                empty($color = get_field($column->get_meta_key())) ||
                ! is_array($color)
            ) {
                return $value;
            }

            return sprintf(
                '<div
                    aria-label="%s"
                    style="background-color: %s;
                          width: 24px;
                          height: 24px;
                          border: 1px solid #ccd0d4;
                          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);"
                ></div>',
                $color['name'],
                $color['color']
            );
        }, 10, 3);
    }
});