@seatmap.pro/renderer/README.md

Seatmap renderer library for booking and admin interfaces by Seatmap.pro

# @seatmap.pro/renderer

A powerful and flexible interactive seat map renderer for event ticketing systems.

## Overview

The Seatmap.pro Renderer is a high-performance JavaScript library for rendering interactive venue seating charts. It provides a complete solution for displaying, selecting, and managing seats for events, concerts, theaters, sports venues, and more.

## Features

- Interactive seat selection and deselection
- Support for general admission areas
- Customizable seat and section styling
- Zoom and pan functionality
- Mobile-friendly with touch support
- High performance rendering using Canvas/WebGL
- Comprehensive event system for integration with ticketing platforms
- Accessibility features

## Installation

```bash
npm install @seatmap.pro/renderer
```

or

```bash
yarn add @seatmap.pro/renderer
```

## Basic Usage

```javascript
import { SeatmapBookingRenderer } from '@seatmap.pro/renderer';

// Create a new renderer instance
const renderer = new SeatmapBookingRenderer({
  container: document.getElementById('seatmap-container'),
  onSeatSelect: (seat) => {
    console.log('Seat selected:', seat);
  },
  onSchemaDataLoaded: () => {
    console.log('Schema data loaded successfully');
  }
});

// Load event data
renderer.loadEvent(eventId);
```

## Checking Version

You can check the library version in several ways:

### Script Tag (Standalone Bundle)

```html
<script src="seatmap-booking-renderer.js"></script>
<script>
  console.log(SeatmapBookingRenderer.VERSION);
</script>
```

### NPM Module

```javascript
import { SeatmapBookingRenderer, VERSION } from '@seatmap.pro/renderer';

console.log(VERSION);
// or
console.log(SeatmapBookingRenderer.VERSION);
```

### Instance Method

```javascript
const renderer = new SeatmapBookingRenderer(element, settings);
console.log(renderer.getVersion());
```

## Documentation

For detailed documentation, visit our:

- [Knowledge Base](https://seatmap.pro/knowledge-base/) - Complete documentation for all Seatmap.pro components
- [Renderer Specification](https://seatmap.pro/knowledge-base/renderer/spec/) - Detailed API reference for the renderer
- [API Documentation](https://seatmap.pro/knowledge-base/api/v2/) - Additional API documentation

## Examples

Check out our [examples page](https://seatmap.pro/knowledge-base/renderer/sdk/) for implementation samples.

## Product Website

For more information, pricing, and demos, visit [https://seatmap.pro](https://seatmap.pro).

## License

This package is licensed under a commercial license. Please contact [support@seatmap.pro](mailto:support@seatmap.pro) for licensing information.

## Support

For support, please contact [support@seatmap.pro](mailto:support@seatmap.pro) or visit our [support portal](https://support.seatmap.pro).