Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Last updated: Sep 11, 2026

Quick Start

Prerequisites

Scaffold a new integration

Providing necessary inputs to the user prompts, run the following command:

npm init @snap-one/ovrc-integration@latest

Upon successful creation, a new directory will be created containing the newly created integration. Navigate to that directory and run:

npm install

Finally, to ensure everything is functional, run:

npm run build

Congrats, you’ve created your first integration!

Serve the integration

As you develop and iterate on your integration, you will need to run it to test it out in OvrC. Additionally, OvrC provides useful tools to facilitate quickly testing an integration against a device.

These tools are available when OvrC is launched in “Integration Developer Mode”.

To launch OvrC in Integration Developer Mode:

  1. Build your integration (npm run build)

  2. Start the OvrC development server by running:

    # note: ./dist is the default build directory
    # for a JavaScript integration. If yours is different,
    # update the command below accordingly.
    ovrc integration serve ./dist
    

When you run the above, three things happen:

  1. A local integration development server is started.
  2. The CLI will attempt to launch a browser1, opening the local development UI.

    Note

    If the browser does not automatically launch, simply copy and paste the URL printed to stdout in your favorite browser.

  3. The developer UI will attempt to launch OvrC in Integration Developer Mode.

    Note

    If OvrC does not automatically launch, you can launch it from the local development UI.

Within OvrC, navigate to a discovered device. You will see a banner stating that the device’s integration needs to be authenticated. Follow that banner to the authentication section of the device’s configuration page.

You will see two authentication form fields. In your integration’s source code, open the src/index.ts file.

Make some changes to the text, save them, then run npm run build. You do not need to restart the OvrC CLI when you make changes to the integration. Finally, back in the OvrC UI, refresh the page. Your changes will be reflected in the UI.

Congrats! That’s a functional OvrC Integration!


  1. Only Chromium based browsers are currently supported.