vercel-webhook-deploy.php

<?php

/**
 * @package Vercel Deploy Hooks
 */

/*
Plugin Name: Vercel Deploy Hooks
Plugin URI: https://github.com/aderaaij/wp-vercel-deploy-hooks
Description: WordPress plugin for building your Vercel static site on command, post publish/update or scheduled
Version: 1.4.2
Author: Arden de Raaij
Author URI: https://arden.nl
License: GPLv3 or later
Text Domain: vercel-deploy-hooks
*/

/*
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/

defined('ABSPATH') or die('You do not have access to this file');

class vdhp_vercel_webhook_deploy
{

  /**
   * Constructor
   *
   * @since 1.0.0
   **/
  public function __construct()
  {

    // Stop crons on uninstall
    register_deactivation_hook(__FILE__, array($this, 'deactivate_scheduled_cron'));

    add_action('wp_loaded', array($this, 'create_plugin_capabilities'));
    // Hook into the admin menu
    add_action('admin_menu', array($this, 'create_plugin_settings_page'));

    // Add Settings and Fields
    add_action('admin_init', array($this, 'setup_sections'));
    add_action('admin_init', array($this, 'setup_schedule_fields'));
    add_action('admin_init', array($this, 'setup_developer_fields'));
    add_action('admin_footer', array($this, 'run_the_mighty_javascript'));
    add_action('admin_bar_menu', array($this, 'add_to_admin_bar'), 90);

    // Listen to cron scheduler option updates
    add_action('update_option_enable_scheduled_builds', array($this, 'build_schedule_options_updated'), 10, 3);
    add_action('update_option_select_schedule_builds', array($this, 'build_schedule_options_updated'), 10, 3);
    add_action('update_option_select_time_build', array($this, 'build_schedule_options_updated'), 10, 3);

    // Trigger cron scheduler every WP load
    add_action('wp', array($this, 'set_build_schedule_cron'));

    // Add custom schedules
    add_filter('cron_schedules', array($this, 'custom_cron_intervals'));

    // Link event to function
    add_action('scheduled_vercel_build', array($this, 'fire_vercel_webhook'));

    // add actions for deploying on post/page update and publish
    add_action('publish_future_post', array($this, ' vb_webhook_future_post'), 10);
    add_action('transition_post_status', array($this, 'vb_webhook_post'), 10, 3);

    // Add the endpoint for checking status
    add_action('wp_ajax_get_deployment_status', array($this, 'get_deployment_status'));
    add_action('wp_ajax_update_deployment_status', array($this, 'update_deployment_status'));
    add_action('wp_ajax_nopriv_update_deployment_status', array($this, 'update_deployment_status'));

    // Add assets enqueue
    add_action('admin_enqueue_scripts', array($this, 'enqueue_styles'));
  }

  public function enqueue_styles()
  {
    wp_register_style('custom-styles', plugin_dir_url(__FILE__) . 'assets/styles.css');

    wp_enqueue_style('custom-styles');
  }



  public function get_deployment_status()
  {
    // Check the nonce
    if (!isset($_GET['_wpnonce']) || !wp_verify_nonce($_GET['_wpnonce'], 'get_deployment_status_nonce')) {
      header('HTTP/1.1 403 Forbidden');
      echo 'Invalid nonce';
      exit();
    }

    // Check if user is logged in
    if (!is_user_logged_in()) {
      header('HTTP/1.1 401 Unauthorized');
      echo 'Unauthorized';
      exit();
    }

    // Check if logged in user has capabilities to deploy
    if (!current_user_can('vercel_deploy_capability')) {
      header('HTTP/1.1 401 Unauthorized');
      echo 'Unauthorized';
      exit();
    }

    // Sanitize parameters
    $timestamp = isset($_GET['timestamp']) ? sanitize_text_field($_GET['timestamp']) : '';

    if (empty($timestamp)) {
      header('HTTP/1.1 400 Bad Request');
      echo '"From" param value is required';
      exit();
    }

    $bearer_token = $this->get_bearer_token();
    $team_id = $this->get_team_id();
    $project_id = $this->get_project_id();

    // Retrieve the current deployment ID and status from transients
    $current_deployment = get_transient('current_deployment');
    $deployment_id = '';
    $options = array(
      'http' => array(
        'header'  => "Authorization: Bearer $bearer_token\r\n",
        'method'  => 'GET',
      ),
    );
    $context = stream_context_create($options);

    // Check if there's already another deploy and if it's currently running. 
    if ($current_deployment && isset($current_deployment['status']) && $current_deployment['status'] === 'BUILDING') {
      // Use the existing deployment ID to check its current status
      $deployment_id = $current_deployment['id'];
    } else {
      // First request to get deployment ID if no current deployment
      $params = array();
      if (!empty($team_id)) {
        $params['teamId'] = $team_id;
      }
      if (!empty($project_id)) {
        $params['projectId'] = $project_id;
      }
      $params['limit'] = 1;
      $params['from'] = $timestamp;

      $query_string = http_build_query($params);
      $url = "https://api.vercel.com/v3/deployments?{$query_string}";
      $response = file_get_contents($url, false, $context);

      if ($response === false) {
        header('HTTP/1.1 500 Internal Server Error');
        echo json_encode(array('status' => 'error', 'message' => 'Failed to fetch deployment status'));
        exit();
      }

      $data = json_decode($response, true);

      if (!isset($data['deployments']) || empty($data['deployments'])) {
        header('HTTP/1.1 404 Not Found');
        echo json_encode(array('status' => 'error', 'message' => 'No deployments found'));
        exit();
      }

      // Get the deploy ID from the first deployment
      $deployment_id = $data['deployments'][0]['uid'];

      // Set the transient to cache the deployment ID and status
      $current_deployment = array(
        'id' => $deployment_id,
        'status' => 'PENDING',
        'created' => $timestamp
      );
      set_transient('current_deployment', $current_deployment, 12 * HOUR_IN_SECONDS);
    }

    // Second request to get deployment details
    $params_deployment = array();
    if (!empty($team_id)) {
      $params_deployment['teamId'] = $team_id;
    }
    if (!empty($project_id)) {
      $params_deployment['projectId'] = $project_id;
    }

    $query_string_02 = http_build_query($params_deployment);
    $details_url = "https://api.vercel.com/v3/deployments/{$deployment_id}?{$query_string_02}";
    $details_response = file_get_contents($details_url, false, $context);

    if ($details_response === false) {
      header('HTTP/1.1 500 Internal Server Error');
      echo json_encode(array('status' => 'error', 'message' => 'Failed to fetch deployment details'));
      exit();
    }

    $details_data = json_decode($details_response, true);
    if (isset($details_data['state'])) {
      // Update the transient with the deployment details
      $current_deployment = array(
        'id' => $deployment_id,
        'status' => $details_data['state'],
        'created' => $details_data['created']
      );
      set_transient('current_deployment', $current_deployment, 12 * HOUR_IN_SECONDS);
    } else {
      // Handle unexpected data format
      header('HTTP/1.1 500 Internal Server Error');
      echo json_encode(array('status' => 'error', 'message' => 'Invalid deployment details format'));
      exit();
    }

    // Return the deployment details
    echo $details_response;
    exit();
  }

  public function update_deployment_status()
  {
    // Check the nonce and user capability
    if (!isset($_GET['_wpnonce']) || !wp_verify_nonce($_GET['_wpnonce'], 'update_deployment_status_nonce')) {
      wp_send_json_error('Invalid nonce');
      return;
    }

    if (!is_user_logged_in()) {
      wp_send_json_error('Unauthorized');
      return;
    }

    if (!current_user_can('vercel_deploy_capability')) {
      wp_send_json_error('Unauthorized');
      return;
    }

    // Sanitize and update deploy status
    $status = isset($_GET['status']) ? sanitize_text_field($_GET['status']) : '';

    if (empty($status)) {
      wp_send_json_error('Status param value is required');
      return;
    }

    // Update transient
    $current_deployment = get_transient('current_deployment');
    if ($current_deployment) {
      set_transient('previous_deployment_status', $current_deployment['status']);
      $current_deployment['status'] = $status;
      set_transient('current_deployment', $current_deployment, 12 * HOUR_IN_SECONDS);
    }

    wp_send_json_success(array('status' => $status));
  }




  public function is_using_constant_webhook()
  {
    return defined("WP_VERCEL_WEBHOOK_ADDRESS") && !empty(WP_VERCEL_WEBHOOK_ADDRESS);
  }

  /**
   * Gets the webhook address by constant or by settings, in that order
   * @return ?string
   */
  public function get_webhook_address()
  {
    if ($this->is_using_constant_webhook()) {
      return WP_VERCEL_WEBHOOK_ADDRESS;
    } else {
      return get_option('webhook_address');
    }
  }

  /**
   * Gets the bearer token by constant or by settings, in that order
   * @return ?string
   */
  public function get_bearer_token()
  {
    if ($this->is_using_constant_webhook()) {
      return WP_VERCEL_BEARER_TOKEN;
    } else {
      return get_option('bearer_token');
    }
  }
  /**
   * Gets the bearer token by constant or by settings, in that order
   * @return ?string
   */
  public function get_team_id()
  {
    if ($this->is_using_constant_webhook()) {
      return WP_VERCEL_TEAM_ID;
    } else {
      return get_option('team_id');
    }
  }
  /**
   * Gets the project_id by constant or by settings, in that order
   * @return ?string
   */
  public function get_project_id()
  {
    if ($this->is_using_constant_webhook()) {
      return WP_VERCEL_PROJECT_ID;
    } else {
      return get_option('project_id');
    }
  }

  /**
   * Main Plugin Page markup
   *
   * @since 1.0.0
   **/
  public function plugin_settings_page_content()
  {
    $current_deployment = get_transient('current_deployment');
    $buildStatus = isset($current_deployment['status']) && $current_deployment['status'] === 'BUILDING' ? 'running' : null;
?>
    <div class="wrap">
      <h2><?php _e('Vercel Deploy Hooks', 'vercel-deploy-hooks'); ?></h2>
      <hr>
      <h3><?php _e('Build Website', 'vercel-deploy-hooks'); ?></h3>
      <button id="build_button" class="button button-primary <?php echo $buildStatus; ?>" name="submit" type="submit">
        <?php _e('Build Site', 'vercel-deploy-hooks'); ?>
      </button>
      <br>
      <p id="build_status" style="font-size: 12px; margin: 16px 0;">
      <ul>
        <li id="build_status_id" style="display:none"></li>
        <li id="build_status_state" style="display:none"></li>
        <li id="build_status_createdAt" style="display:none"></li>
      </ul>
      </p>
      <p style="font-size: 12px">
        <?php if (isset($current_deployment['status']) && $current_deployment['status'] === 'BUILDING'): ?>
          <?php _e('It seems another deploy is running. Please wait until it has finished to start a new one.', 'vercel-deploy-hooks'); ?>
        <?php else: ?>
          *<?php _e('Do not abuse the Build Site button', 'vercel-deploy-hooks'); ?>*
        <?php endif; ?>
      </p>
      <br>
    </div>
  <?php
  }

  /**
   * Schedule Builds (subpage) markup
   *
   * @since 1.0.0
   **/
  public function plugin_settings_schedule_content()
  { ?>
    <div class="wrap">
      <h1><?php _e('Schedule vercel Builds', 'vercel-deploy-hooks'); ?></h1>
      <p><?php _e('This section allows regular vercel builds to be scheduled.', 'vercel-deploy-hooks'); ?></p>
      <hr>

      <?php
      if (isset($_GET['settings-updated']) && $_GET['settings-updated']) {
        $this->admin_notice();
      } ?>

      <form method="POST" action="options.php">
        <?php
        settings_fields('schedule_webhook_fields');
        do_settings_sections('schedule_webhook_fields');
        submit_button();
        ?>
      </form>
    </div> <?php
          }

          /**
           * Settings (subpage) markup
           *
           * @since 1.0.0
           **/
          public function plugin_settings_developer_content()
          { ?>
    <div class="wrap">
      <h1><?php _e('Settings', 'vercel-deploy-hooks'); ?></h1>
      <hr>

      <?php
            if (isset($_GET['settings-updated']) && $_GET['settings-updated']) {
              $this->admin_notice();
            } ?>
      <form method="POST" action="options.php">
        <?php
            settings_fields('developer_webhook_fields');
            do_settings_sections('developer_webhook_fields');
            submit_button();
        ?>
      </form>

      <footer>
        <h3><?php _e('Extra Info', 'vercel-deploy-hooks'); ?></h3>
        <p>
          <a
            href="https://github.com/aderaaij/wp-vercel-deploy-hooks"><?php _e('Plugin repository on Github', 'vercel-deploy-hooks'); ?></a>
        </p>
        <p>
          <a
            href="https://vercel.com/docs/more/deploy-hooks"><?php _e('Vercel Deploy Hooks Documentation', 'vercel-deploy-hooks'); ?></a>
        </p>
      </footer>

    </div> <?php
          }

          /**
           * The Mighty JavaScript
           *
           * @since 1.0.0
           **/
          public function run_the_mighty_javascript()
          {
            // Generate nonce
            $nonce = wp_create_nonce('get_deployment_status_nonce');
            $updateCheckNonce = wp_create_nonce('update_deployment_status_nonce');

            // Get current deployment status
            $current_deployment = get_transient('current_deployment');
            ?>
    <div class="notification-modal hidden"></div>
    <script type="text/javascript">
      jQuery(document).ready(function($) {
        console.log('run_the_mighty_javascript');
        $(".deploy_page_developer_webhook_fields td > input").css("width", "100%");
        $('.notification-modal').on("click", function(e) {
          if ($(this).hasClass('popup')) {
            $(this).removeClass('popup').addClass('hidden');
          }
        });


        var webhook_url = '<?php echo ($this->get_webhook_address()) ?>';
        var nonce = '<?php echo $nonce; ?>';
        var updateCheckNonce = '<?php echo $updateCheckNonce; ?>';

        function vercelDeploy() {
          return $.ajax({
            type: "POST",
            url: webhook_url,
            dataType: "json",
          });
        }

        function handle_wp_admin_button_status(status) {
          var $button = $('#wp-admin-bar-vercel-deploy-button'),
            $buttonContent = $button.find('.ab-item:first');
          var $classesToRemove =
            'dashicons-hammer dashicons-no dashicons-yes dashicons-update spin error success warning deploying ';
          $("#build_button").prop("disabled", status === 'BUILDING');
          if (status === 'BUILDING') {
            $button.addClass('running');
            $buttonContent.find('.ab-label').text('Deploying...');
            $buttonContent.find('.ab-icon')
              .removeClass($classesToRemove).addClass('dashicons-update spin deploying ');
          } else if (status === 'ERROR') {
            $button.removeClass('running');
            $buttonContent.find('.ab-label').text('Error');
            $buttonContent.find('.ab-icon')
              .removeClass($classesToRemove).addClass('dashicons-no error');
            setTimeout(function() {
              $buttonContent.find('.ab-icon')
                .removeClass($classesToRemove).addClass('dashicons-hammer');
              $buttonContent.find('.ab-label').text('Deploy');
            }, 30000); // 30 seconds
          } else if (status === 'READY') {
            $button.removeClass('running');
            $buttonContent.find('.ab-label').text('Ready!');
            $buttonContent.find('.ab-icon')
              .removeClass($classesToRemove).addClass('dashicons-yes success');
            setTimeout(function() {
              $buttonContent.find('.ab-icon')
                .removeClass($classesToRemove).addClass('dashicons-hammer');
              $buttonContent.find('.ab-label').text('Deploy');
            }, 30000); // 30 seconds
          } else {
            $button.removeClass('running');
            $buttonContent.find('.ab-label').text('Deploy');
            $buttonContent.find('.ab-icon')
              .removeClass($classesToRemove).addClass('dashicons-hammer');
          }
        }

        function checkDeploymentStatus(timestamp, nonce) {
          $.ajax({
            type: "GET",
            url: `/wp-admin/admin-ajax.php?action=get_deployment_status&timestamp=${timestamp}&_wpnonce=${nonce}`,
            dataType: "json",
            success: function(data) {
              handle_wp_admin_button_status(data.state);
              $("#build_status_state").html('<b>State</b>: ' + data.state);
              if (!$('.notification-modal').hasClass('hidden')) {
                $('.notification-modal').addClass('hidden').html('')
              }
              if (data.state !== 'BUILDING') {
                clearInterval(pollingInterval);
                $.ajax({
                  type: "GET",
                  url: `/wp-admin/admin-ajax.php?action=update_deployment_status&status=${data.state}&_wpnonce=${updateCheckNonce}`,
                  dataType: "json",
                  success: function() {
                    console.log('Deployment status updated to ' + data.state);
                    $('.notification-modal').removeClass('hidden').addClass('popup success').html(
                      '<h3>Deploy has finished! <span class="ab-icon dashicons dashicons-yes"></span></h3>')
                  },
                  error: function(error) {
                    console.error('Error updating deployment status:', error);
                    $('.notification-modal').removeClass('hidden').addClass('popup error').html(
                      '<h3>Ooops! Something went wrong, please retry <span class="ab-icon dashicons dashicons-no"></span></h3>'
                    )
                  }
                });
              }
            },
            error: function(error) {
              console.error('Error fetching deployment status:', error);
              clearInterval(pollingInterval);
            }
          });
        }

        var pollingInterval;

        function startPolling(timestamp, nonce) {
          pollingInterval = setInterval(function() {
            checkDeploymentStatus(timestamp, nonce);
          }, 10000); // Poll every 10 seconds
        }

        // PHP condition to check current deployment status
        <?php if ($current_deployment && isset($current_deployment['created']) && isset($current_deployment['status']) && $current_deployment['status'] === 'BUILDING') : ?>
          var currentTimeStamp = '<?php echo $current_deployment['created']; ?>';
          startPolling(currentTimeStamp, nonce);
        <?php endif ?>

        $("#build_button").on("click", function(e) {
          e.preventDefault();
          $('.notification-modal').removeClass('hidden').html(
            '<h3>Deploy will start soon, please wait... <span class="ab-icon dashicons dashicons-update spin"></span></h3>'
          )
          vercelDeploy().done(function(res) {
            $('.notification-modal').html(
              '<h3>Deploy is starting and will run in background, please wait... <span class="ab-icon dashicons dashicons-update spin"></span></h3>'
            )
            $("#build_status").html('Building in progress');
            $("#build_status_id").html('<b>ID</b>: ' + res.job.id);
            $("#build_status_state").html('<b>State</b>: ' + res.job.state);
            $("#build_status_createdAt").html('<b>Created At</b>: ' + new Date(res.job.createdAt)
              .toLocaleString());

            handle_wp_admin_button_status('BUILDING');
            startPolling(res.job.createdAt, nonce);
          }).fail(function() {
            console.error('Error starting build');
            $("#build_status").html('There seems to be an error with the build');
            handle_wp_admin_button_status('ERROR');
          });
        });

        $(document).on('click', '#wp-admin-bar-vercel-deploy-button', function(e) {
          $('.notification-modal').removeClass('hidden').html(
            '<h3>Deploy will start soon, please wait... <span class="ab-icon dashicons dashicons-update spin"></span></h3>'
          )
          e.preventDefault();
          vercelDeploy().done(function(res) {
            $('.notification-modal').html(
              '<h3>Building in progress... <span class="ab-icon dashicons dashicons-update spin"></span></h3>'
            )
            handle_wp_admin_button_status('BUILDING');
            startPolling(res.job.createdAt, nonce);
          }).fail(function() {
            console.error('Error starting build via admin bar');
            handle_wp_admin_button_status('ERROR');
          });
        });
      });
    </script>
  <?php
          }


          public function create_plugin_capabilities()
          {
            $role = get_role('administrator');
            $role->add_cap('vercel_deploy_capability', true);
            $role->add_cap('vercel_adjust_settings_capability', true);
          }

          /**
           * Plugin Menu Items Setup
           *
           * @since 1.0.0
           **/
          public function create_plugin_settings_page()
          {
            if (current_user_can('vercel_deploy_capability')) {
              $page_title = __('Deploy to vercel', 'vercel-deploy-hooks');
              $menu_title = __('Deploy', 'vercel-deploy-hooks');
              $capability = 'vercel_deploy_capability';
              $slug = 'deploy_webhook_fields';
              $callback = array($this, 'plugin_settings_page_content');
              $icon = 'dashicons-admin-plugins';
              $position = 100;

              add_menu_page($page_title, $menu_title, $capability, $slug, $callback, $icon, $position);
            }

            if (current_user_can('vercel_adjust_settings_capability')) {
              $sub_page_title = __('Schedule Builds', 'vercel-deploy-hooks');
              $sub_menu_title = __('Schedule Builds', 'vercel-deploy-hooks');
              $sub_capability = 'vercel_adjust_settings_capability';
              $sub_slug = 'schedule_webhook_fields';
              $sub_callback = array($this, 'plugin_settings_schedule_content');

              add_submenu_page($slug, $sub_page_title, $sub_menu_title, $sub_capability, $sub_slug, $sub_callback);
            }

            if (current_user_can('vercel_adjust_settings_capability')) {
              $sub_page_title = __('Settings', 'vercel-deploy-hooks');
              $sub_menu_title = __('Settings', 'vercel-deploy-hooks');
              $sub_capability = 'vercel_adjust_settings_capability';
              $sub_slug = 'developer_webhook_fields';
              $sub_callback = array($this, 'plugin_settings_developer_content');

              add_submenu_page($slug, $sub_page_title, $sub_menu_title, $sub_capability, $sub_slug, $sub_callback);
            }
          }

          /**
           * Custom CRON Intervals
           *
           * cron_schedules code reference:
           * @link https://developer.wordpress.org/reference/hooks/cron_schedules/
           *
           * @since 1.0.0
           **/
          public function custom_cron_intervals($schedules)
          {
            $schedules['weekly'] = array(
              'interval' => 604800,
              'display' => __('Once Weekly', 'vercel-deploy-hooks')
            );
            $schedules['monthly'] = array(
              'interval' => 2635200,
              'display' => __('Once a month', 'vercel-deploy-hooks')
            );

            return $schedules;
          }

          /**
           * Notify Admin on Successful Plugin Update
           *
           * @since 1.0.0
           **/
          public function admin_notice()
          { ?>
    <div class="notice notice-success is-dismissible">
      <p><?php _e('Your settings have been updated!', 'vercel-deploy-hooks'); ?></p>
    </div>
<?php
          }



          /**
           * Setup Sections
           *
           * @since 1.0.0
           **/
          public function setup_sections()
          {
            add_settings_section('schedule_section', __('Scheduling Settings', 'vercel-deploy-hooks'), array($this, 'section_callback'), 'schedule_webhook_fields');
            add_settings_section('developer_section', __('Webhook Settings', 'vercel-deploy-hooks'), array($this, 'section_callback'), 'developer_webhook_fields');
          }

          /**
           * Check it wont break on build and deploy
           *
           * @since 1.0.0
           **/
          public function section_callback($arguments)
          {
            switch ($arguments['id']) {
              case 'developer_section':
                echo __('A Vercel Deploy hook URL is required to run this plugin', 'vercel-deploy-hooks');
                break;
            }
          }

          /**
           * Fields used for schedule input data
           *
           * Based off this article:
           * @link https://www.smashingmagazine.com/2016/04/three-approaches-to-adding-configurable-fields-to-your-plugin/
           *
           * @since 1.0.0
           **/
          public function setup_schedule_fields()
          {
            $fields = array(
              array(
                'uid' => 'enable_scheduled_builds',
                'label' => __('Enable Scheduled Events', 'vercel-deploy-hooks'),
                'section' => 'schedule_section',
                'type' => 'checkbox',
                'options' => array(
                  'enable' => __('Enable', 'vercel-deploy-hooks'),
                ),
                'default' => array()
              ),
              array(
                'uid' => 'select_time_build',
                'label' => __('Select Time to Build', 'vercel-deploy-hooks'),
                'section' => 'schedule_section',
                'type' => 'time',
                'default' => '00:00'
              ),
              array(
                'uid' => 'select_schedule_builds',
                'label' => __('Select Build Schedule', 'vercel-deploy-hooks'),
                'section' => 'schedule_section',
                'type' => 'select',
                'options' => array(
                  'daily' => __('Daily', 'vercel-deploy-hooks'),
                  'weekly' => __('Weekly', 'vercel-deploy-hooks'),
                  'monthly' => __('Monthly', 'vercel-deploy-hooks'),
                ),
                'default' => array('week')
              )
            );
            foreach ($fields as $field) {
              add_settings_field($field['uid'], $field['label'], array($this, 'field_callback'), 'schedule_webhook_fields', $field['section'], $field);
              register_setting('schedule_webhook_fields', $field['uid']);
            }
          }

          /**
           * Fields used for developer input data
           *
           * @since 1.0.0
           **/
          public function setup_developer_fields()
          {
            $fields = array(
              array(
                'uid' => 'webhook_address',
                'label' => __('Vercel Deploy Hook URL', 'vercel-deploy-hooks'),
                'section' => 'developer_section',
                'type' => 'text',
                'placeholder' => 'e.g. https://api.vercel.com/v1/integrations/deploy/QmcwKGEbAyFtfybXBxvuSjFT54dc5dRLmAYNB5jxxXsbeZ/hUg65Lj4CV',
                'default' => '',
                'callback' => $this->is_using_constant_webhook() ? function ($data) {
                  echo "Set by constant WP_VERCEL_WEBHOOK_ADDRESS as <code>" . WP_VERCEL_WEBHOOK_ADDRESS . "</code>";
                } : null,
              ),
              array(
                'uid' => 'bearer_token',
                'label' => __('Bearer Token', 'vercel-deploy-hooks'),
                'section' => 'developer_section',
                'type' => 'password',
                'placeholder' => '',
                'default' => '',
                'callback' => $this->is_using_constant_webhook() ? function ($data) {
                  echo "Set by constant WP_VERCEL_BEARER_TOKEN as <code>" . WP_VERCEL_BEARER_TOKEN . "</code>";
                } : null,
              ),
              array(
                'uid' => 'team_id',
                'label' => __('Team Id', 'vercel-deploy-hooks'),
                'section' => 'developer_section',
                'type' => 'text',
                'placeholder' => '',
                'default' => '',
                'callback' => $this->is_using_constant_webhook() ? function ($data) {
                  echo "Set by constant WP_VERCEL_TEAM_ID as <code>" . WP_VERCEL_TEAM_ID . "</code>";
                } : null,
              ),
              array(
                'uid' => 'project_id',
                'label' => __('Project Id', 'vercel-deploy-hooks'),
                'section' => 'developer_section',
                'type' => 'text',
                'placeholder' => '',
                'default' => '',
                'callback' => $this->is_using_constant_webhook() ? function ($data) {
                  echo "Set by constant WP_VERCEL_PROJECT_ID as <code>" . WP_VERCEL_PROJECT_ID . "</code>";
                } : null,
              ),
              array(
                'uid' => 'enable_on_post_update',
                'label' => __('Activate deploy on post update', 'vercel-deploy-hooks'),
                'section' => 'developer_section',
                'type' => 'checkbox',
                'options' => array(
                  'enable' => __('Enable', 'vercel-deploy-hooks'),
                ),
                'default' => array()
              ),


            );
            foreach ($fields as $field) {
              add_settings_field(
                $field['uid'],
                $field['label'],
                $field['callback'] ?? array($this, 'field_callback'),
                'developer_webhook_fields',
                $field['section'],
                $field,
              );
              register_setting('developer_webhook_fields', $field['uid']);
            }
          }

          /**
           * Field callback for handling multiple field types
           *
           * @param $arguments
           **@since 1.0.0
           */
          public function field_callback($arguments)
          {

            $value = get_option($arguments['uid']);

            if (!$value) {
              $value = $arguments['default'];
            }

            switch ($arguments['type']) {
              case 'text':
              case 'password':
              case 'number':
                printf('<input name="%1$s" id="%1$s" type="%2$s" placeholder="%3$s" value="%4$s" />', $arguments['uid'], $arguments['type'], $arguments['placeholder'], $value);
                break;
              case 'time':
                printf('<input name="%1$s" id="%1$s" type="time" value="%2$s" />', $arguments['uid'], $value);
                break;
              case 'textarea':
                printf('<textarea name="%1$s" id="%1$s" placeholder="%2$s" rows="5" cols="50">%3$s</textarea>', $arguments['uid'], $arguments['placeholder'], $value);
                break;
              case 'select':
              case 'multiselect':
                if (!empty($arguments['options']) && is_array($arguments['options'])) {
                  $attributes = '';
                  $options_markup = '';
                  foreach ($arguments['options'] as $key => $label) {
                    $options_markup .= sprintf('<option value="%s" %s>%s</option>', $key, selected($value[array_search($key, $value, true)], $key, false), $label);
                  }
                  if ($arguments['type'] === 'multiselect') {
                    $attributes = ' multiple="multiple" ';
                  }
                  printf('<select name="%1$s[]" id="%1$s" %2$s>%3$s</select>', $arguments['uid'], $attributes, $options_markup);
                }
                break;
              case 'radio':
              case 'checkbox':
                if (!empty($arguments['options']) && is_array($arguments['options'])) {
                  $options_markup = '';
                  $iterator = 0;
                  foreach ($arguments['options'] as $key => $label) {
                    $iterator++;
                    $options_markup .= sprintf('<label for="%1$s_%6$s"><input id="%1$s_%6$s" name="%1$s[]" type="%2$s" value="%3$s" %4$s /> %5$s</label><br/>', $arguments['uid'], $arguments['type'], $key, checked(count($value) > 0 ? $value[array_search($key, $value, true)] : false, $key, false), $label, $iterator);
                  }
                  printf('<fieldset>%s</fieldset>', $options_markup);
                }
                break;
            }
          }

          /**
           * Add Deploy Button and Deployment Status to admin bar
           *
           * @since 1.0.0
           **/
          public function add_to_admin_bar($admin_bar)
          {
            $current_deployment = get_transient('current_deployment');
            $icon = 'dashicons-hammer';
            $label = __('Deploy', 'vercel-deploy-hooks');
            $iconclass = '';
            $classes = 'ready-btn';


            if (($current_deployment && isset($current_deployment['status']))) {
              $status = $current_deployment['status'];
              if ($status === 'BUILDING') {
                $icon = 'dashicons-update';
                $label = __('Deploying...', 'vercel-deploy-hooks');
                $iconclass = 'spin deploying';
                $classes = "running";
              } else {
                $icon = 'dashicons-hammer';
                $label = __('Deploy', 'vercel-deploy-hooks');
                $iconclass = '';
                $classes = 'ready-btn';
              }
            }
            if (current_user_can('vercel_deploy_capability')) {
              $webhook_address = get_option('webhook_address');

              if ($webhook_address) {
                $button = array(
                  'id' => 'vercel-deploy-button',
                  'title' => '<div class="' . $classes . '"><span class="ab-icon dashicons ' . $icon . ' ' . $iconclass . '"></span> <span class="ab-label">' . $label . '</span></div>'
                );
                $admin_bar->add_node($button);
              }
            }
          }

          /**
           *
           * Manage the cron jobs for triggering builds
           *
           * Check if scheduled builds have been enabled, and pass to
           * the enable function. Or disable.
           *
           * @since 1.0.0
           **/
          public function build_schedule_options_updated()
          {
            $enable_builds = get_option('enable_scheduled_builds');
            if ($enable_builds) {
              // Clean any previous setting
              $this->deactivate_scheduled_cron();
              // Reset schedule
              $this->set_build_schedule_cron();
            } else {
              $this->deactivate_scheduled_cron();
            }
          }

          /**
           *
           * Activate cron job to trigger build
           *
           * @since 1.0.0
           **/
          public function set_build_schedule_cron()
          {
            $enable_builds = get_option('enable_scheduled_builds');
            if ($enable_builds) {
              if (!wp_next_scheduled('scheduled_vercel_build')) {
                $schedule = get_option('select_schedule_builds');
                $set_time = get_option('select_time_build');
                $timestamp = strtotime($set_time);
                wp_schedule_event($timestamp, $schedule[0], 'scheduled_vercel_build');
              }
            } else {
              $this->deactivate_scheduled_cron();
            }
          }

          /**
           *
           * Remove cron jobs set by this plugin
           *
           * @since 1.0.0
           **/
          public function deactivate_scheduled_cron()
          {
            // find out when the last event was scheduled
            $timestamp = wp_next_scheduled('scheduled_vercel_build');
            // unschedule previous event if any
            wp_unschedule_event($timestamp, 'scheduled_vercel_build');
          }

          /**
           *
           * Trigger vercel Build
           *
           * @since 1.0.0
           **/
          public function fire_vercel_webhook()
          {
            $webhook_url = $this->get_webhook_address();
            if ($webhook_url) {
              $options = array(
                'method' => 'POST',
              );
              return wp_remote_post($webhook_url, $options);
            }
            return false;
          }

          public function vb_webhook_post($new_status, $old_status, $post)
          {
            $enable_builds = get_option('enable_on_post_update');
            // We want to avoid triggering webhook by REST API (called by Gutenberg) not to trigger it twice.
            $rest = defined('REST_REQUEST') && REST_REQUEST;
            // We only want to trigger the webhook only if we transition from or to publish state.
            if ($enable_builds && !$rest && ($new_status === 'publish' || $old_status === 'publish')) {
              $this->fire_vercel_webhook();
            }
          }

          public function vb_webhook_future_post($post_id)
          {
            $enable_builds = get_option('enable_on_post_update');
            if ($enable_builds) {
              $this->fire_vercel_webhook();
            }
          }
        }

        new vdhp_vercel_webhook_deploy;