@jhits/plugin-content 0.0.5 → 0.0.6

package/dist/api/handler.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Content API Handler
+ * RESTful API handler for content/translation management
+ * Compatible with Next.js API routes
+ *
+ * IMPORTANT: This file should ONLY be imported in server-side API routes.
+ * Do NOT import this in client-side code.
+ */
+import { NextRequest, NextResponse } from 'next/server';
+export interface ContentApiConfig {
+    /** Directory where locale files are stored (default: 'data/locales') */
+    localesDir?: string;
+}
+/**
+ * POST /api/plugin-content/save - Save translations
+ */
+export declare function POST(req: NextRequest, config: ContentApiConfig): Promise<NextResponse>;
+//# sourceMappingURL=handler.d.ts.map

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

@@ -0,0 +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"}

package/dist/api/handler.js

@@ -0,0 +1,57 @@
+/**
+ * Content API Handler
+ * RESTful API handler for content/translation management
+ * Compatible with Next.js API routes
+ *
+ * IMPORTANT: This file should ONLY be imported in server-side API routes.
+ * Do NOT import this in client-side code.
+ */
+import { NextResponse } from 'next/server';
+import * as fs from 'fs/promises';
+import * as path from 'path';
+/**
+ * POST /api/plugin-content/save - Save translations
+ */
+export async function POST(req, config) {
+    try {
+        const body = await req.json();
+        const { locale, messages } = body;
+        if (!locale || !messages) {
+            return NextResponse.json({ error: 'Missing locale or messages' }, { status: 400 });
+        }
+        const localesDir = config.localesDir || path.join(process.cwd(), 'data/locales');
+        const currentLocaleDir = path.join(localesDir, locale);
+        // Ensure locale directory exists
+        await fs.mkdir(currentLocaleDir, { recursive: true });
+        // Save each namespace as a separate JSON file
+        for (const [namespace, content] of Object.entries(messages)) {
+            const filePath = path.join(currentLocaleDir, `${namespace}.json`);
+            await fs.writeFile(filePath, JSON.stringify(content, null, 2), 'utf8');
+            // Ensure other locales have empty files for this namespace (if they don't exist)
+            try {
+                const otherLocales = await fs.readdir(localesDir);
+                for (const other of otherLocales) {
+                    if (other === locale)
+                        continue;
+                    const otherFilePath = path.join(localesDir, other, `${namespace}.json`);
+                    try {
+                        await fs.access(otherFilePath);
+                    }
+                    catch {
+                        // File doesn't exist, create empty one
+                        await fs.writeFile(otherFilePath, JSON.stringify({}, null, 2), 'utf8');
+                    }
+                }
+            }
+            catch (err) {
+                // Ignore errors when reading other locales
+                console.warn('[ContentAPI] Could not sync other locales:', err);
+            }
+        }
+        return NextResponse.json({ success: true });
+    }
+    catch (error) {
+        console.error('[ContentAPI] POST error:', error);
+        return NextResponse.json({ error: 'Failed to save translations', detail: error.message }, { status: 500 });
+    }
+}

package/dist/api/router.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Plugin Content API Router
+ * Centralized API handler for all content plugin routes
+ *
+ * This router handles requests to /api/plugin-content/*
+ * and routes them to the appropriate handler
+ */
+import { NextRequest, NextResponse } from 'next/server';
+export interface ContentApiRouterConfig {
+    /** Directory where locale files are stored (default: 'data/locales') */
+    localesDir?: string;
+}
+/**
+ * Handle content API requests
+ * Routes requests to appropriate handlers based on path
+ */
+export declare function handleContentApi(req: NextRequest, path: string[], config: ContentApiRouterConfig): Promise<NextResponse>;
+//# sourceMappingURL=router.d.ts.map

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

@@ -0,0 +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"}

package/dist/api/router.js

@@ -0,0 +1,40 @@
+'use server';
+/**
+ * Plugin Content API Router
+ * Centralized API handler for all content plugin routes
+ *
+ * This router handles requests to /api/plugin-content/*
+ * and routes them to the appropriate handler
+ */
+import { NextResponse } from 'next/server';
+import { POST as SaveHandler } from './handler';
+/**
+ * Handle content API requests
+ * Routes requests to appropriate handlers based on path
+ */
+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 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 });
+    }
+    catch (error) {
+        console.error('[ContentApiRouter] Error:', error);
+        const status = error.message?.includes('not found') ? 404
+            : error.message?.includes('Unauthorized') ? 401
+                : error.message?.includes('already') ? 409
+                    : error.message?.includes('too short') ? 400
+                        : 500;
+        return NextResponse.json({ error: error.message || 'Internal server error' }, { status });
+    }
+}

package/dist/api-server.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Plugin Content - API Server Entry Point
+ * Exports the API router for use in Next.js API routes
+ */
+export { handleContentApi } from './api/router';
+export type { ContentApiRouterConfig } from './api/router';
+//# sourceMappingURL=api-server.d.ts.map

package/dist/api-server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-server.d.ts","sourceRoot":"","sources":["../src/api-server.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,YAAY,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/api-server.js

@@ -0,0 +1,5 @@
+/**
+ * Plugin Content - API Server Entry Point
+ * Exports the API router for use in Next.js API routes
+ */
+export { handleContentApi } from './api/router';

package/dist/components/MultilineText.d.ts

@@ -0,0 +1,48 @@
+import { ParserConfig } from '../utils/parser-config';
+export interface MultilineTextProps {
+    /**
+     * Text content - can be a string (multiline format) or an object (legacy format)
+     * String format: Use \n\n for paragraph breaks, \n for line breaks
+     * Object format: { "0": "paragraph 1", "1": "paragraph 2" }
+     */
+    text: string | Record<string, string> | null | undefined;
+    /**
+     * CSS classes to apply to each paragraph element
+     * @default "text-lg text-gray-700 leading-relaxed font-light whitespace-pre-line"
+     */
+    className?: string;
+    /**
+     * Wrapper element tag
+     * @default "div"
+     */
+    wrapper?: 'div' | 'span' | 'section';
+    /**
+     * CSS classes for the wrapper element
+     * @default "space-y-6"
+     */
+    wrapperClassName?: string;
+    /**
+     * Parser configuration for customizing formatting styles
+     * If not provided, uses the default configuration
+     */
+    config?: ParserConfig;
+}
+/**
+ * MultilineText Component
+ *
+ * Renders text content that can be either:
+ * - A multiline string (new format): splits by \n\n for paragraphs, preserves \n for line breaks
+ * - An object with keys (legacy format): renders each value as a paragraph
+ *
+ * Automatically applies formatting via the parse() function and handles whitespace.
+ *
+ * @example
+ * // Multiline string format
+ * <MultilineText text="First paragraph\n\nSecond paragraph\nWith line break" />
+ *
+ * @example
+ * // Legacy object format (backward compatible)
+ * <MultilineText text={{ "0": "First paragraph", "1": "Second paragraph" }} />
+ */
+export default function MultilineText({ text, className, wrapper, wrapperClassName, config: propConfig }: MultilineTextProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MultilineText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultilineText.d.ts","sourceRoot":"","sources":["../../src/components/MultilineText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,WAAW,kBAAkB;IAC/B;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,SAAkF,EAClF,OAAe,EACf,gBAA8B,EAC9B,MAAM,EAAE,UAAU,EACrB,EAAE,kBAAkB,kDAwCpB"}

package/dist/components/MultilineText.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { parse } from '../utils/parser';
+import { useParserConfig } from '../context/ParserConfigContext';
+/**
+ * MultilineText Component
+ *
+ * Renders text content that can be either:
+ * - A multiline string (new format): splits by \n\n for paragraphs, preserves \n for line breaks
+ * - An object with keys (legacy format): renders each value as a paragraph
+ *
+ * Automatically applies formatting via the parse() function and handles whitespace.
+ *
+ * @example
+ * // Multiline string format
+ * <MultilineText text="First paragraph\n\nSecond paragraph\nWith line break" />
+ *
+ * @example
+ * // Legacy object format (backward compatible)
+ * <MultilineText text={{ "0": "First paragraph", "1": "Second paragraph" }} />
+ */
+export default function MultilineText({ text, className = "text-lg text-gray-700 leading-relaxed font-light whitespace-pre-line", wrapper = 'div', wrapperClassName = "space-y-6", config: propConfig }) {
+    if (!text)
+        return null;
+    // Use prop config if provided, otherwise use context config
+    const contextConfig = useParserConfig();
+    const config = propConfig || contextConfig;
+    const Wrapper = wrapper;
+    // Handle string format (new multiline format)
+    if (typeof text === 'string') {
+        const paragraphs = text.split('\n\n').filter(p => p.trim());
+        return (_jsx(Wrapper, { className: wrapperClassName, children: paragraphs.map((paragraph, index) => (_jsx("p", { className: className, children: parse(paragraph, false, config) }, index))) }));
+    }
+    // Handle object format (legacy format - backward compatibility)
+    if (typeof text === 'object' && text !== null) {
+        const keys = Object.keys(text);
+        return (_jsx(Wrapper, { className: wrapperClassName, children: keys.map((key) => (_jsx("p", { className: className, children: parse(text[key], false, config) }, key))) }));
+    }
+    return null;
+}

package/dist/components/ParsedText.d.ts

@@ -0,0 +1,43 @@
+import { ParserConfig } from '../utils/parser-config';
+export interface ParsedTextProps {
+    /**
+     * Text content to parse and render
+     */
+    text: string | null | undefined;
+    /**
+     * CSS classes to apply to the wrapper element
+     */
+    className?: string;
+    /**
+     * Wrapper element tag
+     * @default "span"
+     */
+    as?: 'span' | 'div' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Whether to use editor mode (shows formatting markers)
+     * @default false
+     */
+    isEditor?: boolean;
+    /**
+     * Parser configuration for customizing formatting styles
+     * If not provided, uses the default configuration
+     */
+    config?: ParserConfig;
+}
+/**
+ * ParsedText Component
+ *
+ * Client component that parses and renders text with formatting support.
+ * Can be used in server components by passing the text as a prop.
+ *
+ * Supports:
+ * - _*text*_ -> Sage, Italic, Medium
+ * - **text** -> Forest, Black (Bold)
+ * - /text/   -> Sage (Standard)
+ *
+ * @example
+ * // In a server component
+ * <ParsedText text={t('hero.title')} as="h1" className="text-4xl" />
+ */
+export default function ParsedText({ text, className, as: Component, isEditor, config: propConfig }: ParsedTextProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ParsedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParsedText.d.ts","sourceRoot":"","sources":["../../src/components/ParsedText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEpE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,EAAE,EAAE,SAAkB,EACtB,QAAgB,EAChB,MAAM,EAAE,UAAU,EACrB,EAAE,eAAe,kDAUjB"}

package/dist/components/ParsedText.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { parse } from '../utils/parser';
+import { useParserConfig } from '../context/ParserConfigContext';
+/**
+ * ParsedText Component
+ *
+ * Client component that parses and renders text with formatting support.
+ * Can be used in server components by passing the text as a prop.
+ *
+ * Supports:
+ * - _*text*_ -> Sage, Italic, Medium
+ * - **text** -> Forest, Black (Bold)
+ * - /text/   -> Sage (Standard)
+ *
+ * @example
+ * // In a server component
+ * <ParsedText text={t('hero.title')} as="h1" className="text-4xl" />
+ */
+export default function ParsedText({ text, className, as: Component = 'span', isEditor = false, config: propConfig }) {
+    if (!text)
+        return null;
+    // Use prop config if provided, otherwise use context config
+    const contextConfig = useParserConfig();
+    const config = propConfig || contextConfig;
+    const parsed = parse(text, isEditor, config);
+    return _jsx(Component, { className: className, children: parsed });
+}

package/dist/components/TranslationEditor.d.ts

@@ -0,0 +1,2 @@
+export default function TranslationEditor(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TranslationEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,iBAAiB,mDAuRxC"}

package/dist/components/TranslationEditor.js

@@ -0,0 +1,208 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter, usePathname } from 'next/navigation';
+import { useState, useEffect, useMemo, useRef } from 'react';
+import { useLocale, useMessages } from 'next-intl';
+import { motion, AnimatePresence } from 'framer-motion';
+import { X, Globe, Search, ChevronRight, Plus, CornerDownRight, ShieldCheck, Lock, Bold, Italic, Type } from 'lucide-react';
+import { parse } from '../utils/parser';
+export default function TranslationEditor() {
+    const router = useRouter();
+    const pathname = usePathname();
+    const messages = useMessages();
+    const locale = useLocale();
+    const [open, setOpen] = useState(false);
+    const [userData, setUserData] = useState(null);
+    const [loadingAuth, setLoadingAuth] = useState(true);
+    const [jsonData, setJsonData] = useState(messages);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [saving, setSaving] = useState(false);
+    const [activePath, setActivePath] = useState(null);
+    const [showAddForm, setShowAddForm] = useState(false);
+    const [newKey, setNewKey] = useState('');
+    const [newValue, setNewValue] = useState('');
+    // Get all top-level keys for the dropdown (home, about, services, etc.)
+    const availableSections = useMemo(() => {
+        return Object.keys(jsonData).filter(key => typeof jsonData[key] === 'object');
+    }, [jsonData]);
+    const [selectedSection, setSelectedSection] = useState('');
+    const textareaRefs = useRef({});
+    useEffect(() => {
+        async function checkAuth() {
+            try {
+                const res = await fetch('/api/plugin-dep/me');
+                const data = await res.json();
+                if (data.loggedIn)
+                    setUserData(data.user);
+            }
+            catch (err) {
+                console.error("Auth check failed", err);
+            }
+            finally {
+                setLoadingAuth(false);
+            }
+        }
+        checkAuth();
+    }, []);
+    const isAdmin = userData?.role === 'admin' || userData?.role === 'dev';
+    const isDev = userData?.role === 'dev';
+    const applyFormatting = (path, type) => {
+        const el = textareaRefs.current[path];
+        if (!el)
+            return;
+        const start = el.selectionStart;
+        const end = el.selectionEnd;
+        const text = el.value;
+        const selectedText = text.substring(start, end);
+        if (!selectedText)
+            return;
+        let prefix = '', suffix = '';
+        if (type === 'bold') {
+            prefix = '**';
+            suffix = '**';
+        }
+        if (type === 'italic') {
+            prefix = '/';
+            suffix = '/';
+        }
+        if (type === 'both') {
+            prefix = '_*';
+            suffix = '*_';
+        }
+        let newText = '';
+        if (selectedText.startsWith(prefix) && selectedText.endsWith(suffix)) {
+            newText = text.substring(0, start) + selectedText.slice(prefix.length, -suffix.length) + text.substring(end);
+        }
+        else {
+            newText = text.substring(0, start) + prefix + selectedText + suffix + text.substring(end);
+        }
+        updateJsonData(path, newText);
+        setTimeout(() => {
+            el.focus();
+            el.setSelectionRange(start, start + (newText.length - text.length + selectedText.length));
+        }, 0);
+    };
+    const handleKeyDown = (e, path) => {
+        if ((e.metaKey || e.ctrlKey)) {
+            if (e.key === 'b') {
+                e.preventDefault();
+                applyFormatting(path, 'bold');
+            }
+            if (e.key === 'i') {
+                e.preventDefault();
+                applyFormatting(path, 'italic');
+            }
+            if (e.key === 'u') {
+                e.preventDefault();
+                applyFormatting(path, 'both');
+            }
+        }
+    };
+    const updateJsonData = (path, value) => {
+        const keys = path.split('.');
+        const newData = structuredClone(jsonData);
+        let curr = newData;
+        for (let i = 0; i < keys.length - 1; i++)
+            curr = curr[keys[i]];
+        curr[keys[keys.length - 1]] = value;
+        setJsonData(newData);
+    };
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            const res = await fetch('/api/plugin-content/save', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ locale, messages: jsonData }),
+            });
+            if (res.ok) {
+                router.refresh();
+                setShowAddForm(false);
+            }
+            else {
+                alert('Fout bij opslaan');
+            }
+        }
+        catch (err) {
+            alert('Netwerkfout bij opslaan');
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const addNewEntry = () => {
+        if (!isDev || !newKey.includes('.'))
+            return;
+        updateJsonData(newKey, newValue);
+        setNewKey('');
+        setNewValue('');
+        setShowAddForm(false);
+    };
+    // Set the initial section based on the URL, but only if it matches a JSON key
+    useEffect(() => {
+        const parts = pathname.split('/').filter(Boolean);
+        const cleanParts = (parts[0]?.length === 2) ? parts.slice(1) : parts;
+        const urlKey = cleanParts[0] || 'home';
+        // If "over-mij" isn't in JSON, but "about" is, this helps her pick
+        if (availableSections.includes(urlKey)) {
+            setSelectedSection(urlKey);
+        }
+        else if (availableSections.length > 0 && !selectedSection) {
+            setSelectedSection(availableSections[0]);
+        }
+    }, [pathname, availableSections]);
+    const filteredItems = useMemo(() => {
+        const allPaths = getFlattenedPaths(jsonData);
+        const filtered = allPaths.filter(item => {
+            if (activePath === item.path)
+                return true;
+            const matchesSearch = item.path.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                item.value.toLowerCase().includes(searchQuery.toLowerCase());
+            if (searchQuery)
+                return matchesSearch;
+            // Default view: Selected Section + Common
+            return item.path.startsWith(`${selectedSection}.`) || item.path.startsWith('common.');
+        });
+        return [...filtered].sort((a, b) => {
+            const getPriority = (path) => {
+                if (path.startsWith(`${selectedSection}.`))
+                    return 1;
+                if (path.startsWith('common.'))
+                    return 3;
+                return 2;
+            };
+            const priorityA = getPriority(a.path);
+            const priorityB = getPriority(b.path);
+            return priorityA !== priorityB ? priorityA - priorityB : a.path.localeCompare(b.path);
+        });
+    }, [jsonData, searchQuery, selectedSection, activePath]);
+    if (loadingAuth || !isAdmin)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: () => setOpen(true), className: "fixed bottom-6 right-6 bg-neutral-950 dark:bg-white text-white dark:text-neutral-950 px-6 py-3 rounded-full flex items-center gap-3 shadow-2xl z-50 hover:bg-neutral-900 dark:hover:bg-neutral-100 transition-all border border-neutral-800/20 dark:border-neutral-200/20", children: [_jsx(Globe, { size: 18 }), " ", _jsx("span", { className: "font-bold", children: "Editor" })] }), _jsx(AnimatePresence, { children: open && (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: "fixed inset-0 bg-neutral-950/50 dark:bg-neutral-950/70 z-40", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: () => setOpen(false) }), _jsxs(motion.div, { className: "fixed right-0 top-0 bottom-0 bg-card text-foreground shadow-2xl z-50 flex flex-col border-l border-border w-[550px]", initial: { x: '100%' }, animate: { x: 0 }, exit: { x: '100%' }, children: [_jsxs("div", { className: "p-6 bg-card border-b border-border flex justify-between items-center", children: [_jsxs("div", { children: [_jsxs("h2", { className: "text-2xl font-serif flex items-center gap-2", children: [isDev ? 'Dev Mode' : 'Content Editor', isDev ? _jsx(ShieldCheck, { className: "text-primary", size: 20 }) : _jsx(Lock, { className: "text-primary", size: 16 })] }), _jsxs("p", { className: "text-[10px] uppercase font-bold text-neutral-500 dark:text-neutral-400", children: ["Welkom, ", userData?.name] })] }), _jsxs("div", { className: "flex gap-2", children: [isDev && (_jsx("button", { onClick: () => setShowAddForm(!showAddForm), className: `p-2 rounded-full transition-colors ${showAddForm ? 'bg-primary text-white' : 'hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-600 dark:text-neutral-400'}`, children: _jsx(Plus, { size: 22 }) })), _jsx("button", { onClick: () => setOpen(false), className: "p-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded-full text-neutral-600 dark:text-neutral-400", children: _jsx(X, { size: 24 }) })] })] }), isDev && showAddForm && (_jsxs(motion.div, { initial: { height: 0 }, animate: { height: 'auto' }, className: "bg-neutral-100/50 dark:bg-neutral-800/50 border-b border-border p-6 space-y-4 overflow-hidden", children: [_jsx("input", { value: newKey, onChange: e => setNewKey(e.target.value), placeholder: "pagina.sectie.sleutel", className: "w-full p-3 rounded-xl border border-border bg-card text-foreground placeholder:text-neutral-500 dark:placeholder:text-neutral-400 text-sm font-mono" }), _jsx("textarea", { value: newValue, onChange: e => setNewValue(e.target.value), placeholder: "Nieuwe vertaling...", className: "w-full p-3 rounded-xl border border-border bg-card text-foreground placeholder:text-neutral-500 dark:placeholder:text-neutral-400 text-sm min-h-[80px]" }), _jsxs("button", { onClick: addNewEntry, className: "w-full py-3 bg-primary text-white rounded-xl font-bold text-sm flex items-center justify-center gap-2", children: [_jsx(CornerDownRight, { size: 16 }), " Toevoegen"] })] })), _jsx("div", { className: "px-6 py-4 bg-card border-b border-border", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-500 dark:text-neutral-400" }), _jsx("input", { type: "text", placeholder: "Zoek in teksten...", className: "w-full pl-10 pr-4 py-2.5 bg-neutral-100/50 dark:bg-neutral-800/50 border border-border rounded-xl focus:outline-none focus:ring-2 focus:ring-primary/20 text-foreground placeholder:text-neutral-500 dark:placeholder:text-neutral-400", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto p-6 space-y-10 bg-background pb-32", children: filteredItems.map((item) => (_jsxs("div", { className: "group relative", children: [_jsxs("div", { className: "flex justify-between items-center mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: item.path.split('.').map((part, i, arr) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `px-2 py-1 rounded-md text-[10px] font-bold uppercase tracking-wider ${i === arr.length - 1 ? 'bg-primary text-white' : 'bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 border border-border'}`, children: part.replace(/_/g, ' ') }), i !== arr.length - 1 && _jsx(ChevronRight, { size: 10, className: "text-neutral-400 dark:text-neutral-500" })] }, i))) }), _jsx(AnimatePresence, { children: activePath === item.path && (_jsxs(motion.div, { initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 }, className: "formatting-toolbar flex gap-1 bg-card border border-border rounded-lg p-1 shadow-sm", children: [_jsx("button", { type: "button", tabIndex: -1, onClick: () => applyFormatting(item.path, 'bold'), className: "p-1.5 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded text-foreground", children: _jsx(Bold, { size: 14 }) }), _jsx("button", { type: "button", tabIndex: -1, onClick: () => applyFormatting(item.path, 'italic'), className: "p-1.5 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded text-foreground", children: _jsx(Italic, { size: 14 }) }), _jsx("button", { type: "button", tabIndex: -1, onClick: () => applyFormatting(item.path, 'both'), className: "p-1.5 hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded text-foreground", children: _jsx(Type, { size: 14 }) })] })) })] }), _jsxs("div", { className: "relative w-full min-h-[60px]", children: [_jsx("div", { className: "absolute inset-0 p-5 text-lg leading-relaxed pointer-events-none whitespace-pre-wrap break-words border-2 border-transparent text-foreground", "aria-hidden": "true", children: parse(item.value, true) }), _jsx("textarea", { ref: (el) => { textareaRefs.current[item.path] = el; }, className: `
+                                                    w-full p-5 bg-transparent border-2 rounded-2xl 
+                                                    text-transparent caret-primary leading-relaxed shadow-sm 
+                                                    transition-all outline-none resize-none overflow-hidden text-lg
+                                                    relative z-10 whitespace-pre-wrap break-words
+                                                    ${activePath === item.path ? 'border-primary ring-4 ring-primary/10' : 'border-border'}
+                                                `, value: item.value, rows: 1, spellCheck: false, onFocus: () => setActivePath(item.path), onBlur: (e) => {
+                                                            if (!e.relatedTarget?.closest('.formatting-toolbar')) {
+                                                                setActivePath(null);
+                                                            }
+                                                        }, onKeyDown: (e) => handleKeyDown(e, item.path), onChange: (e) => updateJsonData(item.path, e.target.value), onInput: (e) => {
+                                                            e.target.style.height = 'auto';
+                                                            e.target.style.height = e.target.scrollHeight + 'px';
+                                                        } })] })] }, item.path))) }), _jsx("div", { className: "p-6 bg-card border-t border-border flex justify-end", children: _jsx("button", { onClick: handleSave, disabled: saving, className: "bg-primary text-white px-12 py-3.5 rounded-full font-bold shadow-lg disabled:opacity-50 transition-all hover:scale-105 active:scale-95", children: saving ? 'Bezig...' : 'Wijzigingen Opslaan' }) })] })] })) })] }));
+}
+function getFlattenedPaths(obj, prefix = '') {
+    let paths = [];
+    for (const key in obj) {
+        const fullPath = prefix ? `${prefix}.${key}` : key;
+        if (typeof obj[key] === 'object' && obj[key] !== null) {
+            paths = [...paths, ...getFlattenedPaths(obj[key], fullPath)];
+        }
+        else {
+            paths.push({ path: fullPath, value: String(obj[key]) });
+        }
+    }
+    return paths;
+}

package/dist/context/ParserConfigContext.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ParserConfig } from '../utils/parser-config';
+export interface ParserConfigProviderProps {
+    /**
+     * Parser configuration to use globally
+     * If not provided, uses the default configuration
+     */
+    config?: ParserConfig;
+    children: React.ReactNode;
+}
+/**
+ * ParserConfigProvider
+ *
+ * Provides a global parser configuration to all child components.
+ * Components can override this with their own config prop.
+ *
+ * @example
+ * <ParserConfigProvider config={{
+ *   bold: { className: "font-bold text-blue-600" },
+ *   italic: { className: "italic text-gray-500" }
+ * }}>
+ *   <App />
+ * </ParserConfigProvider>
+ */
+export declare function ParserConfigProvider({ config, children }: ParserConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to get the current parser configuration from context
+ * Falls back to defaultParserConfig if no provider is found
+ */
+export declare function useParserConfig(): ParserConfig;
+//# sourceMappingURL=ParserConfigContext.d.ts.map

package/dist/context/ParserConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/ParserConfigContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAuB,MAAM,wBAAwB,CAAC;AAU3E,MAAM,WAAW,yBAAyB;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,MAA4B,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAMzG;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAG9C"}

package/dist/context/ParserConfigContext.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { defaultParserConfig } from '../utils/parser-config';
+const ParserConfigContext = createContext({
+    config: defaultParserConfig
+});
+/**
+ * ParserConfigProvider
+ *
+ * Provides a global parser configuration to all child components.
+ * Components can override this with their own config prop.
+ *
+ * @example
+ * <ParserConfigProvider config={{
+ *   bold: { className: "font-bold text-blue-600" },
+ *   italic: { className: "italic text-gray-500" }
+ * }}>
+ *   <App />
+ * </ParserConfigProvider>
+ */
+export function ParserConfigProvider({ config = defaultParserConfig, children }) {
+    return (_jsx(ParserConfigContext.Provider, { value: { config }, children: children }));
+}
+/**
+ * Hook to get the current parser configuration from context
+ * Falls back to defaultParserConfig if no provider is found
+ */
+export function useParserConfig() {
+    const { config } = useContext(ParserConfigContext);
+    return config;
+}

package/dist/hooks/useParse.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+/**
+ * Hook that returns a configured parse function
+ * Uses the parser configuration from context
+ *
+ * @example
+ * const parse = useParse();
+ * const formatted = parse('This is **bold** text');
+ */
+export declare function useParse(): (text: string, isEditor?: boolean) => ReactNode;
+//# sourceMappingURL=useParse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useParse.d.ts","sourceRoot":"","sources":["../../src/hooks/useParse.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,wBAAgB,QAAQ,WAGM,MAAM,yBAAqB,SAAS,CAGjE"}

package/dist/hooks/useParse.js

@@ -0,0 +1,18 @@
+'use client';
+import { useCallback } from 'react';
+import { parse as parseFunction } from '../utils/parser';
+import { useParserConfig } from '../context/ParserConfigContext';
+/**
+ * Hook that returns a configured parse function
+ * Uses the parser configuration from context
+ *
+ * @example
+ * const parse = useParse();
+ * const formatted = parse('This is **bold** text');
+ */
+export function useParse() {
+    const config = useParserConfig();
+    return useCallback((text, isEditor = false) => {
+        return parseFunction(text, isEditor, config);
+    }, [config]);
+}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Plugin Content - Main Entry Point
+ * Provides content editing functionality for website translations
+ */
+export interface ContentPluginProps {
+    /** Whether to show the editor (default: true) */
+    enabled?: boolean;
+}
+/**
+ * Content Plugin Component
+ * Renders the translation editor for editing website content
+ */
+declare function ContentPlugin({ enabled }: ContentPluginProps): import("react/jsx-runtime").JSX.Element | null;
+export default ContentPlugin;
+export { ContentPlugin };
+export { default as TranslationEditor } from './components/TranslationEditor';
+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 { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
+export type { ParserConfigProviderProps } from './context/ParserConfigContext';
+export { useParse } from './hooks/useParse';
+export { parse } from './utils/parser';
+export { defaultParserConfig } from './utils/parser-config';
+export type { ParserConfig, FormatStyle } from './utils/parser-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,kBAAkB;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,iBAAS,aAAa,CAAC,EAAE,OAAc,EAAE,EAAE,kBAAkB,kDAI5D;AAGD,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,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;AAG/D,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;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

@@ -0,0 +1,32 @@
+/**
+ * Plugin Content - Main Entry Point
+ * Provides content editing functionality for website translations
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import TranslationEditor from './components/TranslationEditor';
+/**
+ * Content Plugin Component
+ * Renders the translation editor for editing website content
+ */
+function ContentPlugin({ enabled = true }) {
+    if (!enabled)
+        return null;
+    return _jsx(TranslationEditor, {});
+}
+// Export as both default and named export for flexibility
+export default ContentPlugin;
+export { ContentPlugin };
+// Export components
+export { default as TranslationEditor } from './components/TranslationEditor';
+export { default as MultilineText } from './components/MultilineText';
+export { default as ParsedText } from './components/ParsedText';
+// Export context
+export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
+// Export hooks
+export { useParse } from './hooks/useParse';
+// Export utilities
+// Note: parse() is a client-only function. Use ParsedText component in server components.
+export { parse } from './utils/parser';
+// Export parser configuration
+export { defaultParserConfig } from './utils/parser-config';

package/dist/index.server.d.ts

@@ -0,0 +1,12 @@
+import 'server-only';
+/**
+ * Plugin Content - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-content/server
+ *
+ * Note: This file is server-only (no 'use server' needed - that's only for Server Actions)
+ */
+export { handleContentApi as handleApi } from './api/router';
+export { handleContentApi } from './api/router';
+export type { ContentApiRouterConfig } from './api/router';
+//# sourceMappingURL=index.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../src/index.server.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB;;;;;;GAMG;AAEH,OAAO,EAAE,gBAAgB,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,YAAY,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.server.js

@@ -0,0 +1,10 @@
+import 'server-only';
+/**
+ * Plugin Content - Server-Only Entry Point
+ * This file exports only server-side API handlers
+ * Used by the dynamic plugin router via @jhits/plugin-content/server
+ *
+ * Note: This file is server-only (no 'use server' needed - that's only for Server Actions)
+ */
+export { handleContentApi as handleApi } from './api/router';
+export { handleContentApi } from './api/router'; // Keep original export for backward compatibility

package/dist/utils/parser-config.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * Style configuration for a formatting marker
+ */
+export interface FormatStyle {
+    /** CSS classes to apply to the formatted text */
+    className?: string;
+    /** Inline styles to apply */
+    style?: React.CSSProperties;
+}
+/**
+ * Parser configuration
+ * Defines how different formatting markers are styled
+ */
+export interface ParserConfig {
+    /** Style for _*text*_ (sage italic medium) */
+    sageItalic?: FormatStyle;
+    /** Style for **text** (bold forest) */
+    bold?: FormatStyle;
+    /** Style for /text/ (standard sage) */
+    italic?: FormatStyle;
+}
+/**
+ * Default parser configuration
+ * Matches the original styling from the client app
+ */
+export declare const defaultParserConfig: ParserConfig;
+//# sourceMappingURL=parser-config.d.ts.map

package/dist/utils/parser-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser-config.d.ts","sourceRoot":"","sources":["../../src/utils/parser-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IACzB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,uCAAuC;IACvC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAUjC,CAAC"}

package/dist/utils/parser-config.js

@@ -0,0 +1,15 @@
+/**
+ * Default parser configuration
+ * Matches the original styling from the client app
+ */
+export const defaultParserConfig = {
+    sageItalic: {
+        className: "text-sage italic font-medium brightness-130"
+    },
+    bold: {
+        className: "text-forest font-black"
+    },
+    italic: {
+        className: "text-sage"
+    }
+};

package/dist/utils/parser.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ParserConfig } from './parser-config';
+/**
+ * Parses text with configurable formatting:
+ * _*text*_ -> Sage Italic (configurable via config.sageItalic)
+ * **text** -> Bold (configurable via config.bold)
+ * /text/   -> Italic (configurable via config.italic)
+ *
+ * @param text - The text to parse
+ * @param isEditor - Whether to show formatting markers (for editor mode)
+ * @param config - Optional parser configuration. Uses defaultParserConfig if not provided.
+ */
+export declare function parse(text: string, isEditor?: boolean, config?: ParserConfig): React.ReactNode;
+//# sourceMappingURL=parser.d.ts.map

package/dist/utils/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/utils/parser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AAEpE;;;;;;;;;GASG;AACH,wBAAgB,KAAK,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,UAAQ,EAChB,MAAM,GAAE,YAAkC,GAC3C,KAAK,CAAC,SAAS,CAyGjB"}

package/dist/utils/parser.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { defaultParserConfig } from './parser-config';
+/**
+ * Parses text with configurable formatting:
+ * _*text*_ -> Sage Italic (configurable via config.sageItalic)
+ * **text** -> Bold (configurable via config.bold)
+ * /text/   -> Italic (configurable via config.italic)
+ *
+ * @param text - The text to parse
+ * @param isEditor - Whether to show formatting markers (for editor mode)
+ * @param config - Optional parser configuration. Uses defaultParserConfig if not provided.
+ */
+export function parse(text, isEditor = false, config = defaultParserConfig) {
+    if (!text)
+        return null;
+    // Merge with default config to ensure all styles are defined
+    const finalConfig = {
+        sageItalic: { ...defaultParserConfig.sageItalic, ...config.sageItalic },
+        bold: { ...defaultParserConfig.bold, ...config.bold },
+        italic: { ...defaultParserConfig.italic, ...config.italic }
+    };
+    // The Regex must capture ALL your markers, otherwise they won't reach the 'if' statements
+    // We look for: _*...*_ OR **...** OR /.../
+    const parts = text.split(/(_\*.*?\*\_|\*\*.*?\*\*|\/.*?\/)/g);
+    const renderFormatted = (part, index) => {
+        // 1. Sage Italic: _*text*_ (Check first because it's the most specific)
+        if (part.startsWith('_*') && part.endsWith('*_')) {
+            const inner = part.slice(2, -2);
+            const style = finalConfig.sageItalic;
+            return (_jsx("span", { className: style.className, style: style.style, children: inner }, index));
+        }
+        // 2. Bold: **text**
+        if (part.startsWith('**') && part.endsWith('**')) {
+            const inner = part.slice(2, -2);
+            const style = finalConfig.bold;
+            return (_jsx("span", { className: style.className, style: style.style, children: inner }, index));
+        }
+        // 3. Italic: /text/
+        if (part.startsWith('/') && part.endsWith('/')) {
+            const inner = part.slice(1, -1);
+            const style = finalConfig.italic;
+            return (_jsx("span", { className: style.className, style: style.style, children: inner }, index));
+        }
+        // 4. Plain text
+        return _jsx(React.Fragment, { children: part }, index);
+    };
+    return !isEditor ? parts.map(renderFormatted) : parts.map((part, index) => {
+        const ghost = (sym) => isEditor ? _jsx("span", { className: "opacity-30 font-mono text-[0.8em]", children: sym }) : null;
+        if (part.startsWith('_*') && part.endsWith('*_')) {
+            const style = finalConfig.sageItalic;
+            return (_jsxs("span", { className: style.className, style: style.style, children: [ghost('_*'), part.slice(2, -2), ghost('*_')] }, index));
+        }
+        if (part.startsWith('**') && part.endsWith('**')) {
+            const style = finalConfig.bold;
+            return (_jsxs("span", { className: style.className, style: style.style, children: [ghost('**'), part.slice(2, -2), ghost('**')] }, index));
+        }
+        if (part.startsWith('/') && part.endsWith('/')) {
+            const style = finalConfig.italic;
+            return (_jsxs("span", { className: style.className, style: style.style, children: [ghost('/'), part.slice(1, -1), ghost('/')] }, index));
+        }
+        return _jsx(React.Fragment, { children: part }, index);
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhits/plugin-content",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Content management and localization plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
@@ -17,6 +17,9 @@
       "default": "./dist/index.server.js"
     }
   },
+  "scripts": {
+    "build": "tsc"
+  },
   "dependencies": {
     "@jhits/plugin-core": "^0.0.2",
     "framer-motion": "^12.34.0",
@@ -44,8 +47,5 @@
     "dist",
     "src",
     "package.json"
-  ],
-  "scripts": {
-    "build": "tsc"
-  }
-}
+  ]
+}