Mise en place

@beforesemicolon/router fonctionne dans les applications groupées et directement dans les navigateurs modernes via des balises de script CDN.

Gestionnaires de paquets

Installez le package via votre gestionnaire de packages préféré pour le regrouper avec Vite, Webpack ou Esbuild :

npm

npm install @beforesemicolon/router

yarn

yarn add @beforesemicolon/router

pnpm

pnpm add @beforesemicolon/router

CDN direct (Zéro-Build)

Pour les prototypes HTML simples ou les applications sans build, chargez les bundles de navigateur compilés directement à partir de unpkg.com ou jsDelivr :

<!-- 1. Import the base web component library (Required dependency) -->
<script src="https://unpkg.com/@beforesemicolon/web-component/dist/client.js"></script>

<!-- 2. Import the router browser bundle -->
<script src="https://unpkg.com/@beforesemicolon/router/dist/client.js"></script>

Versions verrouillables

Il est fortement recommandé de verrouiller la version dans les environnements de production pour éviter de rompre les modifications lors de la publication de nouvelles mises à jour :

<script src="https://unpkg.com/@beforesemicolon/router@1.2.0/dist/client.js"></script>

Espace de noms global

Lorsqu'ils sont chargés via une balise de script, toutes les classes, fonctions de routage et utilitaires exportés sont disponibles sous l'objet fenêtre global BFS :

// Access router components and APIs
const { goToPage, onPage, registerRouteGuard } = BFS.ROUTER