Skip to main content

Hosanna Dev Tools

Chrome Developer Extension​

To enhance your debugging and development workflow, install the Hosanna DevTools Chrome Extension.

Features:

  • Debug view and inspect SceneGraph views.
  • View the tree of views and their hierarchy.
  • Inspect and edit view state.
  • Explore IOC (Inversion of Control) members.
  • Inspect CollectionView rows, data, and settings.
  • View and manage fragments, views, and maps.
  • Debug text-to-speech features.
  • View and clear the registry.
  • Access many more advanced debugging and inspection tools.

The extension works both on Roku devices and in the Roku simulator. For setup instructions, see the Running On Device guide.

VSCode Extension for Hosanna UI​

Install the Hosanna UI VSCode extension for a better development experience.

Features:

  • Source mapping for seamless debugging between TypeScript and BrightScript.
  • Create Hosanna components from templates.
  • Navigate style files and related resources quickly.
  • Enhanced navigation, code completion, and helpful hints for Hosanna projects.

Both tools are highly recommended for efficient development and debugging with Hosanna UI.