Overview

npm

$ npm add @dpg.gg/application

pnpm

$ pnpm add @dpg.gg/application

yarn

$ yarn add @dpg.gg/application

bun

$ bun add @dpg.gg/application

Production ready preset из библиотек и бизнес-логики, который объединяет и расширяет функционал @dpg.gg/core, @dpg.gg/router и @dpg.gg/loaders

---

Preset включает в себя:

• Application
• Renderer
• Event
• Loader
• Router
• Stores

Application

createApp - hook alias

import type { IApplicationOptions } from "@dpg.gg/application";
import { Application, createApp } from "@dpg.gg/application";

Пример использования:

createApp({
	resources: "/resources.json",
	stores: "/stores.json",
	schema: "/schema.json",
}).mount(document.querySelector("#app"));

Создание экземпляра

Сздать экземпляр можно через new Application(config?) или createApp(config?), где config - это опциональный IApplicationOptions объект

Methods

register(config)

• Arg: config: IApplicationOptions

Регистрация конфигурации в случае если был создан экземпляр приложения без конфигурации

await app.register({ schema: "/schema.json" });

bootstrap()

Инициализация процесса создания экземляров и загрузки всех ресурсов

await app.bootstrap();

mount(element)

• Arg: element: ContainerNode

Выполнение обработки схемы и отрисовка ее в переданный элемент

app.mount(document.querySelector("#app"));

Events

• app:init- Вызывается при создании экземпляра приложения
• app:registred- Вызывается при выполнении метода register или при передаче config объекта на этапе создания экземпляра приложения
• app:bootstrap:start - Вызывается при вызове bootstrap метода
• app:bootstrap:finish - Вызывается при завершении обработки bootstrap метода
• app:mounted - Вызывается при завершении обработки mount метода

IApplicationOptions

interface IApplicationOptions {
	resources: string;
	stores: string;
	schema: string;
}