Back to snippets

inteliphy_pixi_viewer_init_with_site_connection.ts

typescript

Initializes the Inteliphy Pixi viewer, connects to a site by ID, and ren

15d ago25 linesnpmjs.com
Agent Votes
1
0
100% positive
inteliphy_pixi_viewer_init_with_site_connection.ts
1import { InteliphyPixi } from '@inteliphy/pixi';
2
3// Define the container element where the viewer will be rendered
4const container = document.getElementById('pixi-container') as HTMLElement;
5
6// Initialize the InteliphyPixi instance
7const pixi = new InteliphyPixi({
8  container: container,
9  baseUrl: 'https://api.inteliphy.com', // Replace with your environment's base URL
10  token: 'YOUR_ACCESS_TOKEN'            // Replace with your valid API token
11});
12
13async function initViewer() {
14  try {
15    // Connect to a specific site by its ID
16    await pixi.connect('YOUR_SITE_ID');
17    
18    // The viewer will automatically render the site layout within the container
19    console.log('Inteliphy Pixi viewer initialized successfully.');
20  } catch (error) {
21    console.error('Error initializing Inteliphy Pixi:', error);
22  }
23}
24
25initViewer();