hookcode-preview-highlight

To highlight DOM elements in a live preview, you can use CSS selectors or matcher rules like text: and attr: to target specific elements across a specified URL. This allows precise identification of elements for visual emphasis during a preview session.

Yes, you can display bubble tooltips next to highlighted elements in a web preview. By sending highlight commands with a specified bubble text, the system renders explanatory tooltips directly near the targeted DOM elements.

You can start and stop a preview instance by executing the dedicated preview lifecycle scripts. Running the start script initiates the session, while the stop script terminates the instance, allowing full control over the preview environment.

Yes, the preview highlight system supports automated navigation to a target URL. You can configure a specific target URL during a preview session, and the system will navigate the preview automatically to that location before applying highlights.

Beyond standard CSS selectors, the system supports matcher rules including text:, attr:, role:, and data-testid. These matchers provide flexible targeting options to identify elements based on their content, attributes, or accessibility roles.

Yes, you need a configured personal access token to send highlight commands. The system relies on authenticated APIs to perform preview operations, ensuring that only authorized requests can control the preview lifecycle and highlighting features.