@jhits/plugin-content 0.0.11 → 0.0.12

package/dist/components/TranslationEditor.d.ts

@@ -1,2 +1,8 @@
-export default function TranslationEditor(): import("react/jsx-runtime").JSX.Element | null;
+interface TranslationEditorProps {
+    messages: Record<string, any>;
+    locale: string;
+}
+declare function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }: TranslationEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export default TranslationEditorInner;
+export type { TranslationEditorProps };
 //# sourceMappingURL=TranslationEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,iBAAiB,mDA4SxC"}
+{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,sBAAsB,kDA8S3G;AAeD,eAAe,sBAAsB,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/TranslationEditor.js

@@ -2,31 +2,57 @@
 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() {
+function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }) {
     const router = useRouter();
     const pathname = usePathname();
-    const messages = useMessages();
-    const locale = useLocale();
+    const [mounted, setMounted] = useState(false);
     const [open, setOpen] = useState(false);
     const [userData, setUserData] = useState(null);
     const [loadingAuth, setLoadingAuth] = useState(true);
-    const [jsonData, setJsonData] = useState(messages);
+    const [jsonData, setJsonData] = useState(initialMessages);
     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 [selectedSection, setSelectedSection] = useState('');
+    const textareaRefs = useRef({});
+    // All useMemo calls
     const availableSections = useMemo(() => {
         return Object.keys(jsonData).filter(key => typeof jsonData[key] === 'object');
     }, [jsonData]);
-    const [selectedSection, setSelectedSection] = useState('');
-    const textareaRefs = useRef({});
+    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;
+            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]);
+    // All useEffect calls
+    useEffect(() => {
+        setMounted(true);
+    }, []);
     useEffect(() => {
         async function checkAuth() {
             try {
@@ -46,19 +72,36 @@ export default function TranslationEditor() {
     }, []);
     useEffect(() => {
         const handleLocaleUpdate = (event) => {
-            if (event.detail.locale === locale) {
+            if (event.detail.locale === initialLocale) {
                 setJsonData(event.detail.messages);
                 router.refresh();
             }
         };
         window.addEventListener('locale-updated', handleLocaleUpdate);
         return () => window.removeEventListener('locale-updated', handleLocaleUpdate);
-    }, [locale, router]);
+    }, [initialLocale, router]);
     useEffect(() => {
-        setJsonData(messages);
-    }, [messages]);
+        setJsonData(initialMessages);
+    }, [initialMessages]);
+    useEffect(() => {
+        const parts = pathname.split('/').filter(Boolean);
+        const cleanParts = (parts[0]?.length === 2) ? parts.slice(1) : parts;
+        const urlKey = cleanParts[0] || 'home';
+        if (availableSections.includes(urlKey)) {
+            setSelectedSection(urlKey);
+        }
+        else if (availableSections.length > 0 && !selectedSection) {
+            setSelectedSection(availableSections[0]);
+        }
+    }, [pathname, availableSections, selectedSection]);
+    // Don't render anything until mounted
+    if (!mounted) {
+        return null;
+    }
     const isAdmin = userData?.role === 'admin' || userData?.role === 'dev';
     const isDev = userData?.role === 'dev';
+    if (loadingAuth || !isAdmin)
+        return null;
     const applyFormatting = (path, type) => {
         const el = textareaRefs.current[path];
         if (!el)
@@ -126,13 +169,13 @@ export default function TranslationEditor() {
             const res = await fetch('/api/plugin-content/save', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ locale, messages: jsonData }),
+                body: JSON.stringify({ locale: initialLocale, messages: jsonData }),
             });
             if (res.ok) {
                 router.refresh();
                 setShowAddForm(false);
                 window.dispatchEvent(new CustomEvent('locale-updated', {
-                    detail: { locale, messages: jsonData }
+                    detail: { locale: initialLocale, messages: jsonData }
                 }));
             }
             else {
@@ -154,46 +197,6 @@ export default function TranslationEditor() {
         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 
@@ -222,3 +225,4 @@ function getFlattenedPaths(obj, prefix = '') {
     }
     return paths;
 }
+export default TranslationEditorInner;

package/dist/index.d.ts

@@ -5,19 +5,22 @@
 export interface ContentPluginProps {
     /** Whether to show the editor (default: true) */
     enabled?: boolean;
+    /** Locale string - can be passed explicitly or will be fetched from context */
+    locale?: string;
+    /** Messages object - can be passed explicitly or will be fetched from context */
+    messages?: Record<string, any>;
 }
 /**
  * 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 default function ContentPlugin({ enabled, locale, messages }: ContentPluginProps): import("react/jsx-runtime").JSX.Element | null;
 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 type { TranslationEditorProps } from './components/TranslationEditor';
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 export type { ParserConfigProviderProps } from './context/ParserConfigContext';
 export { useParse } from './hooks/useParse';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -3,22 +3,44 @@
  * Provides content editing functionality for website translations
  */
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import TranslationEditor from './components/TranslationEditor';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, lazy, Suspense } from 'react';
+const TranslationEditor = lazy(() => import('./components/TranslationEditor'));
+function ContentPluginWithIntl({ locale, messages }) {
+    return (_jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale }) }));
+}
+function ClientOnly({ children }) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    return mounted ? _jsx(_Fragment, { children: children }) : null;
+}
 /**
  * Content Plugin Component
  * Renders the translation editor for editing website content
  */
-function ContentPlugin({ enabled = true }) {
+export default function ContentPlugin({ enabled = true, locale, messages }) {
     if (!enabled)
         return null;
-    return _jsx(TranslationEditor, {});
+    // If locale and messages are provided as props, use them directly
+    if (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() {
+    // Dynamic import to avoid SSR issues with next-intl hooks
+    const { useMessages, useLocale, NextIntlClientProvider } = require('next-intl');
+    const messages = useMessages();
+    const locale = useLocale();
+    return (_jsx(NextIntlClientProvider, { locale: locale, messages: messages, children: _jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale }) }) }));
 }
-// Export as both default and named export for flexibility
-export default ContentPlugin;
+// Export named export for flexibility
 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

package/package.json

@@ -1,26 +1,33 @@
 {
   "name": "@jhits/plugin-content",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Content management and localization plugin for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./src/index.tsx",
+      "import": "./src/index.tsx",
+      "default": "./src/index.tsx"
+    },
+    "./src": {
+      "types": "./src/index.tsx",
+      "import": "./src/index.tsx",
+      "default": "./src/index.tsx"
     },
     "./server": {
-      "types": "./dist/index.server.d.ts",
-      "default": "./dist/index.server.js"
+      "types": "./src/index.server.ts",
+      "import": "./src/index.server.ts",
+      "default": "./src/index.server.ts"
     }
   },
   "dependencies": {
     "framer-motion": "^12.34.0",
     "lucide-react": "^0.564.0",
-    "@jhits/plugin-core": "0.0.6"
+    "@jhits/plugin-core": "0.0.7"
   },
   "peerDependencies": {
     "next": ">=15.0.0",