Skip to content

feat(verify): QR non affiché (boucle), preuve en fichier + URL #73

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
blafourcade merged 1 commit into from
Jul 22, 2026
Merged

feat(verify): QR non affiché (boucle), preuve en fichier + URL #73

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 15 additions & 14 deletions site/verify-page.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,15 @@ const fmtDate = (iso) => {
};

/**
* Rend le résultat dans le conteneur. `base` = dossier du membre (sans slash final),
* pour que QR et téléchargements marchent que l'URL ait un slash final ou non.
* Pur DOM, testable via une racine injectée.
* Rend le résultat dans le conteneur. `base` = dossier du membre (sans slash final) ;
* `origin` = origine absolue (pour donner l'URL publique de la preuve). Le QR n'est
* PAS affiché ici (il pointerait vers cette page même — boucle) : seulement en
* téléchargement. Pur DOM, testable via une racine injectée.
*/
export function render(root, result, base = '.') {
export function render(root, result, base = '.', origin = '') {
const label = LABELS[result.state] || LABELS[STATE.INVALID];
const d = result.details || {};
const proofUrl = `${origin}${base}/credential.jwt`;
const rows = result.state === STATE.INVALID
? `<p class="reason">${result.reason || 'Ce badge n\'a pas pu être authentifié.'}</p>`
: `
Expand All @@ -34,21 +36,19 @@ export function render(root, result, base = '.') {
<dt>Émis le</dt><dd>${fmtDate(d.validFrom)}</dd>
<dt>Valable jusqu'au</dt><dd>${fmtDate(d.validUntil)}</dd>
</dl>
<figure class="qr">
<img src="${base}/qr.svg" alt="QR code de vérification" width="140" height="140">
<figcaption>Scanne pour vérifier</figcaption>
</figure>
<p class="downloads">
<a href="${base}/qr.svg" download="qr.svg">⤓ QR code</a>
<a href="${base}/credential.jwt" download="credential.jwt">⤓ Preuve brute (VC-JWT)</a>
</p>`;
<a href="${base}/credential.jwt" download="credential.jwt">⤓ Télécharger la preuve</a>
<a href="${base}/qr.svg" download="qr.svg">⤓ QR code (à afficher ailleurs)</a>
</p>
<p class="third-party">Vérifier avec un outil indépendant :
dépose la preuve sur <a href="https://vc.1ed.tech" rel="noopener">le validateur public 1EdTech</a>,
ou donne-lui l'URL de la preuve :<br><code>${proofUrl}</code></p>`;

root.className = `result ${label.tone}`;
root.innerHTML = `
<h1>${label.title}</h1>
${rows}
<p class="independent">Signature vérifiée dans votre navigateur, sans dépendre d'un serveur AIDD.
<a href="https://vc.1ed.tech" rel="noopener">Vérifier avec un outil tiers</a>.</p>`;
<p class="independent">Signature vérifiée dans votre navigateur, sans dépendre d'un serveur AIDD.</p>`;
}

/**
Expand All @@ -68,10 +68,11 @@ export function credentialUrl(pathname) {
export async function mount(doc = document, fetchImpl = fetch) {
const root = doc.getElementById('app');
const base = memberBase(doc.location && doc.location.pathname);
const origin = (doc.location && doc.location.origin) || '';
try {
const jwt = await (await fetchImpl(`${base}/credential.jwt`)).text();
const result = await verifyBadge(jwt.trim());
render(root, result, base);
render(root, result, base, origin);
} catch {
render(root, { state: STATE.INVALID, reason: 'Aucune preuve trouvée à cette adresse.' });
}
Expand Down
11 changes: 6 additions & 5 deletions site/verify-page.test.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,23 +64,24 @@ describe('render', () => {
assert.match(root.innerHTML, /vc\.1ed\.tech/);
});

it('affiche le QR code et les téléchargements pour un badge authentifié', () => {
it('propose le téléchargement de la preuve et du QR, sans afficher le QR (pas de boucle)', () => {
const root = fakeElement();

render(root, { state: STATE.VALID, details: { handle: 'jd' } });

assert.match(root.innerHTML, /src="\.\/qr\.svg"/);
assert.doesNotMatch(root.innerHTML, /<img[^>]*qr\.svg/); // pas de QR affiché (il boucle)
assert.match(root.innerHTML, /href="\.\/qr\.svg" download/);
assert.match(root.innerHTML, /href="\.\/credential\.jwt" download/);
});

it('utilise la base fournie pour QR et preuve (chemins absolus, URL sans slash)', () => {
it('expose l\'URL publique absolue de la preuve (pour un vérificateur tiers)', () => {
const root = fakeElement();

render(root, { state: STATE.VALID, details: { handle: 'jd' } }, '/u/jd');
render(root, { state: STATE.VALID, details: { handle: 'jd' } }, '/u/jd', 'https://verify.ai-driven-dev.fr');

assert.match(root.innerHTML, /src="\/u\/jd\/qr\.svg"/);
assert.match(root.innerHTML, /href="\/u\/jd\/credential\.jwt" download/);
assert.match(root.innerHTML, /<code>https:\/\/verify\.ai-driven-dev\.fr\/u\/jd\/credential\.jwt<\/code>/);
assert.match(root.innerHTML, /vc\.1ed\.tech/);
});

it('n\'affiche ni QR ni téléchargements pour un badge invalide', () => {
Expand Down
Loading