@lovalingo/lovalingo 0.0.16 → 0.0.17

package/dist/components/AixsterProvider.js

@@ -6,7 +6,7 @@ import { LanguageSwitcher } from './LanguageSwitcher';
 import { NavigationOverlay } from './NavigationOverlay';
 const LOCALE_STORAGE_KEY = 'Lovalingo_locale';
 export const LovalingoProvider = ({ children, apiKey, defaultLocale, locales, apiBase = 'https://leuskvkajliuzalrlwhw.supabase.co', routing = 'query', // Default to query mode (backward compatible)
-switcherPosition = 'bottom-right', switcherOffsetY = 20, editMode: initialEditMode = false, editKey = 'KeyE', pathNormalization = { enabled: true }, // Enable by default
+autoPrefixLinks = true, switcherPosition = 'bottom-right', switcherOffsetY = 20, editMode: initialEditMode = false, editKey = 'KeyE', pathNormalization = { enabled: true }, // Enable by default
 mode = 'dom', // Default to legacy DOM mode for backward compatibility
 sitemap = true, // Default: true - Auto-inject sitemap link tag
 navigateRef, // For path mode routing
@@ -55,6 +55,7 @@ navigateRef, // For path mode routing
         locales: allLocales,
         apiBase,
         routing,
+        autoPrefixLinks,
         switcherPosition,
         switcherOffsetY,
         editMode: initialEditMode,
@@ -539,6 +540,151 @@ navigateRef, // For path mode routing
                 clearTimeout(navigationTimeout);
         };
     }, [locale, detectLocale, loadData, defaultLocale]);
+    // PATH mode: auto-prefix internal links that are missing a locale segment.
+    // This prevents "losing" the current locale when the app renders absolute links like "/projects/slug"
+    // while the user is on "/de/...".
+    useEffect(() => {
+        if (routing !== 'path')
+            return;
+        if (!autoPrefixLinks)
+            return;
+        const supportedLocales = allLocales;
+        const isAssetPath = (pathname) => {
+            if (pathname === '/robots.txt' || pathname === '/sitemap.xml')
+                return true;
+            if (pathname.startsWith('/.well-known/'))
+                return true;
+            return /\.(?:png|jpg|jpeg|gif|svg|webp|avif|ico|css|js|map|json|xml|txt|pdf|zip|gz|br|woff2?|ttf|eot)$/i.test(pathname);
+        };
+        const shouldProcessCurrentPath = () => {
+            const parts = window.location.pathname.split('/').filter(Boolean);
+            return parts.length > 0 && supportedLocales.includes(parts[0]);
+        };
+        const buildLocalePrefixedPath = (rawHref) => {
+            if (!rawHref)
+                return null;
+            const trimmed = rawHref.trim();
+            if (!trimmed)
+                return null;
+            // Only rewrite absolute-path or same-origin absolute URLs.
+            const isAbsolutePath = trimmed.startsWith('/');
+            const isAbsoluteUrl = /^https?:\/\//i.test(trimmed) || trimmed.startsWith('//');
+            if (!isAbsolutePath && !isAbsoluteUrl)
+                return null;
+            // Ignore special schemes / fragments
+            if (/^(?:#|mailto:|tel:|sms:|javascript:)/i.test(trimmed))
+                return null;
+            let url;
+            try {
+                url = new URL(trimmed, window.location.origin);
+            }
+            catch {
+                return null;
+            }
+            if (url.origin !== window.location.origin)
+                return null;
+            if (isAssetPath(url.pathname))
+                return null;
+            const parts = url.pathname.split('/').filter(Boolean);
+            if (parts.length === 0)
+                return null;
+            if (supportedLocales.includes(parts[0]))
+                return null; // already locale-prefixed
+            const nextPathname = `/${locale}${url.pathname.startsWith('/') ? '' : '/'}${url.pathname.replace(/^\//, '')}`;
+            return `${nextPathname}${url.search}${url.hash}`;
+        };
+        const ORIGINAL_HREF_KEY = 'data-Lovalingo-href-original';
+        const patchAnchor = (a) => {
+            if (!a || a.hasAttribute('data-Lovalingo-exclude'))
+                return;
+            const original = a.getAttribute(ORIGINAL_HREF_KEY) ?? a.getAttribute('href') ?? '';
+            if (!a.getAttribute(ORIGINAL_HREF_KEY) && original) {
+                a.setAttribute(ORIGINAL_HREF_KEY, original);
+            }
+            const fixed = buildLocalePrefixedPath(original);
+            if (fixed) {
+                if (a.getAttribute('href') !== fixed)
+                    a.setAttribute('href', fixed);
+            }
+            else if (original) {
+                // If we previously rewrote it, restore the original when it no longer applies.
+                if (a.getAttribute('href') !== original)
+                    a.setAttribute('href', original);
+            }
+        };
+        const patchAllAnchors = () => {
+            if (!shouldProcessCurrentPath())
+                return;
+            document.querySelectorAll('a[href]').forEach((node) => {
+                if (node instanceof HTMLAnchorElement)
+                    patchAnchor(node);
+            });
+        };
+        // Patch existing anchors (also updates when locale changes)
+        patchAllAnchors();
+        // Patch new anchors when the DOM changes
+        const mo = new MutationObserver((mutations) => {
+            if (!shouldProcessCurrentPath())
+                return;
+            for (const mutation of mutations) {
+                mutation.addedNodes.forEach((node) => {
+                    if (!(node instanceof HTMLElement))
+                        return;
+                    if (node instanceof HTMLAnchorElement) {
+                        patchAnchor(node);
+                        return;
+                    }
+                    node.querySelectorAll?.('a[href]').forEach((a) => {
+                        if (a instanceof HTMLAnchorElement)
+                            patchAnchor(a);
+                    });
+                });
+            }
+        });
+        mo.observe(document.body, { childList: true, subtree: true });
+        // Click interception (capture) to handle cases where frameworks (e.g. React Router <Link>)
+        // navigate based on their "to" prop rather than the DOM href attribute.
+        const onClickCapture = (event) => {
+            if (!shouldProcessCurrentPath())
+                return;
+            if (event.defaultPrevented)
+                return;
+            if (event.button !== 0)
+                return;
+            if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+                return;
+            const target = event.target;
+            const a = target?.closest?.('a[href]');
+            if (!a)
+                return;
+            // Let the browser handle new tabs/downloads/etc.
+            if (a.target && a.target !== '_self')
+                return;
+            if (a.hasAttribute('download'))
+                return;
+            if (a.getAttribute('rel')?.includes('external'))
+                return;
+            const original = a.getAttribute(ORIGINAL_HREF_KEY) ?? a.getAttribute('href') ?? '';
+            const fixed = buildLocalePrefixedPath(original);
+            if (!fixed)
+                return;
+            event.preventDefault();
+            event.stopImmediatePropagation?.();
+            event.stopPropagation();
+            const navigate = navigateRef?.current;
+            if (navigate) {
+                navigate(fixed);
+            }
+            else {
+                window.location.assign(fixed);
+            }
+        };
+        document.addEventListener('click', onClickCapture, true);
+        return () => {
+            mo.disconnect();
+            document.removeEventListener('click', onClickCapture, true);
+        };
+    }, [routing, autoPrefixLinks, allLocales, locale, navigateRef]);
     // Set up MutationObserver for dynamic content (DOM mode only)
     useEffect(() => {
         if (mode !== 'dom')

package/dist/types.d.ts

@@ -5,6 +5,7 @@ export interface LovalingoConfig {
     locales: string[];
     apiBase?: string;
     routing?: 'query' | 'path';
+    autoPrefixLinks?: boolean;
     switcherPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     switcherOffsetY?: number;
     editMode?: boolean;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.0.16";
+export declare const VERSION = "0.0.17";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = "0.0.16";
+export const VERSION = "0.0.17";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovalingo/lovalingo",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "React translation library with automatic routing, real-time AI translation, and zero-flash rendering. One-line language routing setup.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",