@jhits/plugin-content 0.0.15 → 0.0.16

package/dist/components/LinkSettingsModal.js

@@ -0,0 +1,172 @@
+/**
+ * Link Settings Modal
+ * Inline editor for dynamic links
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { X, Save, Upload, Link2, FileText, Globe, Loader2, Check, Download, Search, FolderOpen, Trash2 } from 'lucide-react';
+import { motion } from 'framer-motion';
+export function LinkSettingsModal({ isOpen, onClose, linkKey, siteId, locale, initialData, onSaveSuccess, apiBaseUrl = '/api/plugin-content' }) {
+    const [label, setLabel] = useState(initialData?.label || '');
+    const [target, setTarget] = useState(initialData?.target || '');
+    const [type, setType] = useState(initialData?.type || 'url');
+    const [isSaving, setIsSaving] = useState(false);
+    const [isUploading, setIsUploading] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    // File browser state
+    const [isBrowsing, setIsBrowsing] = useState(false);
+    const [availableFiles, setAvailableFiles] = useState([]);
+    const [allLinks, setAllLinks] = useState([]); // To check for file usage
+    const [fileSearch, setFileSearch] = useState('');
+    const [isLoadingFiles, setIsLoadingFiles] = useState(false);
+    const downloadUrl = React.useMemo(() => {
+        if (type !== 'file' || !target)
+            return '';
+        return `${apiBaseUrl}/files/download?id=${target}&download=true`;
+    }, [type, target, apiBaseUrl]);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    useEffect(() => {
+        if (isOpen && initialData) {
+            setLabel(initialData.label);
+            setTarget(initialData.target);
+            setType(initialData.type);
+            setIsBrowsing(false);
+        }
+    }, [isOpen, initialData]);
+    const fetchFilesAndLinks = async () => {
+        setIsLoadingFiles(true);
+        try {
+            const [filesRes, linksRes] = await Promise.all([
+                fetch(`${apiBaseUrl}/files?siteId=${siteId}`),
+                fetch(`${apiBaseUrl}/links?siteId=${siteId}`)
+            ]);
+            if (filesRes.ok) {
+                const data = await filesRes.json();
+                setAvailableFiles(data.files || []);
+            }
+            if (linksRes.ok) {
+                const data = await linksRes.json();
+                setAllLinks(data.links || []);
+            }
+        }
+        catch (err) {
+            console.error('Failed to fetch library data:', err);
+        }
+        finally {
+            setIsLoadingFiles(false);
+        }
+    };
+    // Check if a specific file is in use by any link in any language
+    const isFileInUse = (fileId) => {
+        return allLinks.some(link => Object.values(link.languages || {}).some((lang) => lang.type === 'file' && lang.target === fileId));
+    };
+    const handleDeleteFile = async (e, fileId) => {
+        e.stopPropagation();
+        if (isFileInUse(fileId)) {
+            alert('This file cannot be deleted because it is currently linked to a button.');
+            return;
+        }
+        if (!confirm('Are you sure you want to permanently delete this file?'))
+            return;
+        try {
+            const res = await fetch(`${apiBaseUrl}/files?siteId=${siteId}&id=${fileId}`, {
+                method: 'DELETE',
+            });
+            if (res.ok) {
+                setAvailableFiles(availableFiles.filter(f => f.id !== fileId));
+                if (target === fileId) {
+                    setTarget('');
+                }
+            }
+        }
+        catch (err) {
+            console.error('Delete failed:', err);
+        }
+    };
+    const filteredFiles = React.useMemo(() => {
+        return availableFiles.filter(f => f.filename.toLowerCase().includes(fileSearch.toLowerCase()));
+    }, [availableFiles, fileSearch]);
+    const handleSave = async () => {
+        setIsSaving(true);
+        try {
+            // 1. First get existing link data to preserve other languages
+            const getRes = await fetch(`${apiBaseUrl}/links?siteId=${siteId}`);
+            let existingLink = { key: linkKey, languages: {} };
+            if (getRes.ok) {
+                const data = await getRes.json();
+                const found = data.links?.find((l) => l.key === linkKey);
+                if (found)
+                    existingLink = found;
+            }
+            // 2. Update the specific language
+            const updatedLink = {
+                ...existingLink,
+                languages: {
+                    ...existingLink.languages,
+                    [locale]: { label, target, type }
+                }
+            };
+            const res = await fetch(`${apiBaseUrl}/links`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ siteId, link: updatedLink }),
+            });
+            if (res.ok) {
+                if (onSaveSuccess)
+                    onSaveSuccess();
+                // Notify other components
+                window.dispatchEvent(new CustomEvent('link-updated'));
+                onClose();
+            }
+        }
+        catch (err) {
+            console.error('Failed to save link settings:', err);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    const handleFileUpload = async (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        setIsUploading(true);
+        try {
+            const formData = new FormData();
+            formData.append('file', file);
+            formData.append('siteId', siteId);
+            const res = await fetch(`${apiBaseUrl}/files/upload`, {
+                method: 'POST',
+                body: formData,
+            });
+            if (res.ok) {
+                const data = await res.json();
+                setTarget(data.file.id);
+                setType('file');
+            }
+        }
+        catch (err) {
+            console.error('Upload failed:', err);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    if (!mounted || !isOpen)
+        return null;
+    return createPortal(_jsx("div", { className: "fixed inset-0 z-[10000] flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm", onClick: onClose, children: _jsx(motion.div, { initial: { opacity: 0, scale: 0.95, y: 20 }, animate: { opacity: 1, scale: 1, y: 0 }, className: "bg-white dark:bg-neutral-900 w-full max-w-lg rounded-[2.5rem] shadow-2xl border border-neutral-200 dark:border-neutral-800 overflow-hidden", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "p-8", children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-3 bg-primary/10 rounded-2xl", children: _jsx(Link2, { className: "text-primary size-6" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white", children: "Link Settings" }), _jsxs("p", { className: "text-[10px] font-bold text-neutral-500 uppercase tracking-widest", children: ["Key: ", linkKey, " \u2022 ", locale.toUpperCase()] })] })] }), _jsx("button", { onClick: onClose, className: "p-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded-full transition-colors", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-400 block mb-2", children: "Display Label" }), _jsx("input", { type: "text", value: label, onChange: (e) => setLabel(e.target.value), className: "w-full bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-4 rounded-2xl text-sm font-bold outline-none focus:border-primary transition-all", placeholder: "Button text..." })] }), _jsxs("div", { className: "flex gap-2 p-1 bg-neutral-100 dark:bg-neutral-800 rounded-2xl", children: [_jsxs("button", { onClick: () => setType('url'), className: `flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl text-[10px] font-black uppercase tracking-widest transition-all ${type === 'url' ? 'bg-white dark:bg-neutral-700 shadow-sm text-primary' : 'text-neutral-500'}`, children: [_jsx(Globe, { size: 14 }), "URL / Route"] }), _jsxs("button", { onClick: () => setType('file'), className: `flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl text-[10px] font-black uppercase tracking-widest transition-all ${type === 'file' ? 'bg-white dark:bg-neutral-700 shadow-sm text-primary' : 'text-neutral-500'}`, children: [_jsx(FileText, { size: 14 }), "Download File"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-400 block mb-2", children: type === 'url' ? 'Destination URL' : 'File Identifier' }), _jsxs("div", { className: "relative", children: [_jsx("input", { type: "text", value: target, onChange: (e) => setTarget(e.target.value), className: "w-full bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-4 rounded-2xl text-sm font-bold outline-none focus:border-primary transition-all", placeholder: type === 'url' ? "/about or https://..." : "Upload or select a file..." }), type === 'file' && target && (_jsxs("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [_jsx("a", { href: downloadUrl, target: "_blank", rel: "noopener noreferrer", className: "p-1.5 bg-white dark:bg-neutral-700 rounded-lg text-neutral-500 hover:text-primary transition-all shadow-sm", title: "Download File", children: _jsx(Download, { size: 14 }) }), _jsx("div", { className: "text-green-500", children: _jsx(Check, { size: 16 }) })] }))] })] }), type === 'file' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-2 p-1 bg-neutral-100 dark:bg-neutral-800 rounded-xl", children: [_jsxs("button", { onClick: () => setIsBrowsing(false), className: `flex-1 flex items-center justify-center gap-2 py-2 rounded-lg text-[9px] font-black uppercase tracking-widest transition-all ${!isBrowsing ? 'bg-white dark:bg-neutral-700 shadow-sm text-primary' : 'text-neutral-500'}`, children: [_jsx(Upload, { size: 12 }), "Upload New"] }), _jsxs("button", { onClick: () => {
+                                                    setIsBrowsing(true);
+                                                    fetchFilesAndLinks();
+                                                }, className: `flex-1 flex items-center justify-center gap-2 py-2 rounded-lg text-[9px] font-black uppercase tracking-widest transition-all ${isBrowsing ? 'bg-white dark:bg-neutral-700 shadow-sm text-primary' : 'text-neutral-500'}`, children: [_jsx(FolderOpen, { size: 12 }), "Browse Library"] })] }), isBrowsing ? (_jsxs("div", { className: "bg-neutral-50 dark:bg-neutral-800/50 rounded-2xl border border-neutral-200 dark:border-neutral-700 overflow-hidden", children: [_jsx("div", { className: "p-3 border-b border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-neutral-400 size-3" }), _jsx("input", { type: "text", value: fileSearch, onChange: (e) => setFileSearch(e.target.value), placeholder: "Search files...", className: "w-full pl-9 pr-3 py-2 bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg text-xs outline-none focus:border-primary transition-all" })] }) }), _jsx("div", { className: "max-h-[200px] overflow-y-auto p-2 space-y-1 custom-scrollbar", children: isLoadingFiles ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Loader2, { className: "animate-spin text-primary size-6" }) })) : filteredFiles.length === 0 ? (_jsx("p", { className: "text-center py-8 text-[10px] text-neutral-500 uppercase font-bold", children: "No files found" })) : (filteredFiles.map(file => {
+                                                    const inUse = isFileInUse(file.id);
+                                                    return (_jsxs("div", { className: "flex items-center gap-1 group/item", children: [_jsxs("button", { onClick: () => setTarget(file.id), className: `flex-1 flex items-center gap-3 p-3 rounded-xl transition-all text-left ${target === file.id
+                                                                    ? 'bg-primary/10 border border-primary/20'
+                                                                    : 'hover:bg-white dark:hover:bg-neutral-800 border border-transparent'}`, children: [_jsx("div", { className: "p-2 bg-white dark:bg-neutral-900 rounded-lg shadow-sm", children: _jsx(FileText, { size: 14, className: "text-primary" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "text-xs font-bold text-neutral-950 dark:text-white truncate", children: file.filename }), _jsx("p", { className: "text-[9px] text-neutral-500 uppercase font-black", children: file.mimeType.split('/')[1] })] }), target === file.id && _jsx(Check, { size: 14, className: "text-primary" })] }), !inUse ? (_jsx("button", { onClick: (e) => handleDeleteFile(e, file.id), className: "p-3 text-neutral-400 hover:text-red-500 transition-colors opacity-0 group-hover/item:opacity-100", title: "Delete file", children: _jsx(Trash2, { size: 14 }) })) : (_jsx("div", { className: "p-3 text-neutral-300 cursor-not-allowed", title: "File is in use and cannot be deleted", children: _jsx(Link2, { size: 14 }) }))] }, file.id));
+                                                })) })] })) : (_jsx("div", { className: "pt-2", children: _jsxs("label", { className: `flex items-center justify-center gap-3 w-full p-4 rounded-2xl border-2 border-dashed transition-all cursor-pointer ${isUploading
+                                                ? 'border-neutral-300 bg-neutral-50 opacity-50 pointer-events-none'
+                                                : 'border-neutral-200 hover:border-primary hover:bg-primary/5'}`, children: [isUploading ? _jsx(Loader2, { className: "animate-spin text-primary" }) : _jsx(Upload, { className: "text-primary" }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-600", children: isUploading ? 'Uploading...' : 'Upload PDF or Document' }), _jsx("input", { type: "file", className: "hidden", onChange: handleFileUpload, disabled: isUploading })] }) }))] }))] }), _jsxs("div", { className: "mt-10 flex gap-3", children: [_jsx("button", { onClick: onClose, className: "flex-1 px-6 py-4 rounded-full border-2 border-neutral-200 dark:border-neutral-700 text-[10px] font-black uppercase tracking-widest hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-all", children: "Cancel" }), _jsxs("button", { onClick: handleSave, disabled: isSaving || !label, className: "flex-1 flex items-center justify-center gap-2 px-6 py-4 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20 disabled:opacity-50 disabled:cursor-not-allowed", children: [isSaving ? _jsx(Loader2, { size: 14, className: "animate-spin" }) : _jsx(Save, { size: 14 }), isSaving ? 'Saving...' : 'Save Settings'] })] })] }) }) }), document.body);
+}

package/dist/hooks/useLinks.d.ts

@@ -0,0 +1,23 @@
+/**
+ * useLink Hook
+ * React hook for fetching dynamic localized links
+ */
+interface LocalizedLink {
+    label: string;
+    target: string;
+    type: 'url' | 'file';
+}
+interface GlobalLink {
+    key: string;
+    languages: {
+        [locale: string]: LocalizedLink;
+    };
+}
+export declare function useLinks(siteId?: string, apiBaseUrl?: string): {
+    links: GlobalLink[];
+    loading: boolean;
+    getLink: (key: string, locale: string) => LocalizedLink | null;
+    refetch: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useLinks.d.ts.map

package/dist/hooks/useLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinks.d.ts","sourceRoot":"","sources":["../../src/hooks/useLinks.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,UAAU,aAAa;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;CACxB;AAED,UAAU,UAAU;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE;QACP,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAAC;KACnC,CAAC;CACL;AAED,wBAAgB,QAAQ,CAAC,MAAM,GAAE,MAAkB,EAAE,UAAU,GAAE,MAA8B;;;mBA4BrE,MAAM,UAAU,MAAM;;EA0B/C"}

package/dist/hooks/useLinks.js

@@ -0,0 +1,56 @@
+/**
+ * useLink Hook
+ * React hook for fetching dynamic localized links
+ */
+import { useState, useEffect } from 'react';
+export function useLinks(siteId = 'default', apiBaseUrl = '/api/plugin-content') {
+    const [links, setLinks] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const fetchLinks = async () => {
+        try {
+            setLoading(true);
+            const res = await fetch(`${apiBaseUrl}/links?siteId=${siteId}`);
+            if (res.ok) {
+                const data = await res.json();
+                setLinks(data.links || []);
+            }
+        }
+        catch (err) {
+            console.error('[useLinks] Failed to fetch links:', err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        fetchLinks();
+        // Listen for updates from other components (like the inline editor)
+        const handleUpdate = () => fetchLinks();
+        window.addEventListener('link-updated', handleUpdate);
+        return () => window.removeEventListener('link-updated', handleUpdate);
+    }, [siteId, apiBaseUrl]);
+    const getLink = (key, locale) => {
+        const link = links.find(l => l.key === key);
+        if (!link)
+            return null;
+        // Try exact locale match, fallback to first available or null
+        const localized = link.languages[locale] || Object.values(link.languages)[0] || null;
+        if (!localized)
+            return null;
+        // Resolve target if it's a file
+        if (localized.type === 'file' && localized.target && !localized.target.startsWith('http') && !localized.target.startsWith('/')) {
+            // Get base domain from apiBaseUrl if it exists
+            let baseUrl = '';
+            if (apiBaseUrl.startsWith('http')) {
+                const url = new URL(apiBaseUrl);
+                baseUrl = url.origin;
+            }
+            return {
+                ...localized,
+                target: `${baseUrl}/api/plugin-content/files/download?id=${localized.target}&download=true`
+            };
+        }
+        return localized;
+    };
+    return { links, loading, getLink, refetch: fetchLinks };
+}

package/dist/index.d.ts

@@ -14,17 +14,19 @@ export interface ContentPluginProps {
  * Content Plugin Component
  * Renders the translation editor for editing website content
  */
-export default function ContentPlugin({ enabled, locale, messages }: ContentPluginProps): import("react/jsx-runtime").JSX.Element | null;
+export default function ContentPlugin(props: ContentPluginProps): import("react/jsx-runtime").JSX.Element | null;
 export { ContentPlugin };
 export { default as MultilineText } from './components/MultilineText';
 export type { MultilineTextProps } from './components/MultilineText';
 export { default as ParsedText } from './components/ParsedText';
 export type { ParsedTextProps } from './components/ParsedText';
+export { DynamicLink } from './components/DynamicLink';
 export type { TranslationEditorProps } from './components/TranslationEditor';
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 export type { ParserConfigProviderProps } from './context/ParserConfigContext';
 export { useParse } from './hooks/useParse';
 export { useLocaleSync } from './hooks/useLocaleSync';
+export { useLinks } from './hooks/useLinks';
 export { parse } from './utils/parser';
 export { defaultParserConfig } from './utils/parser-config';
 export type { ParserConfig, FormatStyle } from './utils/parser-config';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,kBAAkB;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,kDAmB7F;AAkBD,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAG/E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,MAAM,WAAW,kBAAkB;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAoB9D;AAkBD,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACtF,YAAY,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAG/E,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAI5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -20,7 +20,8 @@ function ClientOnly({ children }) {
  * Content Plugin Component
  * Renders the translation editor for editing website content
  */
-export default function ContentPlugin({ enabled = true, locale, messages }) {
+export default function ContentPlugin(props) {
+    const { enabled = true, locale, messages } = props;
     if (!enabled)
         return null;
     // If locale and messages are provided as props, use them directly
@@ -28,7 +29,6 @@ export default function ContentPlugin({ enabled = true, locale, messages }) {
         return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntl, { locale: locale, messages: messages }) }));
     }
     // Otherwise, try to use context (for backward compatibility)
-    // This path might have issues with context not being found
     return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntlFallback, {}) }));
 }
 function ContentPluginWithIntlFallback() {
@@ -43,11 +43,13 @@ export { ContentPlugin };
 // Export components
 export { default as MultilineText } from './components/MultilineText';
 export { default as ParsedText } from './components/ParsedText';
+export { DynamicLink } from './components/DynamicLink';
 // Export context
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 // Export hooks
 export { useParse } from './hooks/useParse';
 export { useLocaleSync } from './hooks/useLocaleSync';
+export { useLinks } from './hooks/useLinks';
 // Export utilities
 // Note: parse() is a client-only function. Use ParsedText component in server components.
 export { parse } from './utils/parser';

package/dist/views/LinkManager/LinkManager.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Link Manager View
+ * Allows defining global, localized links and buttons
+ */
+export declare function LinkManagerView({ siteId, locale: defaultLocale }: {
+    siteId: string;
+    locale: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkManager.d.ts.map

package/dist/views/LinkManager/LinkManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkManager.d.ts","sourceRoot":"","sources":["../../../src/views/LinkManager/LinkManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAsBH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,2CAuMpG"}

package/dist/views/LinkManager/LinkManager.js

@@ -0,0 +1,90 @@
+/**
+ * Link Manager View
+ * Allows defining global, localized links and buttons
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Plus, Link2, Trash2, Globe, Save } from 'lucide-react';
+export function LinkManagerView({ siteId, locale: defaultLocale }) {
+    const [links, setLinks] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [activeTab, setActiveTab] = useState('links');
+    useEffect(() => {
+        // Fetch links from API
+        const fetchLinks = async () => {
+            try {
+                const res = await fetch(`/api/plugin-content/links?siteId=${siteId}`);
+                if (res.ok) {
+                    const data = await res.json();
+                    setLinks(data.links || []);
+                }
+            }
+            catch (err) {
+                console.error('Failed to fetch links:', err);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchLinks();
+    }, [siteId]);
+    const handleAddLink = () => {
+        const newLink = {
+            key: `new-link-${Date.now()}`,
+            languages: {
+                [defaultLocale]: { label: 'New Link', target: '', type: 'url' }
+            }
+        };
+        setLinks([...links, newLink]);
+    };
+    const handleSaveLink = async (link) => {
+        try {
+            const res = await fetch('/api/plugin-content/links', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ siteId, link }),
+            });
+            if (res.ok) {
+                // Refresh list or update local state
+                const result = await res.json();
+                setLinks(links.map(l => l.key === link.key ? result.link : l));
+            }
+        }
+        catch (err) {
+            console.error('Failed to save link:', err);
+        }
+    };
+    const handleDeleteLink = async (key) => {
+        if (!confirm('Are you sure you want to delete this link?'))
+            return;
+        try {
+            const res = await fetch(`/api/plugin-content/links?siteId=${siteId}&key=${key}`, {
+                method: 'DELETE',
+            });
+            if (res.ok) {
+                setLinks(links.filter(l => l.key !== key));
+            }
+        }
+        catch (err) {
+            console.error('Failed to delete link:', err);
+        }
+    };
+    return (_jsxs("div", { className: "p-8 bg-white dark:bg-neutral-900 rounded-[2.5rem] h-full overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white", children: "Link & Button Manager" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Manage dynamic buttons and links across your application" })] }), _jsxs("button", { onClick: handleAddLink, className: "flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20", children: [_jsx(Plus, { size: 16 }), "Define New Link"] })] }), _jsx("div", { className: "space-y-6", children: links.length === 0 && !loading ? (_jsxs("div", { className: "text-center py-20 bg-neutral-50 dark:bg-neutral-800/50 rounded-[2rem] border-2 border-dashed border-neutral-200 dark:border-neutral-700", children: [_jsx(Link2, { className: "mx-auto size-12 text-neutral-300 dark:text-neutral-600 mb-4" }), _jsx("p", { className: "text-neutral-500", children: "No dynamic links defined yet." })] })) : (links.map((link) => (_jsxs("div", { className: "bg-neutral-50 dark:bg-neutral-800/50 p-6 rounded-[2rem] border border-neutral-200 dark:border-neutral-700", children: [_jsxs("div", { className: "flex items-start justify-between mb-6", children: [_jsxs("div", { className: "flex-1 max-w-md", children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-400 block mb-2", children: "System Key (Unique ID)" }), _jsx("input", { type: "text", value: link.key, onChange: (e) => setLinks(links.map(l => l.key === link.key ? { ...l, key: e.target.value } : l)), className: "w-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 p-3 rounded-xl text-sm font-bold outline-none focus:border-primary transition-all", placeholder: "e.g. hero-primary-button" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { onClick: () => handleSaveLink(link), className: "p-3 bg-white dark:bg-neutral-900 text-primary border border-neutral-200 dark:border-neutral-700 rounded-xl hover:border-primary transition-all", title: "Save Link", children: _jsx(Save, { size: 18 }) }), _jsx("button", { onClick: () => handleDeleteLink(link.key), className: "p-3 bg-white dark:bg-neutral-900 text-red-500 border border-neutral-200 dark:border-neutral-700 rounded-xl hover:border-red-500 transition-all", title: "Delete Link", children: _jsx(Trash2, { size: 18 }) })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [Object.entries(link.languages).map(([locale, data]) => (_jsxs("div", { className: "bg-white dark:bg-neutral-900 p-5 rounded-2xl border border-neutral-100 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx(Globe, { size: 14, className: "text-primary" }), _jsxs("span", { className: "text-[10px] font-black uppercase tracking-widest text-neutral-500", children: [locale.toUpperCase(), " Translation"] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[9px] font-bold uppercase text-neutral-400 block mb-1", children: "Label" }), _jsx("input", { type: "text", value: data.label, onChange: (e) => {
+                                                                const newLangs = { ...link.languages, [locale]: { ...data, label: e.target.value } };
+                                                                setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
+                                                            }, className: "w-full bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-xs outline-none focus:border-primary transition-all" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[9px] font-bold uppercase text-neutral-400 block mb-1", children: "Target" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("select", { value: data.type, onChange: (e) => {
+                                                                        const newType = e.target.value;
+                                                                        const newLangs = { ...link.languages, [locale]: { ...data, type: newType } };
+                                                                        setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
+                                                                    }, className: "bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-[10px] outline-none", children: [_jsx("option", { value: "url", children: "URL" }), _jsx("option", { value: "file", children: "File" })] }), _jsx("input", { type: "text", value: data.target, onChange: (e) => {
+                                                                        const newLangs = { ...link.languages, [locale]: { ...data, target: e.target.value } };
+                                                                        setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
+                                                                    }, className: "flex-1 bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 p-2 rounded-lg text-xs outline-none focus:border-primary transition-all", placeholder: data.type === 'url' ? "/about or https://..." : "file-id-..." })] })] })] })] }, locale))), _jsxs("button", { onClick: () => {
+                                        const newLocale = prompt('Enter locale (e.g. en, nl, sv):');
+                                        if (newLocale) {
+                                            const newLangs = { ...link.languages, [newLocale]: { label: '', target: '', type: 'url' } };
+                                            setLinks(links.map(l => l.key === link.key ? { ...l, languages: newLangs } : l));
+                                        }
+                                    }, className: "flex flex-col items-center justify-center p-5 rounded-2xl border-2 border-dashed border-neutral-200 dark:border-neutral-700 hover:border-primary transition-all text-neutral-400 hover:text-primary", children: [_jsx(Plus, { size: 20 }), _jsx("span", { className: "text-[10px] font-black uppercase mt-2", children: "Add translation" })] })] })] }, link.key)))) })] }));
+}

package/dist/views/MediaManager/MediaManager.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Media Manager View
+ * Allows uploading and managing general files (PDFs, docs, etc.)
+ */
+export declare function MediaManagerView({ siteId }: {
+    siteId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaManager.d.ts.map

package/dist/views/MediaManager/MediaManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaManager.d.ts","sourceRoot":"","sources":["../../../src/views/MediaManager/MediaManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAgBH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,2CAgL9D"}

package/dist/views/MediaManager/MediaManager.js

@@ -0,0 +1,93 @@
+/**
+ * Media Manager View
+ * Allows uploading and managing general files (PDFs, docs, etc.)
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { Upload, File, Trash2, Search, Copy, Check, FileText, ExternalLink } from 'lucide-react';
+export function MediaManagerView({ siteId }) {
+    const [files, setFiles] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [uploading, setUploading] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [copiedId, setCopiedId] = useState(null);
+    const fetchFiles = useCallback(async () => {
+        try {
+            setLoading(true);
+            const res = await fetch(`/api/plugin-content/files?siteId=${siteId}`);
+            if (res.ok) {
+                const data = await res.json();
+                setFiles(data.files || []);
+            }
+        }
+        catch (err) {
+            console.error('Failed to fetch files:', err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [siteId]);
+    useEffect(() => {
+        fetchFiles();
+    }, [fetchFiles]);
+    const handleUpload = async (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        try {
+            setUploading(true);
+            const formData = new FormData();
+            formData.append('file', file);
+            formData.append('siteId', siteId);
+            const res = await fetch('/api/plugin-content/files/upload', {
+                method: 'POST',
+                body: formData,
+            });
+            if (res.ok) {
+                fetchFiles();
+            }
+            else {
+                const error = await res.json();
+                alert(error.error || 'Upload failed');
+            }
+        }
+        catch (err) {
+            console.error('Upload error:', err);
+            alert('An error occurred during upload');
+        }
+        finally {
+            setUploading(false);
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm('Are you sure you want to delete this file?'))
+            return;
+        try {
+            const res = await fetch(`/api/plugin-content/files?siteId=${siteId}&id=${id}`, {
+                method: 'DELETE',
+            });
+            if (res.ok) {
+                setFiles(files.filter(f => f.id !== id));
+            }
+        }
+        catch (err) {
+            console.error('Delete error:', err);
+        }
+    };
+    const copyToClipboard = (text) => {
+        navigator.clipboard.writeText(text);
+        setCopiedId(text);
+        setTimeout(() => setCopiedId(null), 2000);
+    };
+    const filteredFiles = files.filter(f => f.filename.toLowerCase().includes(searchQuery.toLowerCase()));
+    const formatSize = (bytes) => {
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    };
+    return (_jsxs("div", { className: "p-8 bg-white dark:bg-neutral-900 rounded-[2.5rem] h-full flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white", children: "File Library" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Upload and manage documents, PDFs, and other assets" })] }), _jsxs("label", { className: `flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest cursor-pointer hover:bg-primary/90 transition-all shadow-lg shadow-primary/20 ${uploading ? 'opacity-50 pointer-events-none' : ''}`, children: [_jsx(Upload, { size: 16 }), uploading ? 'Uploading...' : 'Upload File', _jsx("input", { type: "file", className: "hidden", onChange: handleUpload, disabled: uploading })] })] }), _jsxs("div", { className: "relative mb-6", children: [_jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4" }), _jsx("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search files by name...", className: "w-full pl-11 pr-4 py-3 bg-neutral-50 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-2xl text-sm outline-none focus:border-primary transition-all" })] }), _jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar", children: loading ? (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" }) })) : filteredFiles.length === 0 ? (_jsxs("div", { className: "text-center py-20 bg-neutral-50 dark:bg-neutral-800/50 rounded-[2rem] border-2 border-dashed border-neutral-200 dark:border-neutral-700", children: [_jsx(FileText, { className: "mx-auto size-12 text-neutral-300 dark:text-neutral-600 mb-4" }), _jsx("p", { className: "text-neutral-500", children: searchQuery ? 'No files match your search.' : 'No files uploaded yet.' })] })) : (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: filteredFiles.map((file) => (_jsxs("div", { className: "bg-neutral-50 dark:bg-neutral-800/50 p-5 rounded-[2rem] border border-neutral-200 dark:border-neutral-700 group transition-all hover:shadow-xl hover:border-primary/30", children: [_jsxs("div", { className: "flex items-center gap-4 mb-4", children: [_jsx("div", { className: "p-3 bg-white dark:bg-neutral-900 rounded-2xl shadow-sm group-hover:bg-primary/10 transition-colors", children: _jsx(File, { size: 24, className: "text-primary" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "font-bold text-sm text-neutral-950 dark:text-white truncate", title: file.filename, children: file.filename }), _jsxs("p", { className: "text-[10px] text-neutral-500 uppercase font-black tracking-tight", children: [formatSize(file.size), " \u2022 ", file.mimeType.split('/')[1].toUpperCase()] })] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-4 border-t border-neutral-200 dark:border-neutral-700", children: [_jsxs("button", { onClick: () => copyToClipboard(file.id), className: "flex-1 flex items-center justify-center gap-2 py-2 bg-white dark:bg-neutral-900 rounded-xl text-[9px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400 hover:text-primary transition-all border border-neutral-200 dark:border-neutral-700", children: [copiedId === file.id ? _jsx(Check, { size: 12 }) : _jsx(Copy, { size: 12 }), copiedId === file.id ? 'Copied' : 'ID'] }), _jsx("a", { href: file.url, target: "_blank", rel: "noopener noreferrer", className: "p-2 bg-white dark:bg-neutral-900 rounded-xl text-neutral-600 dark:text-neutral-400 hover:text-blue-500 transition-all border border-neutral-200 dark:border-neutral-700", title: "View/Download", children: _jsx(ExternalLink, { size: 14 }) }), _jsx("button", { onClick: () => handleDelete(file.id), className: "p-2 bg-white dark:bg-neutral-900 rounded-xl text-neutral-600 dark:text-neutral-400 hover:text-red-500 transition-all border border-neutral-200 dark:border-neutral-700", title: "Delete", children: _jsx(Trash2, { size: 14 }) })] })] }, file.id))) })) })] }));
+}

package/dist/views/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Asset Manager View
+ * Main entry point for managing links and files
+ */
+export declare function AssetManagerView({ siteId, locale, subPath }: {
+    siteId: string;
+    locale: string;
+    subPath: string[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/views/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AASH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,2CAkElH"}

package/dist/views/index.js

@@ -0,0 +1,22 @@
+/**
+ * Asset Manager View
+ * Main entry point for managing links and files
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link2, FileText, ChevronRight } from 'lucide-react';
+import { LinkManagerView } from './LinkManager/LinkManager';
+import { MediaManagerView } from './MediaManager/MediaManager';
+export function AssetManagerView({ siteId, locale, subPath }) {
+    const route = subPath[1] || 'links';
+    const navigate = (path) => {
+        window.history.pushState(null, '', `/dashboard/content/${path}`);
+        // Force re-render by triggering popstate or similar if needed, 
+        // but for now we'll just handle it via state if we were in a single view
+    };
+    return (_jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [_jsxs("aside", { className: "w-64 border-r border-dashboard-border bg-dashboard-sidebar flex flex-col p-6", children: [_jsx("h2", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-neutral-400 mb-8", children: "Content Assets" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => window.location.href = '/dashboard/content/links', className: `w-full flex items-center justify-between p-4 rounded-2xl transition-all ${route === 'links'
+                                    ? 'bg-primary text-white shadow-lg shadow-primary/20'
+                                    : 'text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800'}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link2, { size: 18 }), _jsx("span", { className: "text-sm font-bold", children: "Links & Buttons" })] }), _jsx(ChevronRight, { size: 14, className: route === 'links' ? 'opacity-100' : 'opacity-0' })] }), _jsxs("button", { onClick: () => window.location.href = '/dashboard/content/media', className: `w-full flex items-center justify-between p-4 rounded-2xl transition-all ${route === 'media'
+                                    ? 'bg-primary text-white shadow-lg shadow-primary/20'
+                                    : 'text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800'}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(FileText, { size: 18 }), _jsx("span", { className: "text-sm font-bold", children: "File Library" })] }), _jsx(ChevronRight, { size: 14, className: route === 'media' ? 'opacity-100' : 'opacity-0' })] })] }), _jsx("div", { className: "mt-auto p-4 bg-dashboard-bg rounded-2xl border border-dashboard-border", children: _jsx("p", { className: "text-[10px] text-neutral-500 leading-relaxed font-medium", children: "Use these assets to make your application buttons and downloads dynamic." }) })] }), _jsx("main", { className: "flex-1 min-w-0 overflow-hidden", children: route === 'links' ? (_jsx(LinkManagerView, { siteId: siteId, locale: locale })) : (_jsx(MediaManagerView, { siteId: siteId })) })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhits/plugin-content",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Content management and localization plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"