????
Your IP : 216.73.216.110
<?php
namespace SocialFeeds;
if(!defined('ABSPATH')){
exit;
}
class Shortcodes{
static function init(){
add_shortcode('socialfeeds', '\SocialFeeds\Shortcodes::unified_feed');
}
static function unified_feed($atts){
// Keep original atts for passthrough, but extract key identifying attributes
$extracted = shortcode_atts(['id' => '', 'platform' => ''], $atts);
$platform = strtolower(trim($extracted['platform']));
$id = trim($extracted['id']);
if(empty($platform)){
return '<p class="socialfeeds-subtitle">' . esc_html__('Platform attribute is required. Use platform="youtube", "instagram" or "facebook".', 'socialfeeds') . '</p>';
}
if(empty($id)){
return '<p class="socialfeeds-subtitle">' . esc_html__('ID attribute is required.', 'socialfeeds') . '</p>';
}
// Route to appropriate platform handler, passing ALL attributes
if($platform === 'youtube'){
return self::youtube_feed_by_id($atts);
} elseif($platform === 'instagram'){
if(class_exists('\SocialFeedsPro\ShortcodeRender') && defined('SOCIALFEEDS_PRO_VERSION')){
return \SocialFeedsPro\ShortcodeRender::instagram_feed($atts);
}
} elseif($platform === 'facebook'){
if(class_exists('\SocialFeedsPro\ShortcodeRender') && defined('SOCIALFEEDS_PRO_VERSION')){
return \SocialFeedsPro\ShortcodeRender::facebook_feed($atts);
}
} else {
return '<p class="socialfeeds-subtitle">' . esc_html__('Invalid platform. Use platform="youtube", "instagram" or "facebook".', 'socialfeeds') . '</p>';
}
}
static function youtube_feed_by_id($atts){
$opts_global = get_option('socialfeeds_youtube_option', []);
$atts = shortcode_atts(['id' => '', 'feed' => '', 'limit' => 6, 'width' => '', 'align' => ''], $atts);
$feeds = isset($opts_global['youtube_feeds']) ? $opts_global['youtube_feeds'] : [];
$feed = null;
$settings_opts = get_option('socialfeeds_settings_option', []);
$cache_duration = !empty($settings_opts['cache']['duration']) ? absint($settings_opts['cache']['duration']) : '3600';
if(isset($atts['feed']) && $atts['feed'] !== '' && is_numeric($atts['feed'])){
$idx = intval($atts['feed']);
if($idx >= 1){
$zero_index = $idx - 1;
if(isset($feeds[$zero_index])){
$feed = $feeds[$zero_index];
} else{
return '<p class="socialfeeds-subtitle">'.esc_html__('Saved feed not found for index ', 'socialfeeds').esc_html($idx).esc_html__('.', 'socialfeeds').'</p>';
}
} else {
return '<p class="socialfeeds-subtitle">'.esc_html__('Invalid feed index provided. Use a positive integer (1 = first saved feed).', 'socialfeeds').'</p>';
}
}
if(empty($feed)){
$feed_id = trim(isset($atts['id']) ? $atts['id'] : '');
if(empty($feed_id))
return '<p class="socialfeeds-subtitle">'.esc_html__('No feed id or index provided.', 'socialfeeds').'</p>';
foreach($feeds as $f){
if(isset($f['id']) && ((string) $f['id'] === (string) $feed_id || 'yt_' . (string) $f['id'] === (string) $feed_id || (string) $f['id'] === 'yt_' . (string) $feed_id)){
$feed = $f;
break;
}
}
if(empty($feed))
return '<p class="socialfeeds-subtitle">'.esc_html__('Saved feed not found for id ', 'socialfeeds').esc_html($feed_id) . esc_html__('.', 'socialfeeds').'</p>';
}
$feed_settings = isset($feed['settings']) ? $feed['settings'] : [];
$opts = array_merge($opts_global, $feed_settings);
$api_key = isset($opts['youtube_api_key']) ? $opts['youtube_api_key'] : '';
if(empty($api_key))
return '<p class="socialfeeds-subtitle">'.esc_html__('No YouTube API key configured.', 'socialfeeds') . '</p>';
$limit = intval(isset($opts['youtube_videos_per_page']) ? $opts['youtube_videos_per_page'] : $atts['limit']);
if($limit < 1)
$limit = 6;
$video_items = [];
if(isset($feed['type']) && 'channel' === $feed['type']){
// channel
$channelId = $feed['input'];
if(!preg_match('/^UC/', $channelId)){
$cache_key_ch_res = 'socialfeeds_yt_channel' . md5($channelId);
$ch_body = get_transient($cache_key_ch_res);
if(false === $ch_body){
$search_url = add_query_arg([
'key' => $api_key,
'part' => 'snippet',
'type' => 'channel',
'maxResults' => 1,
'q' => $channelId,
], 'https://www.googleapis.com/youtube/v3/search');
$ch_resp = wp_remote_get($search_url);
if(!is_wp_error($ch_resp) && 200 === wp_remote_retrieve_response_code($ch_resp)){
$ch_body = json_decode(wp_remote_retrieve_body($ch_resp), true);
set_transient($cache_key_ch_res, $ch_body, $cache_duration);
}
}
if(!empty($ch_body['items'][0]['id']['channelId'])){
$channelId = $ch_body['items'][0]['id']['channelId'];
}
}
$url = add_query_arg([
'key' => $api_key,
'part' => 'snippet',
'channelId' => $channelId,
'order' => 'date',
'type' => 'video',
'maxResults' => $limit,
], 'https://www.googleapis.com/youtube/v3/search');
$cache_key = 'socialfeeds_yt_channel_name' . md5($url);
$data = get_transient($cache_key);
if(false === $data){
$response = wp_remote_get($url);
if(is_wp_error($response))
return '<p>API request failed.</p>';
$data = json_decode(wp_remote_retrieve_body($response), true);
set_transient($cache_key, $data, $cache_duration);
}
$video_items = isset($data['items']) ? $data['items'] : [];
} else {
// PRO Features
$video_items = apply_filters('socialfeeds_youtube_fetch_items', [], $feed, $api_key, $limit);
}
$display = isset($opts['youtube_display_style']) ? $opts['youtube_display_style'] : 'grid';
$cols = intval(isset($opts['youtube_grid_columns_desktop']) ? $opts['youtube_grid_columns_desktop'] : (isset($opts['youtube_grid_columns']) ? $opts['youtube_grid_columns'] : 3));
$cols_mobile = intval(isset($opts['youtube_grid_columns_mobile']) ? $opts['youtube_grid_columns_mobile'] : 1);
$theme = isset($opts['youtube_theme']) ? $opts['youtube_theme'] : 'card';
$show_title = !empty($opts['youtube_show_title']);
$show_desc = !empty($opts['youtube_show_desc']);
$show_play_icon = !empty($opts['youtube_show_play_icon']);
$show_duration = !empty($opts['youtube_show_duration']);
$show_date = !empty($opts['youtube_show_date']);
$show_views = !empty($opts['youtube_show_views']);
$show_likes = !empty($opts['youtube_show_likes']);
$show_comments = !empty($opts['youtube_show_comments']);
$show_subscribers = !empty($opts['youtube_header_show_subscribers']);
$click_action = isset($opts['youtube_click_action']) ? $opts['youtube_click_action'] : 'newtab';
$hover_effect = isset($opts['youtube_hover_effect']) ? $opts['youtube_hover_effect'] : 'overlay';
$spacing = intval(isset($opts['youtube_spacing']) ? $opts['youtube_spacing'] : 16);
$load_more_enabled = !empty($opts['youtube_load_more_enabled']);
$scheme = isset($opts['youtube_color_scheme']) ? $opts['youtube_color_scheme'] : 'light';
$custom_color = isset($opts['youtube_custom_color']) ? $opts['youtube_custom_color'] : '';
$header_show_banner = !empty($opts['youtube_header_show_banner']);
$header_banner_url = isset($opts['youtube_header_banner_url']) ? $opts['youtube_header_banner_url'] : '';
$subscriber_count = isset($feed['subscriber_count']) ? intval($feed['subscriber_count']) : 0;
// pro
$allowed_actions = apply_filters('socialfeeds_allowed_click_actions', ['newtab']);
if(!in_array($click_action, $allowed_actions)){
$click_action = 'newtab';
}
$data_attrs = ' data-click="' . esc_attr($click_action) . '"';
// Unique Render ID for Scoped CSS
$render_id = 'sf-feed-' . uniqid();
// Ensure we have a possible channel id variable for later
$possible_channel_id = '';
$stored_subscriber_count = $subscriber_count;
$channel_url = '';
$all_video_ids = [];
if(!empty($video_items) && is_array($video_items)){
foreach($video_items as $it){
if(!empty($it['id']['videoId']))
$all_video_ids[] = $it['id']['videoId'];
elseif(!empty($it['id']))
$all_video_ids[] = $it['id'];
}
}
if(!empty($all_video_ids)){
$video_items = apply_filters('socialfeeds_youtube_video_items_details', $video_items, $api_key, $limit);
}
// Ensure channel ID is determined for other uses (like Subscribe btn) even if header is disabled
if(empty($possible_channel_id) && !empty($video_items) && is_array($video_items)){
$first_tmp = reset($video_items);
if(isset($first_tmp['snippet']['channelId'])){
$possible_channel_id = $first_tmp['snippet']['channelId'];
} elseif(isset($first_tmp['snippet']['videoOwnerChannelId'])){
$possible_channel_id = $first_tmp['snippet']['videoOwnerChannelId'];
}
}
// Calculate Channel URL for Subscribe button
if (empty($channel_url)) {
if (!empty($possible_channel_id)) {
$channel_url = 'https://www.youtube.com/channel/' . $possible_channel_id;
} elseif (isset($opts['youtube_url'])) {
$channel_url = $opts['youtube_url'];
}
$channel_url = esc_url($channel_url);
}
// Calculate luminance for custom/dark early to application and header
$is_dark_bg = ($scheme === 'dark');
$custom_text_color = '';
$custom_sub_color = '';
if($scheme === 'custom' && !empty($custom_color)){
$hex = str_replace('#', '', $custom_color);
if(strlen($hex) == 3) $hex = $hex[0].$hex[0].$hex[1].$hex[1].$hex[2].$hex[2];
$r = hexdec(substr($hex, 0, 2));
$g = hexdec(substr($hex, 2, 2));
$b = hexdec(substr($hex, 4, 2));
$overlay_color = "rgba($r,$g,$b,0.3)";
$lum = ($r * 0.299 + $g * 0.587 + $b * 0.114);
$is_dark_bg = ($lum < 128);
$custom_text_color = $is_dark_bg ? '#ffffff' : '#222222';
$custom_sub_color = $is_dark_bg ? '#cccccc' : '#666666';
} elseif ($scheme === 'dark') {
$custom_text_color = '#ffffff';
$custom_sub_color = '#cccccc';
}
// Header rendering: build header HTML based on settings and available items
$header_html = '';
if(!empty($opts['youtube_header_enabled'])){
$header_show_name = !empty($opts['youtube_header_show_channel_name']);
$header_show_logo = !empty($opts['youtube_header_show_logo']);
$header_show_subscribers = !empty($opts['youtube_header_show_subscribers']);
$subscriber_text = '';
$header_text = isset($opts['youtube_header_text']) ? $opts['youtube_header_text'] : '';
$channel_name = '';
$channel_logo = '';
if(!empty($video_items) && is_array($video_items)){
$first = reset($video_items);
if(isset($first['snippet']['channelId'])){
$possible_channel_id = $first['snippet']['channelId'];
} elseif(isset($first['snippet']['videoOwnerChannelId'])){
$possible_channel_id = $first['snippet']['videoOwnerChannelId'];
} else{
$possible_channel_id = '';
}
if (!empty($possible_channel_id) && !empty($api_key)){
$ch_url = add_query_arg([
'key' => $api_key,
'part' => 'snippet,brandingSettings,statistics',
'id' => $possible_channel_id,
], 'https://www.googleapis.com/youtube/v3/channels');
$cache_key_ch = 'socialfeeds_yt_headers' . md5($possible_channel_id);
$ch_body = get_transient($cache_key_ch);
if(false === $ch_body){
$ch_resp = wp_remote_get($ch_url);
if(!is_wp_error($ch_resp)){
$ch_body = json_decode(wp_remote_retrieve_body($ch_resp), true);
set_transient($cache_key_ch, $ch_body, $cache_duration);
}
}
if(!empty($ch_body['items'][0]['snippet'])){
$subscriber_count = 0;
if (!empty($ch_body['items'][0]['statistics']['subscriberCount'])) {
$subscriber_count = (int) $ch_body['items'][0]['statistics']['subscriberCount'];
}
$chn = $ch_body['items'][0]['snippet'];
$channel_name = isset($chn['title']) ? $chn['title'] : $channel_name;
if(isset($chn['thumbnails']['default']['url'])){
$channel_logo = $chn['thumbnails']['default']['url'];
}
}
if($header_show_banner && empty($header_banner_url) && !empty($ch_body['items'][0]['brandingSettings']['image']['bannerExternalUrl'])){
$header_banner_url = $ch_body['items'][0]['brandingSettings']['image']['bannerExternalUrl'];
}
}
if(isset($first['snippet']['channelTitle'])){
$channel_name = $first['snippet']['channelTitle'];
}
}
// Get channel description if enabled
$channel_description = '';
if(!empty($opts['youtube_header_show_description']) && !empty($possible_channel_id) && !empty($api_key)){
$cache_key_desc = 'socialfeeds_yt_desc' . md5($possible_channel_id);
$ch_desc_body = get_transient($cache_key_desc);
if(false === $ch_desc_body){
$ch_desc_url = add_query_arg([
'key' => $api_key,
'part' => 'snippet',
'id' => $possible_channel_id,
], 'https://www.googleapis.com/youtube/v3/channels');
$ch_desc_resp = wp_remote_get($ch_desc_url);
if(!is_wp_error($ch_desc_resp)){
$ch_desc_body = json_decode(wp_remote_retrieve_body($ch_desc_resp), true);
set_transient($cache_key_desc, $ch_desc_body, $cache_duration);
}
}
if(!empty($ch_desc_body['items'][0]['snippet']['description'])){
$channel_description = $ch_desc_body['items'][0]['snippet']['description'];
}
}
if(!empty($header_show_banner) && !empty($header_banner_url)){
$header_html .= '<div class="socialfeeds-header-banner" style="margin-bottom:15px; border-radius:8px; overflow:hidden; width:100%;">';
$header_html .= '<img src="'.esc_url($header_banner_url).'" style="width:100%; height:auto; display:block; object-fit:cover; max-height:150px;" />';
$header_html .= '</div>';
}
// Info row (Logo + Text)
$header_html .= '<div class="socialfeeds-channel-info" style="display:flex; align-items:center; gap:12px; margin-bottom:20px;">';
if(!empty($header_show_logo) && !empty($channel_logo)){
$header_html .= '<img class="socialfeeds-channel-logo" src="'.esc_url($channel_logo).'" alt="'.esc_attr($channel_name). '" style="width:48px; height:48px; border-radius:50%; object-fit:cover;" />';
}
$header_html .= '<div class="socialfeeds-channel-text" style="display: flex; flex-direction: column; justify-content: center;">';
if(!empty($header_show_name) && !empty($channel_name)){
$header_html .= '<div class="socialfeeds-channel-name" style="font-weight:700; font-size:18px; line-height:1.2; display:flex; align-items:center; gap:8px; ' . (!empty($custom_text_color) ? 'color: ' . $custom_text_color . ' !important;' : '') . '">'.esc_html($channel_name);
if ($show_subscribers && !empty($subscriber_count)) {
$header_html .= '<span style="font-size:14px; font-weight:400; color:' . (!empty($custom_sub_color) ? $custom_sub_color : '#666') . ' !important;">'.esc_html(self::format_count($subscriber_count)) . ' subscribers</span>';
}
$header_html .= '</div>';
}
if (!empty($header_text)) {
$header_html .= '<small class="socialfeeds-channel-description" style="font-size:14px; color:' . (!empty($custom_sub_color) ? $custom_sub_color : '#666') . ' !important; margin-top:4px;">'.esc_html($header_text).'</small>';
} elseif (!empty($opts['youtube_header_show_description']) && !empty($channel_description)) {
$header_html .= '<small class="socialfeeds-channel-description" style="font-size:14px; color:' . (!empty($custom_sub_color) ? $custom_sub_color : '#666') . ' !important; margin-top:4px;">'.esc_html($channel_description).'</small>';
}
$header_html .= '</div>';
$header_html .= '</div>';
if(!empty($header_html)){
$header_html = '<div class="socialfeeds-youtube-header">'.$header_html .'</div>';
}
}
$wrap_style = '';
if($scheme === 'custom' && !empty($custom_color)){
$wrap_style = " style='background:" . esc_attr($custom_color) . " !important;'";
}
// Responsive Grid Style
$dynamic_css = '';
if( $display === 'grid' ){
$dynamic_css .= "
#".esc_attr($render_id)." .socialfeeds-youtube-grid {
display: grid;
grid-template-columns: repeat(" . esc_attr($cols) . ", 1fr);
gap: " . esc_attr($spacing) . "px;
}
@media (max-width: 768px) {
#".esc_attr($render_id)." .socialfeeds-youtube-grid {
grid-template-columns: repeat(" . esc_attr($cols_mobile) . ", 1fr);
}
}";
}
$dynamic_css .= "
/* Common */
#".esc_attr($render_id)." .socialfeeds-video-item {
transition: transform .25s ease, box-shadow .25s ease;
}
#".esc_attr($render_id)." .socialfeeds-card-media {
position: relative;
overflow: hidden;
}
#".esc_attr($render_id)." .socialfeeds-media-link {
display: block;
position: relative;
}
/* ------------------ OVERLAY ------------------- */
#".esc_attr($render_id)." .hover-effect-overlay .socialfeeds-media-link::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0.4);
opacity: 0;
transition: opacity .25s ease;
pointer-events: none;
}
#".esc_attr($render_id)." .hover-effect-overlay .socialfeeds-media-link:hover::after {
opacity: 1;
}
#".esc_attr($render_id)." .hover-effect-overlay:hover .socialfeeds-card-media::after {
opacity: 1;
}
/* ------------------ SCALE ------------------- */
#".esc_attr($render_id)." .hover-effect-scale img {
transition: transform .25s ease;
}
#".esc_attr($render_id)." .hover-effect-scale:hover img {
transform: scale(1.08);
}
/* ------------------ SHADOW ------------------- */
#".esc_attr($render_id)." .hover-effect-shadow:hover {
box-shadow: 0 12px 30px rgba(0,0,0,0.25);
transform: translateY(-4px);
}
/* ------------------ NONE ------------------- */
#".esc_attr($render_id)." .hover-effect-none:hover {
box-shadow: none;
transform: none;
}";
$width_attr = !empty($atts['width']) ? $atts['width'] : (isset($opts['youtube_width']) ? $opts['youtube_width'] : '');
$align_attr = !empty($atts['align']) ? $atts['align'] : (isset($opts['youtube_align']) ? $opts['youtube_align'] : '');
$width_class = !empty($width_attr) ? ' socialfeeds-width-' . str_replace('%', 'pct', esc_attr($width_attr)) : '';
$align_class = !empty($align_attr) ? ' socialfeeds-align-' . esc_attr($align_attr) : '';
$html = '<div id="'.esc_attr($render_id).'" class="socialfeeds-youtube-feed socialfeeds-container-' . esc_attr($display) . ' socialfeeds-scheme-' . esc_attr($scheme) . $width_class . $align_class . '"' . $wrap_style . $data_attrs . '>';
$html .= $header_html;
if('grid' === $display){
// Remove inline styles for grid columns and gap as they are now in the scoped style block
$html .= '<div class="socialfeeds-youtube-grid socialfeeds-theme-'.esc_attr($theme).' socialfeeds-card-grid">';
} else {
$autoplay_attr = '';
if('carousel' === $display && !empty($opts['youtube_carousel_autoplay'])){
$autoplay_attr = ' data-autoplay="1" data-autoplay-speed="3500"';
}
$html .= '<div class="socialfeeds-youtube-'.esc_attr($display).' socialfeeds-theme-' . esc_attr($theme) . '"' . $autoplay_attr . '>';
}
$rendered_count = !empty($video_items) ? count($video_items) : 0;
if(!empty($video_items)){
$html .= self::render_items($video_items, $opts);
}
$html .= '</div>'; // End feed/grid/carousel/list div
/* ------------------------------------------
LOAD MORE + SUBSCRIBE BUTTON (INLINE ROW)
-------------------------------------------*/
if(!empty($load_more_enabled) && $rendered_count > 0 && (!isset($feed['type']) || $feed['type'] !== 'single-videos') && $rendered_count >= $limit){
$feed_id = isset($feed['id']) ? $feed['id'] : '';
$feed_type = isset($feed['type']) ? $feed['type'] : 'channel';
$next_page_token = isset($data['nextPageToken']) ? $data['nextPageToken'] : '';
$load_more_text = isset($opts['youtube_load_more_text']) ? $opts['youtube_load_more_text'] : 'Load More';
$load_more_bg = isset($opts['youtube_load_more_bg_color']) ? $opts['youtube_load_more_bg_color'] : '#3f0cdaff';
$load_more_text_color = isset($opts['youtube_load_more_text_color']) ? $opts['youtube_load_more_text_color'] : '#FFFFFF';
$load_more_hover = isset($opts['youtube_load_more_hover_color']) ? $opts['youtube_load_more_hover_color'] : 'rgb(24, 3, 85)';
$load_more_count = isset($opts['youtube_load_more_count']) ? intval($opts['youtube_load_more_count']) : 6;
// START container (flex row)
$html .= '<div class="socialfeeds-load-more-container socialfeeds-load-more-subscribe socialfeeds-load-more-inline-row">';
// Load More Button
$html .= '<button class="socialfeeds-load-more-btn" type="button"
style="background:'.esc_attr($load_more_bg).'; color:'.esc_attr($load_more_text_color).' !important;"
data-feed-id="'.esc_attr($feed_id).'"
data-feed-type="'.esc_attr($feed_type).'"
data-feed-input="'.esc_attr($feed['input']).'"
data-limit="'.esc_attr($load_more_count).'"
data-loaded="'.intval($rendered_count).'" '
. ($next_page_token ? ' data-page-token="'.esc_attr($next_page_token).'"' : '').'
data-load-text="'.esc_attr($load_more_text).'"
data-loading-text="Loading..."
data-no-more-text="No More Videos"
>
'.esc_html($load_more_text).'
</button>';
// Subscribe Button (if enabled)
if(!empty($channel_url) && !empty($opts['youtube_subscribe_button_enabled'])){
$subscribe_text = isset($opts['youtube_subscribe_text']) ? $opts['youtube_subscribe_text'] : 'Subscribe';
$subscribe_bg = isset($opts['youtube_subscribe_bg_color']) ? $opts['youtube_subscribe_bg_color'] : '#FF0000';
$subscribe_text_color = isset($opts['youtube_subscribe_text_color']) ? $opts['youtube_subscribe_text_color'] : '#FFFFFF';
$sub_href = $channel_url.(strpos($channel_url, '?') !== false ? '&' : '?') . 'sub_confirmation=1';
$subscribe_hover = isset($opts['youtube_subscribe_hover_color']) ? $opts['youtube_subscribe_hover_color'] : '#7a0707';
$html .= "<a href='".esc_url($sub_href)."' target='_blank' rel='noopener' class='socialfeeds-btn-subscribe' style='background: ".esc_attr($subscribe_bg)."; color:".esc_attr($subscribe_text_color)." !important;'>" . esc_html($subscribe_text) . "</a>";
// load more button hover
if(!empty($load_more_enabled) && $rendered_count > 0 && ( ! isset( $feed['type'] ) || $feed['type'] !== 'single-videos' ) && $rendered_count >= $limit ){
$load_more_hover = isset( $opts['youtube_load_more_hover_color']) ? $opts['youtube_load_more_hover_color'] : 'rgb(24, 3, 85)';
$dynamic_css .= '#' . esc_attr( $render_id ) . ' .socialfeeds-load-more-btn:hover {' .'background: ' . esc_attr( $load_more_hover ) . ' !important;' .
'}';
}
// subscribe button hover
if(!empty($channel_url) && ! empty($opts['youtube_subscribe_button_enabled'])){
$dynamic_css .= '#' . esc_attr( $render_id ) . ' .socialfeeds-btn-subscribe:hover {' .'background: ' . esc_attr( $subscribe_hover ) . ' !important;' .
'}';
}
}
$html .= '</div>';
}
$html .= '</div>'; // End socialfeeds-youtube-feed wrapper
// Enqueue
if(!empty($dynamic_css)){
$handle = 'socialfeeds-dynamic-' . sanitize_key($render_id);
wp_register_style($handle, false, [], SOCIALFEEDS_VERSION);
wp_enqueue_style($handle);
wp_add_inline_style($handle, wp_strip_all_tags($dynamic_css));
}
return $html;
}
static function format_count($num){
$num = (int) $num;
if ($num < 1000) {
return (string) $num; }
if ($num < 1000000) {
$val = $num / 1000;
return ($val >= 10 ? round($val) : round($val, 1)) . 'K'; }
if ($num < 1000000000) {
$val = $num / 1000000;
return ($val >= 10 ? round($val) : round($val, 1)) . 'M'; }
$val = $num / 1000000000;
return round($val, 1) . 'B';
}
static function render_items($video_items, $opts){
$html = '';
$display = isset($opts['youtube_display_style']) ? $opts['youtube_display_style'] : 'grid';
$show_title = !empty($opts['youtube_show_title']);
$show_desc = !empty($opts['youtube_show_desc']);
$show_play_icon = !empty($opts['youtube_show_play_icon']);
$show_duration = !empty($opts['youtube_show_duration']);
$show_date = !empty($opts['youtube_show_date']);
$show_views = !empty($opts['youtube_show_views']);
$show_likes = !empty($opts['youtube_show_likes']);
$show_comments = !empty($opts['youtube_show_comments']);
// thumb_size removed, always medium
$hover_effect = isset($opts['youtube_hover_effect']) ? $opts['youtube_hover_effect'] : 'overlay';
$scheme = isset($opts['youtube_color_scheme']) ? $opts['youtube_color_scheme'] : 'light';
$custom_color = isset($opts['youtube_custom_color']) ? $opts['youtube_custom_color'] : '';
// Color calc
$custom_text_color = '';
$custom_sub_color = '';
if($scheme === 'custom' && !empty($custom_color)){
$hex = str_replace('#', '', $custom_color);
if(strlen($hex) == 3) $hex = $hex[0].$hex[0].$hex[1].$hex[1].$hex[2].$hex[2];
$r = hexdec(substr($hex, 0, 2));
$g = hexdec(substr($hex, 2, 2));
$b = hexdec(substr($hex, 4, 2));
$lum = ($r * 0.299 + $g * 0.587 + $b * 0.114);
$is_dark_bg = ($lum < 128);
$custom_text_color = $is_dark_bg ? '#ffffff' : '#222222';
$custom_sub_color = $is_dark_bg ? '#cccccc' : '#666666';
} elseif ($scheme === 'dark') {
$custom_text_color = '#ffffff';
$custom_sub_color = '#cccccc';
}
foreach($video_items as $item){
$video_id = '';
if(isset($item['id']['videoId'])){
$video_id = $item['id']['videoId'];
} elseif(isset($item['id']) && is_string($item['id'])){
$video_id = $item['id'];
} elseif(isset($item['id']) && is_array($item['id']) && !empty($item['id'][0])){
$video_id = $item['id'][0];
} elseif(isset($item['videoId'])){
$video_id = $item['videoId'];
}
if(empty($video_id))
continue;
$title = isset($item['snippet']['title']) ? $item['snippet']['title'] : (isset($item['title']) ? $item['title'] : '');
$desc = isset($item['snippet']['description']) ? $item['snippet']['description'] : (isset($item['description']) ? $item['description'] : '');
$thumb = isset($item['snippet']['thumbnails']['medium']['url']) ? $item['snippet']['thumbnails']['medium']['url'] : (isset($item['thumbnails']['medium']['url']) ? $item['thumbnails']['medium']['url'] : '');
// Fallback for load more items structure which might differ slightly
if(empty($thumb) && isset($item['thumbnails']['default']['url'])){
$thumb = $item['thumbnails']['default']['url'];
}
$lazy_load = isset($opts['youtube_lazy_load']) ? $opts['youtube_lazy_load'] : 1;
$watch_url = 'https://www.youtube.com/watch?v=' . $video_id;
$short_desc = mb_substr($desc, 0, 60);
if(mb_strlen($desc) > 60) $short_desc .= '...';
// Metadata calculation
$meta_pieces = [];
$view_count = isset($item['statistics']['viewCount']) ? $item['statistics']['viewCount'] : '';
$like_count = isset($item['statistics']['likeCount']) ? $item['statistics']['likeCount'] : '';
$comment_count = isset($item['statistics']['commentCount']) ? $item['statistics']['commentCount'] : '';
$published_at = isset($item['snippet']['publishedAt']) ? $item['snippet']['publishedAt'] : (isset($item['publishedAt']) ? $item['publishedAt'] : '');
if ($show_views && $view_count !== '') {
$meta_pieces[] = '<span class="socialfeeds-meta-item">' .
esc_html(self::format_count($view_count)) . ' ' . esc_html__('views', 'socialfeeds') . '</span>';
}
if ($show_likes && $like_count !== '') {
$meta_pieces[] = '<span class="socialfeeds-meta-item">' .
esc_html(self::format_count($like_count)) . ' ' . esc_html__('likes', 'socialfeeds') . '</span>';
}
if ($show_comments && $comment_count !== '') {
$meta_pieces[] = '<span class="socialfeeds-meta-item">' .
esc_html(self::format_count($comment_count)) . ' ' . esc_html__('comments', 'socialfeeds') . '</span>';
}
if ($show_date && !empty($published_at)) {
$datef = date_i18n(get_option('date_format'), strtotime($published_at));
$meta_pieces[] = '<span class="socialfeeds-meta-item">' . esc_html($datef) . '</span>';
}
$item_style = '';
$text_color_style = '';
$sub_color_style = '';
if($scheme === 'custom' && !empty($custom_color)){
$item_style = 'background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important;';
if(!empty($custom_text_color)){
$text_color_style = 'color: ' . $custom_text_color . ' !important;';
}
if(!empty($custom_sub_color)){
$sub_color_style = 'color: ' . $custom_sub_color . ' !important;';
}
} elseif($scheme === 'dark') {
$item_style = 'background:#0f0f0f !important; border:none !important; border-radius:0 !important; box-shadow:none !important;';
}
// Generate Item Inner Content
$inner_content = "<div class='socialfeeds-card-media' style='position:relative; overflow:hidden;'>";
$inner_content .= "<a href='" . esc_url($watch_url) . "' target='_blank' rel='noopener' class='socialfeeds-media-link' style='display:block; position:relative;'>";
if(!empty($lazy_load)){
$inner_content .= "<img loading='lazy' src='".($thumb)."' alt='".esc_attr($title)."' style='width:100%; display:block;'/>";
} else {
$inner_content .= "<img src='".esc_url($thumb)."' alt='".esc_attr($title)."' style='width:100%; display:block;'/>";
}
$duration = isset($item['contentDetails']['duration']) ? $item['contentDetails']['duration'] : (isset($item['duration']) ? $item['duration'] : '');
if(!empty($show_duration) && !empty($duration)){
$dur = self::format_iso_duration($duration);
$inner_content .= "<div class='socialfeeds-video-duration'>".esc_html($dur)."</div>";
}
if(!empty($opts['youtube_show_play_icon'])){
$inner_content .= '<span class="socialfeeds-play-overlay"></span>';
}
$inner_content .= "</a>";
if(!empty($show_title)){
$title_tag = ('list' === $display) ? 'h3' : 'h5';
$inner_content .= "<" . esc_html($title_tag) . " class='socialfeeds-video-title'" . (!empty($text_color_style) ? " style='" . esc_attr($text_color_style) . "'" : '') . ">" . esc_html($title) . "</" . esc_html($title_tag) . ">";
}
$inner_content .= "</div>";
$inner_content .= "<div class='socialfeeds-card-actions'>";
if(!empty($meta_pieces)){
$inner_content .= '<div class="socialfeeds-video-meta-line socialfeeds-video-stats"'. (!empty($sub_color_style) ? ' style="' . esc_attr($sub_color_style) . '"' : ''). '>';
$inner_content .= implode('', $meta_pieces);
$inner_content .= '</div>';
}
$inner_content .= "</div>";
if($show_desc && !empty($short_desc)){
$inner_content .= "<p class='socialfeeds-card-desc socialfeeds-video-desc'" . (!empty($sub_color_style) ? ' style="'.esc_attr($sub_color_style) . '"' : ''). ">" . esc_html($short_desc)."</p>";
}
// Wrap based on display
if('grid' === $display){
$data_attrs = array(
'data-video-id' => $video_id,
'data-duration' => $duration,
'data-date' => $published_at,
'data-views' => $view_count,
'data-likes' => $like_count,
'data-comments' => $comment_count
);
$html .= "<div class='socialfeeds-video-item hover-effect-" . esc_attr($hover_effect) . "'";
// Add item style if exists
if(!empty($item_style)){
$html .= " style='" . esc_attr($item_style) . "'";
}
// Add data attributes
foreach($data_attrs as $attr => $value){
if($value !== ''){
$html .= " " . esc_html($attr) . "='" . esc_attr($value) . "'";
}
}
$html .= ">";
$html .= wp_kses_post($inner_content);
$html .= "</div>";
} elseif('list' === $display && defined('SOCIALFEEDS_PRO_VERSION')){
$html .= "<div class='socialfeeds-video-item socialfeeds-list-item hover-effect-" . esc_attr($hover_effect) . "'";
if(!empty($item_style)){
$html .= " style='".esc_attr($item_style)."'";
}
$html .= ">";
$html .= wp_kses_post($inner_content);
$html .= "</div>";
} elseif('carousel' === $display && defined('SOCIALFEEDS_PRO_VERSION')){
$html .= "<div class='socialfeeds-video-item socialfeeds-carousel-item hover-effect-" . esc_attr($hover_effect) . "'";
if(!empty($item_style)){
$html .= " style='".esc_attr($item_style)."'";
}
$html .= ">";
$html .= wp_kses_post($inner_content);
$html .= "</div>";
}
}
return wp_kses_post($html);
}
static function format_iso_duration($iso){
if(empty($iso)){
return '';
}
$interval = new \DateInterval($iso);
$hours = $interval->h + ($interval->d * 24);
$minutes = $interval->i;
$seconds = $interval->s;
if($hours > 0)
return sprintf('%d:%02d:%02d', $hours, $minutes, $seconds);
return sprintf('%d:%02d', $minutes, $seconds);
}
}