@jhits/plugin-content 0.0.10 → 0.0.11

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,mDAuRxC"}
+{"version":3,"file":"TranslationEditor.d.ts","sourceRoot":"","sources":["../../src/components/TranslationEditor.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,iBAAiB,mDA4SxC"}

package/dist/components/TranslationEditor.js

@@ -44,6 +44,19 @@ export default function TranslationEditor() {
         }
         checkAuth();
     }, []);
+    useEffect(() => {
+        const handleLocaleUpdate = (event) => {
+            if (event.detail.locale === locale) {
+                setJsonData(event.detail.messages);
+                router.refresh();
+            }
+        };
+        window.addEventListener('locale-updated', handleLocaleUpdate);
+        return () => window.removeEventListener('locale-updated', handleLocaleUpdate);
+    }, [locale, router]);
+    useEffect(() => {
+        setJsonData(messages);
+    }, [messages]);
     const isAdmin = userData?.role === 'admin' || userData?.role === 'dev';
     const isDev = userData?.role === 'dev';
     const applyFormatting = (path, type) => {
@@ -118,6 +131,9 @@ export default function TranslationEditor() {
             if (res.ok) {
                 router.refresh();
                 setShowAddForm(false);
+                window.dispatchEvent(new CustomEvent('locale-updated', {
+                    detail: { locale, messages: jsonData }
+                }));
             }
             else {
                 alert('Fout bij opslaan');

package/dist/hooks/useLocaleSync.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook that syncs locale messages when they're updated by the content editor
+ * Use this in any component that displays translated content to auto-update
+ * without a page refresh
+ *
+ * @example
+ * const messages = useLocaleSync();
+ */
+export declare function useLocaleSync(): Record<string, any>;
+//# sourceMappingURL=useLocaleSync.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocaleSync.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocaleSync.ts"],"names":[],"mappings":"AAUA;;;;;;;GAOG;AACH,wBAAgB,aAAa,wBAqB5B"}

package/dist/hooks/useLocaleSync.js

@@ -0,0 +1,29 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { useLocale, useMessages } from 'next-intl';
+/**
+ * Hook that syncs locale messages when they're updated by the content editor
+ * Use this in any component that displays translated content to auto-update
+ * without a page refresh
+ *
+ * @example
+ * const messages = useLocaleSync();
+ */
+export function useLocaleSync() {
+    const locale = useLocale();
+    const messages = useMessages();
+    const [syncedMessages, setSyncedMessages] = useState(messages);
+    useEffect(() => {
+        const handleLocaleUpdate = (event) => {
+            if (event.detail.locale === locale) {
+                setSyncedMessages(event.detail.messages);
+            }
+        };
+        window.addEventListener('locale-updated', handleLocaleUpdate);
+        return () => window.removeEventListener('locale-updated', handleLocaleUpdate);
+    }, [locale]);
+    useEffect(() => {
+        setSyncedMessages(messages);
+    }, [messages]);
+    return syncedMessages;
+}

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export type { ParsedTextProps } from './components/ParsedText';
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 export type { ParserConfigProviderProps } from './context/ParserConfigContext';
 export { useParse } from './hooks/useParse';
+export { useLocaleSync } from './hooks/useLocaleSync';
 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;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"}
+{"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"}

package/dist/index.js

@@ -25,6 +25,7 @@ export { default as ParsedText } from './components/ParsedText';
 export { ParserConfigProvider, useParserConfig } from './context/ParserConfigContext';
 // Export hooks
 export { useParse } from './hooks/useParse';
+export { useLocaleSync } from './hooks/useLocaleSync';
 // Export utilities
 // Note: parse() is a client-only function. Use ParsedText component in server components.
 export { parse } from './utils/parser';

package/package.json

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