не так понял, видимо. я думал, вы имели ввиду это 😁

а так, rebass

А есть UIKit чисто на голом JS

Foundation

JqueryUI (если он еще жив)

А есть UIKit чисто на голом JS

https://getmdl.io/

https://getmdl.io/

Посмотрел

Коллеги, кто какими UI фреймворками пользуется?

vk ui

надо глянуть

Посмотрел

И как ?)

это реакт библиотека

v12.0.0-beta.8 https://github.com/electron/electron/releases/tag/v12.0.0-beta.8 v12.0.0-beta.8

v13.0.0-nightly.20201210 https://github.com/electron/electron/releases/tag/v13.0.0-nightly.20201210 v13.0.0-nightly.20201210

elenctron приложения запускаются командой electron [папка_проекта] например electron .

почему то "use strict" выдает ошибку. "Uncaught SyntaxError: Identifier 'fs' has already been declared at" подскажите в чем дело?

v11.0.5 https://github.com/electron/electron/releases/tag/v11.0.5 v11.0.5

почему строгий режим не срабатывает?

почему то "use strict" выдает ошибку. "Uncaught SyntaxError: Identifier 'fs' has already been declared at" подскажите в чем дело?

Ты где-то уже объявил fs до?

Или это только с use strict?

мне надо в двух разных файлах использовать fs. по этому в них и писал const fs = require('fs'); но также в них прописал "use strict"; как я понимаю, эти файлы в строгом режиме?

Да, а зачем use strict юзать

что бы переменные в каждом из файлах можно было одинаково назвать

ты и так можешь

мне надо в двух разных файлах использовать fs. по этому в них и писал const fs = require('fs'); но также в них прописал "use strict"; как я понимаю, эти файлы в строгом режиме?

каждый файл оберни в (function () { // код }());

зачем?

мы говорим про nodejs приложение или как?

в ноде CommonJS модули, они уже сами по себе изолированы

О, кто-то застрял во времени, сейчас бы в 2К20 не использовать модули и извращаться как угодно

для тех у кого пробелы в понимании советую прочесть https://nodejs.org/en/knowledge/getting-started/what-is-require/

для тех у кого пробелы в понимании советую прочесть https://nodejs.org/en/knowledge/getting-started/what-is-require/

Благодарю

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

Webpack или Parcel стоит использовать, а не страдать ерундой. Бандлы работают лучше

Товарисчи. Есть апликаха electron+vuejs при билде просто белый экран показывает, при этом ошибками не сыпет. Билдится все под винду. Используется vue-cli-plugin-electron-builder. Ошибки пробовал ловить через electron-unhandled. Роутер в hash режиме. Кто-нибудь сталкивался с этим?

Прошу пардон, забыл про манеры. Всем привет)

Товарисчи. Есть апликаха electron+vuejs при билде просто белый экран показывает, при этом ошибками не сыпет. Билдится все под винду. Используется vue-cli-plugin-electron-builder. Ошибки пробовал ловить через electron-unhandled. Роутер в hash режиме. Кто-нибудь сталкивался с этим?

https://www.electronjs.org/docs/tutorial/application-debugging попробуй открывать консоль

const win = new BrowserWindow() win.webContents.openDevTools() Там будет ошибка если она есть

Спасибо Alex

v13.0.0-nightly.20201211 https://github.com/electron/electron/releases/tag/v13.0.0-nightly.20201211 v13.0.0-nightly.20201211

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

у меня стреляют не правильные события типа leave, когда leave нет(

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

Делай это, у меня была такая же проблема https://stackoverflow.com/a/21002544

Или pointer-events: none

Делай это, у меня была такая же проблема https://stackoverflow.com/a/21002544

спасибо, помогло!

спасибо, помогло!

Отлично!

v12.0.0-beta.9 https://github.com/electron/electron/releases/tag/v12.0.0-beta.9 v12.0.0-beta.9

v10.2.0 https://github.com/electron/electron/releases/tag/v10.2.0 v10.2.0

v11.1.0 https://github.com/electron/electron/releases/tag/v11.1.0 v11.1.0

v9.4.0 https://github.com/electron/electron/releases/tag/v9.4.0 v9.4.0

Отлично!

а вот с самим дропом тоже не всё так легко)) просто дописать обработчик drop: было просто смешно, ровно как и все похожие, так и не нагуглил эти ивенты и они не файрились, а вот так наконец заработало: ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { droptarget.addEventListener(eventName, preventDefaults, false) }) function preventDefaults (e) { e.preventDefault() e.stopPropagation() } droptarget.addEventListener('drop', handleDrop, false) function handleDrop(e) { let dt = e.dataTransfer let files = dt.files handleFiles(files) } перед всеми bind махинациями

Почему document.addEventListener может работать, а document.querySelector(..).addEventListener — нет? Элемент точно есть, ошибки can't read prop of null нет document.querySelector(..).classList.add(), например, тоже работает

вы все в window.onload делали?

вы все в window.onload делали?

нет

попробуйте так

попробуйте так

туплю невероятно, у меня pointer-events none 🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️

как в рендер файле получить доступ к app из основного файла?

ipc

кстати, с ним проще работать через electron-better-ipc

https://github.com/sindresorhus/electron-better-ipc

ipc

Нашел решение с remote

Но он вроде deprecated, попробую iрc

как в рендер файле получить доступ к app из основного файла?

const ipc = require('electron').ipcRenderer; ipc.send('app_minimize'); и require('electron').ipcRenderer.on('window_resize', function() { if(viewing_bottom) window.scrollTo(0, document.body.scrollHeight); });

const ipc = require('electron').ipcRenderer; ipc.send('app_minimize'); и require('electron').ipcRenderer.on('window_resize', function() { if(viewing_bottom) window.scrollTo(0, document.body.scrollHeight); });

а если мне не хендлер нужен, а просто получить app для смены setIgnoreMouseEvents

а если мне не хендлер нужен, а просто получить app для смены setIgnoreMouseEvents

не думаю что это так работает, если в рендер ipc.send('app_minimize'); то в мэйне ipcMain.on("app_minimize", (event) => { getWindow().minimize(); }); ну и по аналогии ipcMain.on("app_ignore_mouse", (event) => { browserWindow.setIgnoreMouseEvents(true, {forward: true}) });

не думаю что это так работает, если в рендер ipc.send('app_minimize'); то в мэйне ipcMain.on("app_minimize", (event) => { getWindow().minimize(); }); ну и по аналогии ipcMain.on("app_ignore_mouse", (event) => { browserWindow.setIgnoreMouseEvents(true, {forward: true}) });

ты меня не понял или я тебя не понял. Я хочу работать с app в рендере, без вызова из мейна

как работает remote. Просто импортировать mainWindow

ты меня не понял или я тебя не понял. Я хочу работать с app в рендере, без вызова из мейна

я понял, не знаю как это реализовать, но предположил как я бы это делал)

я понял, не знаю как это реализовать, но предположил как я бы это делал)

Тогда зачем remote выразают, не предоставив аналог

ты меня не понял или я тебя не понял. Я хочу работать с app в рендере, без вызова из мейна

Что по умолчанию не рекомендует делать электрон

Что по умолчанию не рекомендует делать электрон

почему?

Работа рендерера и мейна только через события

почему?

я в рендере хочу менять прозрачность окна, например

Скажи мейну поменять через событие, делов то

Скажи мейну поменять через событие, делов то

кидать из рендера в мейн событие чтоб вернуть его обратно ?

я в рендере хочу менять прозрачность окна, например

это по другому делается

Несекьюрно потому что давать управлять главным процессом от рендерера

это по другому делается

как?

css зачем

это был пример

setIgnoreMouseEvents через css я не выставлю