Есть ли у вас на примете GUI библиотеки для desktop приложений на JavaScript?

Question

[Interface]

Уже не первый год мне не хватает инструмента для разработки нативных интерфейсов (GUI) кроссплатформенных desktop-ных приложений на JavaScript.

Для тех кто наткнется на этот вопрос в поисках такого инструмента, приведу список, того что примерно похоже на то, что я ищу, но полностью удовлетворяет требованиям:

Первая категория - это webkit-based решения для desktop приложений:

• nw.js (NodeWebkit) - https://nwjs.io/ [Github: https://github.com/nwjs/nw.js]
  
• Electron - electron.atom.io [Github: https://github.com/electron/electron]
  
• Appjs (последний коммит ~2 года назад) - appjs.com
  
• Brackets Shell - https://github.com/adobe/brackets-shell
  
• Titanium Desktop - https://github.com/appcelerator/titanium_desktop
  https://habrahabr.ru/post/95010/
  

(Возможно что-то пропустил - пишите - добавлю)

WebKit-решения - это с одной стороны интересная задумка и есть несколько хороших примеров как это применили, но они все представляют из себя в какой-то степени браузер. А это не "нативный" UI. А именно: оверхед по производительности и по занимаемому месту (+50 Мб к весу приложения). Это казалось бы не критично, но если все приложение - формочка с 2 кнопками - это явно из пушки по воробьям.

Также наверняка есть решения не на WebKit, а на другом движке или штатном webView - но они видимо не такие популярные.

Далее (немного не в тему, но все же) можно выделить похожую категорию для мобильной разработки:

• Cordova - https://cordova.apache.org/
  
• Phonegap - phonegap.com
  
• Ionic - ionicframework.com Ionic основан на Cordova, хотя иногда его противопостовляют как "нативную" альтернативу последней
  

А вот дальше уже интересно! Фреймворки с нативным UI для мобильных устройств:

• React Native - https://facebook.github.io/react-native/
  
• NativeScript ({N}) - https://www.nativescript.org/
  
• Titanium - www.appcelerator.com/mobile-app-development-products
  

Эти инструменты позволяют использовать нативный UI для мобильных платформ. Это почти то, что мне надо! Только мне нужно то же, но для десктопа :(

У всех трех есть упоминание десктоп-приложений:
Titanium - см. выше - на webkit;
React Native - есть для macOS (https://github.com/ptmt/react-native-macos) и для windows 10+ в UWP формате: https://github.com/ReactWindows/react-native-windows . А мне хотелось бы поддержки win7 хотя бы;
NativeScript - (пока нет поддержки) https://github.com/NativeScript/NativeScript/issues/27

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

• node-qt - https://github.com/arturadib/node-qt - последний коммит 15.06.2014 :(
  
• node-gtk - https://github.com/WebReflection/node-gtk - "This project is abandoned, it not even a work in progress anymore :-("
  
• wxnode - https://github.com/joeferner/wxNode - Latest commit da16a8e on 9 Oct 2012
  

Это родившиеся ~5 лет назад проекты, просуществовавшие около года :( Хотелось бы знать почему их более не поддерживают.

Есть также QML - но тут насколько я понимаю одним JS не огрничиться. Поправьте если я не прав!

Еще есть WPF - но он ограничен Windows насколько я понимаю.

Есть ли у вас какие-то инструменты на примете, которые:
- имеют нативный интерфейс (не webview / браузер etc.)
- кроссплатформенны
- opensource
- JavaScript достаточно для создания приложения (не считая языков разметки и подобного)
- позволяют создавать десктопные приложения
?

P.s. сам пытался сделать свое решение на связке Delphi + javascript - т.е. с помощью Delphi "enhanced RTTI" можно прокинуть классы контролов в движок JS (в моем случае SpiderMonkey 24), что позволило рисовать родные ламповые виндовые кнопочки и менюшки. Сделал даже работающий прототип, могу поделиться ссылкой если кому-то интересно. Но в итоге проект имеет ряд ключевых недостатков:
- только windows (а хотелсоь бы иметь кроссплатформенность), но это меньшая из проблем;
- код проекта открыт, но лицензия Delphi недопускает такое использование своей IDE насколько мне известно;
- ограниченность js движка - SpiderMonkey 24 - это es2015, а учитывая, что проект delphi-javascript, на котором все это выстроенно мертв - все очень печально :(

Думал о переходе на Lazarus, но там нет "enhanced RTTI" из Delphi 2010+.

Также рассматривал проект mormot, так как там есть более свежий SpiderMonkey 45, да и сам проект живой: https://synopse.info/forum/viewtopic.php?id=3498

Если вы можете прокоментировать такой подход - мне было бы интерсно вас выслушать. Если вы заинтересованны в том чтобы развить эту идею - протащить классы lazarus-контролов в SpiderMonkey 45 - я буду в восторге! :)

Также была мысль о том чтобы не использовать отдельный js-движок, а сделать полностью динамичное в рантайм приложение в lazarus (т.е. создание кнопок, форм, расположение их, удаление и т.д. в рантайм, что не ясно возможно ли с его RTTI) и подключить его к Node.js через сокет... Но такое решение сейчас кажется как минимум неоднозначным :D
Кстати, нет ли у вас напримете подобных инструментов, чтобы можно было GUI управлять полностью свободно через сокет?

Comments

[Interface]

vserv: да, он на Electron для desktop

Answer 1

[peter23]

https://github.com/andlabs/libui

Comments

[Interface]

Очень похоже на то, что мне нужно! Спасибо большое за ссылку! Только у меня не завелись биндинги для ноды (ни libui (https://github.com/mavenave/libui.js) ни libui-node (https://github.com/parro-it/libui-node)). Вы с нодой не использовали ее? Может есть работающая сборка?

Answer 2

[gimntut]

По моему на лицо путаница понятий. Если нужно нативное приложение, то рендер для html'а под названием webkit/blink/gecko/trident точно не нужен. Нужен js движок V8/SpiderMonkey/Chakra, а они не такие уж и большие.
То что в RAD 2010 называется "enhanced RTTI", в windows встроено начиная c XP и называется ActiveX. В своё время активно использовалось в VB. Причём в качестве языка до сих пор можно использовать JS (см. WSH). Только смысла в этом не много, т.к. 99% js библиотек рассчитано на работу с DOM, т.е. с webkit или другими рендерами, а значит придётся всё писать с нуля. А зачем, когда уже есть готовые библиотеки написанные на нативных языках? Поэтому или Electron и вся мощь js, или Delphi и вся мощь VCL.

Comments

[Interface]

Почему же путаница, вы все правильно поняли: мне нужен JS движок (причем "нормальный js" - es6/es7, так что JScript - не вариант) + нативный GUI. Раз уж я сам пишу, что мне не нужен браузер в любом виде - я понимаю, что библиотеки для работы с DOM не будут работать, но у js есть и другие библиотеки. Мне не нужна "вся мощь", мне нужна принципиальная возможность. Про ActiveX - почитаю, но в том что нашел беглым поиском он упоминается как расширение IE. Буду благодарен ссылке на статейку о том, что вы имели ввиду.

[gimntut]

Interface: Мне как-то не пришлось создавать форму с помощью ActiveX, но использовать всякие ActiveX штучки на формах в Delphi приходилось (но мне не понравилось). Самое известное из них - Equation (редактор формул из MS Office), но оно не работало без установленного офиса. Правда была особенность, на основе idl (вернее tbl) встроенного в ActiveX компонент Delphi генерировал обёртку на паскале. Для интерпретируемых языков (js, c#, java) обёртка не нужна.
А вот в VB6 можно создавать целые приложения из ActiveX. Но эту возможность я не пробовал. Все нативные элементы хранились в библиотеке (кажется comctl32.dll) после выполнения regsrv32.exe comctl32.dll элементы становятся доступны для использования из скриптов wscript.exe. Примеры использования ActiveX без IE можно найти на сером форуме по теме вызова диалога открытия файлов.
Ссылки:
* docwiki.embarcadero.com/RADStudio/Berlin/en/RIDL_File
* forum.script-coding.com

Answer 3

[Яков Е]

На QML можно сделать почти все, но некоторые вещи сильно проще вынести в С++ и работать с ними через него.

Comments

[Interface]

А можете вкратце описать, что можно оставить на js, а что можно вынести в C++? Можно ли, например, сделать дизайнер форм в ран-тайм используя только js? Можно ли на js, например, отправить http запрос?

[Яков Е]

Interface: дизайнер форм? Не очень понимаю о чем идет речь, но там есть canvas, можно генерировать компоненты в рантайме. С сетью работать можно, например https://habrahabr.ru/post/176665/

Answer 4

[xmoonlight]

Я вот сам искал под Lazarus, но пока пришёл к одному: берётся граф. либа BGRABitmap и на ней всё делается вручную.
Бонус.

Comments

[Interface]

А вы, получается искали графические библиотеки под Lazarus? Упомину про библиотку Cairo (https://ru.wikipedia.org/wiki/Cairo) - если вдруг пропустили. Т.е. вы используете граф. библиотеку и делаете с ее помощью свои виджеты? А основная разработка ведется при этом на Lazarus или JavaScript? Есть ли что-то в открытом доступе?

[xmoonlight]

Interface: веду на Lazarus, но так же, поставил Chromium-компонент. Правда таскать ради красоты в 160Мб "хвост" за собой - нет особого желания. А так - браузер работает на форме как обычно.
Виджеты - я не делаю, пока изучаю варианты.

Answer 5

[developer007]

Использую это www.awesomium.com/download

Comments

[nirvimel]

Awesomium WebControl
- Based on .NET Awesomium core wrapper based on Awesomium core based on modified Chromium (or WebKit) engine.

https://www.codeproject.com/Tips/825526/Csharp-Web...

Еще одна коммерческая обертка вокруг WebKit. Но бесплатная до $100K совокупного дохода проекта. Но исходники открыты только в платной ($2900) версии.

[developer007]

nirvimel: но это не особо мешает клепать проекты на нем

Answer 6

[Дмитрий Макаров]

HTA веб морда для винды

Comments

[Interface]

Это классная возможность, но немного не то, вот почему:
- это веб-вью (насколько я могу судить), а я хочу нативный gui (аля delphi например);
- IE - ну тут особо добавить нечего;
- не кроссплатформенно;
- не opensource;

Ну а вообще здорово, конечно, иметь такой инструмент дополнительно. Поправьте если в чем-то ошибаюсь. В любом случае спасибо за ответ!