@skyservice-developers/vue-dev-kit 1.2.5 → 1.2.7

package/package.json

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

package/src/shared/utils/parentBridge.js

@@ -45,3 +45,7 @@ export function getParentLocalStorage(key) {
 export function getParentStoreValue(key) {
   return requestFromParent('store', key)
 }
+
+export function getParentWindowValue(key) {
+  return requestFromParent('window', key)
+}

package/src/vue3/components/Header.vue

@@ -55,7 +55,7 @@
               class="title-dropdown-item"
               @click="selectItem(item)"
             >
-              <p class="pageName">{{ capitalize(item.name) }}</p>
+              <p class="pageName">{{ translateName(item.name) }}</p>
               <small class="pageVisit">
                 ({{ visitLabel }} {{ getTimeAgo(item.lastVisit) }})
               </small>
@@ -80,7 +80,7 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { isInIframe } from '../../shared/utils/webviewCheck'
-import { getParentLocalStorage } from '../../shared/utils/parentBridge'
+import { getParentLocalStorage, getParentWindowValue } from '../../shared/utils/parentBridge'
 
 const props = defineProps({
   title: {
@@ -115,6 +115,14 @@ const props = defineProps({
     type: String,
     default: "Останнє відвідування",
   },
+  trackPageName: {
+    type: String,
+    default: "",
+  },
+  trackPagePath: {
+    type: String,
+    default: "",
+  },
 });
 
 const emit = defineEmits(['back', 'navigate'])
@@ -123,6 +131,25 @@ const dropdownRef = ref(null)
 const isDropdownOpen = ref(false)
 
 const localStorageItems = ref([])
+const parentLang = ref({})
+
+// Track page visit in parent's componentStats
+if (isInIframe() && props.trackPageName) {
+  window.parent.postMessage({
+    type: 'trackVisit',
+    name: props.trackPageName,
+    path: props.trackPagePath || `/${props.trackPageName}`,
+  }, '*')
+}
+
+// Load translations from parent
+if (isInIframe()) {
+  getParentWindowValue('lang').then((data) => {
+    if (data != null) {
+      parentLang.value = data
+    }
+  })
+}
 
 function loadComponentStats(raw) {
   try {
@@ -163,21 +190,17 @@ const closeDropdown = () => {
 }
 
 const selectItem = (item) => {
-  console.log('[Header] selectItem clicked, item:', item)
-  console.log('[Header] item.path:', item.path)
-  console.log('[Header] isInIframe:', isInIframe())
   emit('navigate', item.path)
   if (isInIframe()) {
-    console.log('[Header] sending postMessage navigate to parent, path:', item.path)
     window.parent.postMessage({ type: 'navigate', path: item.path }, '*')
-    console.log('[Header] postMessage sent')
   }
   closeDropdown()
 }
 
-const capitalize = (str) => {
-  if (!str) return ''
-  return str.charAt(0).toUpperCase() + str.slice(1)
+const translateName = (name) => {
+  if (!name) return ''
+  const translated = parentLang.value[name] || name
+  return translated.charAt(0).toUpperCase() + translated.slice(1)
 }
 
 const getTimeAgo = (lastVisit) => {