Отображение превьюшек для svg-картинок в ТВ типа "Изображение"

Сегодня обнаружил, что из коробки тв-шки с картинками не умеют показывать превью после выбора картинки. Всё дело в том, что по-умолчанию все картинки скармливаются phpThumb чтоб сгенерить превью нужного размера. Это логично, но не учитывается вариант с svg — картинка векторная, и пхпТумб не может сгенерить превью.
То, что я сделал — не панацея, и я отдаю себе отчёт почему я это сделал и что это не универсальное решение, но, тем не менее, вероятно кому-то в его ситуации это тоже подойдёт.

Итак, вот что надо сделать:

1. Открыть шаблон по адресу manager/templates/default/element/tv/renders/input/image.tpl
2. В нём есть 2 места, где выводится изображение — первое в самом начале — это когда мы просто загружаем форму с уже добавленной картинкой, и второе ближе к концу внутри яваскрипта — это когда пользователь выбрал изображение в файловом менеджере только что и надо обновить превьюшку. Не смотря на схожесть с феном, шаблонизатор в этих шаблонах используется другой — смарти, он похож по синтаксису, но намного более скудный по возможностям, но решение есть.
3. Вначале файла надо сделать вот такую замену:
   

   ...
   <div id="tv-image-preview-{$tv->id}" class="modx-tv-image-preview">
   {if $tv->value}
       {if $tv->value|substr:-4:4 == '.svg'}
           <img src="/img/{$tv->value}" alt="" width=300 height=200 />
       {else}
           <img src="{$_config.connectors_url}system/phpthumb.php?w=400&h=400&aoe=0&far=0&src={$tv->value}&source={$source}" alt="" />
   {/if}
   ...

   Тут всё просто — если в содержимое TV заканчивается на .svg то мы выводим просто тег имг с фиксированными значениями ширины и высоты. Тут надо оговориться, у меня кастомный медиаисточник, поэтому я написал /img/ вначале, если у вас свой источник, или источник по умолчанию, то и урл должен быть соответствующий, например для дефолтного надо просто слеш вначале поставить.
   Ну а если это не свг, то оставляем оригинальный вывод через пхпТумб.
   
4. Во вотором месте делаем следующее:
   

   ...
   if (Ext.isEmpty(data.url)) { //тут пока без изменений
   	d.update('');
   } else {
           //а вот тут надо вклинить нашу проверку на свг, на этот раз уже на яваскрипте:
   	if (data.url.includes('.svg')) {
   		d.update('<img src="/img/'+data.url+'" alt="" width="300" height="200" />');
   	} else {
           //тут остаётся без изменений.
   	{/literal}
   		d.update('<img src="{$_config.connectors_url}system/phpthumb.php?w=400&h=400&aoe=0&far=0&src='+data.url+'&wctx={$ctx}&source={$source}" alt="" />');
   	{literal}
   	} // не забудь закрыть скобочку!
   }

   Tоже понятно — теперь у нас в руках есть вся мощь яваскрипта, так что проверяем наличие подстроки '.svg' и, в зависимости от результата, делаем или свой вывод или дефолтный
   
5. Готово! Теперь в формах ресурсов, или мигх будут отображаться превьюшки для .svg

В этом решении не учитывается работа с медиасорцами, а точнее учитвыается конкретно мой случай, если у вас более хитрые настройки медиасорсов, это тоже не проблема, просто надо будет больше проверок и, соответственно, больше вариантов вывода.
Ну и надо понимать, что при обновлении системы это дело слетит, так что надо держать это в уме при обновлении. Повторюсь — это костыльное решение, но свою задачу оно выполняет, так что используйте осознанно.

site.ru/connectors/system/phpthumb.php?w=400&h=400&aoe=0&far=0&f=png&src=icons/tg.svg&wctx=web&source=2