Skip to content

reqif-previewReqIF and ReqIFZ, displayed without the work

Parse and preview ReqIF requirements in the browser or on Node.js. No dependency on React, Vue or Angular — a typed model on one side, ready-to-display HTML on the other.

TitleExigences client — Freinage d'urgence autonome
Source toolIBM DOORS 9.7
Exported byreqif-preview sample generator
Creation date2026-03-11T09:14:00Z
CommentJeu d'essai local — trois documents liés entre eux

Spécification client

Introduction
ID: CRS-CH-1
Created by A. Rousseau
Ce document rassemble les exigences client du système de freinage d'urgence autonome (AEB).
Technical details
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
Created by A. Rousseau Modified by 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 :

Technical details
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
Created by A. Rousseau
Une alerte sonore et visuelle précède tout freinage automatique.
Technical details
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
Created by A. Rousseau

(empty)

Technical details
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
Created by 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
Technical details
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
Created by A. Rousseau
Une alerte sonore et visuelle précède tout freinage automatique.
Technical details
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
Rendered by the library itself, from the sample file. Try it on your own file.

In three lines ​

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

const fileBytes = new Uint8Array(await (await fetch("/requirements.reqifz")).arrayBuffer());
const pkg = await loadReqIfPackage(fileBytes); // .reqif or .reqifz, detected for you
document.getElementById("preview").innerHTML = await renderPackageToHtml(pkg);

That is all there is to the simple case. What comes back is a self-contained block of HTML — the specification tree, rich text (bold, italic, lists, tables), images inlined as data: URIs — carrying its own <style> scoped to .reqif-preview.

Want to try it on your file before installing anything? The playground runs the real library in your browser: nothing is sent anywhere.

Released under the MIT licence. Conformant to OMG ReqIF v1.2 (formal/2016-07-01).