reqif-preview

Apparence

reqif-previewReqIF et ReqIFZ, affichés sans effort

Parser et prévisualiser des exigences ReqIF dans le navigateur ou côté Node.js. Aucune dépendance à React, Vue ou Angular — un modèle typé d'un côté, du HTML prêt à afficher de l'autre.

Démarrer
Bac à sable
Référence API
GitHub

Deux lignes pour un aperçu

loadReqIfPackage détecte seul le XML brut ou l'archive zip, extrait les pièces jointes ; renderPackageToHtml rend un bloc HTML autonome, avec sa propre feuille de style.

Démarrage rapide

Ou votre propre rendu

Un modèle de données typé, acyclique et sérialisable, fidèle au modèle UML de la spec. Les références croisées restent des chaînes ; ReqIfIndex les résout en O(1).

Modèle de données

Conforme à OMG ReqIF v1.2

formal/2016-07-01. Le modèle de données suit la spec de près, cas limites compris, plutôt qu'un sous-ensemble commode.

Modèle

TitreExigences client — Freinage d'urgence autonome
Outil sourceIBM DOORS 9.7
Exporté parreqif-preview sample generator
Date de création2026-03-11T09:14:00Z
CommentaireJeu d'essai local — trois documents liés entre eux

Spécification client

Introduction
ID: CRS-CH-1
Créé par A. Rousseau
Ce document rassemble les exigences client du système de freinage d'urgence autonome (AEB).
Détails techniques
ReqIF.ForeignID
CRS-CH-1
ReqIF.Text
Ce document rassemble les exigences client du système de freinage d'urgence autonome (AEB).
ChapterName
Introduction
Priorité
Moyenne
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
Détection d'obstacle
ID: CRS-001
Créé par A. Rousseau Modifié par M. Lefèvre
Le véhicule doit détecter un obstacle immobile situé dans sa trajectoire à une distance d'au moins 80 m.
  • Conditions : route sèche, visibilité supérieure à 200 m
  • Vitesse d'essai : de 30 à 130 km/h

Schéma de principe :

Détails techniques
ReqIF.ForeignID
CRS-001
ReqIF.Text
Le véhicule doit détecter un obstacle immobile situé dans sa trajectoire à une distance d'au moins 80 m.
  • Conditions : route sèche, visibilité supérieure à 200 m
  • Vitesse d'essai : de 30 à 130 km/h

Schéma de principe :

Priorité
Haute
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
ReqIF.ForeignModifiedBy
M. Lefèvre
ReqIF.ForeignModifiedOn
2026-05-02T16:40:00Z
Alerte conducteur
ID: CRS-003
Créé par A. Rousseau
Une alerte sonore et visuelle précède tout freinage automatique.
Détails techniques
ReqIF.ForeignID
CRS-003
ReqIF.Text
Une alerte sonore et visuelle précède tout freinage automatique.
Priorité
Moyenne
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
Sécurité
ID: CRS-CH-2
Créé par A. Rousseau

(vide)

Détails techniques
ReqIF.ForeignID
CRS-CH-2
ChapterName
Sécurité
Priorité
Moyenne
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
Freinage d'urgence
ID: CRS-002
Créé par A. Rousseau
Le freinage doit s'engager en moins de 2 s après détection.
VitesseDélai maximal
30 km/h0,8 s
130 km/h2,0 s
Détails techniques
ReqIF.ForeignID
CRS-002
ReqIF.Text
Le freinage doit s'engager en moins de 2 s après détection.
VitesseDélai maximal
30 km/h0,8 s
130 km/h2,0 s
Priorité
Haute
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
Alerte conducteur
ID: CRS-003
Créé par A. Rousseau
Une alerte sonore et visuelle précède tout freinage automatique.
Détails techniques
ReqIF.ForeignID
CRS-003
ReqIF.Text
Une alerte sonore et visuelle précède tout freinage automatique.
Priorité
Moyenne
ReqIF.ForeignCreatedBy
A. Rousseau
ReqIF.ForeignCreatedOn
2026-03-11T09:14:00Z
Rendu produit par la bibliothèque à partir du fichier d'exemple. Essayez sur votre propre fichier.

En trois lignes ​

ts
import { loadReqIfPackage, renderPackageToHtml } from "reqif-preview";

const fileBytes = new Uint8Array(await (await fetch("/exigences.reqifz")).arrayBuffer());
const pkg = await loadReqIfPackage(fileBytes); // .reqif ou .reqifz, auto-détecté
document.getElementById("preview").innerHTML = await renderPackageToHtml(pkg);

C'est tout pour le cas simple. Le résultat est un bloc HTML autonome — arborescence des spécifications, texte enrichi (gras, italique, listes, tableaux), images intégrées en data: URI — avec son propre <style> scopé sur .reqif-preview.

Envie d'essayer sur votre fichier avant d'installer quoi que ce soit ? Le bac à sable exécute la vraie bibliothèque dans votre navigateur : rien n'est envoyé nulle part.

Publié sous licence MIT. Conforme à OMG ReqIF v1.2 (formal/2016-07-01).

© 2026 Antoine Tsinga