/** * * LOAD SCRIPTS IF REQUIRED * */ function wr2x_wp_enqueue_scripts() { global $wr2x_version, $wr2x_retinajs, $wr2x_retina_image, $wr2x_picturefill, $wr2x_lazysizes; $method = wr2x_getoption("method", "wr2x_advanced", 'Picturefill'); if (is_admin() && !wr2x_getoption("retina_admin", "wr2x_advanced", false)) { return; } // Picturefill if ($method == "Picturefill") { if (wr2x_is_debug()) { wp_enqueue_script('wr2x-debug', plugins_url('/js/debug.js', __FILE__), array(), $wr2x_version, false); } // Picturefill if (!wr2x_getoption("picturefill_noscript", "wr2x_advanced", false)) { wp_enqueue_script('picturefill', plugins_url('/js/picturefill.min.js', __FILE__), array(), $wr2x_picturefill, false); } // Lazysizes if (wr2x_getoption("picturefill_lazysizes", "wr2x_advanced", false) && wr2x_is_pro()) { wp_enqueue_script('lazysizes', plugins_url('/js/lazysizes.min.js', __FILE__), array(), $wr2x_lazysizes, false); } return; } // Debug + HTML Rewrite = No JS! if (wr2x_is_debug() && $method == "HTML Rewrite") { return; } // Debug mode, we force the devicePixelRatio to be Retina if (wr2x_is_debug()) { wp_enqueue_script('wr2x-debug', plugins_url('/js/debug.js', __FILE__), array(), $wr2x_version, false); } else { if (wr2x_getoption("ignore_mobile", "wr2x_advanced", false)) { $mobileDetect = new Mobile_Detect(); if ($mobileDetect->isMobile()) { return; } } } // Retina-Images and HTML Rewrite both need the devicePixelRatio cookie on the server-side if ($method == "Retina-Images" || $method == "HTML Rewrite") { wp_enqueue_script('retina-images', plugins_url('/js/retina-cookie.js', __FILE__), array(), $wr2x_retina_image, false); } // Retina.js only needs itself if ($method == "retina.js") { wp_enqueue_script('retinajs', plugins_url('/js/retina.min.js', __FILE__), array(), $wr2x_retinajs, true); } }
function ewww_image_optimizer_resize_upload($file) { // parts adapted from Imsanity (THANKS Jason!) ewwwio_debug_message('<b>' . __FUNCTION__ . '()</b>'); if (!$file) { return false; } // ewwwio_debug_message( print_r( $_SERVER, true ) ); if (!empty($_REQUEST['post_id']) || !empty($_REQUEST['action']) && $_REQUEST['action'] === 'upload-attachment' || !empty($_SERVER['HTTP_REFERER']) && strpos($_SERVER['HTTP_REFERER'], 'media-new.php')) { $maxwidth = ewww_image_optimizer_get_option('ewww_image_optimizer_maxmediawidth'); $maxheight = ewww_image_optimizer_get_option('ewww_image_optimizer_maxmediaheight'); ewwwio_debug_message('resizing image from media library or attached to post'); } else { $maxwidth = ewww_image_optimizer_get_option('ewww_image_optimizer_maxotherwidth'); $maxheight = ewww_image_optimizer_get_option('ewww_image_optimizer_maxotherheight'); ewwwio_debug_message('resizing images from somewhere else'); } // allow other developers to modify the dimensions to their liking based on whatever parameters they might choose list($maxwidth, $maxheight) = apply_filters('ewww_image_optimizer_resize_dimensions', array($maxwidth, $maxheight)); //check that options are not == 0 if ($maxwidth == 0 && $maxheight == 0) { return false; } //check file type $type = ewww_image_optimizer_mimetype($file, 'i'); if (strpos($type, 'image') === FALSE) { ewwwio_debug_message('not an image, cannot resize'); return false; } //check file size (dimensions) list($oldwidth, $oldheight) = getimagesize($file); if ($oldwidth <= $maxwidth && $oldheight <= $maxheight) { ewwwio_debug_message('image too small for resizing'); return false; } list($newwidth, $newheight) = wp_constrain_dimensions($oldwidth, $oldheight, $maxwidth, $maxheight); if (!function_exists('wp_get_image_editor')) { ewwwio_debug_message('no image editor function'); return false; } remove_filter('wp_image_editors', 'ewww_image_optimizer_load_editor', 60); $editor = wp_get_image_editor($file); if (is_wp_error($editor)) { ewwwio_debug_message('could not get image editor'); return false; } if (function_exists('exif_read_data') && $type === 'image/jpeg') { $exif = @exif_read_data($file); if (is_array($exif) && array_key_exists('Orientation', $exif)) { $orientation = $exif['Orientation']; switch ($orientation) { case 3: $editor->rotate(180); break; case 6: $editor->rotate(-90); break; case 8: $editor->rotate(90); break; } } } $resized_image = $editor->resize($newwidth, $newheight); if (is_wp_error($resized_image)) { ewwwio_debug_message('error during resizing'); return false; } $new_file = $editor->generate_filename('tmp'); $orig_size = filesize($file); $saved = $editor->save($new_file); if (is_wp_error($saved)) { ewwwio_debug_message('error saving resized image'); } add_filter('wp_image_editors', 'ewww_image_optimizer_load_editor', 60); $new_size = ewww_image_optimizer_filesize($new_file); if ($new_size && $new_size < $orig_size) { // generate a retina file from the full original if they have WP Retina 2x Pro if (function_exists('wr2x_is_pro') && wr2x_is_pro()) { $full_size_needed = wr2x_getoption("full_size", "wr2x_basics", false); if ($full_size_needed) { // Is the file related to this size there? $retina_file = ''; $pathinfo = pathinfo($file); $retina_file = trailingslashit($pathinfo['dirname']) . $pathinfo['filename'] . wr2x_retina_extension() . $pathinfo['extension']; if ($retina_file && !file_exists($retina_file) && wr2x_are_dimensions_ok($oldwidth, $oldheight, $newwidth * 2, $newheight * 2)) { $image = wr2x_vt_resize($file, $newwidth * 2, $newheight * 2, false, $retina_file); } } } rename($new_file, $file); // store info on the current image for future reference global $wpdb; $already_optimized = ewww_image_optimizer_find_already_optimized($file); // if the original file has never been optimized, then just update the record that was created with the proper filename (because the resized file has usually been optimized) if (empty($already_optimized)) { $tmp_exists = $wpdb->update($wpdb->ewwwio_images, array('path' => $file, 'orig_size' => $orig_size), array('path' => $new_file)); // if the tmp file didn't get optimized (and it shouldn't), then just insert a dummy record to be updated shortly if (!$tmp_exists) { $wpdb->insert($wpdb->ewwwio_images, array('path' => $file, 'orig_size' => $orig_size)); } // otherwise, we delete the record created from optimizing the resized file, and update our records for the original file } else { $temp_optimized = ewww_image_optimizer_find_already_optimized($new_file); if (is_array($temp_optimized) && !empty($temp_optimized['id'])) { $wpdb->delete($wpdb->ewwwio_images, array('id' => $temp_optimized['id']), array('%d')); } // should not need this, as the image will get optimized shortly //ewww_image_optimizer_update_table( $file, $new_size, $orig_size ); } return array($newwidth, $newheight); } if (file_exists($new_file)) { unlink($new_file); } return false; }
function wpr2x_wp_retina_2x() { $view = isset($_GET['view']) ? $_GET['view'] : 'issues'; $paged = isset($_GET['paged']) ? $_GET['paged'] : 1; $s = isset($_GET['s']) && !empty($_GET['s']) ? sanitize_text_field($_GET['s']) : null; $issues = $count = 0; $posts_per_page = 15; // TODO: HOW TO GET THE NUMBER OF MEDIA PER PAGES? IT IS NOT get_option('posts_per_page'); $issues = wr2x_get_issues(); $ignored = wr2x_get_ignores(); echo '<div class="wrap">'; jordy_meow_donation(true); echo "<h1>Retina"; by_jordy_meow(); echo "</h1>"; if (wr2x_is_pro() && $view == 'issues') { global $wpdb; $totalcount = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE post_status = 'inherit'\n\t\t\tAND post_type = 'attachment'" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t\tAND ( post_mime_type = 'image/jpeg' OR\n\t\t\tpost_mime_type = 'image/png' OR\n\t\t\tpost_mime_type = 'image/gif' )\n\t\t", '%' . $s . '%')); $postin = count($issues) < 1 ? array(-1) : $issues; $query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post__in' => $postin, 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s)); } else { if (wr2x_is_pro() && $view == 'ignored') { global $wpdb; $totalcount = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE post_status = 'inherit'\n\t\t\tAND post_type = 'attachment'" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t\tAND ( post_mime_type = 'image/jpeg' OR\n\t\t\tpost_mime_type = 'image/jpg' OR\n\t\t\tpost_mime_type = 'image/png' OR\n\t\t\tpost_mime_type = 'image/gif' )\n\t\t", '%' . $s . '%')); $postin = count($ignored) < 1 ? array(-1) : $ignored; $query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post__in' => $postin, 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s)); } else { $query = new WP_Query(array('post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image/jpeg,image/gif,image/jpg,image/png', 'paged' => $paged, 'posts_per_page' => $posts_per_page, 's' => $s)); //$s $totalcount = $query->found_posts; } } $issues_count = count($issues); // If 'search', then we need to clean-up the issues count if ($s && $issues_count > 0) { global $wpdb; $issues_count = $wpdb->get_var($wpdb->prepare("\n\t\t\tSELECT COUNT(*)\n\t\t\tFROM {$wpdb->posts} p\n\t\t\tWHERE id IN ( " . implode(',', $issues) . " )" . wr2x_create_sql_if_wpml_original() . "\n\t\t\tAND post_title LIKE %s\n\t\t", '%' . $s . '%')); } $results = array(); $count = $query->found_posts; $pagescount = $query->max_num_pages; foreach ($query->posts as $post) { $info = wr2x_retina_info($post->ID); array_push($results, array('post' => $post, 'info' => $info)); } ?> <div style='background: #FFF; padding: 5px; border-radius: 4px; height: 28px; box-shadow: 0px 0px 6px #C2C2C2;'> <!-- REFRESH --> <a id='wr2x_refresh' href='?page=wp-retina-2x&view=issues&refresh=true' class='button' style='float: left;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php echo plugin_dir_url(__FILE__); ?> img/refresh.png' /><?php _e("Refresh", 'wp-retina-2x'); ?> </a> <!-- SEARCH --> <form id="posts-filter" action="upload.php" method="get"> <p class="search-box" style='margin-left: 5px; float: left;'> <input type="search" name="s" value="<?php echo $s ? $s : ""; ?> "> <input type="hidden" name="page" value="wp-retina-2x"> <input type="hidden" name="view" value="<?php echo $view; ?> "> <input type="hidden" name="paged" value="<?php echo $paged; ?> "> <input type="submit" class="button" value="Search"> </p> </form> <!-- REMOVE BUTTON ALL --> <a id='wr2x_remove_button_all' onclick='wr2x_delete_all()' class='button button-red' style='float: right;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php echo plugin_dir_url(__FILE__); ?> img/burn.png' /><?php _e("Bulk Delete", 'wp-retina-2x'); ?> </a> <!-- GENERATE ALL --> <a id='wr2x_generate_button_all' onclick='wr2x_generate_all()' class='button-primary' style='float: right; margin-right: 5px;'><img style='position: relative; top: 3px; left: -2px; margin-right: 3px; width: 16px; height: 16px;' src='<?php echo plugin_dir_url(__FILE__); ?> img/photo-album--plus.png' /><?php _e("Bulk Generate", 'wp-retina-2x'); ?> </a> <!-- PROGRESS --> <span style='margin-left: 12px; font-size: 13px; top: 5px; position: relative; color: #24547C; font-weight: bold;' id='wr2x_progression'></span> </div> <?php if (isset($_GET['clearlogs']) ? $_GET['clearlogs'] : 0) { echo "<div class='updated' style='margin-top: 20px;'><p>"; _e("The logs have been cleared.", 'wp-retina-2x'); echo "</p></div>"; } $active_sizes = wr2x_get_active_image_sizes(); $full_size_needed = wr2x_getoption("full_size", "wr2x_basics", false); $max_width = 0; $max_height = 0; foreach ($active_sizes as $name => $active_size) { if ($active_size['height'] != 9999 && $active_size['height'] > $max_height) { $max_height = $active_size['height']; } if ($active_size['width'] != 9999 && $active_size['width'] > $max_width) { $max_width = $active_size['width']; } } $max_width = $max_width * 2; $max_height = $max_height * 2; $upload_max_size = ini_get('upload_max_filesize'); ?> <p> <?php printf(__('The full-size images should have a resolution of <b>%d×%d</b> at least for the plugin to be able generate the <b>%d retina images</b> required by your website.', 'wp-retina-2x'), $max_width, $max_height, count($active_sizes)); ?> <?php if ($full_size_needed) { printf(__("You <b>also need</b> to upload a retina image for the Full-Size image (might be <b>%d×%d</b>).", 'wp-retina-2x'), $max_width * 2, $max_height * 2); } ?> <?php _e("You can upload or replace the images by drag & drop.", 'wp-retina-2x'); ?> <?php printf(__("Your PHP configuration allows uploads of <b>%dMB</b> maximum.", 'wp-retina-2x'), $upload_max_size); ?> <?php if (file_exists(plugin_dir_path(__FILE__) . '/wp-retina-2x.log')) { printf(__('The <a target="_blank" href="%s/wp-retina-2x.log">log file</a> is available. You can also <a href="?page=wp-retina-2x&view=issues&clearlogs=true">clear</a> it.', 'wp-retina-2x'), plugin_dir_url(__FILE__)); } ?> </p> <?php if (!wr2x_is_pro()) { echo '<div class="updated"><p>'; echo __('<b>Only Pro users have access to the features of this dashboard.</b> As a standard user, the dashboard allow you to Bulk Generate, Bulk Delete and access the Retina Logs. If you wish to stay a standard user and never see this dashboard aver again, you can hide it in the settings.<br /><br />The main features of the Pro version are: filter by <b>Issues</b> or Ignored, <b>Ignore</b> media (from the retina process), <b>Details</b> for more information, <b>replace</b> a full-size directly by drag & drop, upload a retina version of the full-size, various options and direct support by the developer. The serial key for the Pro has to be inserted in your WP Settings > Retina > Pro tab. Thank you for your support :)<br /><br /><a class="button-primary" href="http://apps.meow.fr/wp-retina-2x/" target="_blank">Get the serial key for the Pro</a>', 'wp-retina-2x'); echo '</p></div>'; } ?> <div id='wr2x-pages'> <?php echo paginate_links(array('base' => '?page=wp-retina-2x&s=' . urlencode($s) . '&view=' . $view . '%_%', 'current' => $paged, 'format' => '&paged=%#%', 'total' => $pagescount, 'prev_next' => false)); ?> </div> <ul class="subsubsub"> <li class="all"><a <?php if ($view == 'all') { echo "class='current'"; } ?> href='?page=wp-retina-2x&s=<?php echo $s; ?> &view=all'><?php _e("All", 'wp-retina-2x'); ?> </a><span class="count">(<?php echo $totalcount; ?> )</span></li> | <?php if (wr2x_is_pro()) { ?> <li class="all"><a <?php if ($view == 'issues') { echo "class='current'"; } ?> href='?page=wp-retina-2x&s=<?php echo $s; ?> &view=issues'><?php _e("Issues", 'wp-retina-2x'); ?> </a><span class="count">(<?php echo $issues_count; ?> )</span></li> | <li class="all"><a <?php if ($view == 'ignored') { echo "class='current'"; } ?> href='?page=wp-retina-2x&s=<?php echo $s; ?> &view=ignored'><?php _e("Ignored", 'wp-retina-2x'); ?> </a><span class="count">(<?php echo count($ignored); ?> )</span></li> <?php } else { ?> <li class="all"><span><?php _e("Issues", 'wp-retina-2x'); ?> </span> <span class="count">(<?php echo $issues_count; ?> )</span></li> | <li class="all"><span><?php _e("Ignored", 'wp-retina-2x'); ?> </span> <span class="count">(<?php echo count($ignored); ?> )</span></li> <?php } ?> </ul> <table class='wp-list-table widefat fixed media wr2x-table'> <thead><tr> <?php echo "<th style='width: 56px;'>Thumbnail</th>"; echo "<th style=' width: 360px;'>" . __("Base image", 'wp-retina-2x') . "</th>"; echo "<th style=''>" . __("Media Sizes<br />Retina-ized", 'wp-retina-2x') . "</th>"; echo "<th style=''>" . __("Full-Size<br/><b>Replace</b>", 'wp-retina-2x') . "</th>"; echo "<th style=''>" . __("Full-Size Retina", 'wp-retina-2x') . "</th>"; echo "<th style=''>" . __("Full-Size Retina<br/><b>Upload</b>", 'wp-retina-2x') . "</th>"; ?> </tr></thead> <tbody> <?php foreach ($results as $index => $attr) { $post = $attr['post']; $info = $attr['info']; $meta = wp_get_attachment_metadata($post->ID); // Let's clean the issues status if ($view != 'issues') { wr2x_update_issue_status($post->ID, $issues, $info); } if (isset($meta) && isset($meta['width'])) { $original_width = $meta['width']; $original_height = $meta['height']; } $attachmentsrc = wp_get_attachment_image_src($post->ID, 'thumbnail'); echo "<tr class='wr2x-file-row' postId='" . $post->ID . "'>"; echo "<td class='wr2x-image wr2x-info-thumbnail'><img src='" . $attachmentsrc[0] . "' /></td>"; echo "<td class='wr2x-title'><a href='media.php?attachment_id=" . $post->ID . "&action=edit'>" . ($post->post_title ? $post->post_title : '<i>Untitled</i>') . '</a><br />' . "<span class='resolution'>Full-Size: <span class='" . ($original_width < $max_width ? "red" : "") . "'>" . $original_width . "</span>×<span class='" . ($original_height < $max_height ? "red" : "") . "'>" . $original_height . "</span></span>"; echo "<div class='actions'>"; echo "<a style='position: relative;' onclick='wr2x_generate(" . $post->ID . ", true)' id='wr2x_generate_button_" . $post->ID . "' class='wr2x-button'>" . __("GENERATE", 'wp-retina-2x') . "</a>"; if (!wr2x_is_ignore($post->ID)) { echo " <a href='?page=wp-retina-2x&view=" . $view . "&paged=" . $paged . "&ignore=" . $post->ID . "' id='wr2x_generate_button_" . $post->ID . "' class='wr2x-button wr2x-button-ignore'>" . __("IGNORE", 'wp-retina-2x') . "</a>"; } echo " <a style='position: relative;' class='wr2x-button wr2x-button-view'>" . __("DETAILS", 'wp-retina-2x') . "</a>"; echo "</div></td>"; // Media Sizes Retina-ized echo '<td id="wr2x-info-' . $post->ID . '" style="padding-top: 10px;" class="wr2x-info">'; echo wpr2x_html_get_basic_retina_info($post, $info); echo "</td>"; if (wr2x_is_pro()) { // Full-Size Replace echo "<td class='wr2x-fullsize-replace'><div class='wr2x-dragdrop'></div>"; echo "</td>"; // Full-Size Retina echo '<td id="wr2x-info-full-' . $post->ID . '" class="wr2x-image wr2x-info-full">'; echo wpr2x_html_get_basic_retina_info_full($post->ID, $info); echo "</td>"; // Full-Size Retina Upload echo "<td class='wr2x-fullsize-retina-upload'>"; echo "<div class='wr2x-dragdrop'></div>"; echo "</td>"; } else { echo "<td colspan='3' style='text-align: center; background: #F9F9F9;'><small><br />PRO VERSION ONLY</small></td>"; } echo "</tr>"; } ?> </tbody> </table> </div> <div id="wr2x-modal-info-backdrop" style="display: none;"> </div> <div id="wr2x-modal-info" style="display: none;" tabindex="1"> <div class="close">X</div> <h2 style="margin-top: 0px;">Retina Details</h2> <div class="loading"> <img src="<?php echo plugin_dir_url(__FILE__); ?> img/loading.gif" /> </div> <div class="content"> </div> </div> <?php jordy_meow_footer(); }
function __rocket_cdn_on_images_from_wp_retina_x2($url) { if (wr2x_is_pro()) { $cdn_domain = wr2x_getoption("cdn_domain", "wr2x_advanced", ""); } if (empty($cdn_domain)) { return get_rocket_cdn_url($url, array('all', 'images')); } return $url; }