Changeset 2521947

Timestamp:

04/27/2021 09:01:29 AM (5 years ago)

Author:

pressmate

Message:

2.3.1 - Added bulk media migration

Location:

makestories-helper/trunk

Files:

• api/publish.php (modified) (5 diffs)
• config.php (modified) (1 diff)
• helpers.php (modified) (1 diff)
• makestories.php (modified) (1 diff)
• pages/category-structure.php (modified) (2 diffs)

makestories-helper/trunk/api/publish.php

@@ -38 +38 @@
         if( ! ( function_exists( 'wp_get_attachment_by_post_name' ) ) ) {
             function wp_get_attachment_by_post_name( $post_name ) {
+                $id = post_exists($post_name);
                 $args           = array(
                     'posts_per_page' => 1,
                     'post_type'      => 'attachment',
-                    'name'           => trim( $post_name ),
+                    'p'           => $id,
                 );
 
@@ -79 +80 @@
                 if($getAttachment) {
                     $attach_id = $getAttachment->ID;
+                }else{
+                    $mediaLinksToDownload[] = [
+                        "imageurl" => $imageurl,
+                        "filename" => $filename,
+                        "atta_title" => $atta_title,
+                        "into_else" => true,
+                        "exists" => post_exists($atta_title),
+                        "i" => wp_get_attachment_by_post_name( $atta_title ),
+                    ];
                 }
 
@@ -138 +148 @@
     if(
         isset($_REQUEST['imageurl']) &&
-        isset($_REQUEST['filename']) &&
-        isset($_REQUEST['atta_title']) &&
         isset($_REQUEST['post_id'])
     ){
         $imageurl = $_REQUEST['imageurl'];
-        $filename = $_REQUEST['filename'];
-        $atta_title = $_REQUEST['atta_title'];
+        $atta_title = basename( $imageurl );
+
+        if(isset($_REQUEST['atta_title'])){
+            $atta_title = $_REQUEST['atta_title'];
+        }
+
+        if(isset($_REQUEST['filename'])){
+            $filename = $_REQUEST['filename'];
+        }else{
+            $name = $imageurl;
+            $nameExploded = explode("?",$imageurl);
+            if(count($nameExploded)){
+                $nameExploded = $nameExploded[0];
+            }
+            $nameExploded = explode("/",$nameExploded);
+            if(count($nameExploded)){
+                $name = $nameExploded[count($nameExploded) - 1];
+            }
+            $filename = date('dmY').''.(int) microtime(true).basename($name);
+        }
+
         $postId = $_REQUEST['post_id'];
         include_once( ABSPATH . 'wp-admin/includes/image.php' );
         if( ! ( function_exists( 'wp_get_attachment_by_post_name' ) ) ) {
             function wp_get_attachment_by_post_name( $post_name ) {
+                $id = post_exists($post_name);
                 $args           = array(
                     'posts_per_page' => 1,
                     'post_type'      => 'attachment',
-                    'name'           => trim( $post_name ),
+                    'p'           => $id,
                 );
 
@@ -200 +228 @@
                 "ID" => $postId,
             ]);
+
+            //CHeck in post meta data
+            $meta = get_post_meta($postId, "publisher_details", true);
+            try{
+                $meta = json_decode($meta, true);
+                $propertiesToAdd = [
+                    "publisher-logo-src",
+                    "poster-portrait-src",
+                    "poster-landscape-src",
+                    "poster-square-src",
+                ];
+                foreach ($propertiesToAdd as $prop){
+                    if(isset($meta[$prop]) && $meta[$prop] == $imageurl){
+                        $meta[$prop] = $permalink;
+                    }
+                }
+                update_post_meta( $postId, "publisher_details", json_encode($meta));
+            }catch(Exception $e){
+                //Do Nothing
+            }
+
         }
     }
@@ -329 +378 @@
 add_action("wp_ajax_ms_change_story_slug", "ms_change_story_slug");
 
+function ms_verify_media_in_story(){
+//    ms_protect_ajax_route();
+    $media = [];
+    if(isset($_REQUEST['post_id'])){
+        $postId = $_REQUEST['post_id'];
+        $post = get_post($postId);
+        $content = $post->post_content;
+        $doc = new DOMDocument();
+        $doc->loadHTML($content);
+        $mediaInStory = [];
+
+        //Gather all Image element sources
+        $images = $doc->getElementsByTagName("amp-img");
+        foreach ($images as $image){
+            $mediaInStory[] = $image->getAttribute("src");
+        }
+
+        //Gather all Video element sources
+        $videos = $doc->getElementsByTagName("amp-video");
+        foreach ($videos as $video){
+            $mediaInStory[] = $video->getAttribute("poster");
+            $sources = $video->getElementsByTagName("source");
+            foreach ($sources as $source){
+                $mediaInStory[] = $source->getAttribute("src");
+            }
+        }
+
+        //Gather all link elements
+        $links = $doc->getElementsByTagName("link");
+        foreach ($links as $link){
+            $rel = $link->getAttribute("rel");
+            if(strpos($rel, "icon") !== false){
+                $mediaInStory[] = $link->getAttribute("href");
+            }
+        }
+
+        //Gather all meta elements
+        $metas = $doc->getElementsByTagName("meta");
+        foreach ($metas as $meta){
+            $name = $meta->getAttribute("property");
+            if(empty($name)){
+                $name = $meta->getAttribute("name");
+            }
+            if($name && strpos($name, ":image")){
+                $mediaInStory[] = $meta->getAttribute("content");
+            }
+        }
+
+        //Add images from JsonLd
+        $scripts = $doc->getElementsByTagName("script");
+        if(count($scripts)){
+            foreach ($scripts as $script){
+                $type = $script->getAttribute("type");
+                if($type === "application/ld+json"){
+                    try{
+                        $json = json_decode($script->nodeValue, true);
+                        if($json && is_array($json)){
+                            if(isset($json['image']) && is_array($json['image'])){
+                                foreach ($json['image'] as $url){
+                                    $mediaInStory[] = $url;
+                                }
+                            }
+                            if(
+                                isset($json['publisher']) &&
+                                is_array($json['publisher']) &&
+                                isset($json['publisher']['logo']) &&
+                                is_array($json['publisher']['logo']) &&
+                                isset($json['publisher']['logo']["@type"]) &&
+                                isset($json['publisher']['logo']["url"]) &&
+                                $json['publisher']['logo']["@type"] === "ImageObject"
+                            ){
+                                $mediaInStory[] = $json['publisher']['logo']["url"];
+                            }
+                        }
+                    }catch(Exception $e){
+                        //Do Nothing
+                    }
+                }
+            }
+        }
+
+        //Posters and other details
+        $ampStory = $doc->getElementsByTagName("amp-story");
+        if(count($ampStory)){
+            $ampStory = $ampStory->item(0);
+            $propertiesToAdd = [
+                "publisher-logo-src",
+                "poster-portrait-src",
+                "poster-landscape-src",
+                "poster-square-src",
+            ];
+            foreach ($propertiesToAdd as $prop){
+                $mediaInStory[] = $ampStory->getAttribute($prop);
+            }
+        }
+
+        //CHeck in post meta data
+        $meta = get_post_meta($postId, "publisher_details", true);
+        try{
+            $meta = json_decode($meta, true);
+            $propertiesToAdd = [
+                "publisher-logo-src",
+                "poster-portrait-src",
+                "poster-landscape-src",
+                "poster-square-src",
+            ];
+            foreach ($propertiesToAdd as $prop){
+                if(isset($meta[$prop])){
+                    $mediaInStory[] = $meta[$prop];
+                }
+            }
+        }catch(Exception $e){
+            //Do Nothing
+        }
+
+
+
+        //Sanitize all the media urls to take only the MS hosted ones
+        foreach ($mediaInStory as $imageUrl){
+            foreach (MS_DOMAINS as $domain){
+                if(strpos($imageUrl, $domain) !== false){
+                    $media[] = $imageUrl;
+                    break;
+                }
+            }
+        }
+    }
+    header("Content-Type: application/json");
+    print_r(json_encode($media));
+    die();
+}
+
+add_action("wp_ajax_ms_verify_media_in_story", "ms_verify_media_in_story");
+
 function ms_change_story_slug(){
     ms_protect_ajax_route();

makestories-helper/trunk/config.php

@@ -71 +71 @@
     "roles" => ["editor", "author", "administrator"],
 ]);
+
+define("MS_DOMAINS", [
+    "storage.googleapis.com/makestories",
+    "makestories.io",
+    "images.unsplash.com",
+    "storyasset.link",
+]);

makestories-helper/trunk/helpers.php

@@ -40 +40 @@
         }
     }
+    $options['forceUploadMedia'] = false;
     return $defaults;
 }

makestories-helper/trunk/makestories.php

@@ -4 +4 @@
 Plugin URI:     https://www.notion.so/MakeStories-WordPress-Plugin-Set-Up-Guide-d903e700c9204ef08f9751bb4a101068
 Description:    Visual storytelling for WordPress. Made possible by MakeStories.
-Version:        2.3
+Version:        2.3.1
 Author:         MakeStories Team
 Author URI:     http://makestories.io

makestories-helper/trunk/pages/category-structure.php

@@ -88 +88 @@
             </tr>
             <tr>
+                <th scope="row"><label>Update Story Media</label></th>
+                <td>
+                    <p class="submit">
+                        <input type="submit" name="submit" id="submit" class="button button-primary" value="Save Changes"/>
+                    </p>
+                </td>
+            </tr>
+        </table>
+        </form>
+        <table class="form-table" role="presentation">
+
+            <tbody>
+            <tr>
                 <td colspan="2">
                     <hr/>
@@ -93 +106 @@
             </tr>
             <tr>
-                <th scope="row"><label for="categories">Clear Media Details: </label></th>
-                <td>
-                    <input type="checkbox" <?php if($options['forceUploadMedia']){ echo "checked"; } ?> id="clear-meta" name="forceUploadMedia" value="clear" />
-                    <p class="description" id="tagline-description">In some cases of server configuration, there was an issue with media not saving correctly. And the algoritm for media saving is that it should save only once, so in order to make it work correctly, we have created this option which will ignore the current media and when publishing new images will be added to your media by MakeStories. This is done for future stories publishing to work correctly.
-                        If you are facing such an issue, click on the above checkbox and then submit the form. Also remember to turn it off after you have published the story which was to be force updated.</p>
+                <th scope="row"><label>Update Story Media</label></th>
+                <td>
+                    <p class="description">If you think that your story media is not coming from your own domain, click this button. If all the things are already set, this will not affect you.</p>
+                    <p id="summary"></p>
+                    <p class="submit">
+                        <input type="submit" id="run-media-updates" name="submit" class="button button-primary" value="Run Updates"/>
+                    </p>
                 </td>
             </tr>
         </table>
-        <p class="submit">
-            <input type="submit" name="submit" id="submit" class="button button-primary" value="Save Changes"/>
-        </p>
-        </form>
+
     </div>
     <script>
         $(document).ready(function(){
+
+            let baseApiUrl = "<?php echo admin_url('admin-ajax.php') ?>";
+            let nonce = "<?php echo wp_create_nonce( MS_NONCE_REFERRER ) ?>";
+            let alreadyRunning = false;
             $("#clear-meta").on("change", function(e){
                 if($(this).prop("checked") && !confirm("Are you sure you want to force upload your media while publishing?. This will not affect the existing media but some media items may end up repeating themselves")){
                     $(this).prop("checked", false);
                 }
+            });
+            $("#run-media-updates").on("click", function(){
+                if(alreadyRunning){
+                    return false;
+                }
+                alreadyRunning = true;
+                let button = $(this);
+                let summary = $("#summary");
+                $.ajax({
+                    url: baseApiUrl,
+                    data: {
+                        _wpnonce: nonce,
+                        action: "ms_get_published_posts",
+                    },
+                    success: function(data){
+                        if(data && data.posts){
+                            let numOfPosts = Object.keys(data.posts).length;
+                            let summaryPrepend = `Found ${numOfPosts} posts. Now fetching media details and updating each post.`;
+                            summary.html(summaryPrepend);
+                            let chain = Promise.resolve();
+                            let index = 1;
+                            Object.values(data.posts).map(({ post_id }) => {
+                                chain = chain.then(() => updateMediaForStory(post_id, summaryPrepend+`<br>Processing story ${index++} out of ${numOfPosts}`));
+                            });
+                            chain.then(() => {
+                                summary.html("All media updated. Thank you!")
+                            });
+                        }
+                    },
+                    error: function(){
+                        button.html("Run Updates");
+                        summary.html("Some error occurred while fetching story details. Please try again in some time!");
+                    }
+                });
+
+                button.html("Running Updates...");
+                summary.html("Fetching story details. Please do not leave the page");
+
+
+                function updateMediaForStory(post_id, summaryPrepend){
+                    return new Promise(resolve => {
+                        $.ajax({
+                            url: baseApiUrl,
+                            data: {
+                                _wpnonce: nonce,
+                                post_id,
+                                action: "ms_verify_media_in_story",
+                            },
+                            success: function(media){
+                                if(media && Array.isArray(media) && media.length){
+                                    let chain = Promise.resolve();
+                                    let index = 1;
+                                    media.map((url) => {
+                                        chain = chain.then(() => {
+                                            summary.html(`${summaryPrepend}.<br/>Downloading media: ${index++} out of ${media.length}`);
+                                            return replaceMediaInStory(url, post_id)
+                                        });
+                                    });
+                                    chain.then(resolve);
+                                }else{
+                                    resolve();
+                                }
+                            },
+                            error: resolve,
+                        });
+                    });
+                }
+
+                function replaceMediaInStory(imageurl, post_id){
+                    return new Promise(resolve => {
+                        $.ajax({
+                            url: baseApiUrl,
+                            data: {
+                                _wpnonce: nonce,
+                                action: "ms_upload_image_to_media_library",
+                                post_id,
+                                imageurl,
+                            },
+                            success: resolve,
+                            error: resolve,
+                        });
+                    })
+                }
+
             });
         })