| Total Complexity | 54 |
| Total Lines | 563 |
| Duplicated Lines | 0 % |
| Changes | 0 | ||
Complex classes like OptimizedImage often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
While breaking up the class, it is a good idea to analyze how other classes use OptimizedImage, and based on these observations, apply Extract Interface, too.
| 1 | <?php |
||
| 25 | class OptimizedImage extends Model |
||
| 26 | { |
||
| 27 | // Public Properties |
||
| 28 | // ========================================================================= |
||
| 29 | |||
| 30 | /** |
||
| 31 | * @var array |
||
| 32 | */ |
||
| 33 | public $optimizedImageUrls = []; |
||
| 34 | |||
| 35 | /** |
||
| 36 | * @var array |
||
| 37 | */ |
||
| 38 | public $optimizedWebPImageUrls = []; |
||
| 39 | |||
| 40 | /** |
||
| 41 | * @var array |
||
| 42 | */ |
||
| 43 | public $variantSourceWidths = []; |
||
| 44 | |||
| 45 | /** |
||
| 46 | * @var array |
||
| 47 | */ |
||
| 48 | public $focalPoint; |
||
| 49 | |||
| 50 | /** |
||
| 51 | * @var int |
||
| 52 | */ |
||
| 53 | public $originalImageWidth; |
||
| 54 | |||
| 55 | /** |
||
| 56 | * @var int |
||
| 57 | */ |
||
| 58 | public $originalImageHeight; |
||
| 59 | |||
| 60 | /** |
||
| 61 | * @var string |
||
| 62 | */ |
||
| 63 | public $placeholder = ''; |
||
| 64 | |||
| 65 | /** |
||
| 66 | * @var |
||
| 67 | */ |
||
| 68 | public $placeholderSvg = ''; |
||
| 69 | |||
| 70 | /** |
||
| 71 | * @var array |
||
| 72 | */ |
||
| 73 | public $colorPalette = []; |
||
| 74 | |||
| 75 | /** |
||
| 76 | * @var int |
||
| 77 | */ |
||
| 78 | public $placeholderWidth; |
||
| 79 | |||
| 80 | /** |
||
| 81 | * @var int |
||
| 82 | */ |
||
| 83 | public $placeholderHeight; |
||
| 84 | |||
| 85 | // Public Methods |
||
| 86 | // ========================================================================= |
||
| 87 | |||
| 88 | /** |
||
| 89 | * @inheritdoc |
||
| 90 | */ |
||
| 91 | public function rules(): array |
||
| 105 | ]; |
||
| 106 | } |
||
| 107 | |||
| 108 | /** |
||
| 109 | * Return the first image variant URL or the specific one passed in via |
||
| 110 | * $width |
||
| 111 | * |
||
| 112 | * @param int $width |
||
| 113 | * |
||
| 114 | * @return \Twig_Markup|null |
||
| 115 | */ |
||
| 116 | public function src(int $width = 0): string |
||
| 117 | { |
||
| 118 | if (empty($width)) { |
||
| 119 | return Template::raw(reset($this->optimizedImageUrls)); |
||
| 120 | } |
||
| 121 | |||
| 122 | return Template::raw($this->optimizedImageUrls[$width] ?? ''); |
||
| 123 | } |
||
| 124 | |||
| 125 | /** |
||
| 126 | * Getter for CraftQL |
||
| 127 | * |
||
| 128 | * @param int $width |
||
| 129 | * |
||
| 130 | * @return null|string|\Twig_Markup |
||
| 131 | */ |
||
| 132 | public function getSrc(int $width = 0): string |
||
| 133 | { |
||
| 134 | return $this->src($width); |
||
| 135 | } |
||
| 136 | |||
| 137 | /** |
||
| 138 | * Return a string of image URLs and their sizes |
||
| 139 | * |
||
| 140 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 141 | * srcsets |
||
| 142 | * |
||
| 143 | * @return \Twig_Markup|null |
||
| 144 | */ |
||
| 145 | public function srcset(bool $dpr = false): string |
||
| 146 | { |
||
| 147 | return Template::raw($this->getSrcsetFromArray($this->optimizedImageUrls, $dpr)); |
||
| 148 | } |
||
| 149 | |||
| 150 | /** |
||
| 151 | * Getter for CraftQL |
||
| 152 | * |
||
| 153 | * @param bool $dpr |
||
| 154 | * |
||
| 155 | * @return string |
||
| 156 | */ |
||
| 157 | public function getSrcset(bool $dpr = false): string |
||
| 158 | { |
||
| 159 | return $this->srcset($dpr); |
||
| 160 | } |
||
| 161 | /** |
||
| 162 | * Return a string of image URLs and their sizes that match $width |
||
| 163 | * |
||
| 164 | * @param int $width |
||
| 165 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 166 | * srcsets |
||
| 167 | * |
||
| 168 | * @return \Twig_Markup|null |
||
| 169 | */ |
||
| 170 | public function srcsetWidth(int $width, bool $dpr = false): string |
||
| 171 | { |
||
| 172 | $subset = $this->getSrcsetSubsetArray($this->optimizedImageUrls, $width, 'width'); |
||
| 173 | |||
| 174 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 175 | } |
||
| 176 | |||
| 177 | /** |
||
| 178 | * Return a string of image URLs and their sizes that are at least $width |
||
| 179 | * or larger |
||
| 180 | * |
||
| 181 | * @param int $width |
||
| 182 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 183 | * srcsets |
||
| 184 | * |
||
| 185 | * @return \Twig_Markup|null |
||
| 186 | */ |
||
| 187 | public function srcsetMinWidth(int $width, bool $dpr = false): string |
||
| 188 | { |
||
| 189 | $subset = $this->getSrcsetSubsetArray($this->optimizedImageUrls, $width, 'minwidth'); |
||
| 190 | |||
| 191 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 192 | } |
||
| 193 | |||
| 194 | /** |
||
| 195 | * Return a string of image URLs and their sizes that are $width or smaller |
||
| 196 | * |
||
| 197 | * @param int $width |
||
| 198 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 199 | * srcsets |
||
| 200 | * |
||
| 201 | * @return \Twig_Markup|null |
||
| 202 | */ |
||
| 203 | public function srcsetMaxWidth(int $width, bool $dpr = false): string |
||
| 204 | { |
||
| 205 | $subset = $this->getSrcsetSubsetArray($this->optimizedImageUrls, $width, 'maxwidth'); |
||
| 206 | |||
| 207 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 208 | } |
||
| 209 | |||
| 210 | /** |
||
| 211 | * Return the first webp image variant URL or the specific one passed in |
||
| 212 | * via $width |
||
| 213 | * |
||
| 214 | * @param int $width |
||
| 215 | * |
||
| 216 | * @return \Twig_Markup|null |
||
| 217 | */ |
||
| 218 | public function srcWebp(int $width = 0): string |
||
| 219 | { |
||
| 220 | if (empty($width)) { |
||
| 221 | return Template::raw(reset($this->optimizedWebPImageUrls)); |
||
| 222 | } |
||
| 223 | |||
| 224 | return Template::raw($this->optimizedWebPImageUrls[$width] ?? ''); |
||
| 225 | } |
||
| 226 | |||
| 227 | /** |
||
| 228 | * Getter for CraftQL |
||
| 229 | * |
||
| 230 | * @param int $width |
||
| 231 | * |
||
| 232 | * @return string |
||
| 233 | */ |
||
| 234 | public function getSrcWebp(int $width = 0): string |
||
| 235 | { |
||
| 236 | return $this->srcWebp($width); |
||
| 237 | } |
||
| 238 | |||
| 239 | /** |
||
| 240 | * Return a string of webp image URLs and their sizes |
||
| 241 | * |
||
| 242 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 243 | * srcsets |
||
| 244 | * |
||
| 245 | * @return \Twig_Markup|null |
||
| 246 | */ |
||
| 247 | public function srcsetWebp(bool $dpr = false): string |
||
| 248 | { |
||
| 249 | return Template::raw($this->getSrcsetFromArray($this->optimizedWebPImageUrls, $dpr)); |
||
| 250 | } |
||
| 251 | |||
| 252 | /** |
||
| 253 | * Getter for CraftQL |
||
| 254 | * |
||
| 255 | * @param bool $dpr |
||
| 256 | * |
||
| 257 | * @return string |
||
| 258 | */ |
||
| 259 | public function getSrcsetWebp(bool $dpr = false): string |
||
| 260 | { |
||
| 261 | return $this->srcsetWebp($dpr); |
||
| 262 | } |
||
| 263 | |||
| 264 | /** |
||
| 265 | * Return a string of webp image URLs and their sizes that match $width |
||
| 266 | * |
||
| 267 | * @param int $width |
||
| 268 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 269 | * srcsets |
||
| 270 | * |
||
| 271 | * @return \Twig_Markup|null |
||
| 272 | */ |
||
| 273 | public function srcsetWidthWebp(int $width, bool $dpr = false): string |
||
| 274 | { |
||
| 275 | $subset = $this->getSrcsetSubsetArray($this->optimizedWebPImageUrls, $width, 'width'); |
||
| 276 | |||
| 277 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 278 | } |
||
| 279 | |||
| 280 | /** |
||
| 281 | * Return a string of webp image URLs and their sizes that are at least |
||
| 282 | * $width or larger |
||
| 283 | * |
||
| 284 | * @param int $width |
||
| 285 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 286 | * srcsets |
||
| 287 | * |
||
| 288 | * @return \Twig_Markup|null |
||
| 289 | */ |
||
| 290 | public function srcsetMinWidthWebp(int $width, bool $dpr = false): string |
||
| 291 | { |
||
| 292 | $subset = $this->getSrcsetSubsetArray($this->optimizedWebPImageUrls, $width, 'minwidth'); |
||
| 293 | |||
| 294 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 295 | } |
||
| 296 | |||
| 297 | /** |
||
| 298 | * Return a string of webp image URLs and their sizes that are $width or |
||
| 299 | * smaller |
||
| 300 | * |
||
| 301 | * @param int $width |
||
| 302 | * @param bool $dpr Whether to generate 1x, 2x srcsets vs the normal XXXw |
||
| 303 | * srcsets |
||
| 304 | * |
||
| 305 | * @return \Twig_Markup|null |
||
| 306 | */ |
||
| 307 | public function srcsetMaxWidthWebp(int $width, bool $dpr = false): string |
||
| 308 | { |
||
| 309 | $subset = $this->getSrcsetSubsetArray($this->optimizedWebPImageUrls, $width, 'maxwidth'); |
||
| 310 | |||
| 311 | return Template::raw($this->getSrcsetFromArray($subset, $dpr)); |
||
| 312 | } |
||
| 313 | |||
| 314 | /** |
||
| 315 | * Work around issues with `<img srcset>` returning sizes larger than are |
||
| 316 | * available as per: |
||
| 317 | * https://medium.com/@MRWwebDesign/responsive-images-the-sizes-attribute-and-unexpected-image-sizes-882a2eadb6db |
||
| 318 | * |
||
| 319 | * @return int |
||
| 320 | */ |
||
| 321 | public function maxSrcsetWidth(): int |
||
| 333 | } |
||
| 334 | |||
| 335 | /** |
||
| 336 | * Getter for CraftQL |
||
| 337 | * |
||
| 338 | * @return int |
||
| 339 | */ |
||
| 340 | public function getMaxSrcsetWidth(): int |
||
| 341 | { |
||
| 342 | return $this->maxSrcsetWidth(); |
||
| 343 | } |
||
| 344 | |||
| 345 | /** |
||
| 346 | * Return a base64-encoded placeholder image |
||
| 347 | * |
||
| 348 | * @return \Twig_Markup|null |
||
| 349 | */ |
||
| 350 | public function placeholderImage() |
||
| 361 | } |
||
| 362 | |||
| 363 | /** |
||
| 364 | * Getter for CraftQL |
||
| 365 | * |
||
| 366 | * @return string |
||
| 367 | */ |
||
| 368 | public function getPlaceholderImage(): string |
||
| 369 | { |
||
| 370 | return (string)$this->placeholderImage(); |
||
| 371 | } |
||
| 372 | |||
| 373 | /** |
||
| 374 | * @return string |
||
| 375 | */ |
||
| 376 | public function placeholderImageSize(): string |
||
| 377 | { |
||
| 378 | $placeholder = $this->placeholderImage(); |
||
| 379 | $contentLength = !empty(\strlen($placeholder)) ? \strlen($placeholder) : 0; |
||
| 380 | |||
| 381 | return ImageOptimize::$plugin->optimize->humanFileSize($contentLength, 1); |
||
| 382 | } |
||
| 383 | |||
| 384 | /** |
||
| 385 | * Return an SVG box as a placeholder image |
||
| 386 | * |
||
| 387 | * @param string|null $color |
||
| 388 | * |
||
| 389 | * @return \Twig_Markup|null |
||
| 390 | */ |
||
| 391 | public function placeholderBox(string $color = null) |
||
| 392 | { |
||
| 393 | $width = $this->placeholderWidth ?? 1; |
||
| 394 | $height = $this->placeholderHeight ?? 1; |
||
| 395 | $color = $color ?? $this->colorPalette[0] ?? '#CCC'; |
||
| 396 | |||
| 397 | return Template::raw(ImageOptimize::$plugin->placeholder->generatePlaceholderBox($width, $height, $color)); |
||
| 398 | } |
||
| 399 | |||
| 400 | /** |
||
| 401 | * @param string|null $color |
||
| 402 | * |
||
| 403 | * @return string |
||
| 404 | */ |
||
| 405 | public function getPlaceholderBox(string $color = null): string |
||
| 406 | { |
||
| 407 | return (string)$this->placeholderBox($color); |
||
| 408 | } |
||
| 409 | |||
| 410 | /** |
||
| 411 | * Getter for CraftQL |
||
| 412 | * |
||
| 413 | * @return string |
||
| 414 | */ |
||
| 415 | public function placeholderBoxSize(): string |
||
| 416 | { |
||
| 417 | $placeholder = $this->placeholderBox(); |
||
| 418 | $contentLength = !empty(\strlen($placeholder)) ? \strlen($placeholder) : 0; |
||
| 419 | |||
| 420 | return ImageOptimize::$plugin->optimize->humanFileSize($contentLength, 1); |
||
| 421 | } |
||
| 422 | |||
| 423 | /** |
||
| 424 | * Return a silhouette of the image as an SVG placeholder |
||
| 425 | * |
||
| 426 | * @return \Twig_Markup|null |
||
| 427 | */ |
||
| 428 | public function placeholderSilhouette() |
||
| 429 | { |
||
| 430 | $header = 'data:image/svg+xml,'; |
||
| 431 | if (!empty($this->placeholderSvg)) { |
||
| 432 | $content = $this->placeholderSvg; |
||
| 433 | } else { |
||
| 434 | // At least return something |
||
| 435 | return $this->defaultPlaceholderImage(); |
||
| 436 | } |
||
| 437 | |||
| 438 | return Template::raw($header.$content); |
||
| 439 | } |
||
| 440 | |||
| 441 | /** |
||
| 442 | * Getter for CraftQL |
||
| 443 | * |
||
| 444 | * @return string |
||
| 445 | */ |
||
| 446 | public function getPlaceholderSilhouette(): string |
||
| 447 | { |
||
| 448 | return (string)$this->placeholderSilhouette(); |
||
| 449 | } |
||
| 450 | |||
| 451 | /** |
||
| 452 | * @return string |
||
| 453 | */ |
||
| 454 | public function placeholderSilhouetteSize(): string |
||
| 455 | { |
||
| 456 | $placeholder = $this->placeholderSilhouette(); |
||
| 457 | $contentLength = !empty(\strlen($placeholder)) ? \strlen($placeholder) : 0; |
||
| 458 | |||
| 459 | return ImageOptimize::$plugin->optimize->humanFileSize($contentLength, 1); |
||
| 460 | } |
||
| 461 | |||
| 462 | /** |
||
| 463 | * Get the file size of any remote resource (using curl), |
||
| 464 | * either in bytes or - default - as human-readable formatted string. |
||
| 465 | * |
||
| 466 | * @author Stephan Schmitz <[email protected]> |
||
| 467 | * @license MIT <http://eyecatchup.mit-license.org/> |
||
| 468 | * @url <https://gist.github.com/eyecatchup/f26300ffd7e50a92bc4d> |
||
| 469 | * |
||
| 470 | * @param string $url Takes the remote object's URL. |
||
| 471 | * @param boolean $formatSize Whether to return size in bytes or |
||
| 472 | * formatted. |
||
| 473 | * @param boolean $useHead Whether to use HEAD requests. If false, |
||
| 474 | * uses GET. |
||
| 475 | * |
||
| 476 | * @return int|mixed|string Returns human-readable formatted size |
||
| 477 | * or size in bytes (default: formatted). |
||
| 478 | */ |
||
| 479 | public function getRemoteFileSize($url, $formatSize = true, $useHead = true) |
||
| 480 | { |
||
| 481 | // Get an absolute URL with protocol that curl will be happy with |
||
| 482 | $url = UrlHelper::absoluteUrlWithProtocol($url); |
||
| 483 | $ch = curl_init($url); |
||
| 484 | curl_setopt_array($ch, [ |
||
| 485 | CURLOPT_RETURNTRANSFER => 1, |
||
| 486 | CURLOPT_FOLLOWLOCATION => 1, |
||
| 487 | CURLOPT_SSL_VERIFYPEER => 0, |
||
| 488 | ]); |
||
| 489 | if ($useHead) { |
||
| 490 | curl_setopt($ch, CURLOPT_NOBODY, 1); |
||
| 491 | } |
||
| 492 | curl_exec($ch); |
||
| 493 | // content-length of download (in bytes), read from Content-Length: field |
||
| 494 | $contentLength = curl_getinfo($ch, CURLINFO_CONTENT_LENGTH_DOWNLOAD); |
||
| 495 | curl_close($ch); |
||
| 496 | // cannot retrieve file size, return "-1" |
||
| 497 | if (!$contentLength) { |
||
| 498 | return -1; |
||
| 499 | } |
||
| 500 | // return size in bytes |
||
| 501 | if (!$formatSize) { |
||
| 502 | return $contentLength; |
||
| 503 | } |
||
| 504 | |||
| 505 | return ImageOptimize::$plugin->optimize->humanFileSize($contentLength, 1); |
||
| 506 | } |
||
| 507 | |||
| 508 | // Protected Methods |
||
| 509 | // ========================================================================= |
||
| 510 | |||
| 511 | protected function getSrcsetSubsetArray(array $set, int $width, string $comparison): array |
||
| 546 | } |
||
| 547 | |||
| 548 | /** |
||
| 549 | * @param array $array |
||
| 550 | * @param bool $dpr |
||
| 551 | * |
||
| 552 | * @return string |
||
| 553 | */ |
||
| 554 | protected function getSrcsetFromArray(array $array, bool $dpr = false): string |
||
| 555 | { |
||
| 556 | $srcset = ''; |
||
| 574 | } |
||
| 575 | |||
| 576 | /** |
||
| 577 | * Return a default placeholder image |
||
| 578 | * |
||
| 579 | * @return \Twig_Markup |
||
| 580 | */ |
||
| 581 | protected function defaultPlaceholderImage(): \Twig_Markup |
||
| 588 | } |
||
| 589 | } |
||
| 590 |