@@ -17,415 +17,415 @@ |
||
17 | 17 | */ |
18 | 18 | class CleanHtmlService implements SingletonInterface |
19 | 19 | { |
20 | - /** |
|
21 | - * Enable Debug comment in footer. |
|
22 | - * |
|
23 | - * @var bool |
|
24 | - */ |
|
25 | - protected $debugComment = false; |
|
26 | - |
|
27 | - /** |
|
28 | - * Format Type. |
|
29 | - * |
|
30 | - * @var int |
|
31 | - */ |
|
32 | - protected $formatType = 0; |
|
33 | - |
|
34 | - /** |
|
35 | - * Tab character. |
|
36 | - * |
|
37 | - * @var string |
|
38 | - */ |
|
39 | - protected $tab = "\t"; |
|
40 | - |
|
41 | - /** |
|
42 | - * Newline character. |
|
43 | - * |
|
44 | - * @var string |
|
45 | - */ |
|
46 | - protected $newline = "\n"; |
|
47 | - |
|
48 | - /** |
|
49 | - * Configured extra header comment. |
|
50 | - * |
|
51 | - * @var string |
|
52 | - */ |
|
53 | - protected $headerComment = ''; |
|
54 | - |
|
55 | - /** |
|
56 | - * Empty space char. |
|
57 | - * |
|
58 | - * @var string |
|
59 | - */ |
|
60 | - protected $emptySpaceChar = ' '; |
|
61 | - |
|
62 | - /** |
|
63 | - * Set variables based on given config. |
|
64 | - */ |
|
65 | - public function setVariables(array $config): void |
|
66 | - { |
|
67 | - if (!empty($config)) { |
|
68 | - if ($config['formatHtml'] && is_numeric($config['formatHtml'])) { |
|
69 | - $this->formatType = (int) $config['formatHtml']; |
|
70 | - } |
|
71 | - |
|
72 | - if ($config['formatHtml.']['tabSize'] && is_numeric($config['formatHtml.']['tabSize'])) { |
|
73 | - $this->tab = str_pad('', (int) $config['formatHtml.']['tabSize'], ' '); |
|
74 | - } |
|
75 | - |
|
76 | - if (isset($config['formatHtml.']['debugComment'])) { |
|
77 | - $this->debugComment = (bool) $config['formatHtml.']['debugComment']; |
|
78 | - } |
|
79 | - |
|
80 | - if (isset($config['headerComment'])) { |
|
81 | - $this->headerComment = $config['headerComment']; |
|
82 | - } |
|
83 | - |
|
84 | - if (isset($config['dropEmptySpaceChar']) && (bool) $config['dropEmptySpaceChar']) { |
|
85 | - $this->emptySpaceChar = ''; |
|
86 | - } |
|
87 | - } |
|
88 | - } |
|
89 | - |
|
90 | - /** |
|
91 | - * Clean given HTML with formatter. |
|
92 | - * |
|
93 | - * @param string $html |
|
94 | - * @param array $config |
|
95 | - * |
|
96 | - * @return string |
|
97 | - */ |
|
98 | - public function clean($html, $config = []) |
|
99 | - { |
|
100 | - if (!empty($config)) { |
|
101 | - $this->setVariables($config); |
|
102 | - } |
|
103 | - // convert line-breaks to UNIX |
|
104 | - $this->convNlOs($html); |
|
105 | - |
|
106 | - $manipulations = []; |
|
107 | - |
|
108 | - if (isset($config['removeGenerator']) && (bool) $config['removeGenerator']) { |
|
109 | - $manipulations['removeGenerator'] = GeneralUtility::makeInstance(RemoveGenerator::class); |
|
110 | - } |
|
111 | - |
|
112 | - if (isset($config['removeComments']) && (bool) $config['removeComments']) { |
|
113 | - $manipulations['removeComments'] = GeneralUtility::makeInstance(RemoveComments::class); |
|
114 | - } |
|
115 | - |
|
116 | - if (!empty($this->headerComment)) { |
|
117 | - $this->includeHeaderComment($html); |
|
118 | - } |
|
119 | - |
|
120 | - foreach ($manipulations as $key => $manipulation) { |
|
121 | - /** @var ManipulationInterface $manipulation */ |
|
122 | - $configuration = isset($config[$key.'.']) && \is_array($config[$key.'.']) ? $config[$key.'.'] : []; |
|
123 | - $html = $manipulation->manipulate($html, $configuration); |
|
124 | - } |
|
125 | - |
|
126 | - // cleanup HTML5 self-closing elements |
|
127 | - if (!isset($GLOBALS['TSFE']->config['config']['doctype']) |
|
128 | - || 'x' !== substr($GLOBALS['TSFE']->config['config']['doctype'], 0, 1)) { |
|
129 | - $html = preg_replace( |
|
130 | - '/<((?:area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)\s[^>]+?)\s?\/>/', |
|
131 | - '<$1>', |
|
132 | - $html |
|
133 | - ); |
|
134 | - } |
|
135 | - |
|
136 | - if ($this->formatType > 0) { |
|
137 | - $html = $this->formatHtml($html); |
|
138 | - } |
|
139 | - // remove white space after line ending |
|
140 | - $this->rTrimLines($html); |
|
141 | - |
|
142 | - // recover line-breaks |
|
143 | - if (Environment::isWindows()) { |
|
144 | - $html = str_replace($this->newline, "\r\n", $html); |
|
145 | - } |
|
146 | - |
|
147 | - return $html; |
|
148 | - } |
|
149 | - |
|
150 | - /** |
|
151 | - * Formats the (X)HTML code: |
|
152 | - * - taps according to the hirarchy of the tags |
|
153 | - * - removes empty spaces between tags |
|
154 | - * - removes linebreaks within tags (spares where necessary: pre, textarea, comments, ..) |
|
155 | - * choose from five options: |
|
156 | - * 0 => off |
|
157 | - * 1 => no line break at all (code in one line) |
|
158 | - * 2 => minimalistic line breaks (structure defining box-elements) |
|
159 | - * 3 => aesthetic line breaks (important box-elements) |
|
160 | - * 4 => logic line breaks (all box-elements) |
|
161 | - * 5 => max line breaks (all elements). |
|
162 | - * |
|
163 | - * @param string $html |
|
164 | - * |
|
165 | - * @return string |
|
166 | - */ |
|
167 | - protected function formatHtml($html) |
|
168 | - { |
|
169 | - // Save original formated comments, pre, textarea, styles and java-scripts & replace them with markers |
|
170 | - preg_match_all( |
|
171 | - '/(?s)((<!--.*?-->)|(<[ \n\r]*pre[^>]*>.*?<[ \n\r]*\/pre[^>]*>)|(<[ \n\r]*textarea[^>]*>.*?<[ \n\r]*\/textarea[^>]*>)|(<[ \n\r]*style[^>]*>.*?<[ \n\r]*\/style[^>]*>)|(<[ \n\r]*script[^>]*>.*?<[ \n\r]*\/script[^>]*>))/im', |
|
172 | - $html, |
|
173 | - $matches |
|
174 | - ); |
|
175 | - $noFormat = $matches[0]; // do not format these block elements |
|
176 | - for ($i = 0; $i < \count($noFormat); ++$i) { |
|
177 | - $html = str_replace($noFormat[$i], "\n<!-- ELEMENT {$i} -->", $html); |
|
178 | - } |
|
179 | - |
|
180 | - // define box elements for formatting |
|
181 | - $trueBoxElements = 'address|blockquote|center|dir|div|dl|fieldset|form|h1|h2|h3|h4|h5|h6|hr|isindex|menu|noframes|noscript|ol|p|pre|table|ul|article|aside|details|figcaption|figure|footer|header|hgroup|menu|nav|section'; |
|
182 | - $functionalBoxElements = 'dd|dt|frameset|li|tbody|td|tfoot|th|thead|tr|colgroup'; |
|
183 | - $usableBoxElements = 'applet|button|del|iframe|ins|map|object|script'; |
|
184 | - $imagineBoxElements = 'html|body|head|meta|title|link|script|base|!--'; |
|
185 | - $allBoxLikeElements = '(?>'.$trueBoxElements.'|'.$functionalBoxElements.'|'.$usableBoxElements.'|'.$imagineBoxElements.')'; |
|
186 | - $esteticBoxLikeElements = '(?>html|head|body|meta name|title|div|table|h1|h2|h3|h4|h5|h6|p|form|pre|center|!--)'; |
|
187 | - $structureBoxLikeElements = '(?>html|head|body|div|!--)'; |
|
188 | - |
|
189 | - // split html into it's elements |
|
190 | - $htmlArrayTemp = preg_split( |
|
191 | - '/(<(?:[^<>]+(?:"[^"]*"|\'[^\']*\')?)+>)/', |
|
192 | - $html, |
|
193 | - -1, |
|
194 | - \PREG_SPLIT_DELIM_CAPTURE | \PREG_SPLIT_NO_EMPTY |
|
195 | - ); |
|
196 | - |
|
197 | - if (false === $htmlArrayTemp) { |
|
198 | - // Restore saved comments, styles and java-scripts |
|
199 | - for ($i = 0; $i < \count($noFormat); ++$i) { |
|
200 | - $html = str_replace("<!-- ELEMENT {$i} -->", $noFormat[$i], $html); |
|
201 | - } |
|
202 | - |
|
203 | - return $html; |
|
204 | - } |
|
205 | - // remove empty lines |
|
206 | - $htmlArray = ['']; |
|
207 | - $index = 1; |
|
208 | - for ($x = 0; $x < \count($htmlArrayTemp); ++$x) { |
|
209 | - $text = trim($htmlArrayTemp[$x]); |
|
210 | - $htmlArray[$index] = '' !== $text ? $htmlArrayTemp[$x] : $this->emptySpaceChar; |
|
211 | - ++$index; |
|
212 | - } |
|
213 | - |
|
214 | - // rebuild html |
|
215 | - $html = ''; |
|
216 | - $tabs = 0; |
|
217 | - for ($x = 0; $x < \count($htmlArray); ++$x) { |
|
218 | - $htmlArrayBefore = $htmlArray[$x - 1] ?? ''; |
|
219 | - $htmlArrayCurrent = $htmlArray[$x] ?? ''; |
|
220 | - |
|
221 | - // check if the element should stand in a new line |
|
222 | - $newline = false; |
|
223 | - if ('<?xml' == substr($htmlArrayBefore, 0, 5)) { |
|
224 | - $newline = true; |
|
225 | - } elseif (2 == $this->formatType && ( // minimalistic line break |
|
226 | - // this element has a line break before itself |
|
227 | - preg_match( |
|
228 | - '/<'.$structureBoxLikeElements.'(.*)>/Usi', |
|
229 | - $htmlArrayCurrent |
|
230 | - ) || preg_match( |
|
231 | - '/<'.$structureBoxLikeElements.'(.*) \/>/Usi', |
|
232 | - $htmlArrayCurrent |
|
233 | - ) // one element before is a element that has a line break after |
|
234 | - || preg_match( |
|
235 | - '/<\/'.$structureBoxLikeElements.'(.*)>/Usi', |
|
236 | - $htmlArrayBefore |
|
237 | - ) || '<!--' == substr( |
|
238 | - $htmlArrayBefore, |
|
239 | - 0, |
|
240 | - 4 |
|
241 | - ) || preg_match('/<'.$structureBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
242 | - ) { |
|
243 | - $newline = true; |
|
244 | - } elseif (3 == $this->formatType && ( // aestetic line break |
|
245 | - // this element has a line break before itself |
|
246 | - preg_match( |
|
247 | - '/<'.$esteticBoxLikeElements.'(.*)>/Usi', |
|
248 | - $htmlArrayCurrent |
|
249 | - ) || preg_match( |
|
250 | - '/<'.$esteticBoxLikeElements.'(.*) \/>/Usi', |
|
251 | - $htmlArrayCurrent |
|
252 | - ) // one element before is a element that has a line break after |
|
253 | - || preg_match('/<\/'.$esteticBoxLikeElements.'(.*)>/Usi', $htmlArrayBefore) || '<!--' == substr( |
|
254 | - $htmlArrayBefore, |
|
255 | - 0, |
|
256 | - 4 |
|
257 | - ) || preg_match('/<'.$esteticBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
258 | - ) { |
|
259 | - $newline = true; |
|
260 | - } elseif ($this->formatType >= 4 && ( // logical line break |
|
261 | - // this element has a line break before itself |
|
262 | - preg_match( |
|
263 | - '/<'.$allBoxLikeElements.'(.*)>/Usi', |
|
264 | - $htmlArrayCurrent |
|
265 | - ) || preg_match( |
|
266 | - '/<'.$allBoxLikeElements.'(.*) \/>/Usi', |
|
267 | - $htmlArrayCurrent |
|
268 | - ) // one element before is a element that has a line break after |
|
269 | - || preg_match('/<\/'.$allBoxLikeElements.'(.*)>/Usi', $htmlArrayBefore) || '<!--' == substr( |
|
270 | - $htmlArrayBefore, |
|
271 | - 0, |
|
272 | - 4 |
|
273 | - ) || preg_match('/<'.$allBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
274 | - ) { |
|
275 | - $newline = true; |
|
276 | - } |
|
277 | - |
|
278 | - // count down a tab |
|
279 | - if ('</' == substr($htmlArrayCurrent, 0, 2)) { |
|
280 | - --$tabs; |
|
281 | - } |
|
282 | - |
|
283 | - // add tabs and line breaks in front of the current tag |
|
284 | - if ($newline) { |
|
285 | - $html .= $this->newline; |
|
286 | - for ($y = 0; $y < $tabs; ++$y) { |
|
287 | - $html .= $this->tab; |
|
288 | - } |
|
289 | - } |
|
290 | - |
|
291 | - // remove white spaces and line breaks and add current tag to the html-string |
|
292 | - if ('<![CDATA[' == substr($htmlArrayCurrent, 0, 9) // remove multiple white space in CDATA / XML |
|
293 | - || '<?xml' == substr($htmlArrayCurrent, 0, 5) |
|
294 | - ) { |
|
295 | - $html .= $this->killWhiteSpace($htmlArrayCurrent); |
|
296 | - } else { // remove all line breaks |
|
297 | - $html .= $this->killLineBreaks($htmlArrayCurrent); |
|
298 | - } |
|
299 | - |
|
300 | - // count up a tab |
|
301 | - if ('<' == substr($htmlArrayCurrent, 0, 1) && '/' != substr($htmlArrayCurrent, 1, 1)) { |
|
302 | - if (' ' !== substr($htmlArrayCurrent, 1, 1) |
|
303 | - && 'img' !== substr($htmlArrayCurrent, 1, 3) |
|
304 | - && 'source' !== substr($htmlArrayCurrent, 1, 6) |
|
305 | - && 'br' !== substr($htmlArrayCurrent, 1, 2) |
|
306 | - && 'hr' !== substr($htmlArrayCurrent, 1, 2) |
|
307 | - && 'input' !== substr($htmlArrayCurrent, 1, 5) |
|
308 | - && 'link' !== substr($htmlArrayCurrent, 1, 4) |
|
309 | - && 'meta' !== substr($htmlArrayCurrent, 1, 4) |
|
310 | - && 'col ' !== substr($htmlArrayCurrent, 1, 4) |
|
311 | - && 'frame' !== substr($htmlArrayCurrent, 1, 5) |
|
312 | - && 'isindex' !== substr($htmlArrayCurrent, 1, 7) |
|
313 | - && 'param' !== substr($htmlArrayCurrent, 1, 5) |
|
314 | - && 'area' !== substr($htmlArrayCurrent, 1, 4) |
|
315 | - && 'base' !== substr($htmlArrayCurrent, 1, 4) |
|
316 | - && '<!' !== substr($htmlArrayCurrent, 0, 2) |
|
317 | - && '<?xml' !== substr($htmlArrayCurrent, 0, 5) |
|
318 | - ) { |
|
319 | - ++$tabs; |
|
320 | - } |
|
321 | - } |
|
322 | - } |
|
323 | - |
|
324 | - // Remove empty lines |
|
325 | - if ($this->formatType > 1) { |
|
326 | - $this->removeEmptyLines($html); |
|
327 | - } |
|
328 | - |
|
329 | - // Restore saved comments, styles and java-scripts |
|
330 | - for ($i = 0; $i < \count($noFormat); ++$i) { |
|
331 | - $html = str_replace("<!-- ELEMENT {$i} -->", $noFormat[$i], $html); |
|
332 | - } |
|
333 | - |
|
334 | - // include debug comment at the end |
|
335 | - if (0 != $tabs && true === $this->debugComment) { |
|
336 | - $html .= "<!-- {$tabs} open elements found -->"; |
|
337 | - } |
|
338 | - |
|
339 | - return $html; |
|
340 | - } |
|
341 | - |
|
342 | - /** |
|
343 | - * Remove ALL line breaks and multiple white space. |
|
344 | - * |
|
345 | - * @param string $html |
|
346 | - * |
|
347 | - * @return string |
|
348 | - */ |
|
349 | - protected function killLineBreaks($html) |
|
350 | - { |
|
351 | - $html = str_replace($this->newline, '', $html); |
|
352 | - |
|
353 | - return preg_replace('/\s\s+/u', ' ', $html); |
|
354 | - //? return preg_replace('/\n|\s+(\s)/u', '$1', $html); |
|
355 | - } |
|
356 | - |
|
357 | - /** |
|
358 | - * Remove multiple white space, keeps line breaks. |
|
359 | - * |
|
360 | - * @param string $html |
|
361 | - * |
|
362 | - * @return string |
|
363 | - */ |
|
364 | - protected function killWhiteSpace($html) |
|
365 | - { |
|
366 | - $temp = explode($this->newline, $html); |
|
367 | - for ($i = 0; $i < \count($temp); ++$i) { |
|
368 | - if (!trim($temp[$i])) { |
|
369 | - unset($temp[$i]); |
|
370 | - continue; |
|
371 | - } |
|
372 | - |
|
373 | - $temp[$i] = trim($temp[$i]); |
|
374 | - $temp[$i] = preg_replace('/\s\s+/', ' ', $temp[$i]); |
|
375 | - } |
|
376 | - |
|
377 | - return implode($this->newline, $temp); |
|
378 | - } |
|
379 | - |
|
380 | - /** |
|
381 | - * Remove white space at the end of lines, keeps other white space and line breaks. |
|
382 | - * |
|
383 | - * @param string $html |
|
384 | - * |
|
385 | - * @return string |
|
386 | - */ |
|
387 | - protected function rTrimLines(&$html) |
|
388 | - { |
|
389 | - $html = preg_replace('/\s+$/m', '', $html); |
|
390 | - } |
|
391 | - |
|
392 | - /** |
|
393 | - * Convert newlines according to the current OS. |
|
394 | - * |
|
395 | - * @param string $html |
|
396 | - * |
|
397 | - * @return string |
|
398 | - */ |
|
399 | - protected function convNlOs(&$html) |
|
400 | - { |
|
401 | - $html = preg_replace("(\r\n|\r)", $this->newline, $html); |
|
402 | - } |
|
403 | - |
|
404 | - /** |
|
405 | - * Remove empty lines. |
|
406 | - * |
|
407 | - * @param string $html |
|
408 | - */ |
|
409 | - protected function removeEmptyLines(&$html): void |
|
410 | - { |
|
411 | - $temp = explode($this->newline, $html); |
|
412 | - $result = []; |
|
413 | - for ($i = 0; $i < \count($temp); ++$i) { |
|
414 | - if ('' == trim($temp[$i])) { |
|
415 | - continue; |
|
416 | - } |
|
417 | - $result[] = $temp[$i]; |
|
418 | - } |
|
419 | - $html = implode($this->newline, $result); |
|
420 | - } |
|
421 | - |
|
422 | - /** |
|
423 | - * Include configured header comment in HTML content block. |
|
424 | - * |
|
425 | - * @param $html |
|
426 | - */ |
|
427 | - public function includeHeaderComment(&$html): void |
|
428 | - { |
|
429 | - $html = preg_replace('/^(-->)$/m', "\n\t".$this->headerComment."\n$1", $html); |
|
430 | - } |
|
20 | + /** |
|
21 | + * Enable Debug comment in footer. |
|
22 | + * |
|
23 | + * @var bool |
|
24 | + */ |
|
25 | + protected $debugComment = false; |
|
26 | + |
|
27 | + /** |
|
28 | + * Format Type. |
|
29 | + * |
|
30 | + * @var int |
|
31 | + */ |
|
32 | + protected $formatType = 0; |
|
33 | + |
|
34 | + /** |
|
35 | + * Tab character. |
|
36 | + * |
|
37 | + * @var string |
|
38 | + */ |
|
39 | + protected $tab = "\t"; |
|
40 | + |
|
41 | + /** |
|
42 | + * Newline character. |
|
43 | + * |
|
44 | + * @var string |
|
45 | + */ |
|
46 | + protected $newline = "\n"; |
|
47 | + |
|
48 | + /** |
|
49 | + * Configured extra header comment. |
|
50 | + * |
|
51 | + * @var string |
|
52 | + */ |
|
53 | + protected $headerComment = ''; |
|
54 | + |
|
55 | + /** |
|
56 | + * Empty space char. |
|
57 | + * |
|
58 | + * @var string |
|
59 | + */ |
|
60 | + protected $emptySpaceChar = ' '; |
|
61 | + |
|
62 | + /** |
|
63 | + * Set variables based on given config. |
|
64 | + */ |
|
65 | + public function setVariables(array $config): void |
|
66 | + { |
|
67 | + if (!empty($config)) { |
|
68 | + if ($config['formatHtml'] && is_numeric($config['formatHtml'])) { |
|
69 | + $this->formatType = (int) $config['formatHtml']; |
|
70 | + } |
|
71 | + |
|
72 | + if ($config['formatHtml.']['tabSize'] && is_numeric($config['formatHtml.']['tabSize'])) { |
|
73 | + $this->tab = str_pad('', (int) $config['formatHtml.']['tabSize'], ' '); |
|
74 | + } |
|
75 | + |
|
76 | + if (isset($config['formatHtml.']['debugComment'])) { |
|
77 | + $this->debugComment = (bool) $config['formatHtml.']['debugComment']; |
|
78 | + } |
|
79 | + |
|
80 | + if (isset($config['headerComment'])) { |
|
81 | + $this->headerComment = $config['headerComment']; |
|
82 | + } |
|
83 | + |
|
84 | + if (isset($config['dropEmptySpaceChar']) && (bool) $config['dropEmptySpaceChar']) { |
|
85 | + $this->emptySpaceChar = ''; |
|
86 | + } |
|
87 | + } |
|
88 | + } |
|
89 | + |
|
90 | + /** |
|
91 | + * Clean given HTML with formatter. |
|
92 | + * |
|
93 | + * @param string $html |
|
94 | + * @param array $config |
|
95 | + * |
|
96 | + * @return string |
|
97 | + */ |
|
98 | + public function clean($html, $config = []) |
|
99 | + { |
|
100 | + if (!empty($config)) { |
|
101 | + $this->setVariables($config); |
|
102 | + } |
|
103 | + // convert line-breaks to UNIX |
|
104 | + $this->convNlOs($html); |
|
105 | + |
|
106 | + $manipulations = []; |
|
107 | + |
|
108 | + if (isset($config['removeGenerator']) && (bool) $config['removeGenerator']) { |
|
109 | + $manipulations['removeGenerator'] = GeneralUtility::makeInstance(RemoveGenerator::class); |
|
110 | + } |
|
111 | + |
|
112 | + if (isset($config['removeComments']) && (bool) $config['removeComments']) { |
|
113 | + $manipulations['removeComments'] = GeneralUtility::makeInstance(RemoveComments::class); |
|
114 | + } |
|
115 | + |
|
116 | + if (!empty($this->headerComment)) { |
|
117 | + $this->includeHeaderComment($html); |
|
118 | + } |
|
119 | + |
|
120 | + foreach ($manipulations as $key => $manipulation) { |
|
121 | + /** @var ManipulationInterface $manipulation */ |
|
122 | + $configuration = isset($config[$key.'.']) && \is_array($config[$key.'.']) ? $config[$key.'.'] : []; |
|
123 | + $html = $manipulation->manipulate($html, $configuration); |
|
124 | + } |
|
125 | + |
|
126 | + // cleanup HTML5 self-closing elements |
|
127 | + if (!isset($GLOBALS['TSFE']->config['config']['doctype']) |
|
128 | + || 'x' !== substr($GLOBALS['TSFE']->config['config']['doctype'], 0, 1)) { |
|
129 | + $html = preg_replace( |
|
130 | + '/<((?:area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)\s[^>]+?)\s?\/>/', |
|
131 | + '<$1>', |
|
132 | + $html |
|
133 | + ); |
|
134 | + } |
|
135 | + |
|
136 | + if ($this->formatType > 0) { |
|
137 | + $html = $this->formatHtml($html); |
|
138 | + } |
|
139 | + // remove white space after line ending |
|
140 | + $this->rTrimLines($html); |
|
141 | + |
|
142 | + // recover line-breaks |
|
143 | + if (Environment::isWindows()) { |
|
144 | + $html = str_replace($this->newline, "\r\n", $html); |
|
145 | + } |
|
146 | + |
|
147 | + return $html; |
|
148 | + } |
|
149 | + |
|
150 | + /** |
|
151 | + * Formats the (X)HTML code: |
|
152 | + * - taps according to the hirarchy of the tags |
|
153 | + * - removes empty spaces between tags |
|
154 | + * - removes linebreaks within tags (spares where necessary: pre, textarea, comments, ..) |
|
155 | + * choose from five options: |
|
156 | + * 0 => off |
|
157 | + * 1 => no line break at all (code in one line) |
|
158 | + * 2 => minimalistic line breaks (structure defining box-elements) |
|
159 | + * 3 => aesthetic line breaks (important box-elements) |
|
160 | + * 4 => logic line breaks (all box-elements) |
|
161 | + * 5 => max line breaks (all elements). |
|
162 | + * |
|
163 | + * @param string $html |
|
164 | + * |
|
165 | + * @return string |
|
166 | + */ |
|
167 | + protected function formatHtml($html) |
|
168 | + { |
|
169 | + // Save original formated comments, pre, textarea, styles and java-scripts & replace them with markers |
|
170 | + preg_match_all( |
|
171 | + '/(?s)((<!--.*?-->)|(<[ \n\r]*pre[^>]*>.*?<[ \n\r]*\/pre[^>]*>)|(<[ \n\r]*textarea[^>]*>.*?<[ \n\r]*\/textarea[^>]*>)|(<[ \n\r]*style[^>]*>.*?<[ \n\r]*\/style[^>]*>)|(<[ \n\r]*script[^>]*>.*?<[ \n\r]*\/script[^>]*>))/im', |
|
172 | + $html, |
|
173 | + $matches |
|
174 | + ); |
|
175 | + $noFormat = $matches[0]; // do not format these block elements |
|
176 | + for ($i = 0; $i < \count($noFormat); ++$i) { |
|
177 | + $html = str_replace($noFormat[$i], "\n<!-- ELEMENT {$i} -->", $html); |
|
178 | + } |
|
179 | + |
|
180 | + // define box elements for formatting |
|
181 | + $trueBoxElements = 'address|blockquote|center|dir|div|dl|fieldset|form|h1|h2|h3|h4|h5|h6|hr|isindex|menu|noframes|noscript|ol|p|pre|table|ul|article|aside|details|figcaption|figure|footer|header|hgroup|menu|nav|section'; |
|
182 | + $functionalBoxElements = 'dd|dt|frameset|li|tbody|td|tfoot|th|thead|tr|colgroup'; |
|
183 | + $usableBoxElements = 'applet|button|del|iframe|ins|map|object|script'; |
|
184 | + $imagineBoxElements = 'html|body|head|meta|title|link|script|base|!--'; |
|
185 | + $allBoxLikeElements = '(?>'.$trueBoxElements.'|'.$functionalBoxElements.'|'.$usableBoxElements.'|'.$imagineBoxElements.')'; |
|
186 | + $esteticBoxLikeElements = '(?>html|head|body|meta name|title|div|table|h1|h2|h3|h4|h5|h6|p|form|pre|center|!--)'; |
|
187 | + $structureBoxLikeElements = '(?>html|head|body|div|!--)'; |
|
188 | + |
|
189 | + // split html into it's elements |
|
190 | + $htmlArrayTemp = preg_split( |
|
191 | + '/(<(?:[^<>]+(?:"[^"]*"|\'[^\']*\')?)+>)/', |
|
192 | + $html, |
|
193 | + -1, |
|
194 | + \PREG_SPLIT_DELIM_CAPTURE | \PREG_SPLIT_NO_EMPTY |
|
195 | + ); |
|
196 | + |
|
197 | + if (false === $htmlArrayTemp) { |
|
198 | + // Restore saved comments, styles and java-scripts |
|
199 | + for ($i = 0; $i < \count($noFormat); ++$i) { |
|
200 | + $html = str_replace("<!-- ELEMENT {$i} -->", $noFormat[$i], $html); |
|
201 | + } |
|
202 | + |
|
203 | + return $html; |
|
204 | + } |
|
205 | + // remove empty lines |
|
206 | + $htmlArray = ['']; |
|
207 | + $index = 1; |
|
208 | + for ($x = 0; $x < \count($htmlArrayTemp); ++$x) { |
|
209 | + $text = trim($htmlArrayTemp[$x]); |
|
210 | + $htmlArray[$index] = '' !== $text ? $htmlArrayTemp[$x] : $this->emptySpaceChar; |
|
211 | + ++$index; |
|
212 | + } |
|
213 | + |
|
214 | + // rebuild html |
|
215 | + $html = ''; |
|
216 | + $tabs = 0; |
|
217 | + for ($x = 0; $x < \count($htmlArray); ++$x) { |
|
218 | + $htmlArrayBefore = $htmlArray[$x - 1] ?? ''; |
|
219 | + $htmlArrayCurrent = $htmlArray[$x] ?? ''; |
|
220 | + |
|
221 | + // check if the element should stand in a new line |
|
222 | + $newline = false; |
|
223 | + if ('<?xml' == substr($htmlArrayBefore, 0, 5)) { |
|
224 | + $newline = true; |
|
225 | + } elseif (2 == $this->formatType && ( // minimalistic line break |
|
226 | + // this element has a line break before itself |
|
227 | + preg_match( |
|
228 | + '/<'.$structureBoxLikeElements.'(.*)>/Usi', |
|
229 | + $htmlArrayCurrent |
|
230 | + ) || preg_match( |
|
231 | + '/<'.$structureBoxLikeElements.'(.*) \/>/Usi', |
|
232 | + $htmlArrayCurrent |
|
233 | + ) // one element before is a element that has a line break after |
|
234 | + || preg_match( |
|
235 | + '/<\/'.$structureBoxLikeElements.'(.*)>/Usi', |
|
236 | + $htmlArrayBefore |
|
237 | + ) || '<!--' == substr( |
|
238 | + $htmlArrayBefore, |
|
239 | + 0, |
|
240 | + 4 |
|
241 | + ) || preg_match('/<'.$structureBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
242 | + ) { |
|
243 | + $newline = true; |
|
244 | + } elseif (3 == $this->formatType && ( // aestetic line break |
|
245 | + // this element has a line break before itself |
|
246 | + preg_match( |
|
247 | + '/<'.$esteticBoxLikeElements.'(.*)>/Usi', |
|
248 | + $htmlArrayCurrent |
|
249 | + ) || preg_match( |
|
250 | + '/<'.$esteticBoxLikeElements.'(.*) \/>/Usi', |
|
251 | + $htmlArrayCurrent |
|
252 | + ) // one element before is a element that has a line break after |
|
253 | + || preg_match('/<\/'.$esteticBoxLikeElements.'(.*)>/Usi', $htmlArrayBefore) || '<!--' == substr( |
|
254 | + $htmlArrayBefore, |
|
255 | + 0, |
|
256 | + 4 |
|
257 | + ) || preg_match('/<'.$esteticBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
258 | + ) { |
|
259 | + $newline = true; |
|
260 | + } elseif ($this->formatType >= 4 && ( // logical line break |
|
261 | + // this element has a line break before itself |
|
262 | + preg_match( |
|
263 | + '/<'.$allBoxLikeElements.'(.*)>/Usi', |
|
264 | + $htmlArrayCurrent |
|
265 | + ) || preg_match( |
|
266 | + '/<'.$allBoxLikeElements.'(.*) \/>/Usi', |
|
267 | + $htmlArrayCurrent |
|
268 | + ) // one element before is a element that has a line break after |
|
269 | + || preg_match('/<\/'.$allBoxLikeElements.'(.*)>/Usi', $htmlArrayBefore) || '<!--' == substr( |
|
270 | + $htmlArrayBefore, |
|
271 | + 0, |
|
272 | + 4 |
|
273 | + ) || preg_match('/<'.$allBoxLikeElements.'(.*) \/>/Usi', $htmlArrayBefore)) |
|
274 | + ) { |
|
275 | + $newline = true; |
|
276 | + } |
|
277 | + |
|
278 | + // count down a tab |
|
279 | + if ('</' == substr($htmlArrayCurrent, 0, 2)) { |
|
280 | + --$tabs; |
|
281 | + } |
|
282 | + |
|
283 | + // add tabs and line breaks in front of the current tag |
|
284 | + if ($newline) { |
|
285 | + $html .= $this->newline; |
|
286 | + for ($y = 0; $y < $tabs; ++$y) { |
|
287 | + $html .= $this->tab; |
|
288 | + } |
|
289 | + } |
|
290 | + |
|
291 | + // remove white spaces and line breaks and add current tag to the html-string |
|
292 | + if ('<![CDATA[' == substr($htmlArrayCurrent, 0, 9) // remove multiple white space in CDATA / XML |
|
293 | + || '<?xml' == substr($htmlArrayCurrent, 0, 5) |
|
294 | + ) { |
|
295 | + $html .= $this->killWhiteSpace($htmlArrayCurrent); |
|
296 | + } else { // remove all line breaks |
|
297 | + $html .= $this->killLineBreaks($htmlArrayCurrent); |
|
298 | + } |
|
299 | + |
|
300 | + // count up a tab |
|
301 | + if ('<' == substr($htmlArrayCurrent, 0, 1) && '/' != substr($htmlArrayCurrent, 1, 1)) { |
|
302 | + if (' ' !== substr($htmlArrayCurrent, 1, 1) |
|
303 | + && 'img' !== substr($htmlArrayCurrent, 1, 3) |
|
304 | + && 'source' !== substr($htmlArrayCurrent, 1, 6) |
|
305 | + && 'br' !== substr($htmlArrayCurrent, 1, 2) |
|
306 | + && 'hr' !== substr($htmlArrayCurrent, 1, 2) |
|
307 | + && 'input' !== substr($htmlArrayCurrent, 1, 5) |
|
308 | + && 'link' !== substr($htmlArrayCurrent, 1, 4) |
|
309 | + && 'meta' !== substr($htmlArrayCurrent, 1, 4) |
|
310 | + && 'col ' !== substr($htmlArrayCurrent, 1, 4) |
|
311 | + && 'frame' !== substr($htmlArrayCurrent, 1, 5) |
|
312 | + && 'isindex' !== substr($htmlArrayCurrent, 1, 7) |
|
313 | + && 'param' !== substr($htmlArrayCurrent, 1, 5) |
|
314 | + && 'area' !== substr($htmlArrayCurrent, 1, 4) |
|
315 | + && 'base' !== substr($htmlArrayCurrent, 1, 4) |
|
316 | + && '<!' !== substr($htmlArrayCurrent, 0, 2) |
|
317 | + && '<?xml' !== substr($htmlArrayCurrent, 0, 5) |
|
318 | + ) { |
|
319 | + ++$tabs; |
|
320 | + } |
|
321 | + } |
|
322 | + } |
|
323 | + |
|
324 | + // Remove empty lines |
|
325 | + if ($this->formatType > 1) { |
|
326 | + $this->removeEmptyLines($html); |
|
327 | + } |
|
328 | + |
|
329 | + // Restore saved comments, styles and java-scripts |
|
330 | + for ($i = 0; $i < \count($noFormat); ++$i) { |
|
331 | + $html = str_replace("<!-- ELEMENT {$i} -->", $noFormat[$i], $html); |
|
332 | + } |
|
333 | + |
|
334 | + // include debug comment at the end |
|
335 | + if (0 != $tabs && true === $this->debugComment) { |
|
336 | + $html .= "<!-- {$tabs} open elements found -->"; |
|
337 | + } |
|
338 | + |
|
339 | + return $html; |
|
340 | + } |
|
341 | + |
|
342 | + /** |
|
343 | + * Remove ALL line breaks and multiple white space. |
|
344 | + * |
|
345 | + * @param string $html |
|
346 | + * |
|
347 | + * @return string |
|
348 | + */ |
|
349 | + protected function killLineBreaks($html) |
|
350 | + { |
|
351 | + $html = str_replace($this->newline, '', $html); |
|
352 | + |
|
353 | + return preg_replace('/\s\s+/u', ' ', $html); |
|
354 | + //? return preg_replace('/\n|\s+(\s)/u', '$1', $html); |
|
355 | + } |
|
356 | + |
|
357 | + /** |
|
358 | + * Remove multiple white space, keeps line breaks. |
|
359 | + * |
|
360 | + * @param string $html |
|
361 | + * |
|
362 | + * @return string |
|
363 | + */ |
|
364 | + protected function killWhiteSpace($html) |
|
365 | + { |
|
366 | + $temp = explode($this->newline, $html); |
|
367 | + for ($i = 0; $i < \count($temp); ++$i) { |
|
368 | + if (!trim($temp[$i])) { |
|
369 | + unset($temp[$i]); |
|
370 | + continue; |
|
371 | + } |
|
372 | + |
|
373 | + $temp[$i] = trim($temp[$i]); |
|
374 | + $temp[$i] = preg_replace('/\s\s+/', ' ', $temp[$i]); |
|
375 | + } |
|
376 | + |
|
377 | + return implode($this->newline, $temp); |
|
378 | + } |
|
379 | + |
|
380 | + /** |
|
381 | + * Remove white space at the end of lines, keeps other white space and line breaks. |
|
382 | + * |
|
383 | + * @param string $html |
|
384 | + * |
|
385 | + * @return string |
|
386 | + */ |
|
387 | + protected function rTrimLines(&$html) |
|
388 | + { |
|
389 | + $html = preg_replace('/\s+$/m', '', $html); |
|
390 | + } |
|
391 | + |
|
392 | + /** |
|
393 | + * Convert newlines according to the current OS. |
|
394 | + * |
|
395 | + * @param string $html |
|
396 | + * |
|
397 | + * @return string |
|
398 | + */ |
|
399 | + protected function convNlOs(&$html) |
|
400 | + { |
|
401 | + $html = preg_replace("(\r\n|\r)", $this->newline, $html); |
|
402 | + } |
|
403 | + |
|
404 | + /** |
|
405 | + * Remove empty lines. |
|
406 | + * |
|
407 | + * @param string $html |
|
408 | + */ |
|
409 | + protected function removeEmptyLines(&$html): void |
|
410 | + { |
|
411 | + $temp = explode($this->newline, $html); |
|
412 | + $result = []; |
|
413 | + for ($i = 0; $i < \count($temp); ++$i) { |
|
414 | + if ('' == trim($temp[$i])) { |
|
415 | + continue; |
|
416 | + } |
|
417 | + $result[] = $temp[$i]; |
|
418 | + } |
|
419 | + $html = implode($this->newline, $result); |
|
420 | + } |
|
421 | + |
|
422 | + /** |
|
423 | + * Include configured header comment in HTML content block. |
|
424 | + * |
|
425 | + * @param $html |
|
426 | + */ |
|
427 | + public function includeHeaderComment(&$html): void |
|
428 | + { |
|
429 | + $html = preg_replace('/^(-->)$/m', "\n\t".$this->headerComment."\n$1", $html); |
|
430 | + } |
|
431 | 431 | } |
@@ -14,193 +14,193 @@ |
||
14 | 14 | */ |
15 | 15 | class SvgStoreService implements SingletonInterface |
16 | 16 | { |
17 | - /** |
|
18 | - * SVG-Sprite storage DIR. |
|
19 | - * |
|
20 | - * @var string |
|
21 | - */ |
|
22 | - protected $outputDir = '/typo3temp/assets/svg/'; // fallback |
|
23 | - |
|
24 | - public function __construct() |
|
25 | - { |
|
26 | - //$this->styl = []; # https://stackoverflow.com/questions/39583880/external-svg-fails-to-apply-internal-css |
|
27 | - //$this->defs = []; # https://bugs.chromium.org/p/chromium/issues/detail?id=751733#c14 |
|
28 | - $this->svgs = []; |
|
29 | - |
|
30 | - $this->sitePath = \TYPO3\CMS\Core\Core\Environment::getPublicPath(); // [^/]$ |
|
31 | - |
|
32 | - if (isset($GLOBALS['TSFE']->config['config']['svgstore.']['outputDir']) && !empty($GLOBALS['TSFE']->config['config']['svgstore.']['outputDir'])) { |
|
33 | - $this->outputDir = '/typo3temp/'.$GLOBALS['TSFE']->config['config']['svgstore.']['outputDir']; // TODO; please beautify |
|
34 | - } |
|
35 | - |
|
36 | - $this->connPool = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Database\ConnectionPool::class); |
|
37 | - $this->svgCache = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Cache\CacheManager::class)->getCache('svgstore'); |
|
38 | - } |
|
39 | - |
|
40 | - public function process(string $html): string |
|
41 | - { |
|
42 | - $this->spritePath = $this->svgCache->get('spritePath'); |
|
43 | - $this->svgFileArr = $this->svgCache->get('svgFileArr'); |
|
44 | - |
|
45 | - if (empty($this->spritePath) && !$this->populateCache()) { |
|
46 | - throw new \Exception('could not write file: '.$this->sitePath.$this->spritePath); |
|
47 | - } |
|
48 | - |
|
49 | - if (!file_exists($this->sitePath.$this->spritePath)) { |
|
50 | - throw new \Exception('file does not exists: '.$this->sitePath.$this->spritePath); |
|
51 | - } |
|
52 | - |
|
53 | - if (!preg_match('/(?<head>.+?<\/head>)(?<body>.+)/s', $html, $html) && 5 == \count($html)) { |
|
54 | - throw new \Exception('fix HTML!'); |
|
55 | - } |
|
56 | - |
|
57 | - // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes |
|
58 | - $html['body'] = preg_replace_callback('/<img(?<pre>[^>]*)src="(?<src>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>/s', function (array $matches): string { // ^[/] |
|
59 | - if (!isset($this->svgFileArr[$matches['src']])) { // check usage |
|
60 | - return $matches[0]; |
|
61 | - } |
|
62 | - $attr = preg_replace('/\s(?:alt|ismap|loading|title|sizes|srcset|usemap)="[^"]*"/', '', $matches['pre'].$matches['post']); // cleanup |
|
63 | - |
|
64 | - return sprintf('<svg%s %s><use href="%s#%s"/></svg>', $this->svgFileArr[$matches['src']]['attr'], $attr, $this->spritePath, $this->convertFilePath($matches['src'])); |
|
65 | - }, $html['body']); |
|
66 | - |
|
67 | - // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attributes |
|
68 | - $html['body'] = preg_replace_callback('/<object(?<pre>[^>]*)data="(?<data>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>(?:<\/object>)/s', function (array $matches): string { // ^[/] |
|
69 | - if (!isset($this->svgFileArr[$matches['data']])) { // check usage |
|
70 | - return $matches[0]; |
|
71 | - } |
|
72 | - $attr = preg_replace('/\s(?:form|name|type|usemap)="[^"]*"/', '', $matches['pre'].$matches['post']); // cleanup |
|
73 | - |
|
74 | - return sprintf('<svg%s %s><use href="%s#%s"/></svg>', $this->svgFileArr[$matches['src']]['attr'], $attr, $this->spritePath, $this->convertFilePath($matches['data'])); |
|
75 | - }, $html['body']); |
|
76 | - |
|
77 | - return $html['head'].$html['body']; |
|
78 | - } |
|
79 | - |
|
80 | - private function convertFilePath(string $path): string |
|
81 | - { |
|
82 | - return preg_replace('/.svg$|[^\w\-]/', '', str_replace('/', '-', ltrim($path, '/'))); // ^[^/] |
|
83 | - } |
|
84 | - |
|
85 | - private function addFileToSpriteArr(string $hash, string $path): ?array |
|
86 | - { |
|
87 | - if (1 === preg_match('/;base64/', $svg = file_get_contents($this->sitePath.$path))) { // noop! |
|
88 | - return null; |
|
89 | - } |
|
90 | - |
|
91 | - if (1 === preg_match('/<(?:style|defs|url\()/', $svg)) { |
|
92 | - return null; // check links @ __construct |
|
93 | - } |
|
94 | - |
|
95 | - $svg = preg_replace('/<\/svg>.*|xlink:|\s(?:(?:width|height|version|xmlns)|(?:[a-z\-]+\:[a-z\-]+))="[^"]*"/s', '', $svg); // clean !?: \s+(?<atr>[\w\-]+)=["\'](?<val>[^"\']+)["\'] |
|
96 | - |
|
97 | - //$svg = preg_replace('/((?:id|class)=")/', '$1'.$hash.'__', $svg); // extend IDs |
|
98 | - //$svg = preg_replace('/(href="|url\()#/', '$1#'.$hash.'__', $svg); // recover IDs |
|
99 | - |
|
100 | - //$svg = preg_replace_callback('/<style[^>]*>(?<styl>.+?)<\/style>|<defs[^>]*>(?<defs>.+?)<\/defs>/s', function(array $matches) use($hash): string { |
|
101 | - // if(isset($matches['styl'])) |
|
102 | - // { |
|
103 | - // $this->styl[] = preg_replace('/\s*(\.|#){1}(.+?)\s*\{/', '$1'.$hash.'__$2{', $matches['styl']); // patch CSS # https://mathiasbynens.be/notes/css-escapes |
|
104 | - // } |
|
105 | - // if(isset($matches['defs'])) |
|
106 | - // { |
|
107 | - // $this->defs[] = trim($matches['defs']); |
|
108 | - // } |
|
109 | - // return ''; |
|
110 | - //}, $svg); |
|
111 | - |
|
112 | - $this->svgs[] = preg_replace('/.*<svg((?:(?!id=)[^>])+)(?:id="[^"]*")?([^>]*>)/s', 'id="'.$this->convertFilePath($path).'"$1$2', $svg, 1); // change ID; |
|
113 | - |
|
114 | - return preg_match('/\s+viewBox="\s*([+-]?[\d\.]+(?:\s+[+-]?[\d\.]+){3})\s*"/', $svg, $match) ? ['attr' => ' viewBox="'.preg_replace('/\s+/', ' ', $match[1]).'"', 'hash' => $hash] : null; |
|
115 | - } |
|
116 | - |
|
117 | - private function populateCache(): bool |
|
118 | - { |
|
119 | - $storageArr = $this->getStorageArrayFromDB(); |
|
120 | - $svgFileArr = $this->getSvgFilesArrayFromDB(array_keys($storageArr)); |
|
121 | - |
|
122 | - $this->svgFileArr = []; |
|
123 | - foreach ($svgFileArr as $index => $row) { |
|
124 | - if (!$this->svgFileArr[($row['path'] = '/'.$storageArr[$row['storage']].$row['identifier'])] = $this->addFileToSpriteArr($row['sha1'], $row['path'])) { // ^[/] |
|
125 | - unset($this->svgFileArr[$row['path']]); |
|
126 | - } |
|
127 | - } |
|
128 | - |
|
129 | - $svg = preg_replace_callback( |
|
130 | - '/<use(?<pre>.*?)(?:xlink:)?href="(?<href>\/.+?\.svg)#[^"]+"(?<post>.*?)[\s\/]*>(?:<\/use>)?/s', |
|
131 | - function (array $matches): string { |
|
132 | - return sprintf('<use%s href="#%s"/>', $matches['pre'].$matches['post'], $this->convertFilePath($matches['href'])); |
|
133 | - }, |
|
134 | - '<svg xmlns="http://www.w3.org/2000/svg">' |
|
135 | - //."\n<style>\n".implode("\n", $this->styl)."\n</style>" |
|
136 | - //."\n<defs>\n".implode("\n", $this->defs)."\n</defs>" |
|
137 | - ."\n<symbol ".implode("</symbol>\n<symbol ", $this->svgs)."</symbol>\n" |
|
138 | - .'</svg>' |
|
139 | - ); |
|
140 | - |
|
141 | - //unset($this->styl); // save MEM |
|
142 | - //unset($this->defs); // save MEM |
|
143 | - unset($this->svgs); // save MEM |
|
144 | - |
|
145 | - if (\is_int($var = $GLOBALS['TSFE']->config['config']['sourceopt.']['formatHtml']) && 1 == $var) { |
|
146 | - $svg = preg_replace('/[\n\r\t\v\0]|\s{2,}/', '', $svg); |
|
147 | - } |
|
148 | - |
|
149 | - $svg = preg_replace('/<([a-z]+)\s*(\/|>\s*<\/\1)>\s*/i', '', $svg); // remove emtpy |
|
150 | - $svg = preg_replace('/<((circle|ellipse|line|path|polygon|polyline|rect|stop|use)\s[^>]+?)\s*>\s*<\/\2>/', '<$1/>', $svg); // shorten/minify |
|
151 | - |
|
152 | - if (!is_dir($this->sitePath.$this->outputDir)) { |
|
153 | - GeneralUtility::mkdir_deep($this->sitePath.$this->outputDir); |
|
154 | - } |
|
155 | - |
|
156 | - $this->spritePath = $this->outputDir.hash('sha1', serialize($this->svgFileArr)).'.svg'; |
|
157 | - if (false === file_put_contents($this->sitePath.$this->spritePath, $svg)) { |
|
158 | - return false; |
|
159 | - } |
|
160 | - unset($svg); // save MEM |
|
161 | - |
|
162 | - $this->svgCache->set('svgFileArr', $this->svgFileArr); |
|
163 | - $this->svgCache->set('spritePath', $this->spritePath); |
|
164 | - |
|
165 | - return true; |
|
166 | - } |
|
167 | - |
|
168 | - private function getStorageArrayFromDB(): array |
|
169 | - { |
|
170 | - $storageResources = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Resource\StorageRepository::class)->findAll(); |
|
171 | - foreach ($storageResources as $storage) { |
|
172 | - if ('relative' == $storage->getConfiguration()['pathType']) { |
|
173 | - $storageResources[$storage->getUid()] = rtrim($storage->getConfiguration()['basePath'], '/'); // [^/]$ |
|
174 | - } |
|
175 | - } |
|
176 | - unset($storageResources[0]); // keep! |
|
177 | - |
|
178 | - return $storageResources; |
|
179 | - } |
|
180 | - |
|
181 | - private function getSvgFilesArrayFromDB(array $storageIds): array |
|
182 | - { |
|
183 | - return ($queryBuilder = $this->connPool->getQueryBuilderForTable('sys_file')) |
|
184 | - ->select('sys_file.storage', 'sys_file.identifier', 'sys_file.sha1') |
|
185 | - ->from('sys_file') |
|
186 | - ->innerJoin( |
|
187 | - 'sys_file', |
|
188 | - 'sys_file_reference', |
|
189 | - 'sys_file_reference', |
|
190 | - $queryBuilder->expr()->eq( |
|
191 | - 'sys_file_reference.uid_local', |
|
192 | - $queryBuilder->quoteIdentifier('sys_file.uid') |
|
193 | - ) |
|
194 | - ) |
|
195 | - ->where( |
|
196 | - $queryBuilder->expr()->in('sys_file.storage', $queryBuilder->createNamedParameter($storageIds, \TYPO3\CMS\Core\Database\Connection::PARAM_INT_ARRAY)), |
|
197 | - $queryBuilder->expr()->eq('sys_file.mime_type', $queryBuilder->createNamedParameter('image/svg+xml')), |
|
198 | - $queryBuilder->expr()->lt('sys_file.size', $queryBuilder->createNamedParameter($GLOBALS['TSFE']->config['config']['svgstore.']['fileSize'])), |
|
199 | - ) |
|
200 | - ->groupBy('sys_file.uid') |
|
201 | - ->orderBy('sys_file.uid') |
|
202 | - ->execute() |
|
203 | - ->fetchAll() // TODO; use stdClass |
|
204 | - ; |
|
205 | - } |
|
17 | + /** |
|
18 | + * SVG-Sprite storage DIR. |
|
19 | + * |
|
20 | + * @var string |
|
21 | + */ |
|
22 | + protected $outputDir = '/typo3temp/assets/svg/'; // fallback |
|
23 | + |
|
24 | + public function __construct() |
|
25 | + { |
|
26 | + //$this->styl = []; # https://stackoverflow.com/questions/39583880/external-svg-fails-to-apply-internal-css |
|
27 | + //$this->defs = []; # https://bugs.chromium.org/p/chromium/issues/detail?id=751733#c14 |
|
28 | + $this->svgs = []; |
|
29 | + |
|
30 | + $this->sitePath = \TYPO3\CMS\Core\Core\Environment::getPublicPath(); // [^/]$ |
|
31 | + |
|
32 | + if (isset($GLOBALS['TSFE']->config['config']['svgstore.']['outputDir']) && !empty($GLOBALS['TSFE']->config['config']['svgstore.']['outputDir'])) { |
|
33 | + $this->outputDir = '/typo3temp/'.$GLOBALS['TSFE']->config['config']['svgstore.']['outputDir']; // TODO; please beautify |
|
34 | + } |
|
35 | + |
|
36 | + $this->connPool = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Database\ConnectionPool::class); |
|
37 | + $this->svgCache = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Cache\CacheManager::class)->getCache('svgstore'); |
|
38 | + } |
|
39 | + |
|
40 | + public function process(string $html): string |
|
41 | + { |
|
42 | + $this->spritePath = $this->svgCache->get('spritePath'); |
|
43 | + $this->svgFileArr = $this->svgCache->get('svgFileArr'); |
|
44 | + |
|
45 | + if (empty($this->spritePath) && !$this->populateCache()) { |
|
46 | + throw new \Exception('could not write file: '.$this->sitePath.$this->spritePath); |
|
47 | + } |
|
48 | + |
|
49 | + if (!file_exists($this->sitePath.$this->spritePath)) { |
|
50 | + throw new \Exception('file does not exists: '.$this->sitePath.$this->spritePath); |
|
51 | + } |
|
52 | + |
|
53 | + if (!preg_match('/(?<head>.+?<\/head>)(?<body>.+)/s', $html, $html) && 5 == \count($html)) { |
|
54 | + throw new \Exception('fix HTML!'); |
|
55 | + } |
|
56 | + |
|
57 | + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes |
|
58 | + $html['body'] = preg_replace_callback('/<img(?<pre>[^>]*)src="(?<src>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>/s', function (array $matches): string { // ^[/] |
|
59 | + if (!isset($this->svgFileArr[$matches['src']])) { // check usage |
|
60 | + return $matches[0]; |
|
61 | + } |
|
62 | + $attr = preg_replace('/\s(?:alt|ismap|loading|title|sizes|srcset|usemap)="[^"]*"/', '', $matches['pre'].$matches['post']); // cleanup |
|
63 | + |
|
64 | + return sprintf('<svg%s %s><use href="%s#%s"/></svg>', $this->svgFileArr[$matches['src']]['attr'], $attr, $this->spritePath, $this->convertFilePath($matches['src'])); |
|
65 | + }, $html['body']); |
|
66 | + |
|
67 | + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attributes |
|
68 | + $html['body'] = preg_replace_callback('/<object(?<pre>[^>]*)data="(?<data>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>(?:<\/object>)/s', function (array $matches): string { // ^[/] |
|
69 | + if (!isset($this->svgFileArr[$matches['data']])) { // check usage |
|
70 | + return $matches[0]; |
|
71 | + } |
|
72 | + $attr = preg_replace('/\s(?:form|name|type|usemap)="[^"]*"/', '', $matches['pre'].$matches['post']); // cleanup |
|
73 | + |
|
74 | + return sprintf('<svg%s %s><use href="%s#%s"/></svg>', $this->svgFileArr[$matches['src']]['attr'], $attr, $this->spritePath, $this->convertFilePath($matches['data'])); |
|
75 | + }, $html['body']); |
|
76 | + |
|
77 | + return $html['head'].$html['body']; |
|
78 | + } |
|
79 | + |
|
80 | + private function convertFilePath(string $path): string |
|
81 | + { |
|
82 | + return preg_replace('/.svg$|[^\w\-]/', '', str_replace('/', '-', ltrim($path, '/'))); // ^[^/] |
|
83 | + } |
|
84 | + |
|
85 | + private function addFileToSpriteArr(string $hash, string $path): ?array |
|
86 | + { |
|
87 | + if (1 === preg_match('/;base64/', $svg = file_get_contents($this->sitePath.$path))) { // noop! |
|
88 | + return null; |
|
89 | + } |
|
90 | + |
|
91 | + if (1 === preg_match('/<(?:style|defs|url\()/', $svg)) { |
|
92 | + return null; // check links @ __construct |
|
93 | + } |
|
94 | + |
|
95 | + $svg = preg_replace('/<\/svg>.*|xlink:|\s(?:(?:width|height|version|xmlns)|(?:[a-z\-]+\:[a-z\-]+))="[^"]*"/s', '', $svg); // clean !?: \s+(?<atr>[\w\-]+)=["\'](?<val>[^"\']+)["\'] |
|
96 | + |
|
97 | + //$svg = preg_replace('/((?:id|class)=")/', '$1'.$hash.'__', $svg); // extend IDs |
|
98 | + //$svg = preg_replace('/(href="|url\()#/', '$1#'.$hash.'__', $svg); // recover IDs |
|
99 | + |
|
100 | + //$svg = preg_replace_callback('/<style[^>]*>(?<styl>.+?)<\/style>|<defs[^>]*>(?<defs>.+?)<\/defs>/s', function(array $matches) use($hash): string { |
|
101 | + // if(isset($matches['styl'])) |
|
102 | + // { |
|
103 | + // $this->styl[] = preg_replace('/\s*(\.|#){1}(.+?)\s*\{/', '$1'.$hash.'__$2{', $matches['styl']); // patch CSS # https://mathiasbynens.be/notes/css-escapes |
|
104 | + // } |
|
105 | + // if(isset($matches['defs'])) |
|
106 | + // { |
|
107 | + // $this->defs[] = trim($matches['defs']); |
|
108 | + // } |
|
109 | + // return ''; |
|
110 | + //}, $svg); |
|
111 | + |
|
112 | + $this->svgs[] = preg_replace('/.*<svg((?:(?!id=)[^>])+)(?:id="[^"]*")?([^>]*>)/s', 'id="'.$this->convertFilePath($path).'"$1$2', $svg, 1); // change ID; |
|
113 | + |
|
114 | + return preg_match('/\s+viewBox="\s*([+-]?[\d\.]+(?:\s+[+-]?[\d\.]+){3})\s*"/', $svg, $match) ? ['attr' => ' viewBox="'.preg_replace('/\s+/', ' ', $match[1]).'"', 'hash' => $hash] : null; |
|
115 | + } |
|
116 | + |
|
117 | + private function populateCache(): bool |
|
118 | + { |
|
119 | + $storageArr = $this->getStorageArrayFromDB(); |
|
120 | + $svgFileArr = $this->getSvgFilesArrayFromDB(array_keys($storageArr)); |
|
121 | + |
|
122 | + $this->svgFileArr = []; |
|
123 | + foreach ($svgFileArr as $index => $row) { |
|
124 | + if (!$this->svgFileArr[($row['path'] = '/'.$storageArr[$row['storage']].$row['identifier'])] = $this->addFileToSpriteArr($row['sha1'], $row['path'])) { // ^[/] |
|
125 | + unset($this->svgFileArr[$row['path']]); |
|
126 | + } |
|
127 | + } |
|
128 | + |
|
129 | + $svg = preg_replace_callback( |
|
130 | + '/<use(?<pre>.*?)(?:xlink:)?href="(?<href>\/.+?\.svg)#[^"]+"(?<post>.*?)[\s\/]*>(?:<\/use>)?/s', |
|
131 | + function (array $matches): string { |
|
132 | + return sprintf('<use%s href="#%s"/>', $matches['pre'].$matches['post'], $this->convertFilePath($matches['href'])); |
|
133 | + }, |
|
134 | + '<svg xmlns="http://www.w3.org/2000/svg">' |
|
135 | + //."\n<style>\n".implode("\n", $this->styl)."\n</style>" |
|
136 | + //."\n<defs>\n".implode("\n", $this->defs)."\n</defs>" |
|
137 | + ."\n<symbol ".implode("</symbol>\n<symbol ", $this->svgs)."</symbol>\n" |
|
138 | + .'</svg>' |
|
139 | + ); |
|
140 | + |
|
141 | + //unset($this->styl); // save MEM |
|
142 | + //unset($this->defs); // save MEM |
|
143 | + unset($this->svgs); // save MEM |
|
144 | + |
|
145 | + if (\is_int($var = $GLOBALS['TSFE']->config['config']['sourceopt.']['formatHtml']) && 1 == $var) { |
|
146 | + $svg = preg_replace('/[\n\r\t\v\0]|\s{2,}/', '', $svg); |
|
147 | + } |
|
148 | + |
|
149 | + $svg = preg_replace('/<([a-z]+)\s*(\/|>\s*<\/\1)>\s*/i', '', $svg); // remove emtpy |
|
150 | + $svg = preg_replace('/<((circle|ellipse|line|path|polygon|polyline|rect|stop|use)\s[^>]+?)\s*>\s*<\/\2>/', '<$1/>', $svg); // shorten/minify |
|
151 | + |
|
152 | + if (!is_dir($this->sitePath.$this->outputDir)) { |
|
153 | + GeneralUtility::mkdir_deep($this->sitePath.$this->outputDir); |
|
154 | + } |
|
155 | + |
|
156 | + $this->spritePath = $this->outputDir.hash('sha1', serialize($this->svgFileArr)).'.svg'; |
|
157 | + if (false === file_put_contents($this->sitePath.$this->spritePath, $svg)) { |
|
158 | + return false; |
|
159 | + } |
|
160 | + unset($svg); // save MEM |
|
161 | + |
|
162 | + $this->svgCache->set('svgFileArr', $this->svgFileArr); |
|
163 | + $this->svgCache->set('spritePath', $this->spritePath); |
|
164 | + |
|
165 | + return true; |
|
166 | + } |
|
167 | + |
|
168 | + private function getStorageArrayFromDB(): array |
|
169 | + { |
|
170 | + $storageResources = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Resource\StorageRepository::class)->findAll(); |
|
171 | + foreach ($storageResources as $storage) { |
|
172 | + if ('relative' == $storage->getConfiguration()['pathType']) { |
|
173 | + $storageResources[$storage->getUid()] = rtrim($storage->getConfiguration()['basePath'], '/'); // [^/]$ |
|
174 | + } |
|
175 | + } |
|
176 | + unset($storageResources[0]); // keep! |
|
177 | + |
|
178 | + return $storageResources; |
|
179 | + } |
|
180 | + |
|
181 | + private function getSvgFilesArrayFromDB(array $storageIds): array |
|
182 | + { |
|
183 | + return ($queryBuilder = $this->connPool->getQueryBuilderForTable('sys_file')) |
|
184 | + ->select('sys_file.storage', 'sys_file.identifier', 'sys_file.sha1') |
|
185 | + ->from('sys_file') |
|
186 | + ->innerJoin( |
|
187 | + 'sys_file', |
|
188 | + 'sys_file_reference', |
|
189 | + 'sys_file_reference', |
|
190 | + $queryBuilder->expr()->eq( |
|
191 | + 'sys_file_reference.uid_local', |
|
192 | + $queryBuilder->quoteIdentifier('sys_file.uid') |
|
193 | + ) |
|
194 | + ) |
|
195 | + ->where( |
|
196 | + $queryBuilder->expr()->in('sys_file.storage', $queryBuilder->createNamedParameter($storageIds, \TYPO3\CMS\Core\Database\Connection::PARAM_INT_ARRAY)), |
|
197 | + $queryBuilder->expr()->eq('sys_file.mime_type', $queryBuilder->createNamedParameter('image/svg+xml')), |
|
198 | + $queryBuilder->expr()->lt('sys_file.size', $queryBuilder->createNamedParameter($GLOBALS['TSFE']->config['config']['svgstore.']['fileSize'])), |
|
199 | + ) |
|
200 | + ->groupBy('sys_file.uid') |
|
201 | + ->orderBy('sys_file.uid') |
|
202 | + ->execute() |
|
203 | + ->fetchAll() // TODO; use stdClass |
|
204 | + ; |
|
205 | + } |
|
206 | 206 | } |
@@ -55,7 +55,7 @@ discard block |
||
55 | 55 | } |
56 | 56 | |
57 | 57 | // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes |
58 | - $html['body'] = preg_replace_callback('/<img(?<pre>[^>]*)src="(?<src>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>/s', function (array $matches): string { // ^[/] |
|
58 | + $html['body'] = preg_replace_callback('/<img(?<pre>[^>]*)src="(?<src>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>/s', function(array $matches): string { // ^[/] |
|
59 | 59 | if (!isset($this->svgFileArr[$matches['src']])) { // check usage |
60 | 60 | return $matches[0]; |
61 | 61 | } |
@@ -65,7 +65,7 @@ discard block |
||
65 | 65 | }, $html['body']); |
66 | 66 | |
67 | 67 | // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attributes |
68 | - $html['body'] = preg_replace_callback('/<object(?<pre>[^>]*)data="(?<data>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>(?:<\/object>)/s', function (array $matches): string { // ^[/] |
|
68 | + $html['body'] = preg_replace_callback('/<object(?<pre>[^>]*)data="(?<data>\/[^"]+\.svg)"(?<post>[^>]*?)[\s\/]*>(?:<\/object>)/s', function(array $matches): string { // ^[/] |
|
69 | 69 | if (!isset($this->svgFileArr[$matches['data']])) { // check usage |
70 | 70 | return $matches[0]; |
71 | 71 | } |
@@ -128,7 +128,7 @@ discard block |
||
128 | 128 | |
129 | 129 | $svg = preg_replace_callback( |
130 | 130 | '/<use(?<pre>.*?)(?:xlink:)?href="(?<href>\/.+?\.svg)#[^"]+"(?<post>.*?)[\s\/]*>(?:<\/use>)?/s', |
131 | - function (array $matches): string { |
|
131 | + function(array $matches): string { |
|
132 | 132 | return sprintf('<use%s href="#%s"/>', $matches['pre'].$matches['post'], $this->convertFilePath($matches['href'])); |
133 | 133 | }, |
134 | 134 | '<svg xmlns="http://www.w3.org/2000/svg">' |