Dust

Consists of react hooks, utils and block renderers without dependency on any UI framework, this enables developers to partner dust with any UI framework such as dust-chakra, dust-radix, and more

Dust Extendable Templating System

Hooks

Names	Description
useDust	The dust context state
useDustEnv	Identifies the development environment
useDustApp	Returns the current app data
useDustEdit	Identify if the app is currently on edit mode
useDustAdmin	Verifies the connected wallet address of the owner and instantly matches with the app owner
useDustHead	Each JS framework varies on how to render the head component, you can pass the head component and utilize it across your app
useDustScript	Similarly with useDustHead, just pass the Script component to the provider
useDustBlockEditor
useDustDesignerMode	True if DustProvider is set to designerMode=true. This is only for Hosting Providers (including Xircus) that has Designer tool enabled for creating and customizing app templates for sharing or monetization
useDustLayout	Layout system used by the app, e.g StackLayout, TONTelegramLayout
useDustPreset	State presets can be instantly applied to any component while still being customizable by merging with the component level theme. Presets are: Modern, Minimalist, Comic, Cyberpunk, Gradient, Glass

BlockRenderer

Renders the app configuration tree to UI components

Params	Description	Default
page	Current page	/
group	Section group, options are: header, footer, main, logoside, leftside, rightside	main
blocks	Block data passed from the app config tree
components	Components available for adding and generation. Each section is unique
mobile		false
renderOptions
renderBlockOption