Meleki
be29984b25
Backend:
- SharedMessageRecord Model + shared_messages DB-Tabelle
- SharedEndpoint: POST /api/messages/{id}/share, GET /api/shared/{token},
GET /api/shared (Liste), DELETE /api/shared/{token}
- Auth-Ausnahme für GET /api/shared/{token} (öffentlich ohne Login)
- DB-Methoden: CreateSharedMessage, GetSharedMessage, GetChainMessagesUpTo
Frontend:
- Share-Button (fa-share-alt) an jeder Nachricht
- Kontextmenü: Einzelnachricht oder mit Thread-Kontext teilen
- Link wird automatisch in Zwischenablage kopiert
- Öffentliche Shared-Page (#shared/{token}) ohne Login
- Markdown-Rendering in der geteilten Ansicht
- CSS für Share-Button, Share-Menü und Shared-Page
60 lines
2.1 KiB
JavaScript
60 lines
2.1 KiB
JavaScript
// ── Shared Message Page (öffentlich, kein Login nötig) ──
|
|
|
|
registerPage('shared', {
|
|
init: async (params) => {
|
|
const token = params.id;
|
|
const container = document.getElementById('sharedContent');
|
|
if (!token || !container) {
|
|
container.innerHTML = '<div class="shared-error"><i class="fa fa-times-circle"></i> Ungültiger Link</div>';
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const data = await apiGetShared(token);
|
|
container.innerHTML = '';
|
|
|
|
if (data.messages && data.messages.length > 0) {
|
|
// Mehrere Nachrichten (Thread mit Kontext)
|
|
data.messages.forEach(msg => {
|
|
const div = document.createElement('div');
|
|
div.className = 'msg ' + (msg.role === 'user' ? 'user' : 'assistant') + ' markdown';
|
|
if (msg.role === 'user') {
|
|
renderUserContent(div, msg.content);
|
|
} else {
|
|
div.innerHTML = renderMarkdown(msg.content);
|
|
parseFluentEmojis(div);
|
|
wrapKreaGalleries(div);
|
|
}
|
|
container.appendChild(div);
|
|
});
|
|
} else if (data.message) {
|
|
// Einzelne Nachricht
|
|
const msg = data.message;
|
|
const div = document.createElement('div');
|
|
div.className = 'msg ' + (msg.role === 'user' ? 'user' : 'assistant') + ' markdown';
|
|
if (msg.role === 'user') {
|
|
renderUserContent(div, msg.content);
|
|
} else {
|
|
div.innerHTML = renderMarkdown(msg.content);
|
|
parseFluentEmojis(div);
|
|
wrapKreaGalleries(div);
|
|
}
|
|
container.appendChild(div);
|
|
}
|
|
|
|
// Timestamp anzeigen
|
|
if (data.createdAt) {
|
|
const meta = document.createElement('div');
|
|
meta.className = 'shared-meta';
|
|
const d = new Date(data.createdAt);
|
|
meta.innerHTML = '<i class="fa fa-clock-o"></i> Geteilt am ' + d.toLocaleDateString('de-DE') + ' um ' + d.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
|
|
container.appendChild(meta);
|
|
}
|
|
|
|
} catch (err) {
|
|
container.innerHTML = '<div class="shared-error"><i class="fa fa-times-circle"></i> ' + esc(err.message) + '</div>';
|
|
}
|
|
},
|
|
destroy: () => {}
|
|
});
|