From 02dacf32da5ff36aedd5b7e844c5199e09489393 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Asger=20Geel=20Weirs=C3=B8e?= <cla@weircon.dk>
Date: Thu, 11 Jun 2026 21:59:50 +0200
Subject: [PATCH] =?UTF-8?q?vaerktoej:=20/peppol=20=E2=80=94=20slaa=20CVR?=
 =?UTF-8?q?=20op=20i=20NemHandel/Peppol=20(profilpakker)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Frontend til det offentlige opslags-API. Viser registreringsstatus, netvaerk og profilpakker for et CVR.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/pages/peppol.astro         | 78 ++++++++++++++++++++++++++++++++++
 src/pages/search-index.json.js |  1 +
 2 files changed, 79 insertions(+)
 create mode 100644 src/pages/peppol.astro

diff --git a/src/pages/peppol.astro b/src/pages/peppol.astro
new file mode 100644
index 0000000..c096965
--- /dev/null
+++ b/src/pages/peppol.astro
@@ -0,0 +1,78 @@
+---
+import Base from '../layouts/Base.astro';
+---
+<Base title="Peppol-opslag" description="Slå et CVR-nummer op og se om virksomheden er registreret i NemHandel/Peppol — og hvilke profilpakker den understøtter.">
+  <h1 class="text-4xl font-bold tracking-tight">Peppol-opslag</h1>
+  <p class="mt-4 max-w-2xl text-muted">
+    Tast et CVR-nummer og se om virksomheden er registreret i NemHandel/Peppol, og hvilke
+    <strong class="text-text">profilpakker</strong> den understøtter. Data kommer fra mit eget
+    crawl af de offentlige registre.. så regn med et øjebliksbillede, ikke en autoritativ kilde.
+  </p>
+
+  <form id="pep-form" class="mt-8 flex gap-3">
+    <input id="pep-cvr" type="text" inputmode="numeric" pattern="[0-9]{8}" maxlength="8" required
+           placeholder="CVR (8 cifre)" autocomplete="off"
+           class="w-44 rounded-xl border border-border bg-surface/60 px-4 py-2.5 outline-none focus:border-accent" />
+    <button type="submit" class="rounded-xl bg-accent px-5 py-2.5 font-medium text-bg transition-transform hover:-translate-y-0.5">Slå op</button>
+  </form>
+
+  <div id="pep-result" class="mt-8" hidden>
+    <div class="rounded-2xl border border-border bg-surface/60 p-5">
+      <div class="flex flex-wrap items-baseline justify-between gap-2">
+        <h2 id="pep-name" class="text-xl font-semibold tracking-tight"></h2>
+        <span id="pep-badge" class="rounded-full px-3 py-1 text-sm font-medium"></span>
+      </div>
+      <p id="pep-cvr-line" class="mt-1 text-sm text-muted"></p>
+      <div id="pep-caps" class="mt-4"></div>
+    </div>
+  </div>
+  <p id="pep-error" class="mt-8 text-sm text-muted" hidden></p>
+
+  <script is:inline>
+    (function () {
+      var form = document.getElementById('pep-form');
+      if (!form || form.__wired) return; form.__wired = true;
+      var esc = function (s) { return String(s).replace(/[&<>"]/g, function (c) {
+        return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); };
+      form.addEventListener('submit', async function (e) {
+        e.preventDefault();
+        var res = document.getElementById('pep-result'), err = document.getElementById('pep-error');
+        res.hidden = true; err.hidden = true;
+        var cvr = document.getElementById('pep-cvr').value.trim();
+        var btn = form.querySelector('button'); btn.disabled = true; btn.textContent = 'Slår op…';
+        try {
+          var r = await fetch('/api/peppol/' + encodeURIComponent(cvr));
+          var data = await r.json();
+          if (!r.ok) { err.textContent = data.error || 'Noget gik galt — prøv igen.'; err.hidden = false; return; }
+          document.getElementById('pep-name').textContent = data.name || 'Ukendt navn';
+          document.getElementById('pep-cvr-line').textContent = 'CVR ' + data.cvr;
+          var badge = document.getElementById('pep-badge');
+          badge.textContent = data.registered ? 'Registreret i NemHandel/Peppol' : 'Ikke registreret';
+          badge.className = 'rounded-full px-3 py-1 text-sm font-medium ' +
+            (data.registered ? 'bg-accent/15 text-accent' : 'border border-border text-muted');
+          var caps = document.getElementById('pep-caps');
+          if (data.registered && (data.profiles.length || data.networks.length)) {
+            caps.innerHTML =
+              (data.networks.length ? '<p class="text-xs font-semibold uppercase tracking-widest text-accent">Netværk</p>' +
+                '<div class="mt-2 flex flex-wrap gap-2">' + data.networks.map(function (n) {
+                  return '<span class="rounded-full border border-border bg-surface-2 px-3 py-1 text-sm">' + esc(n) + '</span>'; }).join('') + '</div>' : '') +
+              (data.profiles.length ? '<p class="mt-4 text-xs font-semibold uppercase tracking-widest text-accent">Profilpakker</p>' +
+                '<div class="mt-2 flex flex-wrap gap-2">' + data.profiles.map(function (p) {
+                  return '<span class="rounded-full border border-border bg-surface-2 px-3 py-1 text-sm">' + esc(p) + '</span>'; }).join('') + '</div>' : '');
+          } else {
+            caps.innerHTML = '<p class="text-sm text-muted">' + (data.registered
+              ? 'Registreret, men ingen profildata i mit seneste crawl.'
+              : 'Virksomheden findes i CVR, men er ikke registreret som e-faktura-modtager.') + '</p>';
+          }
+          res.hidden = false;
+        } catch (_) {
+          err.textContent = 'Kunne ikke nå opslagstjenesten — prøv igen om lidt.'; err.hidden = false;
+        } finally { btn.disabled = false; btn.textContent = 'Slå op'; }
+      });
+    })();
+  </script>
+
+  <p class="mt-10 text-xs text-muted/80">
+    Til nørderne: API’et er frit tilgængeligt — <code class="rounded bg-surface-2 px-1.5 py-0.5">curl https://asger.weirsøe.dk/api/peppol/&lt;cvr&gt;</code> (rate-limited).
+  </p>
+</Base>
diff --git a/src/pages/search-index.json.js b/src/pages/search-index.json.js
index 6176d3d..b782494 100644
--- a/src/pages/search-index.json.js
+++ b/src/pages/search-index.json.js
@@ -9,6 +9,7 @@ export async function GET() {
     { type: 'page', title: 'Projekter', url: '/projekter' },
     { type: 'page', title: 'Blog', url: '/blog' },
     { type: 'page', title: 'Tags', url: '/tags' },
+    { type: 'page', title: 'Peppol-opslag', url: '/peppol' },
     { type: 'page', title: 'Uses', url: '/uses' },
     { type: 'page', title: 'Kolofon', url: '/colophon' },
     ...posts