Changeset 3088940

Timestamp:

05/19/2024 10:54:38 AM (23 months ago)

Author:

openstream

Message:

Converts ipfs.io to cloudflare-ipfs.com image URLs for caching, skips video NFTs

Location:

nft-gallery/trunk

Files:

• inc/shortcodes.php (modified) (6 diffs)
• readme.txt (modified) (1 diff)

nft-gallery/trunk/inc/shortcodes.php

@@ -6 +6 @@
 * you will find all functions related to the shortcodes that are available on the plugin.
 *
-* @author   Hendra Setiawan
+* @authors   Hendra Setiawan, Nick Weisser
 * @version  1.3.0
 */
@@ -22 +22 @@
         $args = array(
             'headers'     => array(
-                'X-API-KEY' => get_option('nftgallery-api'),
-            ),
+                'accept' => 'application/json',
+                'x-api-key' => get_option('nftgallery-api')
+            )
         );
 
@@ -31 +32 @@
         $style = get_option('nftgallery-style');
 
-        $request = wp_remote_get( 'https://api.opensea.io/api/v1/assets?format=json&limit='.$limit.'&offset=0&order_direction=desc&'.$type.'='.$id,$args );
-
+        if ($type == 'owner') {
+            $request = wp_remote_get('https://api.opensea.io/api/v2/chain/ethereum/account/'.$id.'/nfts?limit='.$limit, $args);
+        } else {
+            $request = wp_remote_get('https://api.opensea.io/api/v2/collection/'.$id.'/nfts?limit='.$limit, $args);
+        }
+        
         ob_start();
         $nfts = '';
@@ -42 +47 @@
 
             $data = json_decode( $body );
-
             if( ! empty( $data ) ) {
                 if($style == 'grid') {
                     wp_enqueue_style( 'flexbox' );
                     $nfts .= '<div class="row nftgallery">';
-                    foreach( $data->assets as $asset ) {
-                        if($asset->name) { $title = $asset->name; } else { $title = '#'.$asset->token_id; }
+                    foreach( $data->nfts as $asset ) {
+                        $image_headers = @get_headers($asset->image_url, 1);
+                        if ($image_headers === false) { continue; }
+                        if (isset($image_headers['Content-Type']) && strpos($image_headers['Content-Type'], 'video') !== false) {
+                            continue; // Skip this iteration if the content type is a video
+                        }
+                        // IPFS images with parentheses wouldn't render ...
+                        // Parse URL
+                        $parsed_url = parse_url($asset->image_url);
+                        if ($parsed_url === false) {
+                            echo "<!-- Failed to parse URL: {$asset->image_url} -->\n";
+                            continue;
+                        }              
+                        // Manually encode the path
+                        $encoded_path = implode('/', array_map('rawurlencode', explode('/', $parsed_url['path'])));
+                        // Rebuild the URL
+                        $encoded_image_url = $parsed_url['scheme'] . '://' . $parsed_url['host'] . $encoded_path;
 
-                        $imageURL = $asset->image_preview_url;
-                        $parsedUrl = parse_url($imageURL);
-                        $scheme = $parsedUrl['scheme'];
-                        $host = $parsedUrl['host'];
-                        $path = $parsedUrl['path'];
+                        // Replace ipfs.io with Cloudflare's IPFS gateway for caching
+                        $image_url = str_replace('https://ipfs.io/ipfs/', 'https://cloudflare-ipfs.com/ipfs/', $encoded_image_url);
 
-                        $clenedImageURL = $scheme . '://' . $host . $path;
-                        
+                        if($asset->name) { $title = $asset->name; } else { $title = '#'.$asset->identifier; }
+
                         $nfts .= '<div class="col-xs-6 col-sm-6 col-md-6 col-lg-4 nftgallery-wrapper">';
-                            $nfts .= '<div class="nft" data-url="'.$asset->permalink.'">';
-                            $nfts .= '<div class="image" style="background-image: url('.$clenedImageURL.');"></div>';
+                            $nfts .= '<div class="nft" data-url="'.$asset->opensea_url.'">';
+                            $nfts .= '<div class="image" style="background-image: url(\''.$image_url.'\');"></div>';
                             $nfts .= '<div class="desc">
-                                        <div class="collection">'.$asset->collection->name.'</div>
+                                        <div class="collection">'.$asset->collection.'</div>
                                         <h2>'.$title.'</h2>
                                       </div>';
@@ -71 +87 @@
                     if($type == 'collection'):
 
-                        $nfts .= '<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 os-button-wrapper"><a href="https://opensea.io/collection/'.$id.'" class="view-opensea" target="_blank">View '.$asset->collection->name.' on OpenSea</a></div>';
+                        $nfts .= '<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 os-button-wrapper"><a href="https://opensea.io/collection/'.$id.'" class="view-opensea" target="_blank">View '.$asset->name.' on OpenSea</a></div>';
                     
                     endif;
@@ -87 +103 @@
                     $nfts .= '<div class="gallery-container nftgallery" id="lightgallery">';
                     $no = 1;
-                    foreach( $data->assets as $asset ) {
+                    foreach( $data->nfts as $asset ) {
+                        $image_headers = @get_headers($asset->image_url, 1);
+                        if ($image_headers === false) { continue; }
+                        if (isset($image_headers['Content-Type']) && strpos($image_headers['Content-Type'], 'video') !== false) {
+                            continue; // Skip this iteration if the content type is a video
+                        }
                         $basename = basename($asset->image_url);
-                        if($asset->name) { $title = $asset->name; } else { $title = $asset->token_id; }
+                        if($asset->name) { $title = $asset->name; } else { $title = $asset->identifier; }
                         $title = strip_tags($title);
                         $title = preg_replace('#[^\w()/.%\-&]#'," ",$title);
                         
                         $nfts .= '<a data-src="'.$asset->image_url.'" data-download-url="false" class="gallery-item" data-sub-html=".caption'.$no.'">';
-                        $nfts .= '<img class="img-fluid" src="'.$asset->image_preview_url.'" />';
-                        $nfts .= '<div class="caption caption'.$no.'"><p class="nft-title">'.$title.'</p><p>Minted by <strong>'.$asset->creator->user->username.'</strong> in <strong>'.$asset->collection->name.'</strong></p><button class="openseaBtn" data-url="'.$asset->permalink.'">View on OpenSea</button></div>';
+                        $nfts .= '<img class="img-fluid" src="'.$asset->image_url.'" />';
+                        $nfts .= '<div class="caption caption'.$no.'"><p class="nft-title">'.$title.'</p><p>Collection: '.$asset->collection.'</strong></p><button class="openseaBtn" data-url="'.$asset->opensea_url.'">View on OpenSea</button></div>';
                         $nfts .= '</a>';
                         $no++;

nft-gallery/trunk/readme.txt

@@ -54 +54 @@
 
 = 1.3.0 =
-* Added basic support for OpenSea API v2
+* Adds support for OpenSea API v2
+* Converts ipfs.io to cloudflare-ipfs.com image URLs for caching
 
 = 1.2.0 =