array( 'url' => array( 'type' => 'url', ), 'itemsToShow' => array( 'type' => 'integer', 'default' => 5, ), 'showCoverArt' => array( 'type' => 'boolean', 'default' => true, ), 'showEpisodeDescription' => array( 'type' => 'boolean', 'default' => true, ), ), 'render_callback' => __NAMESPACE__ . '\render_block', ) ); } add_action( 'init', __NAMESPACE__ . '\register_block' ); /** * Podcast Player block registration/dependency declaration. * * @param array $attributes Array containing the Podcast Player block attributes. * @return string */ function render_block( $attributes ) { // Test for empty URLS. if ( empty( $attributes['url'] ) ) { return '

' . esc_html__( 'No Podcast URL provided. Please enter a valid Podcast RSS feed URL.', 'jetpack' ) . '

'; } // Test for invalid URLs. if ( ! wp_http_validate_url( $attributes['url'] ) ) { return '

' . esc_html__( 'Your podcast URL is invalid and couldn\'t be embedded. Please double check your URL.', 'jetpack' ) . '

'; } // Sanitize the URL. $attributes['url'] = esc_url_raw( $attributes['url'] ); $player_data = Jetpack_Podcast_Helper::get_player_data( $attributes['url'] ); if ( is_wp_error( $player_data ) ) { return '

' . esc_html( $player_data->get_error_message() ) . '

'; } return render_player( $player_data, $attributes ); } /** * Renders the HTML for the Podcast player and tracklist. * * @param array $player_data The player data details. * @param array $attributes Array containing the Podcast Player block attributes. * @return string The HTML for the podcast player. */ function render_player( $player_data, $attributes ) { // If there are no tracks (it is possible) then display appropriate user facing error message. if ( empty( $player_data['tracks'] ) ) { return '

' . esc_html__( 'No tracks available to play.', 'jetpack' ) . '

'; } // Only use the amount of tracks requested. $player_data['tracks'] = array_slice( $player_data['tracks'], 0, absint( $attributes['itemsToShow'] ) ); // Generate a unique id for the block instance. $instance_id = wp_unique_id( 'jetpack-podcast-player-block-' ); $player_data['playerId'] = $instance_id; // Generate object to be used as props for PodcastPlayer. $player_props = array_merge( // Add all attributes. array( 'attributes' => $attributes ), // Add all player data. $player_data ); $secondary_colors = get_colors( 'secondary', $attributes, 'color' ); $background_colors = get_colors( 'background', $attributes, 'background-color' ); $player_classes_name = trim( "{$secondary_colors['class']} {$background_colors['class']}" ); $player_inline_style = trim( "{$secondary_colors['style']} ${background_colors['style']}" ); $block_classname = Jetpack_Gutenberg::block_classes( FEATURE_NAME, $attributes, array( 'is-default' ) ); $is_amp = ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ); ob_start(); ?>
array( 'class' => 'has-secondary', 'style' => 'border-color: #333' ) * * @param string $name Color attribute name, for instance `primary`, `secondary`, ... * @param array $attrs Block attributes. * @param string $property Color CSS property, fo instance `color`, `background-color`, ... * @return array Colors array. */ function get_colors( $name, $attrs, $property ) { $attr_color = "{$name}Color"; $attr_custom = 'custom' . ucfirst( $attr_color ); $color = isset( $attrs[ $attr_color ] ) ? $attrs[ $attr_color ] : null; $custom_color = isset( $attrs[ $attr_custom ] ) ? $attrs[ $attr_custom ] : null; $colors = array( 'class' => '', 'style' => '', ); if ( $color || $custom_color ) { $colors['class'] .= "has-{$name}"; if ( $color ) { $colors['class'] .= " has-{$color}-{$property}"; } elseif ( $custom_color ) { $colors['style'] .= "{$property}: {$custom_color};"; } } return $colors; }