- {value}
- {unit}
-
- {rest.replace(/^[\s-]*\s/, '')}
-
-
-
- {props.children}
- , - img: (props: any) =>
- {/* Hero Section */}
-
- {reference.frontmatter.featuredImage && (
-
-
-
-
- {/* Main Content Area */}
-
-
-
- );
-}
diff --git a/app/[locale]/referenzen/page.tsx b/app/[locale]/referenzen/page.tsx
index 56e1f07a5..096ee147e 100644
--- a/app/[locale]/referenzen/page.tsx
+++ b/app/[locale]/referenzen/page.tsx
@@ -90,11 +90,9 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
-
- )}
-
-
-
-
-
-
-
-
-
- {t('projectReference')}
-
-
- {reference.frontmatter.title}
-
-
-
-
-
-
-
-
-
- {t('location')}
-{reference.frontmatter.location}
-
-
-
-
- {t('client')}
-{reference.frontmatter.client}
-
-
-
-
- {t('period')}
-{reference.frontmatter.dateString || new Date(reference.frontmatter.date).getFullYear()}
-
-
- {t('scopeTitle')}
- -
-
-
-
-
-
- {t('viewAll')}
-
-
-
-
{references.map((ref) => (
-
-
+
))}
diff --git a/app/actions/getAnnotatorAssets.ts b/app/actions/getAnnotatorAssets.ts
new file mode 100644
index 000000000..fca07377a
--- /dev/null
+++ b/app/actions/getAnnotatorAssets.ts
@@ -0,0 +1,35 @@
+'use server';
+import fs from 'fs';
+import path from 'path';
+
+export async function getAnnotatorAssets() {
+ // Try /app/public first (docker), then process.cwd()/public
+ let publicDir = '/app/public';
+ if (!fs.existsSync(publicDir)) {
+ publicDir = path.join(process.cwd(), 'public');
+ }
+
+ const walk = (dir: string): string[] => {
+ let results: string[] = [];
+ if (!fs.existsSync(dir)) return results;
+ const list = fs.readdirSync(dir);
+ list.forEach((file) => {
+ const filePath = path.join(dir, file);
+ const stat = fs.statSync(filePath);
+ if (stat && stat.isDirectory()) {
+ results = results.concat(walk(filePath));
+ } else {
+ if (filePath.match(/\.(png|jpg|jpeg|webp|mp4|svg)$/i)) {
+ results.push(filePath.replace(publicDir, ''));
+ }
+ }
+ });
+ return results;
+ };
+ const results = walk(publicDir);
+ console.log('[Annotator] publicDir:', publicDir);
+ console.log('[Annotator] Assets found:', results.length);
+ console.log('[Annotator] First 5 paths:', results.slice(0, 5));
+
+ return results;
+}
diff --git a/app/actions/submitAnnotations.ts b/app/actions/submitAnnotations.ts
new file mode 100644
index 000000000..8f363691e
--- /dev/null
+++ b/app/actions/submitAnnotations.ts
@@ -0,0 +1,54 @@
+import { sendEmail } from '@/lib/mail/mailer';
+import { getServerAppServices } from '@/lib/services/create-services.server';
+
+export async function submitAnnotations(annotations: any[]) {
+ const services = getServerAppServices();
+ const logger = services.logger.child({ action: 'submitAnnotations' });
+
+ if (!annotations || annotations.length === 0) {
+ return { success: false, error: 'Keine Korrekturen vorhanden.' };
+ }
+
+ try {
+ const jsonContent = JSON.stringify(annotations, null, 2);
+ const htmlContent = `
+
{/* Image Section */}
@@ -111,7 +109,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
)}
-
+
{/* Location Badge */}
@@ -124,7 +122,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
{/* Content Section */}
-
+
+
{ref.frontmatter.title}
@@ -147,7 +145,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
Neue Website-Korrekturen (${annotations.length})
+Es wurden neue Korrekturen über den Annotator eingereicht.
+-
+ ${annotations.map(ann => `
+
-
+ ${new URL(ann.url).pathname} [${ann.type}]
+ Element:${ann.selector}
+ ${ann.type === 'image' ? 'Neues Bild: ' : 'Text: '}${ann.newContent} +
+ `).join('')}
+
Die genauen Daten (inkl. Scroll-Positionen, Viewport und Zeitstempel) befinden sich im JSON-Anhang.
+ `; + + const notificationResult = await sendEmail({ + replyTo: 'info@e-tib.com', // Falls Rückfragen nötig + subject: `[Korrekturen] ${annotations.length} neue Anmerkungen für E-TIB`, + html: htmlContent, + attachments: [ + { + filename: 'corrections.json', + content: jsonContent, + contentType: 'application/json', + } + ] + }); + + if (!notificationResult.success) { + logger.error('Annotation email FAILED', { error: notificationResult.error }); + return { success: false, error: notificationResult.error }; + } + + logger.info('Annotation email sent successfully', { count: annotations.length }); + return { success: true }; + } catch (error) { + const errorMsg = error instanceof Error ? error.message : String(error); + logger.error('Failed to send annotations', { error: errorMsg }); + return { success: false, error: errorMsg }; + } +} diff --git a/components/AnnotatorClientWrapper.tsx b/components/AnnotatorClientWrapper.tsx new file mode 100644 index 000000000..26a7957ca --- /dev/null +++ b/components/AnnotatorClientWrapper.tsx @@ -0,0 +1,30 @@ +'use client'; + +import { Annotator } from '@mintel/annotator'; +import { useEffect, useState } from 'react'; +import { getAnnotatorAssets } from '@/app/actions/getAnnotatorAssets'; +import { submitAnnotations } from '@/app/actions/submitAnnotations'; + +export default function AnnotatorClientWrapper() { + const [assets, setAssets] = useState