private/nexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

addasd
All checks were successful
Deploy / deploy-production (push) Has been skipped
Details
Deploy / deploy-staging (push) Successful in 5s
Details

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-05-06 00:05:42 +02:00
parent 47757675c2
commit fbfcf50b67
2 changed files with 98 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
public/assets/js/app.js
View File

@@ -229,16 +229,17 @@ window.NexusModal = (() => {
<section class="nexus-debug-popup" aria-hidden="true">
<div class="nexus-debug-popup__head">
<div>
<div class="pill">Debug</div>
<div class="nexus-debug-popup__eyebrow">Nexus Debug</div>
<h2>Nexus Debug</h2>
</div>
<button type="button" class="module-button module-button--ghost module-button--small" data-debug-close>Schließen</button>
<button type="button" class="module-button module-button--secondary module-button--small" data-debug-close>Schließen</button>
</div>
<div class="nexus-debug-popup__toolbar">
<div class="muted">Projektweiter Debug-Stream der aktuellen Admin-Sitzung.</div>
<div class="nexus-debug-popup__actions">
<button type="button" class="module-button module-button--ghost module-button--small" data-debug-reload>Neu laden</button>
<button type="button" class="module-button module-button--ghost module-button--small" data-debug-clear>Leeren</button>
<button type="button" class="module-button module-button--secondary module-button--small" data-debug-reload>Neu laden</button>
<button type="button" class="module-button module-button--secondary module-button--small" data-debug-copy>Kopieren</button>
<button type="button" class="module-button module-button--secondary module-button--small" data-debug-clear>Leeren</button>
</div>
</div>
<div class="nexus-debug-popup__body" data-debug-list></div>
@@ -250,6 +251,7 @@ window.NexusModal = (() => {
const popup = root.querySelector('.nexus-debug-popup');
const closeButton = root.querySelector('[data-debug-close]');
const reloadButton = root.querySelector('[data-debug-reload]');
const copyButton = root.querySelector('[data-debug-copy]');
const clearButton = root.querySelector('[data-debug-clear]');
const list = root.querySelector('[data-debug-list]');
@@ -289,8 +291,11 @@ window.NexusModal = (() => {
return `
<details class="nexus-debug-entry"${index === 0 ? ' open' : ''}>
<summary>
<strong>${escapeHtml(title)}</strong>
<span class="nexus-debug-entry__meta">${escapeHtml(entry.source)} · ${escapeHtml(entry.at)}</span>
<span class="nexus-debug-entry__title">
<strong>${escapeHtml(title)}</strong>
<span class="nexus-debug-entry__meta">${escapeHtml(entry.source)} · ${escapeHtml(entry.at)}</span>
</span>
<button type="button" class="module-button module-button--secondary module-button--small nexus-debug-entry__copy" data-entry-copy="${escapeHtml(entry.id)}">Kopieren</button>
</summary>
<pre>${escapeHtml(payloadText)}</pre>
</details>
@@ -305,6 +310,36 @@ window.NexusModal = (() => {
.replaceAll('"', '&quot;')
.replaceAll("'", '&#039;');
const copyText = async (text, successLabel, errorLabel) => {
try {
if (navigator.clipboard && navigator.clipboard.writeText) {
await navigator.clipboard.writeText(text);
} else {
const textarea = document.createElement('textarea');
textarea.value = text;
textarea.setAttribute('readonly', 'readonly');
textarea.style.position = 'absolute';
textarea.style.left = '-9999px';
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
}
appendEntry({
source: 'nexus',
type: 'debug.copy.success',
label: successLabel,
});
} catch (error) {
appendEntry({
source: 'nexus',
type: 'debug.copy.error',
label: errorLabel,
message: error && error.message ? error.message : 'Kopieren fehlgeschlagen.',
});
}
};
const openPopup = () => {
popup?.classList.add('is-open');
popup?.setAttribute('aria-hidden', 'false');
@@ -357,6 +392,23 @@ window.NexusModal = (() => {
renderEntries();
};
const copyAllEntries = async () => {
const content = entries
.slice()
.reverse()
.map((entry) => JSON.stringify(entry.payload, null, 2))
.join('\n\n');
if (!content) {
appendEntry({
source: 'nexus',
type: 'debug.copy.empty',
label: 'Keine Debug-Einträge zum Kopieren',
});
return;
}
await copyText(content, 'Debug-Einträge kopiert', 'Debug-Einträge konnten nicht kopiert werden');
};
const previousListener = typeof debugBus.listener === 'function' ? debugBus.listener : null;
debugBus.listener = (entry) => {
if (previousListener) {
@@ -374,7 +426,21 @@ window.NexusModal = (() => {
});
closeButton?.addEventListener('click', closePopup);
reloadButton?.addEventListener('click', reloadEntries);
copyButton?.addEventListener('click', copyAllEntries);
clearButton?.addEventListener('click', clearEntries);
list?.addEventListener('click', (event) => {
const button = event.target instanceof HTMLElement ? event.target.closest('[data-entry-copy]') : null;
if (!button) {
return;
}
const entryId = button.getAttribute('data-entry-copy') || '';
const entry = entries.find((item) => String(item.id) === entryId);
if (!entry) {
return;
}
const content = JSON.stringify(entry.payload, null, 2);
copyText(content, `Eintrag ${entry.type || entry.id} kopiert`, `Eintrag ${entry.type || entry.id} konnte nicht kopiert werden`);
});
document.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {