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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "1.3.9",
+  "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

@@ -108,6 +108,14 @@ export default {
       type: String,
       default: 'Останнє відвідування'
     },
+    trackPageName: {
+      type: String,
+      default: ''
+    },
+    trackPagePath: {
+      type: String,
+      default: ''
+    },
     appId: {
       type: String,
       default: ''
@@ -116,12 +124,14 @@ export default {
   data() {
     return {
       isDropdownOpen: false,
-      previousRocketMode: null
+      previousRocketMode: null,
+      localStorageItems: []
     }
   },
   computed: {
     sortedItems() {
-      return [...this.dropdownItems].sort((a, b) => b.lastVisit - a.lastVisit)
+      const items = this.dropdownItems.length ? this.dropdownItems : this.localStorageItems
+      return [...items].sort((a, b) => b.lastVisit - a.lastVisit)
     },
     shouldShowBackButton() {
       return this.backEvent || (this.showBackButton && isInIframe())
@@ -130,10 +140,27 @@ export default {
   created() {
     setSenderId(this.appId || getSenderId())
     if (isInIframe()) {
+      // Track page visit
+      if (this.trackPageName) {
+        sendToParent({
+          type: 'trackVisit',
+          name: this.trackPageName,
+          path: this.trackPagePath || `/${this.trackPageName}`,
+        })
+      }
+
+      // Set rocketMode
       getParentLocalStorage('rocketMode').then((value) => {
         this.previousRocketMode = value
         sendToParent({ type: 'setRocketMode', value: true })
       })
+
+      // Load componentStats from parent
+      getParentLocalStorage('componentStats').then((data) => {
+        if (data != null) {
+          this.loadParentComponentStats(data)
+        }
+      })
     }
   },
   mounted() {
@@ -150,9 +177,38 @@ 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
+      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 })
+        return
+      }
+
       this.restoreRocketMode()
       sendToParent({ type: 'exit' })
     },
@@ -166,6 +222,9 @@ export default {
     },
     selectItem(item) {
       this.$emit('navigate', item.path)
+      if (isInIframe()) {
+        sendToParent({ type: 'navigate', path: item.path })
+      }
       this.closeDropdown()
     },
     capitalize(str) {

package/src/vue3/components/Header.vue

@@ -265,9 +265,31 @@ 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
+  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 })
+    return
+  }
+
   restoreRocketMode()
   sendToParent({ type: 'exit' })
 }