1
|
|
|
<?php |
2
|
|
|
|
3
|
|
|
|
4
|
|
|
namespace Riclep\Storyblok\Fields; |
5
|
|
|
|
6
|
|
|
|
7
|
|
|
use Illuminate\Support\Str; |
8
|
|
|
use Riclep\Storyblok\Support\ImageTransformation; |
9
|
|
|
|
10
|
|
|
class Image extends Asset |
11
|
|
|
{ |
12
|
|
|
protected $transformations = []; |
13
|
|
|
|
14
|
|
|
public function __construct($content, $block) |
15
|
|
|
{ |
16
|
|
|
|
17
|
|
|
if (is_string($content)) { |
18
|
|
|
$this->upgradeOldFields($content); |
19
|
|
|
parent::__construct($this->content, $block); |
20
|
|
|
} else { |
21
|
|
|
parent::__construct($content, $block); |
22
|
|
|
} |
23
|
|
|
|
24
|
|
|
if ($this->hasFile()) { |
25
|
|
|
$this->extractMetaDetails(); |
26
|
|
|
|
27
|
|
|
if (method_exists($this, 'transformations')) { |
28
|
|
|
$this->transformations(); |
29
|
|
|
} |
30
|
|
|
} |
31
|
|
|
} |
32
|
|
|
|
33
|
|
|
public function transform($name = null) { |
34
|
|
|
if ($name) { |
35
|
|
|
if (array_key_exists($name, $this->transformations) ) { |
36
|
|
|
return $this->transformations[$name]; |
37
|
|
|
} |
38
|
|
|
return false; |
39
|
|
|
} |
40
|
|
|
|
41
|
|
|
return new ImageTransformation($this); |
42
|
|
|
} |
43
|
|
|
|
44
|
|
|
public function width() { |
45
|
|
|
return $this->meta('width'); |
46
|
|
|
} |
47
|
|
|
|
48
|
|
|
public function height() { |
49
|
|
|
return $this->meta('height'); |
50
|
|
|
} |
51
|
|
|
|
52
|
|
|
public function type() { |
53
|
|
|
$extension = $this->meta('extension'); |
54
|
|
|
|
55
|
|
|
if ($extension === 'jpg') { |
56
|
|
|
$extension = 'jpeg'; |
57
|
|
|
} |
58
|
|
|
|
59
|
|
|
return 'image/' . $extension; |
|
|
|
|
60
|
|
|
} |
61
|
|
|
|
62
|
|
|
public function setTransformations($transformations) { |
63
|
|
|
$this->transformations = $transformations; |
64
|
|
|
|
65
|
|
|
return $this; |
66
|
|
|
} |
67
|
|
|
|
68
|
|
|
public function picture($alt = '', $default = null, $attributes = [], $view = 'laravel-storyblok::picture-element', $reverse = false) { |
69
|
|
|
if ($default) { |
70
|
|
|
$imgSrc = (string) $this->transformations[$default]['src']; |
71
|
|
|
} else { |
72
|
|
|
$imgSrc = $this->filename; |
|
|
|
|
73
|
|
|
} |
74
|
|
|
|
75
|
|
|
// srcset seems to work the opposite way to picture elements when working out sizes |
76
|
|
|
if ($reverse) { |
77
|
|
|
$transformations = array_reverse($this->transformations); |
78
|
|
|
} else { |
79
|
|
|
$transformations = $this->transformations; |
80
|
|
|
} |
81
|
|
|
|
82
|
|
|
return view($view, [ |
83
|
|
|
'alt' => $alt, |
84
|
|
|
'attributes' => $attributes, |
85
|
|
|
'default' => $default, |
86
|
|
|
'imgSrc' => $imgSrc, |
87
|
|
|
'transformations' => $transformations, |
88
|
|
|
])->render(); |
89
|
|
|
} |
90
|
|
|
|
91
|
|
|
public function srcset($alt = '', $default = null, $attributes = [], $view = 'laravel-storyblok::srcset') { |
|
|
|
|
92
|
|
|
return $this->picture($alt, $default, $attributes, 'laravel-storyblok::srcset', true); |
93
|
|
|
} |
94
|
|
|
|
95
|
|
|
public function cssVars() { |
96
|
|
|
if ($this->transformations) { |
|
|
|
|
97
|
|
|
$vars = ''; |
98
|
|
|
|
99
|
|
|
foreach ($this->transformations as $key => $transformation) { |
100
|
|
|
if (Str::endsWith($this->filename, 'svg')) { |
101
|
|
|
$vars .= '--' . $key . ': url("' . $this->filename . '"); '; |
102
|
|
|
} else { |
103
|
|
|
$vars .= '--' . $key . ': url("https:' . (string) $transformation['src'] . '"); '; |
104
|
|
|
} |
105
|
|
|
} |
106
|
|
|
|
107
|
|
|
return $vars; |
108
|
|
|
} |
109
|
|
|
|
110
|
|
|
return false; |
111
|
|
|
} |
112
|
|
|
|
113
|
|
|
protected function getOriginalFilenameAttribute() { |
114
|
|
|
return $this->content['filename']; |
115
|
|
|
} |
116
|
|
|
|
117
|
|
|
protected function extractMetaDetails() { |
118
|
|
|
$path = $this->content['filename']; |
119
|
|
|
|
120
|
|
|
preg_match_all('/(?<width>\d+)x(?<height>\d+).+\.(?<extension>[a-z]{3,4})/mi', $path, $dimensions, PREG_SET_ORDER, 0); |
121
|
|
|
|
122
|
|
|
if (Str::endsWith(strtolower($this->content['filename']), '.svg')) { |
123
|
|
|
$this->addMeta([ |
124
|
|
|
'height' => false, |
125
|
|
|
'width' => false, |
126
|
|
|
'extension' => 'svg', |
127
|
|
|
]); |
128
|
|
|
} else { |
129
|
|
|
$this->addMeta([ |
130
|
|
|
'height' => $dimensions[0]['height'], |
131
|
|
|
'width' => $dimensions[0]['width'], |
132
|
|
|
'extension' => strtolower($dimensions[0]['extension']), |
133
|
|
|
]); |
134
|
|
|
} |
135
|
|
|
} |
136
|
|
|
|
137
|
|
|
private function upgradeOldFields($content) { |
138
|
|
|
$this->content = [ |
139
|
|
|
'filename' => $content, |
140
|
|
|
'alt' => null, |
141
|
|
|
'copyright' => null, |
142
|
|
|
'fieltype' => 'asset', |
143
|
|
|
'focus' => null, |
144
|
|
|
'name' => '', |
145
|
|
|
'title' => null, |
146
|
|
|
]; |
147
|
|
|
} |
148
|
|
|
} |