@dabalabs/lang 0.0.4-beta → 0.0.6-beta

package/dist/dabalang.js

@@ -237,8 +237,20 @@ var TranslationApplier = class {
   /** Re-crawls the current DOM — call after content is known to have
    * changed (e.g. after a route change in an SPA). Not called
    * automatically; dabalang does one crawl per page load. */
+  /** Re-crawls, returning how many text nodes were seen for the first
+   *  time.
+   *
+   *  That count is the signal a caller needs to decide whether anything
+   *  actually arrived. Applying a language writes to the DOM, which any
+   *  MutationObserver watching will see as a change — so "did the DOM
+   *  mutate" cannot distinguish new content from our own echo, and acting
+   *  on it would loop. "Did previously-unseen text appear" can: our own
+   *  writes land on nodes already in sourceByNode, so they count zero. */
   recrawl() {
-    this.groups = this.absorb(crawlVisibleText(this.root));
+    const crawled = crawlVisibleText(this.root);
+    const fresh = crawled.reduce((n, { node }) => this.sourceByNode.has(node) ? n : n + 1, 0);
+    this.groups = this.absorb(crawled);
+    return fresh;
   }
   currentLanguage() {
     return this.activeLang;
@@ -508,13 +520,7 @@ var NavigationWatcher = class {
     const onPop = () => this.onRouteMaybeChanged();
     window.addEventListener("popstate", onPop);
     this.restorers.push(() => window.removeEventListener("popstate", onPop));
-    this.observer = new MutationObserver(() => {
-      if (this.currentPath() !== this.lastPath) {
-        this.schedule();
-      } else if (this.passesLeft > 0) {
-        this.schedule();
-      }
-    });
+    this.observer = new MutationObserver(() => this.schedule());
     this.observer.observe(document.body, { childList: true, subtree: true });
   }
   currentPath() {
@@ -534,11 +540,10 @@ var NavigationWatcher = class {
       if (path !== this.lastPath) {
         this.lastPath = path;
         this.passesLeft = FOLLOW_UP_PASSES;
-        this.onNavigated();
       } else if (this.passesLeft > 0) {
         this.passesLeft -= 1;
-        this.onNavigated();
       }
+      this.onNavigated();
     }, SETTLE_MS);
   }
   stop() {
@@ -1121,6 +1126,7 @@ function renderLanguageSwitcher(container, targetLanguages, sourceLang, onSelect
   let closing = false;
   const root = document.createElement("div");
   root.className = "dabalang-switcher-root";
+  root.setAttribute(IGNORE_ATTR, "");
   const trigger = document.createElement("button");
   trigger.type = "button";
   trigger.className = "dabalang-trigger";
@@ -1178,6 +1184,7 @@ function renderLanguageSwitcher(container, targetLanguages, sourceLang, onSelect
     if (backdrop) return;
     const overlay = document.createElement("div");
     overlay.className = "dabalang-backdrop";
+    overlay.setAttribute(IGNORE_ATTR, "");
     overlay.addEventListener("mousedown", (e) => {
       if (e.target === overlay) closeModal();
     });
@@ -1454,7 +1461,7 @@ var DabaLang = class {
     if (this.isSiteTranslated(this.activeLang)) return;
     this.retranslating = this.retranslating.catch(() => void 0).then(async () => {
       if (!this.applier || this.activeLang === null) return;
-      this.applier.recrawl();
+      if (this.applier.recrawl() === 0) return;
       try {
         await this.applier.applyLanguage(this.activeLang);
       } catch (err) {