Skip to main content

Web

The Web target is the fastest way to build and inspect a Hosanna app. It runs the shared app model in the browser, supports interactive debugging, and is also the packaging base for browser-delivered experiences.

Development Flow​

  1. Run the [WEB] launch target or the project web script.
  2. Use fast refresh for views, styles, fragments, and data changes.
  3. Inspect runtime state with browser DevTools, Hosanna DevTools, and the MCP debugger.
  4. Validate keyboard, pointer, touch, remote-emulation, DPI, and design-resolution behavior.
  5. Build production web assets for hosted or embedded web delivery.

Runtime Notes​

  • Web input adapters normalize keyboard, pointer, touch, and Roku-emulation commands into the shared input model.
  • ?adapters= can limit active adapters for targeted tests.
  • The Web target maps browser coordinates into Hosanna design coordinates so layout and hit testing stay platform-neutral.
  • AppConfig styles, fragments, data maps, and callbacks are loaded from the same app metadata used by other targets.

Release Checklist​

  • Run a production build.
  • Validate routes, asset paths, fonts, images, AppConfig loading, and environment configuration.
  • Test desktop browser, mobile browser, and embedded browser targets when those are part of the release.
  • Use the MCP debugger and DevTools to inspect focus, view state, network behavior, and logs.

See Web Expression, DPI, and Touch Input for web-specific launch parameters and input adapters.