# TQ.Librairie.BeaconPlugins

## Description
Un package contenant des plugins Beacon pour les applications de Télé-Québec. Cette bibliothèque fournit des composants et des utilitaires d'intégration publicitaire.

## Installation

```html
<link rel="stylesheet" href="https://lib.tele.quebec/@telequebec/beacon-plugins/<x.x.x|latest>/dist/<module>/index.css">
<script src="https://lib.tele.quebec/@telequebec/beacon-plugins/<x.x.x|latest>/dist/<module>/index.js"></script>
```

## Fonctionnalités
- Conteneurs publicitaires avec style standardisé
- Affichages publicitaires responsifs

## Développement

### Prérequis
- Node.js
- pnpm (version 10.5.2 ou supérieure)

### Scripts de build
```bash
# Nettoyer et construire tous les assets
pnpm run build

# Construire les fichiers TypeScript
pnpm run build:ts

# Construire les fichiers CSS
pnpm run build:css

# Nettoyer le répertoire dist
pnpm run build:clean
```

### Structure du projet
- `/src` - Fichiers sources
  - `/ads` - Composants et styles publicitaires
- `/dist` - Fichiers compilés
- `/cicd` - Configurations des pipelines CI/CD
  - `/ci` - Pipeline d'intégration continue
  - `/cd` - Pipeline de déploiement continu

## CI/CD
Le projet utilise Azure Pipelines pour les workflows CI/CD :
- Le pipeline CI prend en charge les versions patch, mineures et majeures
- Le pipeline CD prend en charge le déploiement vers plusieurs environnements (dev, staging, production)
- Les builds automatisés se déclenchent sur la branche 'next'

## Liens connexes
- [Beacon Custom Sections](https://beacon.support.brightcove.com/ott-plugins/custom-divs.html)
- [Beacon Page events](https://beacon.support.brightcove.com/ott-plugins/working-with-page-events.html)
- Spike : [OPN-958](https://telequebec-devetapp.atlassian.net/browse/OPN-958)