ebt-vue3 2.50.3 → 2.52.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ebt-vue3",
-  "version": "2.50.3",
+  "version": "2.52.2",
   "description": "Vue3 Library for SuttaCentral Voice EBT-Sites",
   "author": "Karl Lew",
   "scripts": {
@@ -46,7 +46,7 @@
     "merkle-json": "^2.13.0",
     "pinia": "^2.0.16",
     "roboto-fontface": "*",
-    "scv-esm": "^1.132.28",
+    "scv-esm": "^1.132.30",
     "serve-favicon": "^2.5.0",
     "uuid": "^9.0.0",
     "vite-plugin-vuetify": "^2.0.3",

package/src/card-factory.mjs

@@ -149,10 +149,21 @@ export default class CardFactory {
       path='/', cards=settings.cards, addCard, defaultLang, isOpen,
       playlist,
     } = args;
+    console.log('[URL-DEBUG] CardFactory.pathToCard called', {
+      path,
+      cardsCount: cards?.length,
+      cardContexts: cards?.map(c => c.context),
+    });
     path = path.replace(/^.*\/#/, ''); // ignore non-hash part of path
     let [ ignored, context, ...location ] = path.split('/');
     location = location.map(loc => decodeURIComponent(loc));
     let card = cards.find(card => card.matchPath({path, defaultLang}));
+    console.log('[URL-DEBUG] CardFactory.pathToCard find result', {
+      foundCard: !!card,
+      cardId: card?.id,
+      context,
+      location,
+    });
     dbgv && console.log(msg, '[1]find', {card, path});
     if (card == null) {
       if (addCard === undefined) {

package/src/components/EbtCards.vue

@@ -196,12 +196,23 @@
       $route (to, from) {
         const msg = 'EbtCards.watch.$route';
         const dbg = DBG.ROUTE || DBG_OPEN_CARD;
+        console.log('[URL-DEBUG] EbtCards.$route watcher fired', {
+          from: from?.fullPath,
+          to: to?.fullPath,
+          hash: window.location.hash,
+        });
         let { cardFactory, volatile, settings, $route }  = this;
         let card = cardFactory.pathToCard({
-          path: to.fullPath, 
+          path: to.fullPath,
           addCard: (opts) => cardFactory.addCard(opts),
           defaultLang: settings.langTrans,
         });
+        console.log('[URL-DEBUG] EbtCards pathToCard result', {
+          cardId: card?.id,
+          cardContext: card?.context,
+          cardLocation: card?.location,
+          cardIsOpen: card?.isOpen,
+        });
         let { activeElement } = document;
 
         if (card?.isOpen) {

package/src/components/SuttaView.vue

@@ -91,10 +91,16 @@
       const dbg = DBG.MOUNTED;
       let { $route, suttas, settings, volatile, card, config, } = this;
       let { fullPath } = $route;
-      let { 
-        development, langTrans, docLang, docAuthor, refLang, refAuthor 
+      let {
+        development, langTrans, docLang, docAuthor, refLang, refAuthor
       } = settings;
       let { id, location, data } = card;
+      console.log('[URL-DEBUG] SuttaView.mounted()', {
+        cardId: id,
+        location,
+        routeFullPath: fullPath,
+        hash: window.location.hash,
+      });
       let ref = {
         sutta_uid:location[0], 
         lang:location[1], 
@@ -125,12 +131,25 @@
           const msg = 'SuttaView.watch.card.location()';
           const dbg = DBG.MOUNTED;
 
+          console.log('[URL-DEBUG] SuttaView watch.card.location fired', {
+            newLoc,
+            oldLoc,
+            hash: window.location.hash,
+          });
+
           // Skip if no previous location (initial mount handles this)
-          if (!oldLoc || !newLoc) return;
+          if (!oldLoc || !newLoc) {
+            console.log('[URL-DEBUG] SuttaView watch skipped (no old/new loc)');
+            return;
+          }
 
           // Skip if same sutta_uid (just segment change)
-          if (newLoc[0] === oldLoc[0]) return;
+          if (newLoc[0] === oldLoc[0]) {
+            console.log('[URL-DEBUG] SuttaView watch skipped (same sutta_uid)');
+            return;
+          }
 
+          console.log('[URL-DEBUG] SuttaView watch proceeding to reload');
           dbg && console.log(msg, '[1]location changed', {newLoc, oldLoc});
 
           // Reload sutta data for new location

package/src/ebt-card.mjs

@@ -444,9 +444,14 @@ export default class EbtCard {
     let { path, defaultLang } = opts;
     let loc = location.join('/');
     let cardLoc = cardLocation.join('/');
+    console.log('[URL-DEBUG] matchPathSutta', {
+      pathLocation: loc,
+      cardLocation: cardLoc,
+      path,
+    });
     if (loc === '') {
       let result = cardLoc === loc;
-      dbg && console.log(msg, `[1]true ${path} => ${result}`, 
+      dbg && console.log(msg, `[1]true ${path} => ${result}`,
         {cardLoc, loc});
       return result;
     }
@@ -457,12 +462,18 @@ export default class EbtCard {
     let msStart = Date.now();
     let pathRef = SuttaRef.create(loc, defaultLang);
     if (pathRef == null) {
+      console.log('[URL-DEBUG] matchPathSutta: pathRef is null', {loc});
       dbg && console.log(msg, `[3]false (${path})`, {loc});
       return false;
     }
     let cardRef = SuttaRef.create(cardLoc, defaultLang);
+    console.log('[URL-DEBUG] matchPathSutta comparing', {
+      pathSuttaUid: pathRef.sutta_uid,
+      cardSuttaUid: cardRef.sutta_uid,
+      match: pathRef.sutta_uid === cardRef.sutta_uid,
+    });
     if (pathRef.sutta_uid !== cardRef.sutta_uid) {
-      dbg && console.log(msg, `[4]false (${path})`, 
+      dbg && console.log(msg, `[4]false (${path})`,
         pathRef.suid, cardRef.suid);
       return false;
     }

package/src/stores/volatile.mjs

@@ -358,6 +358,11 @@ export const useVolatileStore = defineStore('volatile', {
     setRoute(cardOrRoute, keepFocus, caller) {
       const msg = 'volatile.setRoute()';
       const dbg = DBG.SET_ROUTE;
+      console.log('[URL-DEBUG] volatile.setRoute() called', {
+        caller,
+        cardOrRoute: typeof cardOrRoute === 'string' ? cardOrRoute : cardOrRoute?.debugString,
+        currentHash: globalThis.window?.location?.hash,
+      });
       let { config, } = this;
       let settings = useSettingsStore();
       if (!cardOrRoute) {
@@ -374,13 +379,19 @@ export const useVolatileStore = defineStore('volatile', {
       let route = isCard ? cardOrRoute.routeHash() : cardOrRoute;
       let cardFactory = CardFactory.singleton;
       let addCard = (opts=>cardFactory.addCard(opts));
-      let card = isCard 
-        ? cardOrRoute 
+      let card = isCard
+        ? cardOrRoute
         : cardFactory.pathToCard({path:route, addCard});
       if (card == null) {
+        console.log('[URL-DEBUG] volatile.setRoute() no card found', {route});
         dbg && console.log(msg, '[1]no card', {route});
         return;
       }
+      console.log('[URL-DEBUG] volatile.setRoute() card found', {
+        cardId: card.id,
+        cardLocation: card.location,
+        route,
+      });
       let { visible } = card;
 
       const { window } = globalThis;