@jhits/plugin-content 0.0.16 → 0.0.18

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

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

package/dist/api/router.js

@@ -16,7 +16,6 @@ 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') {

package/dist/components/TranslationEditor.d.ts

@@ -1,8 +1,10 @@
 interface TranslationEditorProps {
     messages: Record<string, any>;
     locale: string;
+    apiBaseUrl?: string;
+    siteId?: string;
 }
-declare function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }: TranslationEditorProps): import("react/jsx-runtime").JSX.Element | null;
+declare function TranslationEditorInner({ messages: initialMessages, locale: initialLocale, apiBaseUrl, siteId }: 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":"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"}
+{"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;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,sBAAsB,CAAC,EAC5B,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,aAAa,EACrB,UAAkC,EAClC,MAAkB,EACrB,EAAE,sBAAsB,kDAoTxB;AAeD,eAAe,sBAAsB,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/TranslationEditor.js

@@ -5,7 +5,7 @@ import { useState, useEffect, useMemo, useRef } from 'react';
 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';
-function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }) {
+function TranslationEditorInner({ messages: initialMessages, locale: initialLocale, apiBaseUrl = '/api/plugin-content', siteId = 'default' }) {
     const router = useRouter();
     const pathname = usePathname();
     const [mounted, setMounted] = useState(false);
@@ -56,7 +56,9 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     useEffect(() => {
         async function checkAuth() {
             try {
-                const res = await fetch('/api/plugin-dep/me');
+                // Get the base dashboard API URL (strip plugin-content if present)
+                const baseApi = apiBaseUrl.replace('/plugin-content', '');
+                const res = await fetch(`${baseApi}/plugin-dep/me`);
                 const data = await res.json();
                 if (data.loggedIn)
                     setUserData(data.user);
@@ -69,7 +71,7 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
             }
         }
         checkAuth();
-    }, []);
+    }, [apiBaseUrl]);
     useEffect(() => {
         const handleLocaleUpdate = (event) => {
             if (event.detail.locale === initialLocale) {
@@ -166,10 +168,14 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     const handleSave = async () => {
         setSaving(true);
         try {
-            const res = await fetch('/api/plugin-content/save', {
+            const res = await fetch(`${apiBaseUrl}/save`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ locale: initialLocale, messages: jsonData }),
+                body: JSON.stringify({
+                    locale: initialLocale,
+                    messages: jsonData,
+                    siteId
+                }),
             });
             if (res.ok) {
                 router.refresh();

package/dist/index.d.ts

@@ -9,6 +9,10 @@ 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;
 }
 /**
  * Content Plugin Component

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,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"}
+{"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;IAC/B,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAmCD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,kDAyB9D;AAuBD,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

@@ -6,8 +6,8 @@
 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 ContentPluginWithIntl({ locale, messages, apiBaseUrl, siteId }) {
+    return (_jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale, apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
 }
 function ClientOnly({ children }) {
     const [mounted, setMounted] = useState(false);
@@ -21,22 +21,22 @@ function ClientOnly({ children }) {
  * Renders the translation editor for editing website content
  */
 export default function ContentPlugin(props) {
-    const { enabled = true, locale, messages } = props;
+    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 (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntl, { locale: locale, messages: messages }) }));
+        return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntl, { locale: locale, messages: messages, apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
     }
     // Otherwise, try to use context (for backward compatibility)
-    return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntlFallback, {}) }));
+    return (_jsx(ClientOnly, { children: _jsx(ContentPluginWithIntlFallback, { apiBaseUrl: apiBaseUrl, siteId: siteId }) }));
 }
-function ContentPluginWithIntlFallback() {
+function ContentPluginWithIntlFallback({ apiBaseUrl, siteId }) {
     // 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 }) }) }));
+    return (_jsx(NextIntlClientProvider, { locale: locale, messages: messages, children: _jsx(Suspense, { fallback: null, children: _jsx(TranslationEditor, { messages: messages, locale: locale, apiBaseUrl: apiBaseUrl, siteId: siteId }) }) }));
 }
 // Export named export for flexibility
 export { ContentPlugin };

package/package.json

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

package/src/api/router.ts

@@ -33,8 +33,6 @@ export async function handleContentApi(
     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') {

package/src/components/TranslationEditor.tsx

@@ -9,9 +9,16 @@ import { parse } from '../utils/parser';
 interface TranslationEditorProps {
     messages: Record<string, any>;
     locale: string;
+    apiBaseUrl?: string;
+    siteId?: string;
 }
 
-function TranslationEditorInner({ messages: initialMessages, locale: initialLocale }: TranslationEditorProps) {
+function TranslationEditorInner({ 
+    messages: initialMessages, 
+    locale: initialLocale,
+    apiBaseUrl = '/api/plugin-content',
+    siteId = 'default'
+}: TranslationEditorProps) {
     const router = useRouter();
     const pathname = usePathname();
     const [mounted, setMounted] = useState(false);
@@ -65,7 +72,9 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     useEffect(() => {
         async function checkAuth() {
             try {
-                const res = await fetch('/api/plugin-dep/me');
+                // Get the base dashboard API URL (strip plugin-content if present)
+                const baseApi = apiBaseUrl.replace('/plugin-content', '');
+                const res = await fetch(`${baseApi}/plugin-dep/me`);
                 const data = await res.json();
                 if (data.loggedIn) setUserData(data.user);
             } catch (err) {
@@ -75,7 +84,7 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
             }
         }
         checkAuth();
-    }, []);
+    }, [apiBaseUrl]);
 
     useEffect(() => {
         const handleLocaleUpdate = (event: CustomEvent) => {
@@ -162,10 +171,14 @@ function TranslationEditorInner({ messages: initialMessages, locale: initialLoca
     const handleSave = async () => {
         setSaving(true);
         try {
-            const res = await fetch('/api/plugin-content/save', {
+            const res = await fetch(`${apiBaseUrl}/save`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ locale: initialLocale, messages: jsonData }),
+                body: JSON.stringify({ 
+                    locale: initialLocale, 
+                    messages: jsonData,
+                    siteId
+                }),
             });
             if (res.ok) { 
                 router.refresh(); 
@@ -330,5 +343,3 @@ function getFlattenedPaths(obj: any, prefix = ''): { path: string; value: string
 
 export default TranslationEditorInner;
 export type { TranslationEditorProps };
-
-

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>
     );
 }
@@ -41,7 +60,7 @@ function ClientOnly({ children }: { children: React.ReactNode }) {
  * Renders the translation editor for editing website content
  */
 export default function ContentPlugin(props: ContentPluginProps) {
-    const { enabled = true, locale, messages } = props;
+    const { enabled = true, locale, messages, apiBaseUrl, siteId = 'default' } = props;
     
     if (!enabled) return null;
     
@@ -49,7 +68,12 @@ export default function ContentPlugin(props: ContentPluginProps) {
     if (locale && messages) {
         return (
             <ClientOnly>
-                <ContentPluginWithIntl locale={locale} messages={messages} />
+                <ContentPluginWithIntl 
+                    locale={locale} 
+                    messages={messages} 
+                    apiBaseUrl={apiBaseUrl}
+                    siteId={siteId}
+                />
             </ClientOnly>
         );
     }
@@ -57,12 +81,12 @@ export default function ContentPlugin(props: ContentPluginProps) {
     // Otherwise, try to use context (for backward compatibility)
     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();
@@ -71,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>
     );