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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "1.3.9",
+  "version": "1.4.0",
   "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,32 @@ 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) {
+          try {
+            const parsed = typeof data === 'string' ? JSON.parse(data) : data
+            if (parsed?.pages) {
+              this.localStorageItems = Object.values(parsed.pages)
+            }
+          } catch {}
+        }
+      })
     }
   },
   mounted() {
@@ -153,6 +185,14 @@ export default {
     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)
+      if (previousPage) {
+        this.restoreRocketMode()
+        sendToParent({ type: 'navigate', path: previousPage.path })
+        return
+      }
+
       this.restoreRocketMode()
       sendToParent({ type: 'exit' })
     },
@@ -166,6 +206,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

@@ -268,6 +268,14 @@ const restoreRocketMode = () => {
 const handleBack = () => {
   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)
+  if (previousPage) {
+    restoreRocketMode()
+    sendToParent({ type: 'navigate', path: previousPage.path })
+    return
+  }
+
   restoreRocketMode()
   sendToParent({ type: 'exit' })
 }