Chiefsoft/KevKemChiroWP
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-11-30 13:20:54 -05:00
commit e9e5c0546c
5833 changed files with 1801865 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wp-content/plugins/powerkit/modules/lazyload/public/class-powerkit-lazyload-public.php
+442
View File
@@ -0,0 +1,442 @@
<?php
/**
* The public-facing functionality of the module.
*
* @link https://codesupply.co
* @since 1.0.0
*
* @package Powerkit
* @subpackage Modules/public
*/
/**
* The public-facing functionality of the module.
*/
class Powerkit_Lazyload_Public extends Powerkit_Module_Public {
/**
* The placeholder default.
*
* @var string $name The placeholder default.
*/
public $placeholder;
/**
* The lqip size.
*
* @var string $name The lqip size.
*/
public $lqip_size;
/**
* Initialize
*/
public function initialize() {
// Generation placeholder default.
$placeholder_image = powerkit_lazy_get_image_placeholder( 1, 1, true );
// Set placeholder default.
$this->placeholder = apply_filters( 'powerkit_lazyload_placeholder', $placeholder_image );
// Set lqip size.
$this->lqip_size = apply_filters( 'powerkit_lazyload_lqip_size', 80 );
// Define the filters of the module.
add_filter( 'init', array( $this, 'add_lqip_sizes' ) );
add_filter( 'init', array( $this, 'allow_lazy_attributes' ) );
add_filter( 'kses_allowed_protocols', array( $this, 'allow_lazy_protocols' ) );
add_filter( 'the_content', array( $this, 'content_process_images' ), 200, 1 );
add_filter( 'get_avatar', array( $this, 'content_process_images' ), 200, 1 );
add_filter( 'powerkit_lazy_process_images', array( $this, 'content_process_images' ), 200, 1 );
add_filter( 'wp_update_attachment_metadata', array( $this, 'generate_attachment_placeholder' ) );
add_filter( 'wp_generate_attachment_metadata', array( $this, 'generate_attachment_placeholder' ) );
add_filter( 'wp_get_attachment_image_attributes', array( $this, 'add_image_placeholders' ), 10, 3 );
add_filter( 'powerkit_lazyload_instagram_output', array( $this, 'instagram_placeholder' ) );
}
/**
* This conditional tag checks if Lazy Load allowed.
*
* @param array $attr Attributes for the image markup.
*/
public function is_enabled( $attr = array() ) {
if ( is_admin() || is_preview() || is_embed() ) {
return false;
}
// Check AMP endpoint.
if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
return false;
}
// Check feed.
if ( is_feed() ) {
return false;
}
// Check printpage.
if ( get_query_var( 'print' ) || get_query_var( 'printpage' ) ) {
return false;
}
// Is filter disabled ?
if ( apply_filters( 'powerkit_lazyload_is_disabled', false, $attr ) ) {
return false;
}
// Is image disabled ?
if ( isset( $attr['class'] ) && preg_match( '/pk-lazyload-disabled/', $attr['class'] ) ) {
return false;
}
return true;
}
/**
* This conditional tag checks if lqip enabled.
*
* @param array $attr Attributes for the image markup.
*/
public function is_lqip_enabled( $attr = array() ) {
// Is image unstyled ?
if ( isset( $attr['class'] ) && preg_match( '/pk-lazyload-unstyled/', $attr['class'] ) ) {
return false;
}
return get_option( 'powerkit_lazyload_csco_lqip', false );
}
/**
* Allow attributes of Lazy Load for wp_kses.
*/
public function allow_lazy_attributes() {
global $allowedposttags;
if ( $allowedposttags ) {
foreach ( $allowedposttags as $key => & $tags ) {
if ( 'img' === $key ) {
$tags['data-pk-src'] = true;
$tags['data-pk-sizes'] = true;
$tags['data-pk-srcset'] = true;
}
}
}
}
/**
* Allow protocols of Lazy Load.
*
* @param array $protocols Array of allowed protocols e.g.
*/
public function allow_lazy_protocols( $protocols ) {
$protocols[] = 'data';
return $protocols;
}
/**
* The generated attachment meta data.
*
* @param array $metadata An array of attachment meta data.
*/
public function generate_attachment_placeholder( $metadata ) {
$placeholder_unique = apply_filters( 'powerkit_lazyload_placeholder_unique', true );
if ( $placeholder_unique ) {
// Generate image full size.
if ( isset( $metadata['width'] ) && isset( $metadata['height'] ) ) {
$metadata['placeholder'] = powerkit_lazy_get_image_placeholder( $metadata['width'], $metadata['height'] );
}
// Generate image sizes.
if ( isset( $metadata['sizes'] ) ) {
foreach ( $metadata['sizes'] as $slug => & $size ) {
// Ignore lqip size.
if ( preg_match( '/pk-lqip/', $slug ) ) {
continue;
}
// Ignore retina size.
if ( preg_match( '/-2x$/', $slug ) ) {
continue;
}
if ( isset( $size['width'] ) && isset( $size['height'] ) ) {
$size['placeholder'] = powerkit_lazy_get_image_placeholder( $size['width'], $size['height'] );
}
}
}
}
return $metadata;
}
/**
* Processing images in the content.
*
* @param string $content Text with Images.
*/
public function content_process_images( $content ) {
// Get all images.
preg_match_all( '/<img\s+.*?>/', $content, $matches );
$images = array_shift( $matches );
// Check exists images.
if ( ! $images ) {
return $content;
}
foreach ( $images as $image ) {
// Ignore init lazyload.
if ( preg_match( '/pk-lazyload/', $image ) ) {
continue;
}
// Get Attributes for the image markup.
if ( preg_match_all( '/\s(.*?)="(.*?)"/', $image, $matches ) ) {
$attr_data = array_shift( $matches );
// Get attr list of image.
$attr = array();
foreach ( $attr_data as $key => $fulldata ) {
$name = $matches[0][ $key ];
$value = $matches[1][ $key ];
$attr[ $name ] = $value;
}
/**
* Process image.
* --------------------------------
*/
$attachment = powerkit_lazy_attachment_attr_to_object( $attr );
$size = powerkit_attachment_attr_to_size( $attr, $content );
$attr = $this->add_image_placeholders( $attr, $attachment, $size );
// Variables for new image.
$new_image = '<img [attr]>';
$new_attr = null;
// Build new attributes.
foreach ( $attr as $key => $value ) {
$new_attr .= sprintf( ' %s="%s" ', $key, $value );
}
// Create new image based on new attributes.
$new_image = str_replace( '[attr]', $new_attr, $new_image );
// Update content.
$content = str_replace( $image, $new_image, $content );
}
}
return $content;
}
/**
* Add placeholder Lazy Load for images.
*
* @param array $attr Attributes for the image markup.
* @param WP_Post $attachment Image attachment post.
* @param string|array $size Requested size. Image size or array of width and height values
* (in that order). Default 'thumbnail'.
*/
public function add_image_placeholders( $attr, $attachment, $size ) {
// Is enabled.
if ( ! $this->is_enabled( $attr ) ) {
return $attr;
}
// Init class of image.
if ( ! isset( $attr['class'] ) ) {
$attr['class'] = null;
}
// Init src of image.
if ( ! isset( $attr['src'] ) ) {
$attr['src'] = null;
}
// Default Placeholder.
$placeholder = $this->placeholder;
// Is string.
if ( is_string( $size ) ) {
// Get attachment id.
if ( isset( $attachment->ID ) ) {
$attachment_id = $attachment->ID;
} elseif ( isset( $attachment['ID'] ) ) {
$attachment_id = $attachment['ID'];
} else {
$attachment_id = null;
}
// The right Image Placeholder.
$metadata = get_post_meta( $attachment_id, '_wp_attachment_metadata', true );
if ( isset( $metadata['sizes'][ $size ]['placeholder'] ) ) {
$placeholder = $metadata['sizes'][ $size ]['placeholder'];
} elseif ( isset( $metadata['placeholder'] ) ) {
$placeholder = $metadata['placeholder'];
}
// Low Quality Image Placeholder.
if ( $this->is_lqip_enabled( $attr ) ) {
$lqip = $this->get_lqip_slug( $size );
if ( powerkit_lazy_get_image_size( $lqip ) ) {
$placeholder_image = wp_get_attachment_image_url( $attachment_id, $lqip );
// Check lqip image exists.
if ( preg_match( '/-\d*x\d*\.\w*$/', $placeholder_image ) ) {
$placeholder = $placeholder_image;
// Add lqip class.
$attr['class'] .= ' pk-lqip';
}
}
}
}
// Lazy Sizes.
$attr['class'] .= ' pk-lazyload';
// Set data-pk-sizes.
if ( ! isset( $attr['data-pk-sizes'] ) ) {
$attr['data-pk-sizes'] = 'auto';
}
if ( isset( $attr['sizes'] ) ) {
$attr['data-ls-sizes'] = $attr['sizes'];
unset( $attr['sizes'] );
}
// Set data-pk-src.
if ( ! isset( $attr['data-pk-src'] ) ) {
$attr['data-pk-src'] = $attr['src'];
}
// Set data-pk-srcset and unset sizes / srcset.
if ( isset( $attr['srcset'] ) ) {
$attr['data-pk-srcset'] = $attr['srcset'];
unset( $attr['srcset'] );
}
// Set placeholder.
$attr['src'] = $placeholder;
return $attr;
}
/**
* Add lqip sizes.
*/
public function add_lqip_sizes() {
if ( ! $this->is_lqip_enabled() ) {
return;
}
$sizes = powerkit_lazy_get_available_image_sizes();
// Add full lqip size.
add_image_size( 'pk-lqip-full', $this->lqip_size, 9999 );
if ( $sizes ) {
foreach ( $sizes as $size => $data ) {
$divider = $data['width'] / $data['height'];
// Add new lqip size.
add_image_size( $this->get_lqip_slug( $size ), $this->lqip_size, intval( $this->lqip_size / $divider ), $data['crop'] );
}
}
}
/**
* Get lqip slug.
*
* @param array $size Registered size or full size.
*/
public function get_lqip_slug( $size ) {
$lqip_slug = 'pk-lqip-full';
$data = powerkit_lazy_get_image_size( $size );
if ( isset( $data['width'] ) && isset( $data['height'] ) ) {
$crop = null;
if ( isset( $data['crop'] ) ) {
// Set crop if val array.
if ( is_array( $data['crop'] ) ) {
$crop = '-' . implode( '-', $data['crop'] );
}
// Set crop if val exist.
if ( is_bool( $data['crop'] ) && $data['crop'] ) {
$crop = '-crop';
}
}
// Set divider.
$divider = $data['width'] / $data['height'];
$lqip_slug = sprintf( 'pk-lqip-%s%s', round( $divider, 2 ), $crop );
}
return $lqip_slug;
}
/**
* Set instagram placeholder.
*/
public function instagram_placeholder() {
// Is enabled.
if ( ! $this->is_enabled() ) {
return;
}
return $this->placeholder;
}
/**
* Maybe enqueue lazyload scripts.
*
* @param boolean $force force enqueue without check `is_enabled`.
*/
public function maybe_enqueue_scripts( $force = false ) {
if ( $force || $this->is_enabled() ) {
wp_enqueue_script( 'lazysizes.config', plugin_dir_url( __FILE__ ) . 'js/lazysizes.config.js', array( 'jquery' ), false, true );
wp_enqueue_script( 'lazysizes', plugin_dir_url( __FILE__ ) . 'js/lazysizes.min.js', array( 'jquery' ), false, true );
wp_enqueue_style( 'powerkit-lazyload', powerkit_style( plugin_dir_url( __FILE__ ) . 'css/public-powerkit-lazyload.css' ), array(), powerkit_get_setting( 'version' ), 'all' );
}
}
/**
* Register the stylesheets for the public-facing side of the site.
*/
public function wp_enqueue_scripts() {
$this->maybe_enqueue_scripts();
}
/**
* Register the stylesheets for the public-facing side of the site.
*/
public function enqueue_block_editor_assets() {
$this->maybe_enqueue_scripts( true );
}
}
wp-content/plugins/powerkit/modules/lazyload/public/css/public-powerkit-lazyload-rtl.css
+54
View File
@@ -0,0 +1,54 @@
/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
/**
* Environment for all styles (variables, additions, etc).
*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.pk-lazyload {
--pk-lazyload-background: #ced4da;
}
/*--------------------------------------------------------------*/
.pk-lazyload {
background-color: var(--pk-lazyload-background);
}
.pk-lazyload.pk-lqip {
filter: blur(20px);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: 0.25s filter linear;
}
.pk-lazyload.pk-lazyload-unstyled {
background-color: transparent;
-webkit-animation: none;
animation: none;
}
@-webkit-keyframes animate-gradient {
0% {
background-position: 100% 50%;
}
50% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
@keyframes animate-gradient {
0% {
background-position: 100% 50%;
}
50% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
wp-content/plugins/powerkit/modules/lazyload/public/css/public-powerkit-lazyload.css
+54
View File
@@ -0,0 +1,54 @@
/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
/**
* Environment for all styles (variables, additions, etc).
*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.pk-lazyload {
--pk-lazyload-background: #ced4da;
}
/*--------------------------------------------------------------*/
.pk-lazyload {
background-color: var(--pk-lazyload-background);
}
.pk-lazyload.pk-lqip {
filter: blur(20px);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: 0.25s filter linear;
}
.pk-lazyload.pk-lazyload-unstyled {
background-color: transparent;
-webkit-animation: none;
animation: none;
}
@-webkit-keyframes animate-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes animate-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.config.js
+19
View File
@@ -0,0 +1,19 @@
window.lazySizesConfig = window.lazySizesConfig || {};
// Set Classes.
window.lazySizesConfig.lazyClass = 'pk-lazyload';
window.lazySizesConfig.loadedClass = 'pk-lazyloaded';
window.lazySizesConfig.preloadClass = 'pk-lazypreload';
window.lazySizesConfig.loadingClass = 'pk-lazyloading';
// Set Attrs.
window.lazySizesConfig.srcAttr = 'data-pk-src';
window.lazySizesConfig.srcsetAttr = 'data-pk-srcset';
window.lazySizesConfig.sizesAttr = 'data-pk-sizes';
// Set sizes if the image is not width.
document.addEventListener( 'lazyloaded', function (e) {
if ( ! e.target.getAttribute( 'width' ) ) {
e.target.setAttribute( 'sizes', e.target.getAttribute( 'data-ls-sizes' ) );
}
} );
wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.min.js
Vendored
+2
View File
File diff suppressed because one or more lines are too long