BPMN-Vorschau im Browser, offline, auf Basis von bpmn-js #2

Merged
Daniel merged 1 commits from feature/bpmn-vorschau into main 2026-09-23 11:34:07 +00:00
Owner

Was

Offline-Vorschau für BPMN-Dateien im Browser auf Basis von bpmn-js: scripts/vorschau.py (auch für Arbeitsschritt-.md) und werkzeuge/vorschau/vorschau.html (Drag & Drop, ohne Python). Grundlage für eine spätere Anzeige direkt in Gitea (Issue-Entwurf an die Administration).

Wie geprüft

  • python -m pytest -q: 55 passed
  • python scripts/pruefe_umlaute.py: GRÜN, 0 Funde
  • python scripts/pruefe_prozesse.py: GRÜN, 0 Befunde
  • Darstellung mit Edge (headless) geprüft: beide Beispiele, leere Seite, kaputte Datei mit Fehlermeldung; </script> im Diagramm wird nicht ausgeführt
  • bpmn-js 18.29.1: npm-Integrität geprüft, Blob im Commit byte-gleich (Attribut binary)
  • PICTURE-Import: nicht nötig, Konverter unverändert

Übergabenotiz

Aufgabe: BPMN-Vorschau, Stufe 1 (lokal), ohne Issue
Stand: fertig
Geändert: scripts/vorschau.py, werkzeuge/vorschau/ (Seite, README, bpmn-js mit LICENSE), tests/test_vorschau.py; Skill sn-bpmn und Anleitung, AGENTS.md, README, Leitfäden 03/04, Fallstricke, STATUS, .gitattributes, .claude/settings.json
Entscheidungen/Annahmen: Bibliothek wird eingebettet statt vom CDN geladen (offline, kein Datenabfluss); nur der Viewer, kein Editor
Offen / nächste Schritte: Issue an die Gitea-Administration (Renderer); Layoutfehler des Konverters im Beispiel beispiel_lanes als eigenes Issue (Pool-Name überlagert Lane-Name, Gateway-Beschriftung überlappt „Ja“, Rücksprungkante außerhalb des Pools)
Wissensbasis: zwei Einträge in fallstricke.md (Wasserzeichen-Auflage, sicheres Einbetten)
Kontext für die nächste Sitzung: werkzeuge/vorschau/README.md, scripts/vorschau.py

## Was Offline-Vorschau für BPMN-Dateien im Browser auf Basis von bpmn-js: `scripts/vorschau.py` (auch für Arbeitsschritt-`.md`) und `werkzeuge/vorschau/vorschau.html` (Drag & Drop, ohne Python). Grundlage für eine spätere Anzeige direkt in Gitea (Issue-Entwurf an die Administration). ## Wie geprüft - `python -m pytest -q`: 55 passed - `python scripts/pruefe_umlaute.py`: GRÜN, 0 Funde - `python scripts/pruefe_prozesse.py`: GRÜN, 0 Befunde - Darstellung mit Edge (headless) geprüft: beide Beispiele, leere Seite, kaputte Datei mit Fehlermeldung; `</script>` im Diagramm wird nicht ausgeführt - bpmn-js 18.29.1: npm-Integrität geprüft, Blob im Commit byte-gleich (Attribut `binary`) - PICTURE-Import: nicht nötig, Konverter unverändert ## Übergabenotiz **Aufgabe:** BPMN-Vorschau, Stufe 1 (lokal), ohne Issue **Stand:** fertig **Geändert:** `scripts/vorschau.py`, `werkzeuge/vorschau/` (Seite, README, bpmn-js mit LICENSE), `tests/test_vorschau.py`; Skill `sn-bpmn` und Anleitung, AGENTS.md, README, Leitfäden 03/04, Fallstricke, STATUS, `.gitattributes`, `.claude/settings.json` **Entscheidungen/Annahmen:** Bibliothek wird eingebettet statt vom CDN geladen (offline, kein Datenabfluss); nur der Viewer, kein Editor **Offen / nächste Schritte:** Issue an die Gitea-Administration (Renderer); Layoutfehler des Konverters im Beispiel `beispiel_lanes` als eigenes Issue (Pool-Name überlagert Lane-Name, Gateway-Beschriftung überlappt „Ja“, Rücksprungkante außerhalb des Pools) **Wissensbasis:** zwei Einträge in `fallstricke.md` (Wasserzeichen-Auflage, sicheres Einbetten) **Kontext für die nächste Sitzung:** `werkzeuge/vorschau/README.md`, `scripts/vorschau.py`
Daniel added 1 commit 2026-09-23 11:34:02 +00:00
- werkzeuge/vorschau/vorschau.html: Anzeige per Drag & Drop oder
  Dateiauswahl, Zoom, Einpassen, Fehlermeldungen; funktioniert ohne
  Python direkt aus dem Dateisystem.
- scripts/vorschau.py: erzeugt aus .bpmn oder Arbeitsschritt-.md eine
  in sich geschlossene Seite und öffnet sie; --stdin als Filter, etwa
  für einen Gitea-Renderer. Diagramm wird mit maskiertem '<' eingebettet,
  die Bibliothek unverändert und nur auf <script/</script geprüft.
- bpmn-js 18.29.1 (navigated viewer + CSS + LICENSE) lokal eingebettet,
  npm-Integrität geprüft; lädt nichts aus dem Netz. Wasserzeichen bleibt
  laut Lizenzauflage sichtbar.
- tests/test_vorschau.py: 11 Tests; Skill sn-bpmn, Anleitung, AGENTS.md,
  README, Leitfäden, Fallstricke und STATUS ergänzt.
- Tests: python -m pytest -q -> 55 bestanden. Darstellung mit Edge
  headless geprüft (beide Beispiele, leere Seite, kaputte Datei).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Daniel merged commit 87cb9b76ac into main 2026-09-23 11:34:07 +00:00
Daniel deleted branch feature/bpmn-vorschau 2026-09-23 11:34:07 +00:00
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: AG_Prozesse/Projektwissen#2