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
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 |
Last updated
