@lovalingo/lovalingo 0.5.12 → 0.5.13

package/dist/hooks/provider/useStringMissReporting.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from "react";
-import { addActiveTranslations, applyActiveTranslations, clearMissBlur, scanDomForMisses } from "../../utils/markerEngine";
+import { addActiveTranslations, applyActiveTranslations, scanDomForMisses } from "../../utils/markerEngine";
 import { logDebug } from "../../utils/logger";
 import { isNonLocalizedPath, stripLocalePrefix } from "../../utils/nonLocalizedPaths";
 // Why: throttle miss scans so we stay responsive on DOM-heavy pages.
@@ -9,33 +9,11 @@ const MISS_MAX_PER_PAGE = 500;
 export function useStringMissReporting(args) {
     const pendingRef = useRef(new Set());
     const seenRef = useRef(new Set());
-    const blurredRef = useRef(new Map());
     const scheduledRef = useRef(null);
     const inFlightRef = useRef(false);
-    const mergeBlurred = useCallback((incoming) => {
-        for (const [text, elements] of incoming.entries()) {
-            let set = blurredRef.current.get(text);
-            if (!set) {
-                set = new Set();
-                blurredRef.current.set(text, set);
-            }
-            elements.forEach((el) => set.add(el));
-        }
-    }, []);
-    const clearBlurForText = useCallback((text) => {
-        const elements = blurredRef.current.get(text);
-        if (!elements)
-            return;
-        clearMissBlur(elements);
-        blurredRef.current.delete(text);
-    }, []);
     useEffect(() => {
         pendingRef.current.clear();
         seenRef.current.clear();
-        for (const elements of blurredRef.current.values()) {
-            clearMissBlur(elements);
-        }
-        blurredRef.current.clear();
     }, [args.locale]);
     const shouldSkip = useCallback(() => {
         if (typeof window === "undefined" || typeof document === "undefined")
@@ -62,11 +40,10 @@ export function useStringMissReporting(args) {
         if (inFlightRef.current)
             return;
         const ignore = new Set([...pendingRef.current, ...seenRef.current]);
-        const { misses, blurred } = scanDomForMisses({ max: MISS_MAX_PER_PAGE, ignore, blur: true });
+        const { misses } = scanDomForMisses({ max: MISS_MAX_PER_PAGE, ignore });
         if (misses.length === 0)
             return;
         logDebug(`[Lovalingo] Live misses detected: ${misses.length}`);
-        mergeBlurred(blurred);
         misses.forEach((miss) => pendingRef.current.add(miss.source_text));
         inFlightRef.current = true;
         try {
@@ -77,7 +54,6 @@ export function useStringMissReporting(args) {
             if (response?.ignored) {
                 for (const miss of misses) {
                     pendingRef.current.delete(miss.source_text);
-                    clearBlurForText(miss.source_text);
                     seenRef.current.add(miss.source_text);
                 }
                 return;
@@ -107,7 +83,6 @@ export function useStringMissReporting(args) {
             }
             for (const miss of misses) {
                 pendingRef.current.delete(miss.source_text);
-                clearBlurForText(miss.source_text);
                 if (resolved.has(miss.source_text)) {
                     seenRef.current.add(miss.source_text);
                 }
@@ -116,13 +91,12 @@ export function useStringMissReporting(args) {
         catch {
             for (const miss of misses) {
                 pendingRef.current.delete(miss.source_text);
-                clearBlurForText(miss.source_text);
             }
         }
         finally {
             inFlightRef.current = false;
         }
-    }, [args.apiRef, args.defaultLocale, args.locale, clearBlurForText, mergeBlurred, shouldSkip]);
+    }, [args.apiRef, args.defaultLocale, args.locale, shouldSkip]);
     const scheduleScan = useCallback(() => {
         if (scheduledRef.current != null)
             return;

package/dist/utils/markerEngine.d.ts

@@ -45,7 +45,6 @@ export type DomMiss = {
 };
 export type DomMissScanResult = {
     misses: DomMiss[];
-    blurred: Map<string, Set<HTMLElement>>;
 };
 export type CriticalFingerprint = {
     critical_count: number;
@@ -63,11 +62,9 @@ export declare function setMarkerEngineExclusions(exclusions: Exclusion[] | null
 export declare function setActiveTranslations(translations: Translation[] | null): void;
 export declare function addActiveTranslations(translations: Translation[] | Record<string, string> | null): number;
 export declare function applyActiveTranslations(root?: ParentNode | null): number;
-export declare function clearMissBlur(elements: Iterable<HTMLElement>): void;
 export declare function scanDomForMisses(opts: {
     max: number;
     ignore?: Set<string>;
-    blur?: boolean;
 }): DomMissScanResult;
 export declare function restoreDom(root?: ParentNode | null): void;
 export {};

package/dist/utils/markerEngine.js

@@ -10,8 +10,6 @@ const ATTRIBUTE_MARKS = [
     { attr: "aria-label", marker: "data-lovalingo-aria-label-original" },
     { attr: "placeholder", marker: "data-lovalingo-placeholder-original" },
 ];
-const MISS_BLUR_ATTR = "data-lovalingo-miss-blur";
-const MISS_BLUR_STYLE_ID = "lovalingo-miss-blur-style";
 const unsafeSelector = Array.from(UNSAFE_CONTAINER_TAGS).join(",");
 let observer = null;
 let scheduled = null;
@@ -203,31 +201,6 @@ function getOrInitAttrOriginal(el, attr) {
     map.set(attr, value);
     return value;
 }
-// Why: avoid blurring large containers; keep the effect scoped to leaf text nodes.
-function shouldBlurElement(el) {
-    if (!el)
-        return false;
-    if (el.tagName === "HTML" || el.tagName === "BODY")
-        return false;
-    if (el.childElementCount > 0)
-        return false;
-    return true;
-}
-function ensureMissBlurStyles() {
-    if (typeof document === "undefined")
-        return;
-    if (document.getElementById(MISS_BLUR_STYLE_ID))
-        return;
-    const style = document.createElement("style");
-    style.id = MISS_BLUR_STYLE_ID;
-    style.textContent =
-        `[${MISS_BLUR_ATTR}="1"] {` +
-            "filter: blur(2px);" +
-            "transition: filter 0.18s ease-out;" +
-            "will-change: filter;" +
-            "}";
-    document.head.appendChild(style);
-}
 function isInViewport(rect, viewportHeight, bufferPx) {
     if (!rect)
         return false;
@@ -732,33 +705,21 @@ export function applyActiveTranslations(root = document.body) {
     }
     return applied;
 }
-export function clearMissBlur(elements) {
-    for (const el of elements) {
-        if (!el)
-            continue;
-        if (el.getAttribute(MISS_BLUR_ATTR) !== "1")
-            continue;
-        el.removeAttribute(MISS_BLUR_ATTR);
-    }
-}
 export function scanDomForMisses(opts) {
     const root = document.body;
     const misses = [];
-    const blurred = new Map();
     if (!root) {
-        return { misses, blurred };
+        return { misses };
     }
     // Why: allow live miss scans even when bundles are empty so first-time pages still report.
     const translationMap = activeTranslationMap;
     const hasTranslations = Boolean(translationMap && translationMap.size > 0);
     const max = Math.max(0, Math.floor(opts.max || 0));
     if (max <= 0)
-        return { misses, blurred };
-    if (opts.blur)
-        ensureMissBlurStyles();
+        return { misses };
     const ignore = opts.ignore || new Set();
     const seen = new Set();
-    const recordMiss = (text, context, el) => {
+    const recordMiss = (text, context) => {
         if (!text || seen.has(text) || ignore.has(text))
             return;
         if (hasTranslations && translationMap.has(text))
@@ -767,15 +728,6 @@ export function scanDomForMisses(opts) {
             return;
         seen.add(text);
         misses.push({ source_text: text, semantic_context: context });
-        if (opts.blur && el instanceof HTMLElement && shouldBlurElement(el)) {
-            el.setAttribute(MISS_BLUR_ATTR, "1");
-            let set = blurred.get(text);
-            if (!set) {
-                set = new Set();
-                blurred.set(text, set);
-            }
-            set.add(el);
-        }
     };
     const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
     let node = walker.nextNode();
@@ -799,7 +751,7 @@ export function scanDomForMisses(opts) {
         const original = getOrInitTextOriginal(textNode, parent);
         const key = normalizeWhitespace(original.trimmed);
         if (key) {
-            recordMiss(key, "text", parent);
+            recordMiss(key, "text");
         }
         node = walker.nextNode();
     }
@@ -827,7 +779,7 @@ export function scanDomForMisses(opts) {
             }
         });
     }
-    return { misses, blurred };
+    return { misses };
 }
 export function restoreDom(root = document.body) {
     if (!root)

package/package.json

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