@jhits/plugin-content 0.0.15 → 0.0.18

package/src/index.tsx

@@ -16,12 +16,31 @@ export interface ContentPluginProps {
     locale?: string;
     /** Messages object - can be passed explicitly or will be fetched from context */
     messages?: Record<string, any>;
+    /** API base URL for the dashboard */
+    apiBaseUrl?: string;
+    /** Site identifier for multi-tenant setups */
+    siteId?: string;
 }
 
-function ContentPluginWithIntl({ locale, messages }: { locale: string; messages: Record<string, any> }) {
+function ContentPluginWithIntl({ 
+    locale, 
+    messages, 
+    apiBaseUrl, 
+    siteId 
+}: { 
+    locale: string; 
+    messages: Record<string, any>;
+    apiBaseUrl?: string;
+    siteId?: string;
+}) {
     return (
         <Suspense fallback={null}>
-            <TranslationEditor messages={messages} locale={locale} />
+            <TranslationEditor 
+                messages={messages} 
+                locale={locale} 
+                apiBaseUrl={apiBaseUrl}
+                siteId={siteId}
+            />
         </Suspense>
     );
 }
@@ -40,28 +59,34 @@ function ClientOnly({ children }: { children: React.ReactNode }) {
  * Content Plugin Component
  * Renders the translation editor for editing website content
  */
-export default function ContentPlugin({ enabled = true, locale, messages }: ContentPluginProps) {
+export default function ContentPlugin(props: ContentPluginProps) {
+    const { enabled = true, locale, messages, apiBaseUrl, siteId = 'default' } = props;
+    
     if (!enabled) return null;
     
     // If locale and messages are provided as props, use them directly
     if (locale && messages) {
         return (
             <ClientOnly>
-                <ContentPluginWithIntl locale={locale} messages={messages} />
+                <ContentPluginWithIntl 
+                    locale={locale} 
+                    messages={messages} 
+                    apiBaseUrl={apiBaseUrl}
+                    siteId={siteId}
+                />
             </ClientOnly>
         );
     }
     
     // Otherwise, try to use context (for backward compatibility)
-    // This path might have issues with context not being found
     return (
         <ClientOnly>
-            <ContentPluginWithIntlFallback />
+            <ContentPluginWithIntlFallback apiBaseUrl={apiBaseUrl} siteId={siteId} />
         </ClientOnly>
     );
 }
 
-function ContentPluginWithIntlFallback() {
+function ContentPluginWithIntlFallback({ apiBaseUrl, siteId }: { apiBaseUrl?: string; siteId?: string }) {
     // Dynamic import to avoid SSR issues with next-intl hooks
     const { useMessages, useLocale, NextIntlClientProvider } = require('next-intl');
     const messages = useMessages();
@@ -70,7 +95,12 @@ function ContentPluginWithIntlFallback() {
     return (
         <NextIntlClientProvider locale={locale} messages={messages}>
             <Suspense fallback={null}>
-                <TranslationEditor messages={messages} locale={locale} />
+                <TranslationEditor 
+                    messages={messages} 
+                    locale={locale} 
+                    apiBaseUrl={apiBaseUrl}
+                    siteId={siteId}
+                />
             </Suspense>
         </NextIntlClientProvider>
     );
@@ -84,6 +114,7 @@ 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 context
@@ -93,6 +124,7 @@ export type { ParserConfigProviderProps } 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.
@@ -104,4 +136,3 @@ export type { ParserConfig, FormatStyle } from './utils/parser-config';
 
 // Note: API handlers are server-only and exported from ./index.ts (server entry point)
 // They are NOT exported here to prevent client/server context mixing
-