Panorama IntelliSense

Подсказки тегов, атрибутов и свойств Valve Panorama (Dota 2, CS2, Source 2) в XML- и CSS-файлах для VS Code и Cursor.

Возможности

XML (layout-файлы)

• Теги — автодополнение панелей: Panel, Button, Label, Image, DOTAHeroImage, TextEntry, DropDown и др. (по типам из @moddota/panorama-types).
• Подсказки без ввода <: на пустой строке или после > (Ctrl+Space), а также по началу имени (например, Panel).
• Обязательные атрибуты подставляются автоматически при выборе тега (например, type и layoutfile для CustomUIElement, src для Image).
• Атрибуты — подсказки внутри открывающего тега с пометкой обязательный/опционально.
• Значения атрибутов — для атрибутов с фиксированным набором (например, heroimagestyle: icon, portrait, landscape).
• Hover — описание тега и атрибута при наведении.

CSS

• Свойства Panorama — flow-children, horizontal-align, vertical-align, wash-color, размеры, отступы, шрифты и др.
• Значения — подсказки для свойств с перечислением (например, flow-children: down, right, down-wrap, right-wrap, none).
• Hover — описание свойства и допустимые значения.

Установка

Из .vsix (локально)

1. Соберите пакет в папке расширения:

   npm install
   npm run compile
   npx @vscode/vsce package
   

2. В Cursor/VS Code: Extensions → ... → Install from VSIX... → выберите panorama-intellisense-1.0.0.vsix.

Из папки (разработка)

1. Откройте папку расширения в Cursor/VS Code.
2. F5 — запуск Extension Development Host с установленным расширением.

Настройки

Когда работают подсказки

По умолчанию подсказки включаются только для файлов, у которых в полном пути встречается panorama (например, content/panorama/layout/... или game/panorama/...). Для любых XML/CSS включите соответствующий флаг в настройках.

Требования

• VS Code или Cursor 1.74.0 и выше.

Лицензия

MIT