@skyservice-developers/vue-dev-kit 1.4.0 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Vue 2 and Vue 3 developer toolkit - components and helpers",
   "type": "module",
   "main": "./dist/vue3/vue-dev-kit.cjs",

package/src/vue2/components/Header.vue

@@ -158,12 +158,7 @@ export default {
       // Load componentStats from parent
       getParentLocalStorage('componentStats').then((data) => {
         if (data != null) {
-          try {
-            const parsed = typeof data === 'string' ? JSON.parse(data) : data
-            if (parsed?.pages) {
-              this.localStorageItems = Object.values(parsed.pages)
-            }
-          } catch {}
+          this.loadParentComponentStats(data)
         }
       })
     }
@@ -182,11 +177,32 @@ export default {
         sendToParent({ type: 'setRocketMode', value: restore })
       }
     },
-    handleBack() {
+    findPreviousPage() {
+      return this.sortedItems.find(item => item.name !== this.trackPageName)
+    },
+    loadParentComponentStats(data) {
+      try {
+        const parsed = typeof data === 'string' ? JSON.parse(data) : data
+        if (parsed?.pages) {
+          this.localStorageItems = Object.values(parsed.pages)
+        }
+      } catch {}
+    },
+    async handleBack() {
       if (this.backEvent) return this.backEvent()
 
       // Navigate to the last visited page that isn't the current one
-      const previousPage = this.sortedItems.find(item => item.name !== this.$props.trackPageName)
+      let previousPage = this.findPreviousPage()
+
+      // If history not loaded yet, try fetching from parent
+      if (!previousPage && isInIframe()) {
+        const data = await getParentLocalStorage('componentStats')
+        if (data) {
+          this.loadParentComponentStats(data)
+          previousPage = this.findPreviousPage()
+        }
+      }
+
       if (previousPage) {
         this.restoreRocketMode()
         sendToParent({ type: 'navigate', path: previousPage.path })

package/src/vue3/components/Header.vue

@@ -265,11 +265,25 @@ const restoreRocketMode = () => {
   }
 }
 
-const handleBack = () => {
+const findPreviousPage = () => {
+  return sortedItems.value.find(item => item.name !== props.trackPageName)
+}
+
+const handleBack = async () => {
   if (props.backEvent) return props.backEvent()
 
   // Navigate to the last visited page that isn't the current one
-  const previousPage = sortedItems.value.find(item => item.name !== props.trackPageName)
+  let previousPage = findPreviousPage()
+
+  // If history not loaded yet, try fetching from parent
+  if (!previousPage && isInIframe()) {
+    const data = await getParentLocalStorage('componentStats')
+    if (data) {
+      loadComponentStats(data)
+      previousPage = findPreviousPage()
+    }
+  }
+
   if (previousPage) {
     restoreRocketMode()
     sendToParent({ type: 'navigate', path: previousPage.path })