- {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..c0f671e92 100644
--- a/app/[locale]/referenzen/page.tsx
+++ b/app/[locale]/referenzen/page.tsx
@@ -11,6 +11,14 @@ import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap
import { HeroSection } from '@/components/blocks/HeroSection';
import { defaultLocations, minorLocations } from '@/lib/map-data';
+import { MDXRemote } from 'next-mdx-remote/rsc';
+
+const mdxComponents = {
+ ul: (props: any) =>
-
- )}
-
-
-
-
-
-
-
-
-
- {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/brochure.ts b/app/actions/brochure.ts
deleted file mode 100644
index 2d340abea..000000000
--- a/app/actions/brochure.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-'use server';
-
-import { getServerAppServices } from '@/lib/services/create-services.server';
-
-export async function requestBrochureAction(formData: FormData) {
- const services = getServerAppServices();
- const logger = services.logger.child({ action: 'requestBrochureAction' });
-
- const { headers } = await import('next/headers');
- const requestHeaders = await headers();
-
- if ('setServerContext' in services.analytics) {
- (services.analytics as any).setServerContext({
- userAgent: requestHeaders.get('user-agent') || undefined,
- language: requestHeaders.get('accept-language')?.split(',')[0] || undefined,
- referrer: requestHeaders.get('referer') || undefined,
- ip: requestHeaders.get('x-forwarded-for')?.split(',')[0] || undefined,
- });
- }
-
- services.analytics.track('brochure-request-attempt');
-
- const email = formData.get('email') as string;
- const locale = (formData.get('locale') as string) || 'en';
-
- // Anti-spam Honeypot Check
- const honeypot = formData.get('company_website') as string;
- if (honeypot) {
- logger.warn('Spam detected via honeypot in brochure request', { email });
- // Silently succeed to fool the bot without doing actual work
- return { success: true };
- }
-
- if (!email) {
- logger.warn('Missing email in brochure request');
- return { success: false, error: 'Missing email address' };
- }
-
- // Basic email validation
- if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
- return { success: false, error: 'Invalid email address' };
- }
-
- // 1. Save to CMS - Removed along with Payload CMS
-
- // 2. Notify via Gotify
- try {
- await services.notifications.notify({
- title: '📑 Brochure Download Request',
- message: `New brochure download request from ${email} (${locale})`,
- priority: 3,
- });
- } catch (error) {
- logger.error('Failed to send notification', { error });
- }
-
- // 3. Send Brochure via Email
- const brochureUrl = `https://e-tib.com/brochure/etib-product-catalog-${locale}.pdf`;
-
- try {
- const { sendEmail } = await import('@/lib/mail/mailer');
- const { render } = await import('@mintel/mail');
- const React = await import('react');
- const { BrochureDeliveryEmail } = await import('@/components/emails/BrochureDeliveryEmail');
-
- const html = await render(
- React.createElement(BrochureDeliveryEmail, {
- _email: email,
- brochureUrl,
- locale: locale as 'en' | 'de',
- }),
- );
-
- const emailResult = await sendEmail({
- to: email,
- subject: locale === 'de' ? 'Ihr E-TIB Kabelkatalog' : 'Your E-TIB Cable Catalog',
- html,
- });
-
- if (emailResult.success) {
- logger.info('Brochure email sent successfully', { email });
- } else {
- logger.error('Failed to send brochure email', { error: emailResult.error, email });
- services.errors.captureException(new Error(`Brochure email failed: ${emailResult.error}`), {
- action: 'requestBrochureAction_email',
- email,
- });
- return { success: false, error: 'Failed to send email. Please try again later.' };
- }
- } catch (error) {
- logger.error('Exception while sending brochure email', { error });
- return { success: false, error: 'Failed to send email. Please try again later.' };
- }
-
- // 4. Track success
- services.analytics.track('brochure-request-success', {
- locale,
- delivery_method: 'email',
- });
-
- return { success: true };
-}
diff --git a/app/actions/getAnnotatorAssets.ts b/app/actions/getAnnotatorAssets.ts
new file mode 100644
index 000000000..0ce3236d6
--- /dev/null
+++ b/app/actions/getAnnotatorAssets.ts
@@ -0,0 +1,36 @@
+'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 = async (dir: string): Promise
{/* Image Section */}
@@ -111,7 +117,7 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
)}
-
+
{/* Location Badge */}
@@ -124,10 +130,17 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
{/* Content Section */}
))}
-
+
-
+
+
{ref.frontmatter.title}
+ {/* Project Details / Content */}
+ {ref.content && (
+
+
@@ -147,7 +160,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 hier:
+
+${jsonContent}
+
+ `;
+
+ 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
+ });
+
+ 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/app/test/page.tsx b/app/test/page.tsx
deleted file mode 100644
index a9e56b17a..000000000
--- a/app/test/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function TestPage() {
- return (
-
-
- );
-}
diff --git a/badge.svg b/badge.svg
new file mode 100644
index 000000000..4aa12038b
--- /dev/null
+++ b/badge.svg
@@ -0,0 +1 @@
+Not found.
diff --git a/components/AnnotatorClientWrapper.tsx b/components/AnnotatorClientWrapper.tsx
new file mode 100644
index 000000000..ce80e5276
--- /dev/null
+++ b/components/AnnotatorClientWrapper.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+import { useEffect, useState } from 'react';
+import { getAnnotatorAssets } from '@/app/actions/getAnnotatorAssets';
+import { submitAnnotations } from '@/app/actions/submitAnnotations';
+
+const Annotator = dynamic(() => import('@/components/annotator-local/Annotator').then(mod => mod.Annotator), { ssr: false });
+
+export default function AnnotatorClientWrapper() {
+ const [assets, setAssets] = useStateTEST PAGE WORKS
-
+ {/* 1. Global Toolbar */}
+
+ {isActive && (
+
+
+ {/* 3. Action Modal */}
+
+ {selectedElement && (
+
+
+
+ {/* 2. Highlights */}
+
+
+
+
+
+
+
+ {annotations.length > 0 && (
+ <>
+
+
+
+ )}
+
+
+ {hoveredRect && (
+
+ )}
+
+
+
+
+
+ Änderung erfassen
+ +
+
+
+
+
+
+
+ {currentType === "text" && (
+
+
+