@lovalingo/lovalingo 0.5.6 → 0.5.8

package/dist/components/LovalingoProvider.js

@@ -252,7 +252,6 @@ navigateRef, // For path mode routing
             const head = document.head;
             if (!head)
                 return;
-            head.querySelectorAll('link[data-Lovalingo="hreflang"], link[data-Lovalingo="canonical"]').forEach((el) => el.remove());
             if (!bundle)
                 return;
             const seo = (bundle?.seo && typeof bundle.seo === "object" ? bundle.seo : {});
@@ -321,6 +320,14 @@ navigateRef, // For path mode routing
                 : typeof alternates.canonical === "string" && alternates.canonical.trim()
                     ? alternates.canonical.trim()
                     : "";
+            const languages = alternates.languages && typeof alternates.languages === "object" ? alternates.languages : {};
+            const hasAnyAlternate = Boolean(alternates.xDefault) || Object.values(languages).some(Boolean);
+            if (!canonicalHref && !(hreflangEnabled && hasAnyAlternate))
+                return;
+            // Why: search engines may ignore hreflang/canonical when multiple conflicting tags exist (we want sitemap + head parity).
+            head
+                .querySelectorAll('link[rel="canonical"], link[rel="alternate"][hreflang], link[data-Lovalingo="hreflang"], link[data-Lovalingo="canonical"]')
+                .forEach((el) => el.remove());
             if (canonicalHref) {
                 const canonical = document.createElement("link");
                 canonical.rel = "canonical";
@@ -330,7 +337,6 @@ navigateRef, // For path mode routing
             }
             if (!hreflangEnabled)
                 return;
-            const languages = alternates.languages && typeof alternates.languages === "object" ? alternates.languages : {};
             for (const [lang, href] of Object.entries(languages)) {
                 if (!href)
                     continue;

package/dist/hooks/provider/useBundleLoading.js

@@ -168,6 +168,18 @@ export function useBundleLoading({ apiRef, resolvedApiKey, defaultLocale, routin
         logDebug(`[Lovalingo] Fetching translations for ${targetLocale} on ${normalizedPath}`);
         setIsLoading(true);
         enablePrehide(getCachedLoadingBgColor());
+        let revealedEarly = false;
+        const revealNow = () => {
+            if (revealedEarly)
+                return;
+            revealedEarly = true;
+            disablePrehide();
+            setIsLoading(false);
+            if (loadingFailsafeTimeoutRef.current != null) {
+                window.clearTimeout(loadingFailsafeTimeoutRef.current);
+                loadingFailsafeTimeoutRef.current = null;
+            }
+        };
         // Why: never keep the app hidden/blocked for longer than the UX budget; show the original content if translations aren't ready fast.
         loadingFailsafeTimeoutRef.current = window.setTimeout(() => {
             disablePrehide();
@@ -192,7 +204,7 @@ export function useBundleLoading({ apiRef, resolvedApiKey, defaultLocale, routin
                 if (mode === "dom") {
                     applyActiveTranslations(document.body);
                 }
-                disablePrehide();
+                revealNow();
                 revealedViaCachedCritical = true;
             }
             const bootstrap = await apiRef.current.fetchBootstrap(targetLocale, currentPath);
@@ -238,6 +250,8 @@ export function useBundleLoading({ apiRef, resolvedApiKey, defaultLocale, routin
                 if (mode === "dom") {
                     applyActiveTranslations(document.body);
                 }
+                // Why: once we have a deterministic critical slice, unblock the page immediately and keep remaining work in the background.
+                revealNow();
             }
             if (autoApplyRules) {
                 const bootstrapDomRules = bootstrap?.dom_rules;
@@ -286,7 +300,7 @@ export function useBundleLoading({ apiRef, resolvedApiKey, defaultLocale, routin
                     }
                 })();
             }
-            disablePrehide();
+            revealNow();
             // Delayed retry scan to catch late-rendering content
             retryTimeoutRef.current = setTimeout(() => {
                 // Don't scan if we're navigating (prevents React conflicts)

package/dist/hooks/provider/usePrehide.d.ts

@@ -1,4 +1,4 @@
-export declare const PREHIDE_FAILSAFE_MS = 1700;
+export declare const PREHIDE_FAILSAFE_MS = 900;
 export declare function usePrehide(): {
     enablePrehide: (bgColor: string) => void;
     disablePrehide: () => void;

package/dist/hooks/provider/usePrehide.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from "react";
-// Why: avoid long blank screens on blocked/untranslated routes by always revealing the original page quickly.
-export const PREHIDE_FAILSAFE_MS = 1700;
+// Why: keep the no-flash "prehide" budget tight to improve FCP while still preventing perma-hide.
+export const PREHIDE_FAILSAFE_MS = 900;
 export function usePrehide() {
     const prehideStateRef = useRef({
         active: false,

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.5.5";
+export declare const VERSION = "0.5.6";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = "0.5.5";
+export const VERSION = "0.5.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lovalingo/lovalingo",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "React translation runtime with i18n routing, deterministic bundles + DOM rules, and zero-flash rendering.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",