Вийшов COLT 2.0 з підтримкою Angular.js, node-webkit

  Сьогодні ми випускаємо нову версію нашого продукту. COLT 2.0.
Даний реліз буде цікавий JavaScript розробникам.
 
 

Головні новини. Коротко

Підтримка node-webkit, підтримка роботи з віддаленими або локальними серверами (live-proxy). Консольна версія COLT (запуск без UI на сервері). Підтримка Angular. Новий механізм HTML доставки. Поліпшення роботи з Sublime Text (JSDocs та інше). Поліпшення продуктивності. Новий інтерфейс на node-webkit. Покращена підтримка Linux. Новий демо режим (як у Sublime). Значне зменшення розміру дістрібьютіва.
 
 

Flash

Для когось сумна новина. Ми більше не підтримуємо Flash. Флеш версія буде підтримуватися силами ком'юніті. Ісходникі Flash версії будуть скоро доступні на github. Ми вирішили повністю сконцентруватися на JS. Node, web, node-webkit, phonegap. Нова адреса нашого проекту буде COLT.IO.
 
 

Angular.js

1. Рекомпіляції директив після live-оновлення HTML. Тобто, якщо ви якось змінили директиву, наприклад {{myData}} після зміни ви не побачите фігурні дужки, а побачите вже дані з $ scope. Наша перекомпіляція HTML досить розумна, ми розуміємо що директиви знаходяться всередині ng-repeater і «перезбирати» частину всередині «репитера». Щоб візуально відслідковувати перекомпіляцію і яка область була порушена при оновленні ми показуємо червоний прямокутник навколо оновленого елемента.
 
2. Підвантаження змін HTML і перекомпіляція директив працюватиме з підвантаженим HTML. Ви можете правити темплейт який завантажила головна сторінка через ng-router і відразу бачити як буде виглядати ваш скомпільований HTML.
 
Подивіться демо як це працює.
  
 

Live-Proxy

Тепер в адресі main документа в налаштуваннях проекту ви можете вказати адресу сторінки не сервері. Або сайту. У цьому випадку COLT буде завантажувати сторінки і ресурси з сервера, і трансформувати їх для роботи в в режимі live. Як тільки ресурс буде змінено на сервері, COLT зреагує на цю зміну і доставить всім підключеним клієнтам новий JS і HTML зміни. Тепер не важливо які серверні мови програмування ви використовуєте. Sublime буде так само отримувати новий стан, комлітіть, виводити значення на консоль. Вам потрібно лише забезпечити синхронізацію файлів вашого проекту на сервер, для чого є вже досить багато засобів та інструментів. Ми очікуємо, що таке нововведення має допомогти впровадити COLT і livecoding у великі проекти зі складним стеком серверних рішень.
 
 

Консольна версія

Тепер щоб запус live-сесію не потрібно запускати інтерфейс. Ви можете запустити jar з консолі, передавши йому першим аргументом шлях до xml проекту.
 
Наприклад:
 
 
$ java jar colt.jar myProject.colt

 
Такий режим дуже добре підходить для серверної установки в режимі live-proxy.
 
 

Новий механізм оновлень HTML

Нові підходи розробки додатків припускають, що додаток може складатися з великої кількості html файлів. One Page Application. Тепер, кожному тегом у вашому проекті присвоюється унікальний ідентифікатор, який допомагає знайти його в завантаженому додатку, з будь-якого документа. І тепер, коли ви поміняєте будь тег в будь-якому файлі у проекті, його новий стан буде відображено в run-time. Щоб допомогти візуально контролювати зміни, тимчасово такому тегом буде додано стиль сірої рамки. Нагадаємо, що наш механізм доставки HTML і JS працює в будь-якому браузері і на будь-якому пристрої, мобільному, ТБ і тд.
 
 

Підтримка node-webkit

Тепер livecoding, інтеграція з Sublime працює не тільки для браузерів і node.js. Тепер з'явилася ще одна середовище виконання, яку ми підтримуємо. Ви можете стартувати додаток з Sublime або з інтерфейсу проекту та будь-які зміни HTML будуть оновлені. Sublime отримує дані для автокомліта прямо з програми.
 
Демонстранціонное відео:
  
 

Sublime

Перерахуємо поліпшення в Sublime.
 
1. Краще відображення помилок runtime та синтаксису.
2. Підтримка JS Docs.
3. Автоматична генерація проекту COLT для node і node.webkit.
4. Поліпшення автокомпліта.
5. Поліпшення виведення значень на консоль — «show value» поліпшений формат і виведення на консоль Sublime тепер дублюється висновком в браузер console.log () — так простіше розбирати об'єкти зі складною структурою.
6. Вирішено велика кількість багів і проблем з «go to function declaration».
 
Окремо по JS Docs можна подивитися відео.
  
 

Webstorm

Багатьом користувачам Webstorm подобаються некорие можливості, які ми реалізували для Sublime. У Webstrom ніколи не було проблем з комплішеном, але все ж потрібно визнати, що наша доставка HTML і JS краще. Так само подобається можливість вивести значення будь-якої змінної без старту сесії.
 
Ці можливості найближчим часом з'являться в плагін до Webstorm.
 
Чекайте оновлений плагін Webstorm наступного тижня.
 
 

Новий інтерфейс

Тепер наш інтерфейс створений з використанням node-webkit. Минулий інтерфейс на java-fx показав себе по ряду моментів не кращим чином. Тепер старт став швидше, Дистриб'юто значно схуд за вагою, ми використовуємо наш же інструментарій для розробки нашого продукту.
 
Ми виклали исходники нашого інтерфейсу у відкритий доступ, якщо у вас буде завдання зробити додаток для win / mac / linux без особливих зусиль і витрат, то можете скористатися нашим проектом як відправною точкою.
 
Ісходникі UI доступні за адресою —
 
 github.com / code-orchestra / colt-ui
 
 

Новий демо-режим

Ми скопіювали ідею демо-режиму з Sublime. Тепер при старті COLT вас не запитають від введенні серійного номера. Просто при роботі з COLT вас сповіщатимуть що ви працюєте з незареєстрованої версією.
 
Також ми додали варіант покупки на рік з хорошою знижкою.
 
Плани на найближчий час —
 
1. Перенести пост-і пре-компіляційного скрипти з gradle на grunt (зараз вони тимчасово заблоковані)
 
2. Поліпшити підтримку Angular в Sublime.
Автокомліт директив. Автокомліт методів і полів $ scope всередині атрибутів тегів і байндінг-дужок. Go to directive declaration. Розумні сніпети Аngular.
 
3. Зменшити швидкість запуску node.js проектів і node-webkit. Механізм залежностей. Транформація коду за запитом як ми це реалізували для веб проектів.
 
4. Find function usages в Sublime.
 
5. Оновлена ​​версія Webstorm плагіна
 
6. Поліпшити продуктивність на великих скриптах.
 
Так само ми плануємо підтримка інших фреймворків — не тільки Angular. Якщо є ідеї що потрібно, наприклад, де потрібна рекомпіляції HTML — пишіть.
 
Задавайте питання. Ми з не терпінням чекаємо ваших відгуків.
 
сайт проекту codeorchestra.com і так само скоро буде доступний домен COLT.IO
 
Завантажити COLT 2.0 Beta можна за адресою.
 
Win link
Mac link
Linux (у процесі складання)
 
 Хто хоче отримати річну ліцензію на COLT безкоштовно, напишіть оглядову статтю і надішліть нам на неї посилання на наш твіттер @ code_orchestra.
  
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.