@jhits/plugin-content 0.0.15 → 0.0.18

package/dist/api/files.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Files API Handler
+ * Handles uploading and managing general files
+ */
+import { NextRequest, NextResponse } from 'next/server';
+export interface FilesApiConfig {
+    getDb: () => Promise<{
+        db: () => any;
+    }>;
+}
+/**
+ * GET /api/plugin-content/files - List all files
+ */
+export declare function GET(req: NextRequest, config: FilesApiConfig): Promise<NextResponse>;
+/**
+ * POST /api/plugin-content/files/upload - Upload a file
+ */
+export declare function UPLOAD(req: NextRequest, config: FilesApiConfig): Promise<NextResponse>;
+/**
+ * GET /api/plugin-content/files/download - Download a file
+ */
+export declare function DOWNLOAD(req: NextRequest, config: FilesApiConfig): Promise<NextResponse>;
+/**
+ * DELETE /api/plugin-content/files - Delete a file
+ */
+export declare function DELETE(req: NextRequest, config: FilesApiConfig): Promise<NextResponse>;
+//# sourceMappingURL=files.d.ts.map

package/dist/api/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/api/files.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3C;AAYD;;GAEG;AACH,wBAAsB,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAmBzF;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAmD5F;AAED;;GAEG;AACH,wBAAsB,QAAQ,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAyC9F;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAsC5F"}

package/dist/api/files.js

@@ -0,0 +1,159 @@
+/**
+ * Files API Handler
+ * Handles uploading and managing general files
+ */
+import { NextResponse } from 'next/server';
+import { writeFile, mkdir, unlink, readFile } from 'fs/promises';
+import path from 'path';
+import { randomBytes } from 'crypto';
+const uploadsDir = path.join(process.cwd(), 'data', 'uploads');
+async function ensureUploadsDir() {
+    try {
+        await mkdir(uploadsDir, { recursive: true });
+    }
+    catch (error) {
+        // Directory might already exist
+    }
+}
+/**
+ * GET /api/plugin-content/files - List all files
+ */
+export async function GET(req, config) {
+    try {
+        const url = new URL(req.url);
+        const siteId = url.searchParams.get('siteId') || 'default';
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const files = db.collection('files');
+        const data = await files.find({ siteId }).sort({ uploadedAt: -1 }).toArray();
+        return NextResponse.json({ files: data });
+    }
+    catch (err) {
+        console.error('[FilesAPI] GET error:', err);
+        return NextResponse.json({ error: 'Failed to fetch files', detail: err.message }, { status: 500 });
+    }
+}
+/**
+ * POST /api/plugin-content/files/upload - Upload a file
+ */
+export async function UPLOAD(req, config) {
+    try {
+        await ensureUploadsDir();
+        const formData = await req.formData();
+        const file = formData.get('file');
+        const siteId = formData.get('siteId') || 'default';
+        if (!file) {
+            return NextResponse.json({ error: 'No file provided' }, { status: 400 });
+        }
+        // Generate unique filename
+        const ext = path.extname(file.name);
+        const uniqueId = randomBytes(16).toString('hex');
+        const timestamp = Date.now();
+        const uniqueFilename = `${timestamp}-${uniqueId}${ext}`;
+        const filePath = path.join(uploadsDir, uniqueFilename);
+        // Save file
+        const bytes = await file.arrayBuffer();
+        const buffer = Buffer.from(bytes);
+        await writeFile(filePath, buffer);
+        const fileMetadata = {
+            id: uniqueFilename,
+            filename: file.name,
+            url: `/api/plugin-content/files/download?id=${uniqueFilename}`, // Point to our own download endpoint
+            size: file.size,
+            mimeType: file.type,
+            siteId,
+            uploadedAt: new Date().toISOString(),
+        };
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const files = db.collection('files');
+        await files.insertOne(fileMetadata);
+        return NextResponse.json({
+            success: true,
+            file: fileMetadata,
+        });
+    }
+    catch (err) {
+        console.error('[FilesAPI] UPLOAD error:', err);
+        return NextResponse.json({ error: 'Failed to upload file', detail: err.message }, { status: 500 });
+    }
+}
+/**
+ * GET /api/plugin-content/files/download - Download a file
+ */
+export async function DOWNLOAD(req, config) {
+    try {
+        const url = new URL(req.url);
+        const id = url.searchParams.get('id');
+        const download = url.searchParams.get('download') === 'true';
+        if (!id) {
+            return NextResponse.json({ error: 'ID is required' }, { status: 400 });
+        }
+        // Security: Prevent directory traversal
+        const sanitizedFilename = path.basename(id);
+        const filePath = path.join(uploadsDir, sanitizedFilename);
+        const fileBuffer = await readFile(filePath);
+        // Determine content type
+        const ext = path.extname(filePath).toLowerCase();
+        let contentType = 'application/octet-stream';
+        if (ext === '.pdf')
+            contentType = 'application/pdf';
+        else if (ext === '.png')
+            contentType = 'image/png';
+        else if (ext === '.jpg' || ext === '.jpeg')
+            contentType = 'image/jpeg';
+        else if (ext === '.webp')
+            contentType = 'image/webp';
+        else if (ext === '.svg')
+            contentType = 'image/svg+xml';
+        const headers = {
+            'Content-Type': contentType,
+            'Cache-Control': 'public, max-age=31536000, immutable',
+        };
+        if (download) {
+            headers['Content-Disposition'] = `attachment; filename="${sanitizedFilename}"`;
+        }
+        return new NextResponse(fileBuffer, {
+            headers: headers,
+        });
+    }
+    catch (err) {
+        console.error('[FilesAPI] DOWNLOAD error:', err);
+        return new NextResponse('File not found', { status: 404 });
+    }
+}
+/**
+ * DELETE /api/plugin-content/files - Delete a file
+ */
+export async function DELETE(req, config) {
+    try {
+        const url = new URL(req.url);
+        const siteId = url.searchParams.get('siteId') || 'default';
+        const id = url.searchParams.get('id');
+        if (!id) {
+            return NextResponse.json({ error: 'ID is required' }, { status: 400 });
+        }
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const files = db.collection('files');
+        const fileDoc = await files.findOne({ siteId, id });
+        if (!fileDoc) {
+            return NextResponse.json({ error: 'File not found' }, { status: 404 });
+        }
+        // Delete from filesystem
+        const filePath = path.join(uploadsDir, fileDoc.id);
+        try {
+            await unlink(filePath);
+        }
+        catch (err) {
+            console.warn(`[FilesAPI] File could not be deleted from disk: ${filePath}`, err);
+        }
+        // Delete from database
+        await files.deleteOne({ siteId, id });
+        return NextResponse.json({ success: true });
+    }
+    catch (err) {
+        console.error('[FilesAPI] DELETE error:', err);
+        return NextResponse.json({ error: 'Failed to delete file', detail: err.message }, { status: 500 });
+    }
+}

package/dist/api/handler.d.ts

@@ -10,6 +10,10 @@ import { NextRequest, NextResponse } from 'next/server';
 export interface ContentApiConfig {
     /** Directory where locale files are stored (default: 'data/locales') */
     localesDir?: string;
+    /** MongoDB client promise */
+    getDb?: () => Promise<{
+        db: () => any;
+    }>;
 }
 /**
  * POST /api/plugin-content/save - Save translations

package/dist/api/handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handler.d.ts","sourceRoot":"","sources":["../../src/api/handler.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,gBAAgB;IAC7B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAsB,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,CAkD5F"}
+{"version":3,"file":"handler.d.ts","sourceRoot":"","sources":["../../src/api/handler.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,gBAAgB;IAC7B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,wBAAsB,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,CAkD5F"}

package/dist/api/links.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Links API Handler
+ * Handles global, localized links and buttons
+ */
+import { NextRequest, NextResponse } from 'next/server';
+export interface LinksApiConfig {
+    getDb: () => Promise<{
+        db: () => any;
+    }>;
+}
+/**
+ * GET /api/plugin-content/links - List all links
+ */
+export declare function GET(req: NextRequest, config: LinksApiConfig): Promise<NextResponse>;
+/**
+ * POST /api/plugin-content/links - Save a link
+ */
+export declare function POST(req: NextRequest, config: LinksApiConfig): Promise<NextResponse>;
+/**
+ * DELETE /api/plugin-content/links - Delete a link
+ */
+export declare function DELETE(req: NextRequest, config: LinksApiConfig): Promise<NextResponse>;
+//# sourceMappingURL=links.d.ts.map

package/dist/api/links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../src/api/links.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3C;AAED;;GAEG;AACH,wBAAsB,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAmBzF;AAED;;GAEG;AACH,wBAAsB,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAuC1F;AAED;;GAEG;AACH,wBAAsB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,CAwB5F"}

package/dist/api/links.js

@@ -0,0 +1,75 @@
+/**
+ * Links API Handler
+ * Handles global, localized links and buttons
+ */
+import { NextResponse } from 'next/server';
+/**
+ * GET /api/plugin-content/links - List all links
+ */
+export async function GET(req, config) {
+    try {
+        const url = new URL(req.url);
+        const siteId = url.searchParams.get('siteId') || 'default';
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const links = db.collection('links');
+        const data = await links.find({ siteId }).toArray();
+        return NextResponse.json({ links: data });
+    }
+    catch (err) {
+        console.error('[LinksAPI] GET error:', err);
+        return NextResponse.json({ error: 'Failed to fetch links', detail: err.message }, { status: 500 });
+    }
+}
+/**
+ * POST /api/plugin-content/links - Save a link
+ */
+export async function POST(req, config) {
+    try {
+        const body = await req.json();
+        const { siteId = 'default', link } = body;
+        if (!link || !link.key) {
+            return NextResponse.json({ error: 'Link key is required' }, { status: 400 });
+        }
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const links = db.collection('links');
+        // Update or insert
+        const updatedLink = {
+            ...link,
+            siteId,
+            updatedAt: new Date(),
+        };
+        // Remove _id from link before update to avoid immutable field error if it's a string
+        const { _id, ...linkData } = updatedLink;
+        await links.updateOne({ siteId, key: link.key }, { $set: linkData }, { upsert: true });
+        const savedLink = await links.findOne({ siteId, key: link.key });
+        return NextResponse.json({ success: true, link: savedLink });
+    }
+    catch (err) {
+        console.error('[LinksAPI] POST error:', err);
+        return NextResponse.json({ error: 'Failed to save link', detail: err.message }, { status: 500 });
+    }
+}
+/**
+ * DELETE /api/plugin-content/links - Delete a link
+ */
+export async function DELETE(req, config) {
+    try {
+        const url = new URL(req.url);
+        const siteId = url.searchParams.get('siteId') || 'default';
+        const key = url.searchParams.get('key');
+        if (!key) {
+            return NextResponse.json({ error: 'Key is required' }, { status: 400 });
+        }
+        const dbConnection = await config.getDb();
+        const db = dbConnection.db();
+        const links = db.collection('links');
+        await links.deleteOne({ siteId, key });
+        return NextResponse.json({ success: true });
+    }
+    catch (err) {
+        console.error('[LinksAPI] DELETE error:', err);
+        return NextResponse.json({ error: 'Failed to delete link', detail: err.message }, { status: 500 });
+    }
+}

package/dist/api/router.d.ts

@@ -7,8 +7,14 @@
  */
 import { NextRequest, NextResponse } from 'next/server';
 export interface ContentApiRouterConfig {
+    /** MongoDB client promise - should return { db: () => Database } */
+    getDb: () => Promise<{
+        db: () => any;
+    }>;
     /** Directory where locale files are stored (default: 'data/locales') */
     localesDir?: string;
+    /** Site ID for multi-site setups */
+    siteId?: string;
 }
 /**
  * Handle content API requests

package/dist/api/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/api/router.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,WAAW,sBAAsB;IACnC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAClC,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,MAAM,EAAE,EACd,MAAM,EAAE,sBAAsB,GAC/B,OAAO,CAAC,YAAY,CAAC,CAoCvB"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/api/router.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,WAAW,sBAAsB;IACnC,oEAAoE;IACpE,KAAK,EAAE,MAAM,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,CAAA;KAAE,CAAC,CAAC;IACxC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CAClC,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,MAAM,EAAE,EACd,MAAM,EAAE,sBAAsB,GAC/B,OAAO,CAAC,YAAY,CAAC,CA6DvB"}

package/dist/api/router.js

@@ -16,17 +16,45 @@ export async function handleContentApi(req, path, config) {
     const method = req.method;
     const safePath = Array.isArray(path) ? path : [];
     const route = safePath.length > 0 ? safePath[0] : '';
-    console.log(`[ContentApiRouter] method=${method}, path=${JSON.stringify(safePath)}, route=${route}, url=${req.url}`);
     try {
         // Route: /api/plugin-content/save
         if (route === 'save') {
             if (method === 'POST') {
-                return await SaveHandler(req, config);
+                return await SaveHandler(req, { localesDir: config.localesDir });
+            }
+        }
+        // Route: /api/plugin-content/links
+        else if (route === 'links') {
+            const linksModule = await import('./links');
+            if (method === 'GET') {
+                return await linksModule.GET(req, { getDb: config.getDb });
+            }
+            if (method === 'POST') {
+                return await linksModule.POST(req, { getDb: config.getDb });
+            }
+            if (method === 'DELETE') {
+                return await linksModule.DELETE(req, { getDb: config.getDb });
+            }
+        }
+        // Route: /api/plugin-content/files
+        else if (route === 'files') {
+            const filesModule = await import('./files');
+            const subRoute = safePath.length > 1 ? safePath[1] : '';
+            if (subRoute === 'upload' && method === 'POST') {
+                return await filesModule.UPLOAD(req, { getDb: config.getDb });
+            }
+            if (subRoute === 'download' && method === 'GET') {
+                return await filesModule.DOWNLOAD(req, { getDb: config.getDb });
+            }
+            if (method === 'GET') {
+                return await filesModule.GET(req, { getDb: config.getDb });
+            }
+            if (method === 'DELETE') {
+                return await filesModule.DELETE(req, { getDb: config.getDb });
             }
-            return NextResponse.json({ error: `Method ${method} not allowed for route: save` }, { status: 405 });
         }
         // Route not found
-        return NextResponse.json({ error: `Route not found: ${route || '/'}` }, { status: 404 });
+        return NextResponse.json({ error: `Route not found: ${route || '/'}${safePath.length > 1 ? '/' + safePath[1] : ''}` }, { status: 404 });
     }
     catch (error) {
         console.error('[ContentApiRouter] Error:', error);

package/dist/components/DynamicLink.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Dynamic Link Component
+ * Localized link with right-click settings for admins
+ */
+import React from 'react';
+interface DynamicLinkProps {
+    linkKey: string;
+    siteId?: string;
+    locale: string;
+    defaultLabel: string;
+    defaultTarget: string;
+    defaultType?: 'url' | 'file';
+    className?: string;
+    isAdmin?: boolean;
+    apiBaseUrl?: string;
+    /** Whether to use a button element instead of <a>/Link (useful for scroll actions) */
+    isButton?: boolean;
+    /** Click handler for button type */
+    onClick?: (target: string) => void;
+    children?: (data: {
+        label: string;
+        target: string;
+        type: 'url' | 'file';
+    }) => React.ReactNode;
+}
+export declare function DynamicLink({ linkKey, siteId, locale, defaultLabel, defaultTarget, defaultType, className, isAdmin, apiBaseUrl, isButton, onClick, children }: DynamicLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DynamicLink.d.ts.map

package/dist/components/DynamicLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicLink.d.ts","sourceRoot":"","sources":["../../src/components/DynamicLink.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,gBAAgB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACjG;AAED,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,MAAkB,EAClB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,SAAc,EACd,OAAe,EACf,UAAU,EACV,QAAgB,EAChB,OAAO,EACP,QAAQ,EACX,EAAE,gBAAgB,2CA6GlB"}

package/dist/components/DynamicLink.js

@@ -0,0 +1,62 @@
+/**
+ * Dynamic Link Component
+ * Localized link with right-click settings for admins
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useLinks } from '../hooks/useLinks';
+import { LinkSettingsModal } from './LinkSettingsModal';
+import Link from 'next/link';
+export function DynamicLink({ linkKey, siteId = 'default', locale, defaultLabel, defaultTarget, defaultType = 'url', className = '', isAdmin = false, apiBaseUrl, isButton = false, onClick, children }) {
+    const { getLink, refetch } = useLinks(siteId, apiBaseUrl);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const linkData = getLink(linkKey, locale) || {
+        label: defaultLabel,
+        target: defaultTarget,
+        type: defaultType
+    };
+    const handleContextMenu = (e) => {
+        if (isAdmin) {
+            e.preventDefault();
+            e.stopPropagation();
+            setIsModalOpen(true);
+        }
+    };
+    const handleSaveSuccess = () => {
+        if (refetch)
+            refetch();
+    };
+    const isExternal = linkData.target.startsWith('http') || linkData.type === 'file';
+    const isScroll = linkData.target.startsWith('#');
+    // Render content
+    const content = children ? children(linkData) : linkData.label;
+    // Use a wrapper that is invisible to layout when not admin
+    // When admin, we need relative for the HUD tooltip
+    // We also pass through the className to the wrapper if admin to preserve flex/grid item behavior
+    const wrapperClass = isAdmin ? `relative ${className}` : 'contents';
+    // When not admin, the className is on the link itself
+    // When admin, the wrapper has the main classes, and the link is just a transparent overlay
+    const linkClass = isAdmin ? "w-full h-full flex items-center justify-center bg-transparent border-none p-0 m-0 text-inherit font-inherit cursor-pointer outline-none" : className;
+    const renderLink = () => {
+        if (isScroll || isButton) {
+            return (_jsx("button", { type: "button", onClick: (e) => {
+                    if (isScroll) {
+                        const targetId = linkData.target.replace('#', '');
+                        const element = document.getElementById(targetId);
+                        if (element) {
+                            element.scrollIntoView({ behavior: 'smooth' });
+                        }
+                    }
+                    if (onClick)
+                        onClick(linkData.target);
+                }, className: linkClass, children: content }));
+        }
+        if (isExternal) {
+            return (_jsx("a", { href: linkData.target, target: "_blank", rel: "noopener noreferrer", className: linkClass, children: content }));
+        }
+        return (_jsx(Link, { href: linkData.target, className: linkClass, children: content }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { onContextMenu: handleContextMenu, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: wrapperClass, children: [isAdmin && isHovered && (_jsx("div", { className: "absolute -top-8 left-1/2 -translate-x-1/2 bg-primary text-white text-[8px] font-black uppercase px-2 py-1 rounded shadow-xl z-[1000] pointer-events-none whitespace-nowrap", children: "Right-click to edit link" })), renderLink()] }), _jsx(LinkSettingsModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), linkKey: linkKey, siteId: siteId, locale: locale, initialData: linkData, onSaveSuccess: handleSaveSuccess, apiBaseUrl: apiBaseUrl })] }));
+}

package/dist/components/LinkSettingsModal.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Link Settings Modal
+ * Inline editor for dynamic links
+ */
+import React from 'react';
+interface LinkSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    linkKey: string;
+    siteId: string;
+    locale: string;
+    initialData?: {
+        label: string;
+        target: string;
+        type: 'url' | 'file';
+    };
+    onSaveSuccess?: () => void;
+    apiBaseUrl?: string;
+}
+export declare function LinkSettingsModal({ isOpen, onClose, linkKey, siteId, locale, initialData, onSaveSuccess, apiBaseUrl }: LinkSettingsModalProps): React.ReactPortal | null;
+export {};
+//# sourceMappingURL=LinkSettingsModal.d.ts.map

package/dist/components/LinkSettingsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkSettingsModal.d.ts","sourceRoot":"","sources":["../../src/components/LinkSettingsModal.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,UAAU,sBAAsB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;KACxB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAkC,EACrC,EAAE,sBAAsB,4BA4YxB"}