" + _.toArray( urls ).join( "
" ) + "
" ); 575 | } 576 | 577 | selection.reset(); 578 | this.frame.close(); 579 | 580 | } 581 | 582 | }); 583 | -------------------------------------------------------------------------------- /media-explorer.php: -------------------------------------------------------------------------------- 1 | '', 27 | 'consumer_secret' => '', 28 | 'oauth_token' => '', 29 | 'oauth_token_secret' => '' 30 | ); 31 | 32 | } 33 | 34 | add_filter( 'mexp_youtube_developer_key', 'mexp_youtube_developer_key_callback' ); 35 | 36 | function mexp_youtube_developer_key_callback() { 37 | 38 | // Add your developer key here. 39 | // Get your developer key at:
10 |
24 |
25 |
26 |
27 |
36 |
49 |
55 |
68 |
73 |
78 |
83 |
88 |
93 |
98 | sha1_method = new OAuthSignatureMethod_HMAC_SHA1();
49 | $this->consumer = new OAuthConsumer($consumer_key, $consumer_secret);
50 | if (!empty($oauth_token) && !empty($oauth_token_secret)) {
51 | $this->token = new OAuthConsumer($oauth_token, $oauth_token_secret);
52 | } else {
53 | $this->token = NULL;
54 | }
55 | }
56 |
57 |
58 | /**
59 | * Get a request_token from Twitter
60 | *
61 | * @returns a key/value array containing oauth_token and oauth_token_secret
62 | */
63 | function getRequestToken($oauth_callback) {
64 | $parameters = array();
65 | $parameters['oauth_callback'] = $oauth_callback;
66 | $request = $this->oAuthRequest($this->requestTokenURL(), 'GET', $parameters);
67 | $token = OAuthUtil::parse_parameters($request);
68 | $this->token = new OAuthConsumer($token['oauth_token'], $token['oauth_token_secret']);
69 | return $token;
70 | }
71 |
72 | /**
73 | * Get the authorize URL
74 | *
75 | * @returns a string
76 | */
77 | function getAuthorizeURL($token, $sign_in_with_twitter = TRUE) {
78 | if (is_array($token)) {
79 | $token = $token['oauth_token'];
80 | }
81 | if (empty($sign_in_with_twitter)) {
82 | return $this->authorizeURL() . "?oauth_token={$token}";
83 | } else {
84 | return $this->authenticateURL() . "?oauth_token={$token}";
85 | }
86 | }
87 |
88 | /**
89 | * Exchange request token and secret for an access token and
90 | * secret, to sign API calls.
91 | *
92 | * @returns array("oauth_token" => "the-access-token",
93 | * "oauth_token_secret" => "the-access-secret",
94 | * "user_id" => "9436992",
95 | * "screen_name" => "abraham")
96 | */
97 | function getAccessToken($oauth_verifier) {
98 | $parameters = array();
99 | $parameters['oauth_verifier'] = $oauth_verifier;
100 | $request = $this->oAuthRequest($this->accessTokenURL(), 'GET', $parameters);
101 | $token = OAuthUtil::parse_parameters($request);
102 | $this->token = new OAuthConsumer($token['oauth_token'], $token['oauth_token_secret']);
103 | return $token;
104 | }
105 |
106 | /**
107 | * One time exchange of username and password for access token and secret.
108 | *
109 | * @returns array("oauth_token" => "the-access-token",
110 | * "oauth_token_secret" => "the-access-secret",
111 | * "user_id" => "9436992",
112 | * "screen_name" => "abraham",
113 | * "x_auth_expires" => "0")
114 | */
115 | function getXAuthToken($username, $password) {
116 | $parameters = array();
117 | $parameters['x_auth_username'] = $username;
118 | $parameters['x_auth_password'] = $password;
119 | $parameters['x_auth_mode'] = 'client_auth';
120 | $request = $this->oAuthRequest($this->accessTokenURL(), 'POST', $parameters);
121 | $token = OAuthUtil::parse_parameters($request);
122 | $this->token = new OAuthConsumer($token['oauth_token'], $token['oauth_token_secret']);
123 | return $token;
124 | }
125 |
126 | /**
127 | * GET wrapper for oAuthRequest.
128 | */
129 | function get($url, $parameters = array()) {
130 | $response = $this->oAuthRequest($url, 'GET', $parameters);
131 | if ($this->format === 'json' && $this->decode_json) {
132 | return json_decode($response);
133 | }
134 | return $response;
135 | }
136 |
137 | /**
138 | * POST wrapper for oAuthRequest.
139 | */
140 | function post($url, $parameters = array()) {
141 | $response = $this->oAuthRequest($url, 'POST', $parameters);
142 | if ($this->format === 'json' && $this->decode_json) {
143 | return json_decode($response);
144 | }
145 | return $response;
146 | }
147 |
148 | /**
149 | * DELETE wrapper for oAuthReqeust.
150 | */
151 | function delete($url, $parameters = array()) {
152 | $response = $this->oAuthRequest($url, 'DELETE', $parameters);
153 | if ($this->format === 'json' && $this->decode_json) {
154 | return json_decode($response);
155 | }
156 | return $response;
157 | }
158 |
159 | /**
160 | * Format and sign an OAuth / API request
161 | */
162 | function oAuthRequest($url, $method, $parameters) {
163 | if (strrpos($url, 'https://') !== 0 && strrpos($url, 'http://') !== 0) {
164 | $url = "{$this->host}{$url}.{$this->format}";
165 | }
166 | $request = OAuthRequest::from_consumer_and_token($this->consumer, $this->token, $method, $url, $parameters);
167 | $request->sign_request($this->sha1_method, $this->consumer, $this->token);
168 |
169 | switch ($method) {
170 | case 'GET':
171 | return $this->http($request->to_url(), 'GET');
172 | default:
173 | return $this->http($request->get_normalized_http_url(), $method, $request->to_postdata());
174 | }
175 | }
176 |
177 | /**
178 | * Make an HTTP request
179 | *
180 | * @return string|WP_Error API results on success or WP_Error object on unsupported HTTP method
181 | */
182 | function http($url, $method, $postfields = NULL) {
183 |
184 | $args = array(
185 | 'timeout' => $this->timeout,
186 | 'sslverify' => $this->ssl_verifypeer,
187 | 'user-agent' => $this->useragent,
188 | );
189 |
190 | switch ( $method ) {
191 | case 'GET' :
192 | $response = wp_remote_get( $url, $args );
193 | break;
194 | # @TODO POST
195 | default:
196 | return new WP_Error( 'unsupported_http_method', sprintf( 'The HTTP method "%s", which you requested, is not supported', esc_html( $method ) ) );
197 | }
198 |
199 | $this->url = $url;
200 | $this->http_code = wp_remote_retrieve_response_code( $response );
201 | $this->http_headers = wp_remote_retrieve_headers( $response );
202 |
203 | return wp_remote_retrieve_body( $response );
204 | }
205 |
206 | /**
207 | * Get the header info to store.
208 | */
209 | function getHeader($ch, $header) {
210 | $i = strpos($header, ':');
211 | if (!empty($i)) {
212 | $key = str_replace('-', '_', strtolower(substr($header, 0, $i)));
213 | $value = trim(substr($header, $i + 2));
214 | $this->http_header[$key] = $value;
215 | }
216 | return strlen($header);
217 | }
218 | }
219 |
--------------------------------------------------------------------------------
/services/twitter/js.js:
--------------------------------------------------------------------------------
1 | /*
2 | This program is free software; you can redistribute it and/or modify
3 | it under the terms of the GNU General Public License as published by
4 | the Free Software Foundation; either version 2 of the License, or
5 | (at your option) any later version.
6 |
7 | This program is distributed in the hope that it will be useful,
8 | but WITHOUT ANY WARRANTY; without even the implied warranty of
9 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
10 | GNU General Public License for more details.
11 |
12 | */
13 |
14 | var mexp_twitter_location_js_loaded = false;
15 | var mexp_twitter_location_map = null;
16 | var mexp_twitter_location_marker = null;
17 | var mexp_twitter_location_timeout = null;
18 | var pf = wp.media.view.MediaFrame.Post;
19 |
20 | wp.media.view.MediaFrame.Post = pf.extend({
21 |
22 | initialize: function() {
23 |
24 | pf.prototype.initialize.apply( this, arguments );
25 |
26 | this.on( 'content:render:mexp-service-twitter-content-location', _.bind( function() {
27 |
28 | this.state().frame.content.get().on( 'loaded', function( response ) {
29 |
30 | if ( ! response || ! response.meta || ! response.meta.coords )
31 | return;
32 |
33 | var ll = new google.maps.LatLng( response.meta.coords.lat, response.meta.coords.lng );
34 |
35 | mexp_twitter_location_marker.setPosition( ll );
36 | mexp_twitter_location_map.panTo( ll );
37 |
38 | } );
39 |
40 | if ( !mexp_twitter_location_js_loaded ) {
41 |
42 | $('#mexp_twitter_map_canvas').css( 'background-image', 'url(' + mexp.admin_url + '/images/wpspin_light.gif)');
43 |
44 | var script = document.createElement("script");
45 | script.type = "text/javascript";
46 | script.src = mexp.services.twitter.labels.gmaps_url + '?sensor=false&callback=mexp_twitter_location_initialize';
47 | document.body.appendChild(script);
48 |
49 | } else {
50 |
51 | mexp_twitter_location_initialize();
52 |
53 | }
54 |
55 | }, this ) );
56 |
57 | }
58 |
59 | });
60 |
61 | function mexp_twitter_location_initialize() {
62 |
63 | var callback = function() {
64 | mexp_twitter_location_fetch( mexp_twitter_location_load );
65 | };
66 |
67 | if ( navigator.geolocation ) {
68 | navigator.geolocation.getCurrentPosition( mexp_twitter_location_load, callback );
69 | mexp_twitter_location_timeout = window.setTimeout( callback, 8000 );
70 | } else {
71 | mexp_twitter_location_fetch( callback );
72 | }
73 |
74 | mexp_twitter_location_js_loaded = true;
75 |
76 | }
77 |
78 | function mexp_twitter_location_fetch( callback ) {
79 |
80 | callback( {
81 | coords : google.loader.ClientLocation
82 | } );
83 |
84 | }
85 |
86 | function mexp_twitter_location_load( position ) {
87 |
88 | var lat, lng;
89 | $ = jQuery;
90 |
91 | window.clearTimeout( mexp_twitter_location_timeout );
92 |
93 | // Enable the visual refresh
94 | google.maps.visualRefresh = true;
95 |
96 | var loc = $('#mexp-twitter-search-location-coords').val();
97 |
98 | if ( loc ) {
99 | ll = loc.split( ',' );
100 | lat = ll[0];
101 | lng = ll[1];
102 | } else {
103 | lat = position.coords.latitude;
104 | lng = position.coords.longitude;
105 | $('#mexp-twitter-search-location-coords').val( lat + ',' + lng );
106 | }
107 |
108 | var radius = $('#mexp-twitter-search-location-radius').val();
109 | var mapOptions = {
110 | center : new google.maps.LatLng( lat, lng ),
111 | zoom : 10,
112 | mapTypeId : google.maps.MapTypeId.ROADMAP,
113 | mapTypeControl : false,
114 | streetViewControl : false
115 | };
116 | mexp_twitter_location_map = new google.maps.Map( document.getElementById( 'mexp_twitter_map_canvas' ), mapOptions );
117 | mexp_twitter_location_marker = new google.maps.Marker({
118 | position : new google.maps.LatLng( lat, lng ),
119 | draggable : true,
120 | map : mexp_twitter_location_map
121 | });
122 | var circle = new google.maps.Circle({
123 | map : mexp_twitter_location_map,
124 | radius : ( radius * 1000 ), // metres
125 | strokeWeight : 1,
126 | fillColor : 'blue',
127 | fillOpacity : 0.15,
128 | strokeColor : '#fff'
129 | });
130 | circle.bindTo( 'center', mexp_twitter_location_marker, 'position' );
131 |
132 | $('#mexp-twitter-search-location-radius').on('change',function(){
133 | circle.setRadius( $(this).val() * 1000 );
134 | });
135 | $('#mexp-twitter-search-location-name').on('change',function(){
136 | $('#mexp-twitter-search-location-coords').val('');
137 | });
138 |
139 | google.maps.event.addListener(mexp_twitter_location_marker, 'dragend', function() {
140 | p = mexp_twitter_location_marker.getPosition();
141 | mexp_twitter_location_map.panTo( p );
142 | $('#mexp-twitter-search-location-coords').val( p.lat() + ',' + p.lng() ).closest('form').submit();
143 | });
144 |
145 | }
146 |
--------------------------------------------------------------------------------
/services/twitter/service.php:
--------------------------------------------------------------------------------
1 | set_template( new MEXP_Twitter_Template );
28 |
29 | }
30 |
31 | public function load() {
32 |
33 | add_action( 'mexp_enqueue', array( $this, 'enqueue_statics' ) );
34 |
35 | add_filter( 'mexp_tabs', array( $this, 'tabs' ), 10, 1 );
36 |
37 | add_filter( 'mexp_labels', array( $this, 'labels' ), 10, 1 );
38 |
39 | }
40 |
41 | public function enqueue_statics() {
42 |
43 | $mexp = Media_Explorer::init();
44 |
45 | wp_enqueue_script(
46 | 'google-jsapi',
47 | 'https://www.google.com/jsapi',
48 | array(),
49 | false
50 | );
51 | wp_enqueue_script(
52 | 'mexp-service-twitter',
53 | $mexp->plugin_url( 'services/twitter/js.js' ),
54 | array( 'jquery', 'mexp' ),
55 | $mexp->plugin_ver( 'services/twitter/js.js' )
56 | );
57 |
58 | }
59 |
60 | public function request( array $request ) {
61 |
62 | if ( is_wp_error( $connection = $this->get_connection() ) )
63 | return $connection;
64 |
65 | $params = $request['params'];
66 |
67 | if ( isset( $params['location'] ) and empty( $params['coords'] ) ) {
68 | if ( is_wp_error( $coords = $this->get_coords( $params['location'] ) ) ) {
69 | return $coords;
70 | } else {
71 | $this->response_meta['coords'] = $coords;
72 | $params['coords'] = sprintf( '%s,%s', $coords->lat, $coords->lng );
73 | }
74 | }
75 |
76 | # operators: https://dev.twitter.com/docs/using-search
77 | # @TODO +exclude:retweets
78 |
79 | $q = array();
80 |
81 | if ( isset( $params['q'] ) )
82 | $q[] = trim( $params['q'] );
83 |
84 | if ( isset( $params['hashtag'] ) )
85 | $q[] = sprintf( '#%s', ltrim( $params['hashtag'], '#' ) );
86 |
87 | if ( isset( $params['by_user'] ) )
88 | $q[] = sprintf( 'from:%s', ltrim( $params['by_user'], '@' ) );
89 |
90 | if ( isset( $params['to_user'] ) )
91 | $q[] = sprintf( '@%s', ltrim( $params['to_user'], '@' ) );
92 |
93 | if ( 'images' == $request['tab'] )
94 | $q[] = 'filter:images';
95 |
96 | // Exclude retweets from certain searches
97 | if ( ! isset( $params['by_user'] ) && ! isset( $params['to_user'] ) )
98 | $q[] = '+exclude:retweets';
99 |
100 | $args = array(
101 | 'q' => implode( ' ', $q ),
102 | 'result_type' => 'recent',
103 | 'count' => 20,
104 | );
105 |
106 | if ( isset( $params['coords'] ) and isset( $params['radius'] ) ) {
107 | if ( is_array( $params['radius'] ) )
108 | $params['radius'] = reset( $params['radius'] );
109 | $args['geocode'] = sprintf( '%s,%dkm', $params['coords'], $params['radius'] );
110 | }
111 |
112 | if ( !empty( $request['min_id'] ) )
113 | $args['since_id'] = $request['min_id'];
114 | else if ( !empty( $request['max_id'] ) )
115 | $args['max_id'] = $request['max_id'];
116 |
117 | $response = $connection->get( sprintf( '%s/search/tweets.json', untrailingslashit( $connection->host ) ), $args );
118 |
119 | if ( 200 == $connection->http_code ) {
120 |
121 | return $this->response( $response );
122 |
123 | } else {
124 |
125 | return new WP_Error(
126 | 'mexp_twitter_failed_request',
127 | sprintf( __( 'Could not connect to Twitter (error %s).', 'mexp' ),
128 | esc_html( $connection->http_code )
129 | )
130 | );
131 |
132 | }
133 |
134 | }
135 |
136 | public function get_coords( $location ) {
137 |
138 | $url = sprintf( 'https://maps.googleapis.com/maps/api/geocode/json?address=%s&sensor=false',
139 | urlencode( trim( $location ) )
140 | );
141 | $result = wp_remote_get( $url );
142 |
143 | if ( is_wp_error( $result ) )
144 | return $result;
145 |
146 | $error = new WP_Error(
147 | 'mexp_twitter_failed_location',
148 | __( 'Could not find your requested location.', 'mexp' )
149 | );
150 |
151 | if ( 200 != wp_remote_retrieve_response_code( $result ) )
152 | return $error;
153 | if ( ! $data = wp_remote_retrieve_body( $result ) )
154 | return $error;
155 |
156 | $data = json_decode( $data );
157 |
158 | if ( 'OK' != $data->status )
159 | return $error;
160 |
161 | $location = reset( $data->results );
162 |
163 | if ( ! isset( $location->geometry->location ) )
164 | return $error;
165 |
166 | return $location->geometry->location;
167 |
168 | }
169 |
170 | public function status_url( $status ) {
171 |
172 | return sprintf( 'https://twitter.com/%s/status/%s',
173 | $status->user->screen_name,
174 | $status->id_str
175 | );
176 |
177 | }
178 |
179 | public function status_content( $status ) {
180 |
181 | $text = $status->text;
182 |
183 | # @TODO more processing (hashtags, @s etc)
184 | $text = make_clickable( $text );
185 | $text = str_replace( ' href="', ' target="_blank" href="', $text );
186 |
187 | return $text;
188 |
189 | }
190 |
191 | public function get_max_id( $next ) {
192 |
193 | parse_str( ltrim( $next, '?' ), $vars );
194 |
195 | if ( isset( $vars['max_id'] ) )
196 | return $vars['max_id'];
197 | else
198 | return null;
199 |
200 | }
201 |
202 | public function response( $r ) {
203 |
204 | if ( !isset( $r->statuses ) or empty( $r->statuses ) )
205 | return false;
206 |
207 | $response = new MEXP_Response;
208 |
209 | if ( isset( $r->search_metadata->next_results ) )
210 | $response->add_meta( 'max_id', self::get_max_id( $r->search_metadata->next_results ) );
211 |
212 | if ( isset( $this->response_meta ) )
213 | $response->add_meta( $this->response_meta );
214 |
215 | foreach ( $r->statuses as $status ) {
216 |
217 | $item = new MEXP_Response_Item;
218 |
219 | $item->set_id( $status->id_str );
220 | $item->set_url( self::status_url( $status ) );
221 | $item->set_content( self::status_content( $status ) );
222 | $item->set_thumbnail( is_ssl() ? $status->user->profile_image_url_https : $status->user->profile_image_url );
223 | $item->set_date( strtotime( $status->created_at ) );
224 | $item->set_date_format( 'g:i A - j M y' );
225 |
226 | $item->add_meta( 'user', array(
227 | 'name' => $status->user->name,
228 | 'screen_name' => $status->user->screen_name,
229 | ) );
230 |
231 | $response->add_item( $item );
232 |
233 | }
234 |
235 | return $response;
236 |
237 | }
238 |
239 | public function tabs( array $tabs ) {
240 | $tabs['twitter'] = array(
241 | 'all' => array(
242 | 'text' => _x( 'All', 'Tab title', 'mexp'),
243 | 'defaultTab' => true
244 | ),
245 | 'hashtag' => array(
246 | 'text' => _x( 'With Hashtag', 'Tab title', 'mexp'),
247 | ),
248 | #'images' => array(
249 | # 'text' => _x( 'With Images', 'Tab title', 'mexp'),
250 | #),
251 | 'by_user' => array(
252 | 'text' => _x( 'By User', 'Tab title', 'mexp'),
253 | ),
254 | 'to_user' => array(
255 | 'text' => _x( 'To User', 'Tab title', 'mexp'),
256 | ),
257 | 'location' => array(
258 | 'text' => _x( 'By Location', 'Tab title', 'mexp'),
259 | ),
260 | );
261 |
262 | return $tabs;
263 | }
264 |
265 | public function requires() {
266 | return array(
267 | 'oauth' => 'OAuthConsumer'
268 | );
269 | }
270 |
271 | public function labels( array $labels ) {
272 | $labels['twitter'] = array(
273 | 'title' => __( 'Insert Tweet', 'mexp' ),
274 | # @TODO the 'insert' button text gets reset when selecting items. find out why.
275 | 'insert' => __( 'Insert Tweet', 'mexp' ),
276 | 'noresults' => __( 'No tweets matched your search query', 'mexp' ),
277 | 'gmaps_url' => set_url_scheme( 'https://maps.google.com/maps/api/js', 'https' ),
278 | 'loadmore' => __( 'Load more tweets', 'mexp' ),
279 | );
280 |
281 | return $labels;
282 | }
283 |
284 | private function get_connection() {
285 |
286 | $credentials = $this->get_credentials();
287 |
288 | # Despite saying that application-only authentication for search would be available by the
289 | # end of March 2013, Twitter has still not implemented it. This means that for API v1.1 we
290 | # still need user-level authentication in addition to application-level authentication.
291 | #
292 | # If the time comes that application-only authentication is made available for search, the
293 | # use of the oauth_token and oauth_token_secret fields below can simply be removed.
294 | #
295 | # Further bedtime reading:
296 | #
297 | # https://dev.twitter.com/discussions/11079
298 | # https://dev.twitter.com/discussions/13210
299 | # https://dev.twitter.com/discussions/14016
300 | # https://dev.twitter.com/discussions/15744
301 |
302 | foreach ( array( 'consumer_key', 'consumer_secret', 'oauth_token', 'oauth_token_secret' ) as $field ) {
303 | if ( !isset( $credentials[$field] ) or empty( $credentials[$field] ) ) {
304 | return new WP_Error(
305 | 'mexp_twitter_no_connection',
306 | __( 'oAuth connection to Twitter not found.', 'mexp' )
307 | );
308 | }
309 | }
310 |
311 | if ( !class_exists( 'WP_Twitter_OAuth' ) )
312 | require_once dirname( __FILE__ ) . '/class.wp-twitter-oauth.php';
313 |
314 | $connection = new WP_Twitter_OAuth(
315 | $credentials['consumer_key'],
316 | $credentials['consumer_secret'],
317 | $credentials['oauth_token'],
318 | $credentials['oauth_token_secret']
319 | );
320 |
321 | $connection->useragent = sprintf( 'Extended Media Manager at %s', home_url() );
322 |
323 | return $connection;
324 |
325 | }
326 |
327 | private function get_credentials() {
328 |
329 | if ( is_null( $this->credentials ) )
330 | $this->credentials = (array) apply_filters( 'mexp_twitter_credentials', array() );
331 |
332 | return $this->credentials;
333 |
334 | }
335 |
336 | }
337 |
338 | add_filter( 'mexp_services', 'mexp_service_twitter' );
339 |
340 | function mexp_service_twitter( array $services ) {
341 | $services['twitter'] = new MEXP_Twitter_Service;
342 | return $services;
343 | }
344 |
--------------------------------------------------------------------------------
/services/twitter/template.php:
--------------------------------------------------------------------------------
1 |
19 |
11 |
23 |
12 | 
13 |
14 |
15 |
22 |
16 | {{ data.meta.user.username }}{{ data.content ? ':' : '' }} {{ data.content }}
17 |
18 |
19 | {{ data.date }}
20 |
21 |
20 |
38 |
39 |
40 |
41 |
46 |
56 |
68 |
75 |
87 |
94 |
106 |
113 |
114 |
159 |
168 |
180 | developer_key = $developer_key;
11 | }
12 |
13 | /**
14 | * example request:
15 | * https://www.googleapis.com/youtube/v3/search
16 | * ?part=snippet
17 | * &q=YouTube+Data+API
18 | * &type=video
19 | * &videoCaption=closedCaption
20 | *
21 | * this method performs a query to the search endpoint of the YouTube API
22 | *
23 | * @param array $query an array containing the parameters of the query
24 | * @return string
25 | */
26 | public function get_videos( $query ) {
27 | $request = $this->create_url( $query );
28 | return self::get_json_as_array( $request );
29 | }
30 |
31 | /**
32 | * This method returns the videos of a channel by channel name.
33 | *
34 | * @param array $query an array containing the parameters of the query
35 | * @return string
36 | */
37 | public function get_videos_from_channel( $query ) {
38 |
39 | $channel_url_query = $this->create_url( $query, 'channels' );
40 |
41 | // First request, in which we are trying to get the uploads playlist id of the user
42 | $channel_response = self::get_json_as_array( $channel_url_query );
43 |
44 | if ( $channel_response['pageInfo']['totalResults'] == 0 )
45 | return false;
46 |
47 | // Every YouTube channel has a "uploads" playlist, containing all the uploads of the channel
48 | $playlist_params['uploads_id'] = $channel_response['items'][0]['contentDetails']['relatedPlaylists']['uploads'];
49 | $playlist_params['page_token'] = $query['page_token'];
50 |
51 | $playlist_url_query = $this->create_url( $playlist_params, 'playlistItems' );
52 |
53 | // Second cURL, in this one we are going to get all the videos inside the uploads playlist of the user
54 | return self::get_json_as_array( $playlist_url_query );
55 | }
56 |
57 | /**
58 | * This method creates an url from an array of parameters
59 | *
60 | * @param array $query an array containing the parameters for the request
61 | * @param string $resource a string containing the endpoint of the API
62 | * @return string
63 | */
64 | private function create_url( $query, $resource = 'search' ) {
65 | // URL for channels
66 | if ( $resource == 'channels' ) {
67 | $channel_url_query = sprintf( '%s/channels?forUsername=%s&part=contentDetails&key=%s', $this->api_url, urlencode( $query['channel'] ), $this->developer_key );
68 | return $channel_url_query;
69 | }
70 |
71 | // URL for playlists
72 | if ( $resource == 'playlistItems' ) {
73 | $playlist_url_query = sprintf( '%s/playlistItems?maxResults=%s&playlistId=%s&part=snippet&key=%s', $this->api_url, MEXP_YouTube_Service::DEFAULT_MAX_RESULTS, $query['uploads_id'], $this->developer_key );
74 | if ( isset( $query['page_token'] ) && '' != $query['page_token'] )
75 | $playlist_url_query .= '&pageToken=' . $query['page_token'];
76 | return $playlist_url_query;
77 | }
78 |
79 | $params = array();
80 |
81 | if ( isset( $query['page_token'] ) && '' !== $query['page_token'] ) {
82 | $params[] = 'pageToken=' . $query['page_token'];
83 | }
84 |
85 | if ( isset( $query['q'] ) )
86 | $params[] = 'q=' . urlencode( $query['q'] );
87 |
88 | // Allow searching for playlists or videos
89 | if ( isset( $query['type'] ) && $query['type'] == 'playlist' )
90 | $params[] = 'type=playlist';
91 | else
92 | $params[] = 'type=video';
93 |
94 | // Number of results we want to return
95 | if ( isset( $query['maxResults'] ) )
96 | $params[] = 'maxResults=' . (int) $query['maxResults'];
97 | else
98 | $params[] = 'maxResults=' . MEXP_YouTube_Service::DEFAULT_MAX_RESULTS;
99 |
100 | // Mandatory field "part"
101 | if ( isset( $query['part'] ) )
102 | $params[] = 'part=' . urlencode( $query['part'] );
103 | else
104 | $params[] = 'part=snippet';
105 |
106 | return $this->api_url . '/' . $resource . '?'. implode( '&', $params ) . '&key=' . $this->developer_key;
107 | }
108 |
109 | /**
110 | * Fetch an url and returns the json parsed as an array
111 | *
112 | * @param string $url the URL we want to curl
113 | * @return array
114 | */
115 | private static function get_json_as_array( $url ) {
116 | $response = (array) wp_remote_get( $url );
117 | if ( !isset( $response['response']['code'] ) || 200 != $response['response']['code'] )
118 | return false;
119 | else
120 | return json_decode( $response['body'], true );
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/services/youtube/js.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This js is going to handle the infinite scroll for the YouTube service in the
3 | * MEXP plugin
4 | * */
5 |
6 | var toolbarView = wp.media.view.Toolbar.MEXP,
7 | mexpContentView = wp.media.view.MEXP,
8 | flagAjaxExecutions = '',
9 | isInfiniteScroll = false;
10 |
11 | wp.media.view.MEXP = mexpContentView.extend({
12 |
13 | initialize: function() {
14 | mexpContentView.prototype.initialize.apply( this, arguments );
15 | },
16 |
17 | render: function() {
18 | var selection = this.getSelection(),
19 | _this = this;
20 |
21 | if ( this.collection && this.collection.models.length ) {
22 | var container = document.createDocumentFragment();
23 |
24 | if ( isInfiniteScroll ) {
25 | this.collection.each( function( model, index ) {
26 | // This makes the collection to render only the last 18 items of
27 | // it, instead of all. Tweak for the infinite scroll to work ok
28 | if ( index >= this.collection.length - 18 && isInfiniteScroll )
29 | container.appendChild( this.renderItem( model ) );
30 | }, this );
31 | } else {
32 | this.collection.each( function( model, index ) {
33 | container.appendChild( this.renderItem( model ) );
34 | }, this );
35 | }
36 |
37 | this.$el.find( '.mexp-items' ).append( container );
38 |
39 | }
40 |
41 | selection.each( function( model ) {
42 | var id = '#mexp-item-' + this.service.id + '-' + this.tab + '-' + model.get( 'id' );
43 | this.$el.find( id ).closest( '.mexp-item' ).addClass( 'selected details' );
44 | }, this );
45 |
46 | jQuery( '#mexp-button' ).prop( 'disabled', !selection.length );
47 |
48 | // Infinite scrolling for youtube results
49 | jQuery( '.mexp-content-youtube ul.mexp-items' ).scroll( function() {
50 | var $container = jQuery( 'ul.mexp-items' ),
51 | totalHeight = $container.get( 0 ).scrollHeight,
52 | position = $container.height() + $container.scrollTop(),
53 | offset = ( totalHeight / 100 ) * 30;
54 |
55 | if( totalHeight - position <= offset ) {
56 | _this.fetchItems.apply( _this, [ jQuery( '.tab-all #page_token' ).val() ] );
57 | }
58 | } );
59 |
60 | return this;
61 | },
62 |
63 | fetchItems: function( pageToken ) {
64 |
65 | if ( this.service.id !== 'youtube' ) {
66 | mexpContentView.prototype.fetchItems.apply( this, arguments );
67 | return;
68 | }
69 |
70 | // This if-else block handles the concurrency for not calling to the
71 | // same set of videos several times.
72 | if ( "youtube" === this.service.id && pageToken && pageToken === flagAjaxExecutions )
73 | return;
74 | else
75 | flagAjaxExecutions = pageToken;
76 |
77 | this.trigger( 'loading' );
78 |
79 | var params = this.model.get( 'params' );
80 |
81 | if ( undefined === pageToken ) {
82 | isInfiniteScroll = false;
83 | jQuery( '.tab-all #page_token' ).val( '' );
84 | params.page_token = '';
85 | } else {
86 | isInfiniteScroll = true;
87 | }
88 |
89 | params.startIndex = jQuery( '.mexp-item' ).length;
90 |
91 | var data = {
92 | _nonce : mexp._nonce,
93 | service : this.service.id,
94 | params : params,
95 | page : this.model.get( 'page' ),
96 | max_id : this.model.get( 'max_id' )
97 | };
98 |
99 | media.ajax( 'mexp_request', {
100 | context : this,
101 | success : this.fetchedSuccess,
102 | error : this.fetchedError,
103 | data : data
104 | } );
105 |
106 | },
107 |
108 | fetchedSuccess: function( response ) {
109 |
110 | var _this = this;
111 |
112 | if ( this.service.id !== 'youtube' ) {
113 | mexpContentView.prototype.fetchedSuccess.apply( this, arguments );
114 | return;
115 | }
116 |
117 | if ( !this.model.get( 'page' ) ) {
118 |
119 | if ( !response.items ) {
120 | this.fetchedEmpty( response );
121 | return;
122 | }
123 |
124 | if ( response.meta.page_token ) {
125 | var params = this.model.get( 'params' );
126 |
127 | if ( this.tab == 'all' )
128 | jQuery( '.tab-all #page_token' ).val( response.meta.page_token );
129 | if ( this.tab == 'by_user' )
130 | jQuery( '.tab-by_user #page_token' ).val( response.meta.page_token );
131 |
132 | if ( params.page_token !== response.meta.page_token ) {
133 | params.page_token = response.meta.page_token;
134 | this.model.set( 'params', params );
135 | }
136 | }
137 |
138 | this.model.set( 'min_id', response.meta.min_id );
139 | this.model.set( 'items', response.items );
140 |
141 | // Append the last elements to the collection.
142 | if ( isInfiniteScroll ) {
143 | _.each( response.items, function( item ) {
144 | _this.collection.add( item );
145 | } );
146 | this.collection.reset( this.collection.models );
147 | } else {
148 | this.collection.reset( response.items );
149 | }
150 |
151 |
152 | } else {
153 |
154 | if ( !response.items ) {
155 | this.moreEmpty( response );
156 | return;
157 | }
158 |
159 | if ( response.meta.page_token ) {
160 | var params = this.model.get( 'params' );
161 |
162 | if ( this.tab == 'all' )
163 | jQuery( '.tab-all #page_token' ).val( response.meta.page_token );
164 | if ( this.tab == 'by_user' )
165 | jQuery( '.tab-by_user #page_token' ).val( response.meta.page_token );
166 |
167 | if ( params.page_token !== response.meta.page_token ) {
168 | params.page_token = response.meta.page_token;
169 | this.model.set( 'params', params );
170 | }
171 | }
172 |
173 | this.model.set( 'items', this.model.get( 'items' ).concat( response.items ) );
174 |
175 | var collection = new Backbone.Collection( response.items );
176 | var container = document.createDocumentFragment();
177 |
178 | this.collection.add( collection.models );
179 |
180 | collection.each( function( model ) {
181 | container.appendChild( this.renderItem( model ) );
182 | }, this );
183 |
184 | this.$el.find( '.mexp-items' ).append( container );
185 |
186 | }
187 |
188 | this.trigger( 'loaded loaded:success', response );
189 |
190 | },
191 |
192 | fetchedError: function(response) {
193 | mexpContentView.prototype.fetchedError.apply( this, arguments );
194 | },
195 |
196 | fetchedEmpty: function() {
197 | mexpContentView.prototype.fetchedEmpty.apply( this, arguments );
198 | },
199 |
200 | loading: function() {
201 | mexpContentView.prototype.loading.apply( this, arguments );
202 |
203 | if ( 'youtube' !== this.service.id ) return;
204 |
205 | // show bottom spinner
206 | jQuery( '.spinner-bottom' ).show();
207 | },
208 |
209 | loaded: function() {
210 | mexpContentView.prototype.loaded.apply( this, arguments );
211 |
212 | if ( 'youtube' !== this.service.id ) return;
213 |
214 | // hide bottom spinner
215 | jQuery( '.spinner-bottom' ).hide();
216 | },
217 | });
218 |
219 | wp.media.view.Toolbar.MEXP = toolbarView.extend({
220 |
221 | initialize: function() {
222 |
223 | toolbarView.prototype.initialize.apply( this, arguments );
224 |
225 | this.set( 'spinner', new wp.Backbone.View({
226 | tagName: 'span',
227 | className: 'spinner spinner-bottom',
228 | priority: -20,
229 | }) );
230 |
231 | }
232 | });
233 |
--------------------------------------------------------------------------------
/services/youtube/service.php:
--------------------------------------------------------------------------------
1 | set_template( new MEXP_YouTube_Template );
12 | }
13 |
14 | public function load() {
15 |
16 | add_action( 'mexp_enqueue', array( $this, 'enqueue_statics' ) );
17 |
18 | add_filter( 'mexp_tabs', array( $this, 'tabs' ), 10, 1 );
19 |
20 | add_filter( 'mexp_labels', array( $this, 'labels' ), 10, 1 );
21 |
22 | }
23 |
24 | public function enqueue_statics() {
25 |
26 | $mexp = Media_Explorer::init();
27 |
28 | wp_enqueue_script(
29 | 'mexp-service-youtube',
30 | $mexp->plugin_url( 'services/youtube/js.js' ),
31 | array( 'jquery', 'mexp' ),
32 | $mexp->plugin_ver( 'services/youtube/js.js' ),
33 | true
34 | );
35 |
36 | }
37 |
38 | public function request( array $request ) {
39 | if ( is_wp_error( $youtube = $this->get_connection() ) )
40 | return $youtube;
41 | $params = $request['params'];
42 |
43 | switch ( $params['tab'] )
44 | {
45 | case 'by_user':
46 | $request = array(
47 | 'channel' => sanitize_text_field( $params['channel'] ),
48 | 'type' => 'video',
49 | 'page_token' => sanitize_text_field( $params['page_token'] ),
50 | );
51 |
52 | //if ( isset( $params['page_token'] ) && '' !== $params['page_token'] )
53 | //$request['page_token'] = sanitize_text_field( $params['page_token'] );
54 |
55 | // Make the request to the YouTube API
56 | $search_response = $youtube->get_videos_from_channel( $request );
57 | break;
58 |
59 | default:
60 | case 'all':
61 | $request = array(
62 | 'q' => sanitize_text_field( $params['q'] ),
63 | 'maxResults' => self::DEFAULT_MAX_RESULTS,
64 | );
65 |
66 | if ( isset( $params['page_token'] ) && '' !== $params['page_token'] )
67 | $request['page_token'] = sanitize_text_field( $params['page_token'] );
68 |
69 | if ( isset( $params['type'] ) )
70 | $request['type'] = sanitize_text_field( $params['type'] );
71 |
72 | // Make the request to the YouTube API
73 | $search_response = $youtube->get_videos( $request );
74 | break;
75 |
76 | }
77 |
78 | // Create the response for the API
79 | $response = new MEXP_Response();
80 |
81 | if ( !isset( $search_response['items'] ) )
82 | return false;
83 |
84 | foreach ( $search_response['items'] as $index => $search_item ) {
85 | $item = new MEXP_Response_Item();
86 | if ( $request['type'] == 'video' && isset( $request['q'] ) ) { // For videos searched by query
87 | $item->set_url( esc_url( sprintf( "https://www.youtube.com/watch?v=%s", $search_item['id']['videoId'] ) ) );
88 | } elseif( $request['type'] == 'playlist' && isset( $request['q'] ) ) { // For playlists searched by query
89 | $item->set_url( esc_url( sprintf( "https://www.youtube.com/playlist?list=%s", $search_item['id']['playlistId'] ) ) );
90 | } else { // For videos searched by channel name
91 | $item->set_url( esc_url( sprintf( "https://www.youtube.com/watch?v=%s", $search_item['snippet']['resourceId']['videoId'] ) ) );
92 | }
93 | $item->add_meta( 'user', $search_item['snippet']['channelTitle'] );
94 | $item->set_id( (int) $params['startIndex'] + (int) $index );
95 | $item->set_content( $search_item['snippet']['title'] );
96 | $item->set_thumbnail( $search_item['snippet']['thumbnails']['medium']['url'] );
97 | $item->set_date( strtotime( $search_item['snippet']['publishedAt'] ) );
98 | $item->set_date_format( 'g:i A - j M y' );
99 | $response->add_item($item);
100 | }
101 |
102 | if ( isset( $search_response['nextPageToken'] ) )
103 | $response->add_meta( 'page_token', $search_response['nextPageToken'] );
104 |
105 | return $response;
106 | }
107 |
108 | public function tabs( array $tabs ) {
109 | $tabs['youtube'] = array(
110 | 'all' => array(
111 | 'text' => _x( 'All', 'Tab title', 'mexp'),
112 | 'defaultTab' => true
113 | ),
114 | 'by_user' => array(
115 | 'text' => _x( 'By User', 'Tab title', 'mexp'),
116 | ),
117 | );
118 | return $tabs;
119 | }
120 |
121 | private function get_connection() {
122 | // Add the Google API classes to the runtime
123 | require_once plugin_dir_path( __FILE__) . '/class.wp-youtube-client.php';
124 |
125 | $developer_key = (string) apply_filters( 'mexp_youtube_developer_key', '' ) ;
126 |
127 | if ( empty( $developer_key ) ) {
128 | return new WP_Error(
129 | 'mexp_youtube_no_connection',
130 | __( 'API connection to YouTube not found.', 'mexp' )
131 | );
132 | }
133 |
134 | return new MEXP_YouTube_Client( $developer_key );
135 | }
136 |
137 | public function labels( array $labels ) {
138 |
139 | $labels['youtube'] = array(
140 | 'title' => __( 'Insert YouTube', 'mexp' ),
141 | 'insert' => __( 'Insert', 'mexp' ),
142 | 'noresults' => __( 'No videos matched your search query.', 'mexp' ),
143 | );
144 |
145 | return $labels;
146 | }
147 | }
148 |
149 | add_filter( 'mexp_services', 'mexp_service_youtube' );
150 |
151 | function mexp_service_youtube( array $services ) {
152 | $services['youtube'] = new MEXP_YouTube_Service;
153 | return $services;
154 | }
155 |
--------------------------------------------------------------------------------
/services/youtube/template.php:
--------------------------------------------------------------------------------
1 |
13 |
21 |
37 |
22 |
23 |
24 |
25 |
29 |
36 |
30 | {{{ data.content }}}
31 |
32 |
33 | {{ data.date }}
34 |
35 |
14 |
31 |
32 |
33 |
34 |
39 |
53 |
72 |
77 |
92 | _me = $media_explorer;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
15 |
30 |
16 |
17 |
18 |
19 |
29 |
20 | {{ data.content }}
21 |
22 |
23 | {{ data.meta.user }}
24 |
25 |
26 | {{ data.date }}
27 |
28 |