chuijs

CHROME_SANDBOX FIX

cd node_modules/electron/dist
sudo chown root chrome-sandbox
sudo chmod 4755 chrome-sandbox

Структура

exampleApp / app / views / main.js

const { Page, Button, TextInput, Notification } = require('chuijs');
class MainPage extends Page {
    constructor() {
        super();
        this.setTitle('Сказать привет!');
        this.setMain(false)

        let name = new TextInput({
            title: 'Введите ваше имя',
            placeholder: 'Введите ваше имя',
            required: false
        });
        let hello = new Button({
            title: "Сказать привет!",
            clickEvent: () => {
                if (name.getValue() !== "") {
                    new Notification({
                        title: `Привет, ${name.getValue()}!`, text: `Привет, ${name.getValue()}!`,
                        style: Notification.STYLE.SUCCESS, showTime: 5000
                    }).show();
                } else {
                    new Notification({
                        title: `Привет мир!`, text: `Привет мир!`,
                        style: Notification.STYLE.SUCCESS, showTime: 5000
                    }).show();
                }
            }
        })
        this.add(name, hello)
    }
}
exports.MainPage = MainPage

exampleApp / app / app.js

/** RENDERER ПРОЦЕСС */
/** ИМПОРТЫ */
const { AppLayout, render } = require('chuijs');
/** СТРАНИЦЫ */
const { MainPage } = require('../app/views/main');
class App extends AppLayout {
    constructor() {
        super();
        /** РОУТЫ */
        this.setRoute(new MainPage());
    }
}
render(() => new App()).catch(err => console.log(err))

exampleApp / main.js

/** main.js */
const { Main, MenuItem } = require('chuijs');
const main = new Main({
    name: "exampleApp",
    width: 1366,
    height: 768,
    render: `${__dirname}/app/app.js`,
    devTools: true
    /** icon: `${__dirname}/resources/icons/app/icon.png` */
});
main.start({
    tray: [
        new MenuItem().button('Показать \ Скрыть', () => main.hideAndShow()),
        new MenuItem().separator(),
        new MenuItem().toggleDevTools('Консоль разработчика'),
        new MenuItem().separator(),
        new MenuItem().quit("Выход")
    ]
})

Donwload Session в main.js

const { App } = require('chuijs');
App.get().on('session-created', (session) => {
    session.on('will-download', (e, item, contents) => {
        // ...
    });
});

TelegramBot API

const { TelegramBot } = require('chuijs');
let bot = new TelegramBot("token");
bot.setToken("token");

// Функции
async function run() {
    await bot.getMe();
    await bot.getUpdates();
    await bot.getChat("id");
    /* ... */
}

Модули

| Компонент | Версия | Описание | |--------------------------------------|--------|-----------------------| | Автоматическое обновление приложения | 1.0.0 | только AppImage, NSIS | | Themes | 1.0.0 | Зависит от системы | | Route | 1.0.0 | | | Page | 1.0.0 | | | ElectronTray | 1.0.0 | | | TelegramBot API | 1.0.0 | |

Компоненты

| Компонент | Версия | Описание | |---------------------------------|--------|----------| | AppLayout | 1.0.0 | | | DateInput | 1.0.0 | | | NumberInput | 1.0.0 | | | EmailInput | 1.0.0 | | | TextArea | 1.0.0 | | | PasswordInput | 1.0.0 | | | FileInput | 1.0.0 | | | H1, H2, H3, H4, H5, H6 | 1.0.0 | | | Label | 1.0.0 | | | Paragraph | 1.0.0 | | | Button | 1.0.0 | | | CheckBox | 1.0.0 | | | ComboBox | 1.0.0 | | | SelectBox | 1.0.0 | | | ContentBlock | 1.0.0 | | | Details | 1.0.0 | | | Dialogs | 1.0.0 | | | RadioButton | 1.0.0 | | | Table | 1.0.0 | | | ProgressBar | 1.0.0 | | | Toggle | 1.0.0 | | | Tabs | 1.0.0 | | | Notification | 1.0.0 | | | Badge | 1.0.0 | | | Image | 1.0.0 | | | Icons | 1.0.0 | | | WebView | 1.0.0 | | | Spinner | 1.0.0 | | | GroupRadio | 1.0.0 | | | Accordion | 1.0.0 | | | Pre | 1.0.0 | | | HtmlBlock | 1.0.0 | | | TreeView | 1.0.0 | | | SlideShow | 1.0.0 | | | TextEditor | 1.0.0 | | | FieldSet | 1.0.0 | | | Popups (Alert, Confirm, Prompt) | 1.0.0 | | | Forms | 1.0.0 | |

В разработке

| Компонент | Версия | Описание | |-------------------------|--------|----------| | VideoPlayer | dev | - | | AudioPlayer | dev | - | | Graphs (Bar, Pie) | dev | - | | Дочерние BrowserWindows | dev | - |