Add upstream

This commit is contained in:
root
2019-10-24 00:12:05 +02:00
parent 85d41e4216
commit ac980f592c
3504 changed files with 1049983 additions and 29971 deletions

View File

@@ -0,0 +1,38 @@
<?php
/**
* This function needs to get loaded after the like scripts get added to the page.
*/
function jetpack_likes_master_iframe() {
$version = gmdate( 'YW' );
$in_jetpack = ( defined( 'IS_WPCOM' ) && IS_WPCOM ) ? false : true;
$_locale = get_locale();
// We have to account for w.org vs WP.com locale divergence
if ( $in_jetpack ) {
if ( ! defined( 'JETPACK__GLOTPRESS_LOCALES_PATH' ) || ! file_exists( JETPACK__GLOTPRESS_LOCALES_PATH ) ) {
return false;
}
require_once JETPACK__GLOTPRESS_LOCALES_PATH;
$gp_locale = GP_Locales::by_field( 'wp_locale', $_locale );
$_locale = isset( $gp_locale->slug ) ? $gp_locale->slug : '';
}
$likes_locale = ( '' == $_locale || 'en' == $_locale ) ? '' : '&amp;lang=' . strtolower( $_locale );
$src = sprintf(
'https://widgets.wp.com/likes/master.html?ver=%1$s#ver=%1$s%2$s',
$version,
$likes_locale
);
/* translators: The value of %d is not available at the time of output */
$likersText = wp_kses( __( '<span>%d</span> bloggers like this:', 'jetpack' ), array( 'span' => array() ) );
?>
<iframe src='<?php echo $src; ?>' scrolling='no' id='likes-master' name='likes-master' style='display:none;'></iframe>
<div id='likes-other-gravatars'><div class="likes-text"><?php echo $likersText; ?></div><ul class="wpl-avatars sd-like-gravatars"></ul></div>
<?php
}

View File

@@ -0,0 +1,730 @@
<?php
use Automattic\Jetpack\Sync\Settings;
class Jetpack_Likes_Settings {
function __construct() {
$this->in_jetpack = ! ( defined( 'IS_WPCOM' ) && IS_WPCOM );
}
/**
* Replaces the "Sharing" title for the post screen metabox with "Likes and Shares"
*/
public function add_likes_to_sharing_meta_box_title() {
return __( 'Likes and Shares', 'jetpack' );
}
/**
* Adds a metabox to the post screen if the sharing one doesn't currently exist.
*/
public function add_meta_box() {
if (
/**
* Allow disabling of the Likes metabox on the post editor screen.
*
* @module likes
*
* @since 2.2.0
*
* @param bool false Should the Likes metabox be disabled? Default to false.
*/
apply_filters( 'post_flair_disable', false )
) {
return;
}
$post_types = get_post_types( array( 'public' => true ) );
/**
* Filters the Likes metabox title.
*
* @module likes
*
* @since 2.2.0
*
* @param string Likes metabox title. Default to "Likes".
*/
$title = apply_filters( 'likes_meta_box_title', __( 'Likes', 'jetpack' ) );
foreach( $post_types as $post_type ) {
add_meta_box( 'likes_meta', $title, array( $this, 'meta_box_content' ), $post_type, 'side', 'default', array( '__back_compat_meta_box' => true ) );
}
}
/**
* Shows the likes option in the post screen metabox.
*/
public function meta_box_content( $post ) {
$post_id = ! empty( $post->ID ) ? (int) $post->ID : get_the_ID();
$checked = true;
$disabled = ! $this->is_enabled_sitewide();
$switched_status = get_post_meta( $post_id, 'switch_like_status', true );
if ( $disabled && empty( $switched_status ) || ! $disabled && $switched_status === '0' ) {
$checked = false;
}
/**
* Fires before the Likes meta box content in the post editor.
*
* @module likes
*
* @since 2.2.0
*
* @param WP_Post|array|null $post Post data.
*/
do_action( 'start_likes_meta_box_content', $post );
?>
<p>
<label for="wpl_enable_post_likes">
<input type="checkbox" name="wpl_enable_post_likes" id="wpl_enable_post_likes" value="1" <?php checked( $checked ); ?>>
<?php esc_html_e( 'Show likes.', 'jetpack' ); ?>
</label>
<input type="hidden" name="wpl_like_status_hidden" value="1" />
</p> <?php
/**
* Fires after the Likes meta box content in the post editor.
*
* @module likes
*
* @since 2.2.0
*
* @param WP_Post|array|null $post Post data.
*/
do_action( 'end_likes_meta_box_content', $post );
}
/**
* Returns the current state of the "WordPress.com Likes are" option.
* @return boolean true if enabled sitewide, false if not
*/
public function is_enabled_sitewide() {
/**
* Filters whether Likes are enabled by default on all posts.
* true if enabled sitewide, false if not.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $option Are Likes enabled sitewide.
*/
return (bool) apply_filters( 'wpl_is_enabled_sitewide', ! Jetpack_Options::get_option_and_ensure_autoload( 'disabled_likes', 0 ) );
}
public function meta_box_save( $post_id ) {
if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ) {
return $post_id;
}
if ( empty( $_POST['wpl_like_status_hidden'] ) ) {
return $post_id;
}
// Record sharing disable. Only needs to be done for WPCOM
if ( ! $this->in_jetpack ) {
if ( isset( $_POST['post_type'] ) && in_array( $_POST['post_type'], get_post_types( array( 'public' => true ) ) ) ) {
if ( ! isset( $_POST['wpl_enable_post_sharing'] ) ) {
update_post_meta( $post_id, 'sharing_disabled', 1 );
} else {
delete_post_meta( $post_id, 'sharing_disabled' );
}
}
}
if ( 'post' == $_POST['post_type'] ) {
if ( !current_user_can( 'edit_post', $post_id ) ) {
return $post_id;
}
}
// Record a change in like status for this post - only if it contradicts the
// site like setting. If it doesn't contradict, then we delete the new individual status.
if ( ! $this->is_enabled_sitewide() && ! empty( $_POST['wpl_enable_post_likes'] ) ) {
// Likes turned on for individual posts. User wants to add the button to a single post
update_post_meta( $post_id, 'switch_like_status', 1 );
} else if ( $this->is_enabled_sitewide() && empty( $_POST['wpl_enable_post_likes'] ) ) {
// Likes turned on for all posts. User wants to remove the button from a single post
update_post_meta( $post_id, 'switch_like_status', 0 );
} else if (
( ! $this->is_enabled_sitewide() && empty( $_POST['wpl_enable_post_likes'] ) ) ||
( $this->is_enabled_sitewide() && ! empty( $_POST['wpl_enable_post_likes'] ) )
) {
// User wants to update the likes button status for an individual post, but the new status
// is the same as if they're asking for the default behavior according to the current Likes setting.
// So we delete the meta.
delete_post_meta( $post_id, 'switch_like_status' );
}
return $post_id;
}
/**
* WordPress.com: Metabox option for sharing (sharedaddy will handle this on the JP blog)
*/
public function sharing_meta_box_content( $post ) {
$post_id = ! empty( $post->ID ) ? (int) $post->ID : get_the_ID();
$disabled = get_post_meta( $post_id, 'sharing_disabled', true ); ?>
<p>
<label for="wpl_enable_post_sharing">
<input type="checkbox" name="wpl_enable_post_sharing" id="wpl_enable_post_sharing" value="1" <?php checked( ! $disabled ); ?>>
<?php _e( 'Show sharing buttons.', 'jetpack' ); ?>
</label>
<input type="hidden" name="wpl_sharing_status_hidden" value="1" />
</p> <?php
}
/**
* Adds the 'sharing' menu to the settings menu.
* Only ran if sharedaddy and publicize are not already active.
*/
function sharing_menu() {
add_submenu_page( 'options-general.php', esc_html__( 'Sharing Settings', 'jetpack' ), esc_html__( 'Sharing', 'jetpack' ), 'manage_options', 'sharing', array( $this, 'sharing_page' ) );
}
/**
* Provides a sharing page with the sharing_global_options hook
* so we can display the setting.
* Only ran if sharedaddy and publicize are not already active.
*/
function sharing_page() {
$this->updated_message(); ?>
<div class="wrap">
<div class="icon32" id="icon-options-general"><br /></div>
<h1><?php esc_html_e( 'Sharing Settings', 'jetpack' ); ?></h1>
<?php
/** This action is documented in modules/sharedaddy/sharing.php */
do_action( 'pre_admin_screen_sharing' );
?>
<?php $this->sharing_block(); ?>
</div> <?php
}
/**
* Returns the settings have been saved message.
*/
function updated_message() {
if ( isset( $_GET['update'] ) && $_GET['update'] == 'saved' ){
echo '<div class="updated"><p>' . esc_html__( 'Settings have been saved', 'jetpack' ) . '</p></div>';
}
}
/**
* Returns just the "sharing buttons" w/ like option block, so it can be inserted into different sharing page contexts
*/
function sharing_block() { ?>
<h2><?php esc_html_e( 'Sharing Buttons', 'jetpack' ); ?></h2>
<form method="post" action="">
<table class="form-table">
<tbody>
<?php
/** This action is documented in modules/sharedaddy/sharing.php */
do_action( 'sharing_global_options' );
?>
</tbody>
</table>
<p class="submit">
<input type="submit" name="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'jetpack' ); ?>" />
</p>
<input type="hidden" name="_wpnonce" value="<?php echo wp_create_nonce( 'sharing-options' );?>" />
</form> <?php
}
/**
* Are likes enabled for this post?
*
* @param int $post_id
* @return bool
*/
function is_post_likeable( $post_id = 0 ) {
$post = get_post( $post_id );
if ( ! $post || is_wp_error( $post ) ) {
return false;
}
$sitewide_likes_enabled = (bool) $this->is_enabled_sitewide();
$post_likes_switched = get_post_meta( $post->ID, 'switch_like_status', true );
// on WPCOM, we need to look at post edit date so we don't break old posts
// if post edit date predates this code, stick with the former (buggy) behavior
// see: p7DVsv-64H-p2
$last_modified_time = strtotime( $post->post_modified_gmt );
$behavior_was_changed_at = strtotime( "2019-02-22 00:40:42" );
if ( $this->in_jetpack || $last_modified_time > $behavior_was_changed_at ) {
// the new and improved behavior on Jetpack and recent WPCOM posts:
// $post_likes_switched is empty to follow site setting,
// 0 if we want likes disabled, 1 if we want likes enabled
return $post_likes_switched || ( $sitewide_likes_enabled && $post_likes_switched !== '0' );
}
// implicit else (old behavior): $post_likes_switched simply inverts the global setting
return ( (bool) $post_likes_switched ) xor $sitewide_likes_enabled;
}
/**
* Are likes visible in this context?
*
* Some of this code was taken and modified from sharing_display() to ensure
* similar logic and filters apply here, too.
*/
function is_likes_visible() {
if ( Settings::is_syncing() ) {
return false;
}
global $wp_current_filter; // Used to apply 'sharing_show' filter
$post = get_post();
// Never show on feeds or previews
if ( is_feed() || is_preview() ) {
$enabled = false;
// Not a feed or preview, so what is it?
} else {
if ( in_the_loop() ) {
// If in the loop, check if the current post is likeable
$enabled = $this->is_post_likeable();
} else {
// Otherwise, check and see if likes are enabled sitewide
$enabled = $this->is_enabled_sitewide();
}
if ( post_password_required() )
$enabled = false;
if ( in_array( 'get_the_excerpt', (array) $wp_current_filter ) ) {
$enabled = false;
}
// Sharing Setting Overrides ****************************************
// Single post including custom post types
if ( is_single() ) {
if ( ! $this->is_single_post_enabled( $post->post_type ) ) {
$enabled = false;
}
// Single page
} elseif ( is_page() && ! is_front_page() ) {
if ( ! $this->is_single_page_enabled() ) {
$enabled = false;
}
// Attachment
} elseif ( is_attachment() ) {
if ( ! $this->is_attachment_enabled() ) {
$enabled = false;
}
// All other loops
} elseif ( ! $this->is_index_enabled() ) {
$enabled = false;
}
}
if ( $post instanceof WP_Post ) {
// Check that the post is a public, published post.
if ( 'attachment' == $post->post_type ) {
$post_status = get_post_status( $post->post_parent );
} else {
$post_status = $post->post_status;
}
if ( 'publish' != $post_status ) {
$enabled = false;
}
}
// Run through the sharing filters
/** This filter is documented in modules/sharedaddy/sharing-service.php */
$enabled = apply_filters( 'sharing_show', $enabled, $post );
/**
* Filters whether the Likes should be visible or not.
* Allows overwriting the options set in Settings > Sharing.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $enabled Should the Likes be visible?
*/
return (bool) apply_filters( 'wpl_is_likes_visible', $enabled );
}
/**
* Are Post Likes enabled on single posts?
*
* @param String $post_type custom post type identifier
* @return bool
*/
function is_single_post_enabled( $post_type = 'post' ) {
$options = $this->get_options();
return (bool) apply_filters(
/**
* Filters whether Likes should be enabled on single posts.
*
* The dynamic part of the filter, {$post_type}, allows you to specific the post type where Likes should be enabled.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $enabled Are Post Likes enabled on single posts?
*/
"wpl_is_single_{$post_type}_disabled",
(bool) in_array( $post_type, $options['show'] )
);
}
/**
* Get the 'disabled_likes' option from the DB of the current blog.
*
* @return array
*/
function get_options() {
$setting = array();
$setting['disabled'] = get_option( 'disabled_likes' );
$sharing = get_option( 'sharing-options' );
// Default visibility settings
if ( ! isset( $sharing['global']['show'] ) ) {
$sharing['global']['show'] = array( 'post', 'page' );
// Scalar check
} elseif ( is_scalar( $sharing['global']['show'] ) ) {
switch ( $sharing['global']['show'] ) {
case 'posts' :
$sharing['global']['show'] = array( 'post', 'page' );
break;
case 'index' :
$sharing['global']['show'] = array( 'index' );
break;
case 'posts-index' :
$sharing['global']['show'] = array( 'post', 'page', 'index' );
break;
}
}
// Ensure it's always an array (even if not previously empty or scalar)
$setting['show'] = ! empty( $sharing['global']['show'] ) ? (array) $sharing['global']['show'] : array();
/**
* Filters where the Likes are displayed.
*
* @module likes
*
* @since 2.2.0
*
* @param array $setting Array of Likes display settings.
*/
return apply_filters( 'wpl_get_options', $setting );
}
/**
* Are Post Likes enabled on archive/front/search pages?
*
* @return bool
*/
function is_index_enabled() {
$options = $this->get_options();
/**
* Filters whether Likes should be enabled on archive/front/search pages.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $enabled Are Post Likes enabled on archive/front/search pages?
*/
return (bool) apply_filters( 'wpl_is_index_disabled', (bool) in_array( 'index', $options['show'] ) );
}
/**
* Are Post Likes enabled on single pages?
*
* @return bool
*/
function is_single_page_enabled() {
$options = $this->get_options();
/**
* Filters whether Likes should be enabled on single pages.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $enabled Are Post Likes enabled on single pages?
*/
return (bool) apply_filters( 'wpl_is_single_page_disabled', (bool) in_array( 'page', $options['show'] ) );
}
/**
* Are Media Likes enabled on single pages?
*
* @return bool
*/
function is_attachment_enabled() {
$options = $this->get_options();
/**
* Filters whether Likes should be enabled on attachment pages.
*
* @module likes
*
* @since 2.2.0
*
* @param bool $enabled Are Post Likes enabled on attachment pages?
*/
return (bool) apply_filters( 'wpl_is_attachment_disabled', (bool) in_array( 'attachment', $options['show'] ) );
}
/**
* The actual options block to be inserted into the sharing page.
*/
function admin_settings_init() {
?>
<tr>
<th scope="row">
<label><?php esc_html_e( 'WordPress.com Likes are', 'jetpack' ); ?></label>
</th>
<td>
<div>
<label>
<input type="radio" class="code" name="wpl_default" value="on" <?php checked( $this->is_enabled_sitewide(), true ); ?> />
<?php esc_html_e( 'On for all posts', 'jetpack' ); ?>
</label>
</div>
<div>
<label>
<input type="radio" class="code" name="wpl_default" value="off" <?php checked( $this->is_enabled_sitewide(), false ); ?> />
<?php esc_html_e( 'Turned on per post', 'jetpack' ); ?>
</label>
<div>
</td>
</tr>
<?php if ( ! $this->in_jetpack ) : ?>
<tr>
<th scope="row">
<label><?php esc_html_e( 'WordPress.com Reblog Button', 'jetpack' ); ?></label>
</th>
<td>
<div>
<label>
<input type="radio" class="code" name="jetpack_reblogs_enabled" value="on" <?php checked( $this->reblogs_enabled_sitewide(), true ); ?> />
<?php esc_html_e( 'Show the Reblog button on posts', 'jetpack' ); ?>
</label>
</div>
<div>
<label>
<input type="radio" class="code" name="jetpack_reblogs_enabled" value="off" <?php checked( $this->reblogs_enabled_sitewide(), false ); ?> />
<?php esc_html_e( 'Don\'t show the Reblog button on posts', 'jetpack' ); ?>
</label>
</div>
</td>
</tr>
<!-- WPCOM only: Comment Likes -->
<?php if ( ! $this->in_jetpack ) : ?>
<tr>
<th scope="row">
<label><?php esc_html_e( 'Comment Likes are', 'jetpack' ); ?></label>
</th>
<td>
<div>
<label>
<input type="checkbox" class="code" name="jetpack_comment_likes_enabled" value="1" <?php checked( $this->is_comments_enabled(), true ); ?> />
<?php esc_html_e( 'On for all comments', 'jetpack' ); ?>
</label>
</div>
</td>
</tr>
<?php endif; ?>
<?php endif; ?>
</tbody> <?php // closes the tbody attached to sharing_show_buttons_on_row_start... ?>
<?php
}
/**
* Returns the current state of the "WordPress.com Reblogs are" option.
* @return boolean true if enabled sitewide, false if not
*/
function reblogs_enabled_sitewide() {
/**
* Filters whether Reblogs are enabled by default on all posts.
* true if enabled sitewide, false if not.
*
* @module likes
*
* @since 3.0.0
*
* @param bool $option Are Reblogs enabled sitewide.
*/
return (bool) apply_filters( 'wpl_reblogging_enabled_sitewide', ! get_option( 'disabled_reblogs' ) );
}
/**
* Used for WPCOM ONLY. Comment likes are in their own module in Jetpack.
* Returns if comment likes are enabled. Defaults to 'off'
* @return boolean true if we should show comment likes, false if not
*/
function is_comments_enabled() {
/**
* Filters whether Comment Likes are enabled.
* true if enabled, false if not.
*
* @module comment-likes
*
* @since 2.2.0
*
* @param bool $option Are Comment Likes enabled sitewide.
*/
return (bool) apply_filters( 'jetpack_comment_likes_enabled', get_option( 'jetpack_comment_likes_enabled', false ) );
}
/**
* Saves the setting in the database, bumps a stat on WordPress.com
*/
function admin_settings_callback() {
// We're looking for these, and doing a dance to set some stats and save
// them together in array option.
$new_state = ! empty( $_POST['wpl_default'] ) ? $_POST['wpl_default'] : 'on';
$db_state = $this->is_enabled_sitewide();
$reblogs_new_state = ! empty( $_POST['jetpack_reblogs_enabled'] ) ? $_POST['jetpack_reblogs_enabled'] : 'on';
$reblogs_db_state = $this->reblogs_enabled_sitewide();
/** Default State *********************************************************/
// Checked (enabled)
switch( $new_state ) {
case 'off' :
if ( true == $db_state && ! $this->in_jetpack ) {
$g_gif = file_get_contents( 'https://pixel.wp.com/g.gif?v=wpcom-no-pv&x_likes=disabled_likes' );
}
update_option( 'disabled_likes', 1 );
break;
case 'on' :
default:
if ( false == $db_state && ! $this->in_jetpack ) {
$g_gif = file_get_contents( 'https://pixel.wp.com/g.gif?v=wpcom-no-pv&x_likes=reenabled_likes' );
}
delete_option( 'disabled_likes' );
break;
}
switch( $reblogs_new_state ) {
case 'off' :
if ( true == $reblogs_db_state && ! $this->in_jetpack ) {
$g_gif = file_get_contents( 'https://pixel.wp.com/g.gif?v=wpcom-no-pv&x_reblogs=disabled_reblogs' );
}
update_option( 'disabled_reblogs', 1 );
break;
case 'on' :
default:
if ( false == $reblogs_db_state && ! $this->in_jetpack ) {
$g_gif = file_get_contents( 'https://pixel.wp.com/g.gif?v=wpcom-no-pv&x_reblogs=reenabled_reblogs' );
}
delete_option( 'disabled_reblogs' );
break;
}
// WPCOM only: Comment Likes
if ( ! $this->in_jetpack ) {
$new_comments_state = ! empty( $_POST['jetpack_comment_likes_enabled'] ) ? $_POST['jetpack_comment_likes_enabled'] : false;
switch( (bool) $new_comments_state ) {
case true:
update_option( 'jetpack_comment_likes_enabled', 1 );
break;
case false:
default:
update_option( 'jetpack_comment_likes_enabled', 0 );
break;
}
}
}
/**
* Adds the admin update hook so we can save settings even if Sharedaddy is not enabled.
*/
function process_update_requests_if_sharedaddy_not_loaded() {
if ( isset( $_GET['page'] ) && ( $_GET['page'] == 'sharing.php' || $_GET['page'] == 'sharing' ) ) {
if ( isset( $_POST['_wpnonce'] ) && wp_verify_nonce( $_POST['_wpnonce'], 'sharing-options' ) ) {
/** This action is documented in modules/sharedaddy/sharing.php */
do_action( 'sharing_admin_update' );
wp_safe_redirect( admin_url( 'options-general.php?page=sharing&update=saved' ) );
die();
}
}
}
/**
* If sharedaddy is not loaded, we don't have the "Show buttons on" yet, so we need to add that since it affects likes too.
*/
function admin_settings_showbuttonon_init() {
/** This action is documented in modules/sharedaddy/sharing.php */
echo apply_filters( 'sharing_show_buttons_on_row_start', '<tr valign="top">' );
?>
<th scope="row"><label><?php _e( 'Show buttons on', 'jetpack' ); ?></label></th>
<td>
<?php
$br = false;
$shows = array_values( get_post_types( array( 'public' => true ) ) );
array_unshift( $shows, 'index' );
$global = $this->get_options();
foreach ( $shows as $show ) :
if ( 'index' == $show ) {
$label = __( 'Front Page, Archive Pages, and Search Results', 'jetpack' );
} else {
$post_type_object = get_post_type_object( $show );
$label = $post_type_object->labels->name;
}
?>
<?php if ( $br ) echo '<br />'; ?><label><input type="checkbox"<?php checked( in_array( $show, $global['show'] ) ); ?> name="show[]" value="<?php echo esc_attr( $show ); ?>" /> <?php echo esc_html( $label ); ?></label>
<?php $br = true; endforeach; ?>
</td>
<?php
/** This action is documented in modules/sharedaddy/sharing.php */
echo apply_filters( 'sharing_show_buttons_on_row_end', '</tr>' );
?>
<?php
}
/**
* If sharedaddy is not loaded, we still need to save the the settings of the "Show buttons on" option.
*/
function admin_settings_showbuttonon_callback() {
$options = get_option( 'sharing-options' );
if ( !is_array( $options ) )
$options = array();
$shows = array_values( get_post_types( array( 'public' => true ) ) );
$shows[] = 'index';
$data = $_POST;
if ( isset( $data['show'] ) ) {
if ( is_scalar( $data['show'] ) ) {
switch ( $data['show'] ) {
case 'posts' :
$data['show'] = array( 'post', 'page' );
break;
case 'index' :
$data['show'] = array( 'index' );
break;
case 'posts-index' :
$data['show'] = array( 'post', 'page', 'index' );
break;
}
}
if ( $data['show'] = array_intersect( $data['show'], $shows ) ) {
$options['global']['show'] = $data['show'];
}
} else {
$options['global']['show'] = array();
}
update_option( 'sharing-options', $options );
}
}

View File

@@ -0,0 +1,20 @@
var wpPostLikeCount = wpPostLikeCount || {};
( function( $ ) {
wpPostLikeCount = jQuery.extend( wpPostLikeCount, {
request: function( options ) {
return $.ajax( {
type: 'GET',
url: wpPostLikeCount.jsonAPIbase + options.path,
dataType: 'jsonp',
data: options.data,
success: function( response ) {
options.success( response );
},
error: function( response ) {
options.error( response );
},
} );
},
} );
} )( jQuery );

View File

@@ -0,0 +1,64 @@
/* jshint onevar: false, smarttabs: true */
var wpPostLikeCount = wpPostLikeCount || {};
( function( $ ) {
wpPostLikeCount = jQuery.extend( wpPostLikeCount, {
jsonAPIbase: 'https://public-api.wordpress.com/rest/v1',
APIqueue: [],
wpPostLikeCount: function() {
$( '.post-like-count' ).each( function() {
var post_id = $( this ).attr( 'data-post-id' );
var blog_id = $( this ).attr( 'data-blog-id' );
wpPostLikeCount.APIqueue.push( '/sites/' + blog_id + '/posts/' + post_id + '/likes' );
} );
wpPostLikeCount.getCounts();
},
showCount: function( post_id, count ) {
if ( count > 0 ) {
$( '#post-like-count-' + post_id )
.find( '.comment-count' )
.hide();
$( '#post-like-count-' + post_id )
.find( '.comment-count' )
.text( count );
$( '#post-like-count-' + post_id )
.find( '.comment-count' )
.fadeIn();
}
},
getCounts: function() {
var batchRequest = {
path: '/batch',
data: '',
success: function( response ) {
for ( var path in response ) {
if ( ! response[ path ].error_data ) {
var urlPieces = path.split( '/' ); // pieces[4] = post id;
var post_id = urlPieces[ 4 ];
wpPostLikeCount.showCount( post_id, response[ path ].found );
}
}
},
error: function(/*response*/) {},
};
var amp = '';
for ( var i = 0; i < wpPostLikeCount.APIqueue.length; i++ ) {
if ( i > 0 ) {
amp = '&';
}
batchRequest.data += amp + 'urls[]=' + wpPostLikeCount.APIqueue[ i ];
}
wpPostLikeCount.request( batchRequest );
},
} );
} )( jQuery );
jQuery( document ).ready( function(/*$*/) {
wpPostLikeCount.wpPostLikeCount();
} );

View File

@@ -0,0 +1,402 @@
/* global pm, wpcom_reblog, JSON */
var jetpackLikesWidgetBatch = [];
var jetpackLikesMasterReady = false;
// Due to performance problems on pages with a large number of widget iframes that need to be loaded,
// we are limiting the processing at any instant to unloaded widgets that are currently in viewport,
// plus this constant that will allow processing of widgets above and bellow the current fold.
// This aim of it is to improve the UX and hide the transition from unloaded to loaded state from users.
var jetpackLikesLookAhead = 2000; // pixels
// Keeps track of loaded comment likes widget so we can unload them when they are scrolled out of view.
var jetpackCommentLikesLoadedWidgets = [];
function JetpackLikesPostMessage( message, target ) {
if ( 'string' === typeof message ) {
try {
message = JSON.parse( message );
} catch ( e ) {
return;
}
}
pm( {
target: target,
type: 'likesMessage',
data: message,
origin: '*',
} );
}
function JetpackLikesBatchHandler() {
var requests = [];
jQuery( 'div.jetpack-likes-widget-unloaded' ).each( function() {
if ( jetpackLikesWidgetBatch.indexOf( this.id ) > -1 ) {
return;
}
if ( ! jetpackIsScrolledIntoView( this ) ) {
return;
}
jetpackLikesWidgetBatch.push( this.id );
var regex = /like-(post|comment)-wrapper-(\d+)-(\d+)-(\w+)/,
match = regex.exec( this.id ),
info;
if ( ! match || match.length !== 5 ) {
return;
}
info = {
blog_id: match[ 2 ],
width: this.width,
};
if ( 'post' === match[ 1 ] ) {
info.post_id = match[ 3 ];
} else if ( 'comment' === match[ 1 ] ) {
info.comment_id = match[ 3 ];
}
info.obj_id = match[ 4 ];
requests.push( info );
} );
if ( requests.length > 0 ) {
JetpackLikesPostMessage(
{ event: 'initialBatch', requests: requests },
window.frames[ 'likes-master' ]
);
}
}
function JetpackLikesMessageListener( event, message ) {
var allowedOrigin, $container, $list, offset, rowLength, height, scrollbarWidth;
if ( 'undefined' === typeof event.event ) {
return;
}
// We only allow messages from one origin
allowedOrigin = 'https://widgets.wp.com';
if ( allowedOrigin !== message.origin ) {
return;
}
switch ( event.event ) {
case 'masterReady':
jQuery( document ).ready( function() {
jetpackLikesMasterReady = true;
var stylesData = {
event: 'injectStyles',
},
$sdTextColor = jQuery( '.sd-text-color' ),
$sdLinkColor = jQuery( '.sd-link-color' );
if ( jQuery( 'iframe.admin-bar-likes-widget' ).length > 0 ) {
JetpackLikesPostMessage( { event: 'adminBarEnabled' }, window.frames[ 'likes-master' ] );
stylesData.adminBarStyles = {
background: jQuery( '#wpadminbar .quicklinks li#wp-admin-bar-wpl-like > a' ).css(
'background'
),
isRtl: 'rtl' === jQuery( '#wpadminbar' ).css( 'direction' ),
};
}
if ( ! window.addEventListener ) {
jQuery( '#wp-admin-bar-admin-bar-likes-widget' ).hide();
}
stylesData.textStyles = {
color: $sdTextColor.css( 'color' ),
fontFamily: $sdTextColor.css( 'font-family' ),
fontSize: $sdTextColor.css( 'font-size' ),
direction: $sdTextColor.css( 'direction' ),
fontWeight: $sdTextColor.css( 'font-weight' ),
fontStyle: $sdTextColor.css( 'font-style' ),
textDecoration: $sdTextColor.css( 'text-decoration' ),
};
stylesData.linkStyles = {
color: $sdLinkColor.css( 'color' ),
fontFamily: $sdLinkColor.css( 'font-family' ),
fontSize: $sdLinkColor.css( 'font-size' ),
textDecoration: $sdLinkColor.css( 'text-decoration' ),
fontWeight: $sdLinkColor.css( 'font-weight' ),
fontStyle: $sdLinkColor.css( 'font-style' ),
};
JetpackLikesPostMessage( stylesData, window.frames[ 'likes-master' ] );
JetpackLikesBatchHandler();
} );
break;
case 'showLikeWidget':
jQuery( '#' + event.id + ' .likes-widget-placeholder' ).fadeOut( 'fast' );
break;
case 'showCommentLikeWidget':
jQuery( '#' + event.id + ' .likes-widget-placeholder' ).fadeOut( 'fast' );
break;
case 'killCommentLikes':
// If kill switch for comment likes is enabled remove all widgets wrappers and `Loading...` placeholders.
jQuery( '.jetpack-comment-likes-widget-wrapper' ).remove();
break;
case 'clickReblogFlair':
wpcom_reblog.toggle_reblog_box_flair( event.obj_id );
break;
case 'showOtherGravatars':
$container = jQuery( '#likes-other-gravatars' );
$list = $container.find( 'ul' );
$container.hide();
$list.html( '' );
$container.find( '.likes-text span' ).text( event.total );
jQuery.each( event.likers, function( i, liker ) {
var element;
if ( 'http' !== liker.profile_URL.substr( 0, 4 ) ) {
// We only display gravatars with http or https schema
return;
}
element = jQuery( '<li><a><img /></a></li>' );
element.addClass( liker.css_class );
element
.find( 'a' )
.attr( {
href: liker.profile_URL,
rel: 'nofollow',
target: '_parent',
} )
.addClass( 'wpl-liker' );
element
.find( 'img' )
.attr( {
src: liker.avatar_URL,
alt: liker.name,
} )
.css( {
width: '30px',
height: '30px',
paddingRight: '3px',
} );
$list.append( element );
} );
offset = jQuery( 'body' )
.find( "[name='" + event.parent + "']" )
.offset();
$container.css( 'left', offset.left + event.position.left - 10 + 'px' );
$container.css( 'top', offset.top + event.position.top - 33 + 'px' );
rowLength = Math.floor( event.width / 37 );
height = Math.ceil( event.likers.length / rowLength ) * 37 + 13;
if ( height > 204 ) {
height = 204;
}
$container.css( 'height', height + 'px' );
$container.css( 'width', rowLength * 37 - 7 + 'px' );
$list.css( 'width', rowLength * 37 + 'px' );
$container.fadeIn( 'slow' );
scrollbarWidth = $list[ 0 ].offsetWidth - $list[ 0 ].clientWidth;
if ( scrollbarWidth > 0 ) {
$container.width( $container.width() + scrollbarWidth );
$list.width( $list.width() + scrollbarWidth );
}
}
}
pm.bind( 'likesMessage', JetpackLikesMessageListener );
jQuery( document ).click( function( e ) {
var $container = jQuery( '#likes-other-gravatars' );
if ( $container.has( e.target ).length === 0 ) {
$container.fadeOut( 'slow' );
}
} );
function JetpackLikesWidgetQueueHandler() {
var wrapperID;
if ( ! jetpackLikesMasterReady ) {
setTimeout( JetpackLikesWidgetQueueHandler, 500 );
return;
}
// Restore widgets to initial unloaded state when they are scrolled out of view.
jetpackUnloadScrolledOutWidgets();
var unloadedWidgetsInView = jetpackGetUnloadedWidgetsInView();
if ( unloadedWidgetsInView.length > 0 ) {
// Grab any unloaded widgets for a batch request
JetpackLikesBatchHandler();
}
for ( var i = 0, length = unloadedWidgetsInView.length; i <= length - 1; i++ ) {
wrapperID = unloadedWidgetsInView[ i ].id;
if ( ! wrapperID ) {
continue;
}
jetpackLoadLikeWidgetIframe( wrapperID );
}
}
function jetpackLoadLikeWidgetIframe( wrapperID ) {
var $wrapper;
if ( 'undefined' === typeof wrapperID ) {
return;
}
$wrapper = jQuery( '#' + wrapperID );
$wrapper.find( 'iframe' ).remove();
var placeholder = $wrapper.find( '.likes-widget-placeholder' );
// Post like iframe
if ( placeholder.hasClass( 'post-likes-widget-placeholder' ) ) {
var postLikesFrame = document.createElement( 'iframe' );
postLikesFrame[ 'class' ] = 'post-likes-widget jetpack-likes-widget';
postLikesFrame.name = $wrapper.data( 'name' );
postLikesFrame.src = $wrapper.data( 'src' );
postLikesFrame.height = '18px';
postLikesFrame.width = '200px';
postLikesFrame.frameBorder = '0';
postLikesFrame.scrolling = 'no';
if ( $wrapper.hasClass( 'slim-likes-widget' ) ) {
postLikesFrame.height = '22px';
postLikesFrame.width = '68px';
postLikesFrame.scrolling = 'no';
} else {
postLikesFrame.height = '55px';
postLikesFrame.width = '100%';
}
placeholder.after( postLikesFrame );
}
// Comment like iframe
if ( placeholder.hasClass( 'comment-likes-widget-placeholder' ) ) {
var commentLikesFrame = document.createElement( 'iframe' );
commentLikesFrame[ 'class' ] = 'comment-likes-widget-frame jetpack-likes-widget-frame';
commentLikesFrame.name = $wrapper.data( 'name' );
commentLikesFrame.src = $wrapper.data( 'src' );
commentLikesFrame.height = '18px';
commentLikesFrame.width = '100%';
commentLikesFrame.frameBorder = '0';
commentLikesFrame.scrolling = 'no';
$wrapper.find( '.comment-like-feedback' ).after( commentLikesFrame );
jetpackCommentLikesLoadedWidgets.push( commentLikesFrame );
}
$wrapper
.removeClass( 'jetpack-likes-widget-unloaded' )
.addClass( 'jetpack-likes-widget-loading' );
$wrapper.find( 'iframe' ).load( function( e ) {
var $iframe = jQuery( e.target );
JetpackLikesPostMessage(
{ event: 'loadLikeWidget', name: $iframe.attr( 'name' ), width: $iframe.width() },
window.frames[ 'likes-master' ]
);
$wrapper
.removeClass( 'jetpack-likes-widget-loading' )
.addClass( 'jetpack-likes-widget-loaded' );
if ( $wrapper.hasClass( 'slim-likes-widget' ) ) {
$wrapper.find( 'iframe' ).Jetpack( 'resizeable' );
}
} );
}
function jetpackGetUnloadedWidgetsInView() {
var $unloadedWidgets = jQuery( 'div.jetpack-likes-widget-unloaded' );
return $unloadedWidgets.filter( function() {
return jetpackIsScrolledIntoView( this );
} );
}
function jetpackIsScrolledIntoView( element ) {
var top = element.getBoundingClientRect().top;
var bottom = element.getBoundingClientRect().bottom;
// Allow some slack above and bellow the fold with jetpackLikesLookAhead,
// with the aim of hiding the transition from unloaded to loaded widget from users.
return top + jetpackLikesLookAhead >= 0 && bottom <= window.innerHeight + jetpackLikesLookAhead;
}
function jetpackUnloadScrolledOutWidgets() {
for ( var i = jetpackCommentLikesLoadedWidgets.length - 1; i >= 0; i-- ) {
var currentWidgetIframe = jetpackCommentLikesLoadedWidgets[ i ];
if ( ! jetpackIsScrolledIntoView( currentWidgetIframe ) ) {
var $widgetWrapper = jQuery( currentWidgetIframe )
.parent()
.parent();
// Restore parent class to 'unloaded' so this widget can be picked up by queue manager again if needed.
$widgetWrapper
.removeClass( 'jetpack-likes-widget-loaded jetpack-likes-widget-loading' )
.addClass( 'jetpack-likes-widget-unloaded' );
// Bring back the loading placeholder into view.
$widgetWrapper.children( '.comment-likes-widget-placeholder' ).fadeIn();
// Remove it from the list of loaded widgets.
jetpackCommentLikesLoadedWidgets.splice( i, 1 );
// Remove comment like widget iFrame.
jQuery( currentWidgetIframe ).remove();
}
}
}
var jetpackWidgetsDelayedExec = function( after, fn ) {
var timer;
return function() {
timer && clearTimeout( timer );
timer = setTimeout( fn, after );
};
};
var jetpackOnScrollStopped = jetpackWidgetsDelayedExec( 250, JetpackLikesWidgetQueueHandler );
// Load initial batch of widgets, prior to any scrolling events.
JetpackLikesWidgetQueueHandler();
// Add event listener to execute queue handler after scroll.
window.addEventListener( 'scroll', jetpackOnScrollStopped, true );

View File

@@ -0,0 +1,233 @@
/**
* Like Button toolbar button, loading text & container styles
*/
@font-face {
font-family: Noticons;
src: url(https://wordpress.com/i/noticons/Noticons.woff);
}
/* Master container */
#jp-post-flair {
padding-top: .5em;
}
/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
clear: both;
}
div.sharedaddy h3.sd-title {
margin: 0 0 1em 0;
display: inline-block;
line-height: 1.2;
font-size: 9pt;
font-weight: bold;
}
div.sharedaddy h3.sd-title:before {
content: "";
display: block;
width: 100%;
min-width: 30px;
border-top: 1px solid #ddd;
margin-bottom: 1em;
}
/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
width: 61px;
overflow: hidden;
}
#wpadminbar iframe.admin-bar-likes-widget {
width: 61px;
height: 28px;
min-height: 28px;
border-width: 0px;
position: absolute;
top: 0;
}
div.jetpack-likes-widget-wrapper {
width: 100%;
min-height: 50px; /* Previous height, 60px */
position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}
div.jetpack-likes-widget-wrapper .sd-link-color {
font-size: 12px;
}
div.jetpack-likes-widget-wrapper.slim-likes-widget {
width: 1px; /* initial default */
min-height: 0;
}
div.jetpack-comment-likes-widget-wrapper {
width: 100%;
position: relative;
min-height: 31px;
}
div.jetpack-comment-likes-widget-wrapper iframe {
margin-bottom: 0;
}
#likes-other-gravatars {
display: none;
position: absolute;
padding: 10px 10px 12px 10px;
background-color: #2e4453;
border-width: 0;
box-shadow: 0 0 10px #2e4453;
box-shadow: 0 0 10px rgba(46,68,83,.6);
min-width: 130px;
z-index: 1000;
}
#likes-other-gravatars * {
line-height: normal;
}
#likes-other-gravatars .likes-text {
color: white;
font-size: 12px;
padding-bottom: 8px;
}
#likes-other-gravatars ul,
#likes-other-gravatars li {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#likes-other-gravatars li::before {
content: "";
}
#likes-other-gravatars ul.wpl-avatars {
overflow: auto;
display: block;
max-height: 190px;
}
#likes-other-gravatars ul.wpl-avatars li {
width: 32px;
height: 32px;
float: left;
margin: 0 5px 5px 0;
}
#likes-other-gravatars ul.wpl-avatars li a {
margin: 0 2px 0 0;
border-bottom: none !important;
display: block;
}
#likes-other-gravatars ul.wpl-avatars li a img {
background: none;
border: none;
margin: 0 !important;
padding: 0 !important;
position: static;
}
div.sd-box {
border-top: 1px solid #ddd;
border-top: 1px solid rgba(0,0,0,.13);
}
.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
margin: 0;
border-width: 0;
display: block;
}
/* Loading text */
.post-likes-widget-placeholder,
.comment-likes-widget-placeholder {
margin: 0;
border-width: 0;
position: relative;
}
.comment-likes-widget-placeholder {
height: 18px;
position: absolute;
display: flex;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
margin-top: 4px;
}
.comment-likes-widget-placeholder::before {
-webkit-font-smoothing: antialiased;
font-family: "Noticons";
font-size: 20px;
line-height: .9;
color: #5CB5D4;
content: '\f408';
width: 16px;
display: inline-block;
vertical-align: middle;
}
.post-likes-widget-placeholder .button {
display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}
.post-likes-widget-placeholder .button span {
}
.post-likes-widget-placeholder .loading,
.comment-likes-widget-placeholder .loading {
color: #999;
font-size: 12px;
}
.comment-likes-widget-placeholder .loading {
padding-left: 5px;
margin-top: 2px;
align-self: center;
color: #4E4E4E;
}
.slim-likes-widget .post-likes-widget {
width: auto;
float: none;
}
/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
display: none;
}
div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
width: 100%;
float: none;
position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
top: 0;
}
.comment-likes-widget {
width: 100%;
}
/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating,
.cs-rating {
display: block !important;
}
/* Hide G+ title */
.sd-gplus .sd-title {
display: none;
}