[modDevTools] — вывод кода чанков и сниппетов на странице шаблона или чанка

modDevTools в репозитории Simple Dream.

Пишу компонент для ускорения некоторых моментов разработки сайтов. На данный момент почти готово все, что я первоначально задумал, но появились еще несколько идей. Хотелось бы увидеть пожелания и предложения от читателей modx.pro.

Основная идея заключалась в том, чтобы при редактировании шаблонов не требовалось постоянно искать в дереве и открывать (в отдельном окне или быстрым редактированием) чанки и сниппеты.

Реализованные особенности компонента:

выводит код чанков и сниппетов, используемых в шаблоне или чанке, с возможностью редактирования. Если есть, подключается редактор Ace.
находит чанки даже в параметрах, например, в [[pdoResources?tpl=`rowTpl`]] найдет чанк rowTpl, если он уже существует
для сниппетов выводит список параметров
выводит список ресурсов, которые используют данный шаблон
можно переходить на редактирование, просматривать, менять шаблон, публиковать, удалять ресурсы из этого списка
поддерживается AjaxManager
поддерживаются MODX 2.2 и 2.3

Виталий Киреев

29 сентября 2014, 07:31

7 262

+11

Комментарии: 30

Алексей

29 сентября 2014, 13:27

Можно вообще отказался от редактирования в админке чанков\сниппетов, используя phpstorm, там все удобней некуда. А для ускорения разработки сайтов лучше использовать haml — на своем опыте скажу, что кажется в полтора раза уменьшилась сложность любого сайта, особенно на этапе верстки макета, да и в сниппетах pdoTools можно использовать скомпилированный из haml html с помощью @FILE

Виталий Киреев

29 сентября 2014, 21:01

Пробовал, оказалось неудобно. К тому же статические элементы замедляют работу сайта на фронтенде. В Phpstorm удобно разрабатывать компоненты. Про HAML не очень понятно, по скорости написания html-кода увеличивает? Я привык к emmet, который в том числе есть и в Ace, и в Phpstorm.

Алексей

11 октября 2014, 11:46

там нужен ровно 1 статический элемент — шаблон, все инклуды чанков делает магия руби:

Haml::Engine.new(File.read(File.expand_path 'head.haml', File.dirname(__FILE__))).render

Іван Клімчук

29 сентября 2014, 14:05

А есть возможность где-то посмотреть компонент в работе?

Сергей Скат

29 сентября 2014, 15:25

мне тоже интересно посмотреть компанент в работе, я не совсем понимаю его смысл, он просто показывает используемые чанки в конкретном ресурсе? не замедляет ли это работу админки?

Руслан Кундиус

29 сентября 2014, 16:32

При редактировании шаблона показывает используемые в нем чанки и сниппеты, а также ресурсы, которым данный шаблон присвоен, вроде так…
Замедлит разве что страницу редактирования шаблона.

Павел Левин

29 сентября 2014, 22:31

А простой поиск по шаблонам и чанкам будет? к примеру, найти упоминание чанка в шаблонах и т.п.

Виталий Батушев

01 октября 2014, 04:42

Janitor умеет, но у него вроде какие-то проблемы в 2.3.x

Виталий Киреев

01 октября 2014, 07:15

Будет в следующей версии.

Павел Левин

02 октября 2014, 16:43

Спасибо.
Это будет здорово и думаю юзабельно.

Сергей Скат

29 сентября 2014, 23:12

Возможно разработка интересная, где и как ее можно попробовать?

Евгений Webinmd

30 сентября 2014, 13:19

Отличная разработка! Там и пожелать пока больше нечего.

Виталий

30 сентября 2014, 23:37

Загрузил в репозиторий Simple Dream: store.simpledream.ru/packages/utilities/moddevtools.html

Виталий Батушев

01 октября 2014, 04:30

Отличная вещь.

Василий Наумкин

01 октября 2014, 08:50

Судя по картинкам, это просто гениально!

У меня была идея сделать как в PhpStorm — переход на редактирования чанка по Ctrl+B на его имени в шаблоне, но так и не придумал, как это удобно сделать.

А тут всё просто, понятно, и никаких лишних переходов. Отлично!

Олег Сергеевич

01 октября 2014, 14:06

А какая тема (стиль) в Ace используется?

Виталий Киреев

01 октября 2014, 14:08

monokai

Олег Сергеевич

01 октября 2014, 14:13

Спасибо!

Павел Левин

02 октября 2014, 16:57

Первое впечатление — очень полезное дополнение! (только поставил))

Я думал оно будет во вкладке «Приложения» prntscr.com/4sch8p
Именно там пытался найти =)

Владимир

03 октября 2014, 09:20

Спасибо! Это ж MustHave!

Илья Уткин

03 октября 2014, 09:57

Штука офигенная. А скажите, не получится перехватывать нажатие Ctrl+S при редактировании чанка во вкладке? А то забываешься, жмешь Ctrl+S, а сохраняется шаблон и содержимое чанка возвращается к первоначальному виду.

Виталий Киреев

03 октября 2014, 10:01

Хорошее замечание. Я уже думал над тем, чтобы не давать сохранять шаблон, когда находишься на вкладке его чанков, т.к. сам случайно нажимаю, правда не ctrl-s, а на «Сохранить» вверху у шаблона, когда редактирую верхний чанк :).

Cyrax_02

03 октября 2014, 20:45

В идеале компонент не мешает «научить» выполнять рефакторинг кода.
В частности, переименовывать элементы сейчас — жуть. Вручную по всем шаблонам, чанкам, сниппетам и ctrl+F. А можно было бы за секунду.

Павел Левин

04 октября 2014, 18:12

Заметил баг, при редактировании ресурса бывает подвисает вся вкладка (думал из-за обновления винды, но такого обновления нет или из-за часового пояса), бывают не погружается левое древо меню или некоторые блоки редактирования контента, при удалении modDevTools все эти моменты пропадают. Совпадение?

Виталий Киреев

05 октября 2014, 06:15

При редактировании ресурсов никакие скрипты от modDevTools не подключаются. Какие ошибки в консоли браузера показывает?

Павел Левин

06 октября 2014, 23:46

Отбой тревоги, я все перепроверил, это косяк с временем… странные явления, на 7-ке в хроме все нормально, но 8-ке тот же хром и уже древо не подгружается и админка капризничает, +1 час к часовому поясу решает проблему, но древо файлов при редактировании ресурса не подгружается (в меню слева). Думаю стоит ждать фикса от мелкософта или еще что, не знаю.

Sergey Leleko

11 октября 2014, 16:10

Компонент просто чумовой!
Я даже не знаю как и оценить, насколько много времени он экономит!
Автору огромная благодарность!
Сначала не совсем было ясно как работает, но это все такие мелочи, по сравнению с тем насколько стало удобно после понимания!

Wassi Wassinen

11 октября 2014, 16:33

Класс! Недавно редактор просил нечто подобное. Спасибо!

russel gal

11 октября 2014, 22:57

Вложенные чанки и сниппеты не работают?

Дарья Брандина

06 ноября 2014, 19:49

Очень полезный компонент! Действительно, безумно удобно! Спасибо огромное!
У меня только небольшой вопрос, связанный с редактированием чанков внутри шаблонов: пробовала использовать перетаскивание чанков и ресурсов из дерева, но у меня не получилось. Так и должно быть или я что-то не то делаю?

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Здесь упомянуты:

Компонент	Текущая версия	Закачки
modDevTools	1.2.1-pl от 27.02.2016	3 111
Ace	1.9.4-pl от 23.02.2024	14 713
pdoTools	2.13.2-pl от 02.09.2021	54 170