├── LICENSE
├── README.md
├── wp-cli.phar
└── wp-jit-image-sizes.php


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Kurtis Shaner
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # JIT Image Sizes
2 | 
3 | JIT (Just in Time) Image Sizes is a WordPress Plugin that tell WordPress not to create a thumbnail for every size that is registered, but only create it whenever it is requested by the front end of the site.
4 | 
5 | When thumbnails are (re) generated via upload, another plugin or wp-cli, they are actually deleted and re-generated again the next time they are requested.  This is ideal for large sites with a large amount of image assets in the media library.  
6 | 
7 | **This plugin is still in development and is not recommended for use on production sites**
8 | 


--------------------------------------------------------------------------------
/wp-cli.phar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wdgdc/wp-jit-image-size/eef1663a8b4e7aeaf8d31e22a3c680ed953a86e9/wp-cli.phar


--------------------------------------------------------------------------------
/wp-jit-image-sizes.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | 
  3 | /*
  4 | Plugin Name: JIT Image Size
  5 | Plugin URI: http://github.com/WDGDC/wp-jit-image-size
  6 | Description: Only create image sizes the first time the image size is requested
  7 | Author: WDGDC, Kurtis Shaner
  8 | Author URI: http://github.com/WDGDC
  9 | Version: 0.0.1
 10 | Text Domain: wp-jit-image-size
 11 | License: MIT
 12 | */
 13 | 
 14 | final class WP_JIT_Image_Size {
 15 | 	
 16 | 	private static $_instance;
 17 | 	private $jit_metadata;
 18 | 	private $jit_size;
 19 | 	private $jit_sizes = array();
 20 | 	private $whitelist;
 21 | 	private $whitelist_sizes = array();
 22 | 
 23 | 	public static function instance() {
 24 | 		if (!isset(self::$_instance)) {
 25 | 			self::$_instance = new self();
 26 | 		}
 27 | 		return self::$_instance;
 28 | 	}
 29 | 
 30 | 	private function __construct() {
 31 | 		add_action('init', array($this, 'init'));
 32 | 		add_action('admin_init', array($this, 'admin_init'));
 33 | 
 34 | 		$this->whitelist = get_option('wp-jit-image-size-whitelist');
 35 | 		if (is_array($this->whitelist)) $this->whitelist = array_keys($this->whitelist);
 36 | 	}
 37 | 
 38 | 	public function admin_init() {
 39 | 		add_action('wp_ajax_jit_image_sizes_thumbnail_delete_count', array($this, 'wp_ajax_jit_image_sizes_thumbnail_delete_count'));
 40 | 		add_action('wp_ajax_jit_image_sizes_thumbnail_delete', array($this, 'wp_ajax_jit_image_sizes_thumbnail_delete'));
 41 | 		add_filter('plugin_action_links', array($this, 'plugin_action_links'), 10, 2);
 42 | 		
 43 | 		add_settings_section('wp-jit-image-size-settings', '', null, 'wp-jit-image-sizes');
 44 | 		register_setting('wp-jit-image-sizes', 'wp-jit-image-size-whitelist');
 45 | 		add_settings_field('wp-jit-image-size-whitelist', 'Whitelist Image Sizes to Generate', array($this, 'setting_wp_jit_image_size_whitelist'), 'wp-jit-image-sizes', 'wp-jit-image-size-settings');
 46 | 		// add_settings_field('wp-jit-image-size-delete-thumbs', 'Delete All Thumbnails', array($this, 'setting_wp_jit_image_size_delete_thumbs'), 'wp-jit-image-sizes', 'wp-jit-image-size-settings');
 47 | 	}
 48 | 
 49 | 	public function setting_wp_jit_image_size_delete_thumbs() { ?>
 50 | 		<div id="regenlog"></div>
 51 | 		<script>
 52 | 			(function() {
 53 | 				var log = document.getElementById('regenlog');
 54 | 				var btn = document.getElementById('wp-jit-image-size-delete-thumbs');
 55 | 				var loading = document.createElement('img');
 56 | 				var nonce;
 57 | 				loading.style.display = 'inlineBlock';
 58 | 				loading.style.verticalAlign = 'middle';
 59 | 				loading.style.marginLeft = '1em';
 60 | 				loading.src = '<?php echo get_admin_url(); ?>images/spinner.gif';
 61 | 				var handleCheck = function(e) {
 62 | 					var xhr;
 63 | 					if (confirm('This will delete all thumbnails that are not whitelisted, AND (re) generate all thumbnails that are whitelisted. Are you sure?')) {
 64 | 						e.preventDefault();
 65 | 
 66 | 						var sizes = document.querySelectorAll('input[type="checkbox"][name*="jit-image-size-whitelist["]');
 67 | 						var whitelist = '';
 68 | 						[].forEach.call(sizes, function(size) {
 69 | 							if (size.checked) {
 70 | 								if (whitelist !== '') whitelist += '&';
 71 | 								whitelist += encodeURIComponent(size.name) + '=' + encodeURIComponent('on');
 72 | 							}
 73 | 						});
 74 | 
 75 | 						log.innerHTML = '';
 76 | 						log.style.marginTop = '1em';
 77 | 						log.style.height = '200px';
 78 | 						log.style.overflow = 'auto';
 79 | 						log.style.border = '1px solid silver';
 80 | 						log.style.padding = '1em';
 81 | 						log.style.background = '#fff';
 82 | 
 83 | 						this.disabled = true;
 84 | 
 85 | 						xhr = new XMLHttpRequest();
 86 | 						xhr.open('POST', ajaxurl + '?action=jit_image_sizes_thumbnail_delete_count&nonce=<?php echo wp_create_nonce("wp-jit-image-sizes-count"); ?>');
 87 | 						xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 88 | 						xhr.addEventListener('load', function() {
 89 | 							var res = JSON.parse(this.responseText);
 90 | 							var b = document.createElement('b');
 91 | 							b.appendChild(document.createTextNode('Found '+res.count+' images to regenerate'));
 92 | 							log.appendChild(b);
 93 | 							log.appendChild(loading);
 94 | 							log.appendChild(document.createElement('br'));
 95 | 							log.appendChild(document.createElement('br'));
 96 | 							nonce = res.nonce;
 97 | 							regen();
 98 | 						});
 99 | 						xhr.send(whitelist);
100 | 					}
101 | 				}
102 | 
103 | 				var regen = function() {
104 | 					var xhr = new XMLHttpRequest();
105 | 					xhr.open('GET', ajaxurl + '?action=jit_image_sizes_thumbnail_delete&nonce=' + nonce);
106 | 					xhr.addEventListener('load', function() {
107 | 						var res = JSON.parse(this.responseText);
108 | 						var length = res.length;
109 | 						res.forEach(function(r, i) {
110 | 							if (i === length - 1) {
111 | 								var span = document.createElement('span');
112 | 								span.style.color = 'green';
113 | 								span.appendChild(document.createTextNode(r));
114 | 								log.appendChild(document.createElement('br'));
115 | 								log.appendChild(span);
116 | 								log.appendChild(document.createElement('br'));
117 | 							} else {
118 | 								log.appendChild(document.createTextNode(r));
119 | 								log.appendChild(document.createElement('br'));
120 | 							}
121 | 							log.scrollTop = log.scrollHeight;
122 | 						});
123 | 						log.appendChild(document.createElement('br'));
124 | 						btn.removeAttribute('disabled');
125 | 						loading.parentNode.removeChild(loading);
126 | 					});
127 | 					xhr.send();
128 | 				}
129 | 
130 | 				btn.removeAttribute('disabled');
131 | 				btn.addEventListener('click', handleCheck);
132 | 			})();
133 | 		</script>
134 | 	<?php }
135 | 
136 | 	public function setting_wp_jit_image_size_whitelist() {
137 | 		$sizes = get_intermediate_image_sizes(); 
138 | 		$values = get_option('wp-jit-image-size-whitelist');
139 | 		?>
140 | 		<ul>
141 | 		<?php foreach($sizes as $size) : ?>
142 | 			<li>
143 | 				<?php echo sprintf(
144 | 					'<label for="jit-image-size-%s"><input type="checkbox" name="wp-jit-image-size-whitelist[%s]" id="jit-image-size-%s"%s>%s</label>',
145 | 					$size,
146 | 					$size,
147 | 					$size,
148 | 					(!empty($values[$size]) && ($values[$size] === 'on') ? ' checked' : ''),
149 | 					$size
150 | 				); ?>
151 | 			</li>
152 | 		<?php endforeach; ?>
153 | 		</ul>
154 | 	<?php }
155 | 
156 | 	public function init() {
157 | 		add_action('admin_menu', array($this, 'admin_menu'));		
158 | 		add_image_size('wp-jit-test-size', 50, 50, true);
159 | 
160 | 		if (!is_admin()) {
161 | 			add_filter('image_downsize', array($this, 'image_downsize'), 1, 3);
162 | 			add_filter('intermediate_image_sizes_advanced', array($this, 'intermediate_image_sizes_advanced'));
163 | 		}
164 | 	}
165 | 
166 | 	public function admin_menu() {
167 | 		add_options_page('JIT Image Sizes', 'JIT Image Sizes', 'activate_plugins', 'wp-jit-image-sizes', array($this, 'render_options_page'));
168 | 	}
169 | 
170 | 	public function render_options_page() { ?>
171 | 		<div class="wrap">
172 | 			<h2><abbr title="Just In Time">JIT</abbr> Image Sizes</h2>
173 | 
174 | 			<form action="options.php" method="post">
175 | 				<?php 
176 | 					settings_fields( $_REQUEST['page'] );
177 | 					do_settings_sections( $_REQUEST['page']);
178 | 					?>
179 | 					<p class="submit">
180 | 						<input name="submit" id="submit" class="button button-primary" value="Save Changes" type="submit"> 
181 | 						<?php if (!shell_exec('pwd')) : ?>
182 | 		
183 | 						<div class="error settings-error">
184 | 							<p>PHP Exec support is needed to delete all thumbnails</p>
185 | 						</div>
186 | 			
187 | 						<?php else: ?>
188 | 
189 | 						<button class="button" id="wp-jit-image-size-delete-thumbs">Save Changes and Delete Thumbnails</button>
190 | 
191 | 						<?php endif; ?>
192 | 					</p>
193 | 					<?php 
194 |  					$this->setting_wp_jit_image_size_delete_thumbs();
195 |  				?>
196 | 			</form>
197 | 		</div>
198 | 	<?php }
199 | 
200 | 	public function wp_ajax_jit_image_sizes_thumbnail_delete() {
201 | 		check_ajax_referer('wp-jit-image-size-delete-thumbs', 'nonce');
202 | 
203 | 		$ret = array();
204 | 		$cmd = 'php '.__DIR__.'/wp-cli.phar media regenerate --yes 2>&1';
205 | 		exec($cmd, $ret);
206 | 		array_shift($ret);
207 | 		echo json_encode($ret);
208 | 		exit;
209 | 	}
210 | 
211 | 	public function wp_ajax_jit_image_sizes_thumbnail_delete_count() {
212 | 
213 | 		check_ajax_referer('wp-jit-image-sizes-count', 'nonce');
214 | 
215 | 		$json = array();
216 | 
217 | 		$whitelist = (isset($_POST['wp-jit-image-size-whitelist']) && !empty($_POST['wp-jit-image-size-whitelist'])) ? $_POST['wp-jit-image-size-whitelist'] : '';
218 | 		update_option('wp-jit-image-size-whitelist', $whitelist);
219 | 		$json['whitelist'] = $whitelist;
220 | 		$json['nonce'] = wp_create_nonce('wp-jit-image-size-delete-thumbs');
221 | 
222 | 		$query = new WP_Query(array(
223 | 			'post_type' => 'attachment',
224 | 			'post_mime_type' => 'image',
225 | 			'post_status' => 'any',
226 | 			'posts_per_page' => -1,
227 | 			'fields' => 'ids'
228 | 		));
229 | 
230 | 		$json['count'] = $query->post_count;
231 | 		$json['ids'] = $query->posts;
232 | 
233 | 		echo json_encode($json);
234 | 		exit;
235 | 	}
236 | 
237 | 	public function plugin_action_links($links, $file) {
238 | 		if (basename($file) === basename(__FILE__)) {
239 | 			$links['settings'] = '<a href="'.admin_url('options-general.php?page=wp-jit-image-sizes').'">Settings</a>';
240 | 		}
241 | 		return $links;
242 | 	}
243 | 
244 | 	public function intermediate_image_sizes_advanced($sizes) {
245 | 
246 | 		if (!isset($this->whitelist[$this->jit_size]) && isset($sizes[$this->jit_size])) {
247 | 			$this->jit_sizes[$this->jit_size] = $sizes[$this->jit_size];
248 | 		}
249 | 
250 | 		if (!empty($this->whitelist)){
251 | 			foreach($this->whitelist as $whitelist_size) {
252 | 				$this->whitelist_sizes[$whitelist_size] = $sizes[$whitelist_size];
253 | 			}
254 | 		}
255 | 
256 | 		if (!empty($this->jit_size) && isset($sizes[$this->jit_size])) {
257 | 			$this->jit_sizes = array_merge(
258 | 				$this->jit_sizes, 
259 | 				array(
260 | 					$this->jit_size => $sizes[$this->jit_size]
261 | 				)
262 | 			);
263 | 
264 | 			$this->jit_metadata['sizes'] = $this->jit_sizes;
265 | 			return $this->jit_sizes;
266 | 		}
267 | 
268 | 		return $this->whitelist_sizes;
269 | 	}
270 | 
271 | 	public function image_downsize($out, $id, $size) {
272 | 		if (!is_string($size)) {
273 | 			return $out;
274 | 		}
275 | 
276 | 		$this->jit_metadata = wp_get_attachment_metadata( $id );
277 | 		$this->jit_size = $size;
278 | 		$this->jit_sizes = $this->jit_metadata['sizes'];
279 | 
280 | 		if (!isset($this->jit_sizes[$this->jit_size])) {
281 | 			include_once(ABSPATH . 'wp-admin/includes/image.php');
282 | 			$new_meta = wp_generate_attachment_metadata($id, get_attached_file($id));
283 | 			update_post_meta($id, '_wp_attachment_metadata', $new_meta);
284 | 		}
285 | 
286 | 		unset($this->jit_metadata, $this->jit_size, $this->jit_sizes);
287 | 	}
288 | }
289 | 
290 | WP_JIT_Image_Size::instance();
291 | 


--------------------------------------------------------------------------------