Changeset 3722272

Timestamp:

10/01/2026 01:57:50 AM (3 weeks ago)

Author:

webguyio

Message:

Ver 0.3

Location:

local-profile-pics/trunk

Files:

• local-profile-pics.php (modified) (7 diffs)
• readme.txt (modified) (3 diffs)

local-profile-pics/trunk/local-profile-pics.php

@@ -3 +3 @@
 Plugin Name: Local Profile Pics
 Description: Allows users of your site to set custom profile pics from the local media library.
-Version: 0.2
-Requires at least: 5.0
+Version: 0.3
+Requires at least: 5.3
 Requires PHP: 7.4
 Author: Web Guy
@@ -20 +20 @@
 class Local_Profile_Pics {
         private $profile_pics_meta_key = 'profile_pics_custom_avatar';
+        private $profile_pics_upload_error = null;
 
         public function __construct() {
+                add_action( 'activated_plugin', [ $this, 'profile_pics_migrate' ] );
                 add_action( 'admin_enqueue_scripts', [ $this, 'profile_pics_enqueue_media_scripts' ] );
                 add_action( 'show_user_profile', [ $this, 'profile_pics_add_avatar_field' ] );
                 add_action( 'edit_user_profile', [ $this, 'profile_pics_add_avatar_field' ] );
+                add_action( 'user_edit_form_tag', [ $this, 'profile_pics_form_enctype' ] );
                 add_action( 'personal_options_update', [ $this, 'profile_pics_save_avatar' ] );
                 add_action( 'edit_user_profile_update', [ $this, 'profile_pics_save_avatar' ] );
+                add_action( 'user_profile_update_errors', [ $this, 'profile_pics_upload_errors' ] );
+                add_filter( 'get_avatar_data', [ $this, 'profile_pics_square_avatar' ] );
                 add_filter( 'get_avatar_url', [ $this, 'profile_pics_modify_avatar_url' ], 10, 3 );
+        }
+
+        public function profile_pics_migrate( $plugin ) {
+                if ( plugin_basename( __FILE__ ) !== $plugin ) {
+                        return;
+                }
+                global $wpdb;
+                $keys = [ 'simple_local_avatar', 'simple_local_avatar_' . get_current_blog_id(), $wpdb->get_blog_prefix() . 'user_avatar', 'wp_user_avatars', $wpdb->get_blog_prefix() . 'metronet_image_id', 'avatar_manager_custom_avatar' ];
+                $users = get_users( [
+                        'fields'     => 'ID',
+                        'meta_query' => [ [ 'key' => $keys, 'compare_key' => 'IN' ] ], // phpcs:ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_query
+                ] );
+                update_meta_cache( 'user', $users );
+                foreach ( $users as $user_id ) {
+                        if ( get_user_meta( $user_id, $this->profile_pics_meta_key, true ) ) {
+                                continue;
+                        }
+                        foreach ( $keys as $key ) {
+                                $value = get_user_meta( $user_id, $key, true );
+                                $pic_id = is_array( $value ) ? absint( $value['media_id'] ?? 0 ) : absint( $value );
+                                if ( $pic_id && wp_attachment_is_image( $pic_id ) ) {
+                                        update_user_meta( $user_id, $this->profile_pics_meta_key, $pic_id );
+                                        break;
+                                }
+                        }
+                }
+        }
+
+        public function profile_pics_form_enctype() {
+                echo ' enctype="multipart/form-data"';
         }
 
@@ -34 +69 @@
                         return;
                 }
-                $user_id = isset( $_GET['user_id'] ) ? absint( $_GET['user_id'] ) : get_current_user_id();
-                wp_enqueue_media();
+                global $user_id;
+                if ( current_user_can( 'upload_files' ) ) {
+                        wp_enqueue_media();
+                        wp_enqueue_script( 'imgareaselect' );
+                        wp_enqueue_style( 'imgareaselect' );
+                }
                 wp_add_inline_script(
-                        'jquery', 
-                        $this->profile_pics_get_media_script( $user_id ), 
+                        'jquery',
+                        $this->profile_pics_get_media_script( $user_id ),
                         'after'
                 );
@@ -48 +87 @@
                                 $(".user-profile-picture").after(
                                         \'<tr><th></th><td><input type="hidden" id="profile-pic-id" name="%1$s" value="%2$s">\' +
-                                        \'<button type="button" id="profile-pic-button" class="button">%3$s</button>\' +
-                                        \'%4$s</td></tr>\'
+                                        \'%6$s\' +
+                                        \'%4$s<small><em id="profile-pic-status" role="status" data-msg="%5$s" style="color:#8a6100;line-height:30px;margin-left:10px"></em></small></td></tr>\'
                                 );
+                                function profilePicStatus(url) {
+                                        var status = $("#profile-pic-status");
+                                        status.text(status.data("msg"));
+                                        if (url) {
+                                                $(".user-profile-picture img").attr("src", url).removeAttr("srcset");
+                                        }
+                                }
+                                $("#profile-pic-remove").on("change", function() {
+                                        profilePicStatus();
+                                });
+                                $("#profile-pic-file").on("change", function() {
+                                        if (this.files[0]) {
+                                                profilePicStatus(URL.createObjectURL(this.files[0]));
+                                        }
+                                });
                                 $("#profile-pic-button").on("click", function(e) {
                                         e.preventDefault();
+                                        var Cropper = wp.media.controller.Cropper.extend({
+                                                doCrop: function(attachment) {
+                                                        var details = attachment.get("cropDetails");
+                                                        details.dst_width = details.width;
+                                                        details.dst_height = details.width;
+                                                        return wp.ajax.post("crop-image", {
+                                                                nonce: attachment.get("nonces").edit,
+                                                                id: attachment.get("id"),
+                                                                context: "local-profile-pics",
+                                                                cropDetails: details
+                                                        });
+                                                }
+                                        });
                                         var frame = wp.media({
-                                                title: "%3$s",
-                                                button: { text: "%3$s" },
-                                                multiple: false
-                                        });
+                                                button: { text: "%3$s", close: false },
+                                                states: [
+                                                        new wp.media.controller.Library({
+                                                                title: "%3$s",
+                                                                library: wp.media.query({ type: "image" }),
+                                                                multiple: false
+                                                        }),
+                                                        new Cropper({
+                                                                canSkipCrop: true,
+                                                                imgSelectOptions: function(attachment) {
+                                                                        var w = attachment.get("width"), h = attachment.get("height"), size = Math.min(w, h);
+                                                                        return {
+                                                                                handles: true,
+                                                                                keys: true,
+                                                                                instance: true,
+                                                                                persistent: true,
+                                                                                aspectRatio: "1:1",
+                                                                                imageWidth: w,
+                                                                                imageHeight: h,
+                                                                                x1: Math.round((w - size) / 2),
+                                                                                y1: Math.round((h - size) / 2),
+                                                                                x2: Math.round((w + size) / 2),
+                                                                                y2: Math.round((h + size) / 2)
+                                                                        };
+                                                                }
+                                                        })
+                                                ]
+                                        });
+                                        function profilePicSet(attachment) {
+                                                $("#profile-pic-id").val(attachment.id);
+                                                profilePicStatus(attachment.sizes && attachment.sizes.thumbnail ? attachment.sizes.thumbnail.url : attachment.url);
+                                        }
                                         frame.on("select", function() {
-                                                var attachment = frame.state().get("selection").first().toJSON();
-                                                $("#profile-pic-id").val(attachment.id);
+                                                frame.setState("cropper");
+                                        });
+                                        frame.on("cropped", profilePicSet);
+                                        frame.on("skippedcrop", function(selection) {
+                                                profilePicSet(selection.toJSON());
                                         });
                                         frame.open();
@@ -68 +166 @@
                         esc_attr( get_user_meta( $user_id, $this->profile_pics_meta_key, true ) ),
                         esc_html__( 'Select Profile Pic', 'local-profile-pics' ),
-                        get_user_meta( $user_id, $this->profile_pics_meta_key, true ) ? sprintf( '<label style="line-height:30px;margin-left:10px"><input type="checkbox" name="%s" value="1"><small>%s</small></label>', esc_attr( $this->profile_pics_meta_key . '_remove' ), esc_html__( 'Remove Profile Pic', 'local-profile-pics' ) ) : ''
+                        get_user_meta( $user_id, $this->profile_pics_meta_key, true ) ? sprintf( '<label style="line-height:30px;margin-left:10px"><input type="checkbox" id="profile-pic-remove" name="%s" value="1"><small>%s</small></label>', esc_attr( $this->profile_pics_meta_key . '_remove' ), esc_html__( 'Remove Profile Pic', 'local-profile-pics' ) ) : '',
+                        esc_attr__( 'Unsaved: Click Update Below', 'local-profile-pics' ),
+                        current_user_can( 'upload_files' ) ? sprintf( '<button type="button" id="profile-pic-button" class="button">%s</button>', esc_html__( 'Select Profile Pic', 'local-profile-pics' ) ) : sprintf( '<input type="file" id="profile-pic-file" name="%s" accept="image/jpeg,image/png,image/gif,image/webp" aria-label="%s">', esc_attr( $this->profile_pics_meta_key . '_file' ), esc_attr__( 'Select Profile Pic', 'local-profile-pics' ) )
                 );
         }
@@ -82 +182 @@
                 if ( !empty( $_POST[ $this->profile_pics_meta_key . '_remove' ] ) ) {
                         delete_user_meta( $user_id, $this->profile_pics_meta_key );
-                } else {
-                        $pic_id = absint( $_POST[ $this->profile_pics_meta_key ] ?? 0 );
+                        return;
+                }
+                $pic_id = absint( $_POST[ $this->profile_pics_meta_key ] ?? 0 );
+                if ( !empty( $_FILES[ $this->profile_pics_meta_key . '_file' ]['name'] ) ) {
+                        $pic_id = media_handle_upload( $this->profile_pics_meta_key . '_file', 0, [], [ 'test_form' => false, 'mimes' => [ 'jpg|jpeg|jpe' => 'image/jpeg', 'png' => 'image/png', 'gif' => 'image/gif', 'webp' => 'image/webp' ] ] );
+                        if ( is_wp_error( $pic_id ) ) {
+                                $this->profile_pics_upload_error = $pic_id;
+                                return;
+                        }
+                }
+                if ( !$pic_id ) {
+                        delete_user_meta( $user_id, $this->profile_pics_meta_key );
+                } elseif ( wp_attachment_is_image( $pic_id ) ) {
                         update_user_meta( $user_id, $this->profile_pics_meta_key, $pic_id );
                 }
+        }
+
+        public function profile_pics_upload_errors( $errors ) {
+                if ( $this->profile_pics_upload_error ) {
+                        $errors->add( 'profile_pics_upload', $this->profile_pics_upload_error->get_error_message() );
+                }
+        }
+
+        public function profile_pics_square_avatar( $args ) {
+                $args['extra_attr'] .= ' style="aspect-ratio:1;object-fit:cover"';
+                return $args;
         }
 
@@ -97 +219 @@
                 } elseif ( $id_or_email instanceof WP_User ) {
                         $user_id = $id_or_email->ID;
+                } elseif ( $id_or_email instanceof WP_Post ) {
+                        $user_id = (int) $id_or_email->post_author;
                 } elseif ( is_object( $id_or_email ) && !empty( $id_or_email->user_id ) ) {
                         $user_id = (int) $id_or_email->user_id;

local-profile-pics/trunk/readme.txt

@@ -4 +4 @@
 Donate link: https://webguy.io/donate
 Tags: avatars, profile pics, user icons
-Requires at least: 5.0
-Tested up to: 6.8
+Requires at least: 5.3
+Tested up to: 7.1
 Requires PHP: 7.4
-Stable tag: 0.2
+Stable tag: 0.3
 License: CC0
 License URI: https://creativecommons.org/public-domain/cc0/
 
-Allows users of your site to set custom profile pics from the local media library.
+Allow users of your site to set custom profile pics from the local media library.
 
 == Description ==
@@ -17 +17 @@
 [💬 Ask Question](https://github.com/webguyio/support) | [📧 Email Me](mailto:webguywork@gmail.com)
 
-Allows users of your site to set custom profile pics from the local media library.
+The simplest avatar plugin that just gets it done without all the bloat, upselling, or privacy issues.
+
+Allow users of your site to set custom profile pics from the local media library.
 
 Set a profile pic under: *Users > Profile > Profile Picture > Select Profile Pic*
+
+Automatic migration for: Simple Local Avatars, WP User Avatar, WP User Avatars, One User Avatar, User Profile Picture, and Avatar Manager. If you previously used any of these plugins, the avatar image links for users who set a custom pic will automatically migrate over in the background when you activate Local Profile Pics.
 
 == Installation ==
@@ -39 +43 @@
 == Changelog ==
 
+= 0.3 =
+* Added migration support for Simple Local Avatars, WP User Avatar, WP User Avatars, One User Avatar, User Profile Picture, Avatar Manager
+* Improved permissions, cropping, and error handling
+
 = 0.2 =
 * Minor UX improvement