@skyservice-developers/vue-dev-kit 1.5.12 → 2.1.0

package/src/index.js

@@ -1,9 +0,0 @@
-// // Components
-
-export * from './vue3'
-// import { Header, Dialog } from './vue3/components'
-
-// export {
-//   Header,
-//   Dialog
-// }

package/src/shared/index.js

@@ -1 +0,0 @@
-export * from './utils'

package/src/shared/types/index.d.ts

@@ -1,72 +0,0 @@
-import { DefineComponent } from 'vue'
-
-// ============ Components ============
-
-export interface HeaderDropdownItem {
-  name: string
-  path: string
-  lastVisit: number
-}
-
-export interface HeaderProps {
-  title?: string
-  subtitle?: string
-  showBackButton?: boolean
-  backButtonTitle?: string
-  backEvent?: (() => void) | null
-  dropdownItems?: HeaderDropdownItem[]
-  dropdownTitle?: string
-  visitLabel?: string
-}
-
-export interface HeaderEmits {
-  'back': () => void
-  'navigate': (path: string) => void
-}
-
-export interface HeaderSlots {
-  'default'?: () => any
-  'title'?: () => any
-  'subtitle'?: () => any
-}
-
-export declare const Header: DefineComponent<HeaderProps>
-
-// Dialog component
-export interface DialogProps {
-  modelValue?: boolean
-  title?: string
-  subtitle?: string
-  zIndex?: number | string
-  closeText?: string
-  closeOnEsc?: boolean
-  mode?: 'next' | 'classic' | null
-}
-
-export interface DialogSlots {
-  'default'?: () => any
-  'buttons'?: () => any
-}
-
-export interface DialogEmits {
-  'update:modelValue': (value: boolean) => void
-  'close': () => void
-  'save': () => void
-}
-
-export declare const Dialog: DefineComponent<DialogProps>
-
-// SkyButton component
-export interface SkyButtonProps {
-  variant?: 'primary' | 'danger' | 'secondary' | 'outline'
-  loading?: boolean
-  disabled?: boolean
-  block?: boolean
-  icon?: boolean
-}
-
-export interface SkyButtonSlots {
-  'default'?: () => any
-}
-
-export declare const SkyButton: DefineComponent<SkyButtonProps>

package/src/shared/utils/index.js

@@ -1,2 +0,0 @@
-export { webviewCheck, isIosWebview, isAndroidWebview, isCefWebview, isWebview, isInIframe } from './webviewCheck'
-export { getParentLocalStorage, getParentStoreValue, getParentWindowValue, sendToParent, setSenderId, getSenderId } from './parentBridge'

package/src/shared/utils/parentBridge.js

@@ -1,84 +0,0 @@
-import { isInIframe } from './webviewCheck'
-
-const TIMEOUT = 3000
-let counter = 0
-let _senderId = null
-
-function generateRequestId() {
-  return `req_${++counter}_${Date.now()}`
-}
-
-function generateAppId() {
-  return 'APP_' + Math.random().toString(36).slice(2, 10)
-}
-
-export function setSenderId(id) {
-  _senderId = id
-}
-
-export function getSenderId() {
-  if (!_senderId) {
-    _senderId = generateAppId()
-  }
-  return _senderId
-}
-
-export function sendToParent(message) {
-  if (!isInIframe()) return
-  window.parent.postMessage({
-    ...message,
-    sender: getSenderId(),
-    target: message.target || 'DASHBOARD',
-  }, '*')
-}
-
-function requestFromParent(source, key) {
-  if (!isInIframe()) return Promise.resolve(null)
-
-  return new Promise((resolve) => {
-    const requestId = generateRequestId()
-
-    const timeout = setTimeout(() => {
-      window.removeEventListener('message', handler)
-      resolve(null)
-    }, TIMEOUT)
-
-    function handler(event) {
-      const d = event.data
-      if (
-        d?.type === 'DATA_RESPONSE' &&
-        d?.requestId === requestId &&
-        (!d.target || d.target === getSenderId())
-      ) {
-        clearTimeout(timeout)
-        window.removeEventListener('message', handler)
-        resolve(d.data ?? null)
-      }
-    }
-
-    window.addEventListener('message', handler)
-
-    sendToParent({
-      type: 'DATA_REQUEST',
-      requestId,
-      source,
-      key,
-    })
-  })
-}
-
-export function getParentLocalStorage(key) {
-  return requestFromParent('localStorage', key)
-}
-
-export function getParentStoreValue(key) {
-  return requestFromParent('store', key)
-}
-
-export function getParentWindowValue(key) {
-  return requestFromParent('window', key)
-}
-
-export function setParentLocalStorage(key, value) {
-  sendToParent({ type: 'setLocalStorage', key, value })
-}

package/src/shared/utils/webviewCheck.js

@@ -1,54 +0,0 @@
-import parser from 'ua-parser-js'
-
-export function webviewCheck() {
-  // Check iOS webview
-  if (window.webkit != null) {
-    if (window.webkit.messageHandlers !== 'undefined') {
-      try {
-        var ua = parser(navigator.userAgent)
-        if (ua.browser.name === 'WebKit') {
-          return 'ios_webview'
-        }
-      } catch (err) {
-        console.error(err)
-      }
-    }
-  }
-
-  // Check Android webview
-  if (typeof Android !== 'undefined') {
-    return 'android_webview'
-  }
-
-  // Check CEF webview
-  if (typeof window.cefQuery !== 'undefined') {
-    return 'cef_webview'
-  }
-
-  return 'browser'
-}
-
-export function isIosWebview() {
-  return webviewCheck() === 'ios_webview'
-}
-
-export function isAndroidWebview() {
-  return webviewCheck() === 'android_webview'
-}
-
-export function isCefWebview() {
-  return webviewCheck() === 'cef_webview'
-}
-
-export function isWebview() {
-  const check = webviewCheck()
-  return check !== 'browser'
-}
-
-export function isInIframe() {
-  try {
-    return window.self !== window.top
-  } catch (e) {
-    return true
-  }
-}

package/src/styles/scrollbar.css

@@ -1,17 +0,0 @@
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #c1c1c1;
-  border-radius: 0;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #a8a8a8;
-}

package/src/vue2/components/BaseTeleport.vue

@@ -1,16 +0,0 @@
-<template>
-  <portal :to="to">
-    <slot />
-  </portal>
-</template>
-
-<script>
-export default {
-  props: {
-    to: {
-      type: String,
-      default: 'body',
-    },
-  },
-}
-</script>

package/src/vue2/components/Dialog.vue

@@ -1,106 +0,0 @@
-<template>
-  <component
-    :is="dialogComponent"
-    v-model="isOpen"
-    :title="title"
-    :subtitle="subtitle"
-    :z-index="zIndex"
-    :close-text="closeText"
-    :close-on-esc="closeOnEsc"
-    :has-buttons="!!$slots.buttons"
-    @close="$emit('close')"
-    @save="$emit('save')"
-  >
-    <slot></slot>
-    <template v-if="$slots.buttons" #buttons>
-      <slot name="buttons"></slot>
-    </template>
-  </component>
-</template>
-
-<script>
-import DialogModal from './DialogModal.vue'
-import DialogNext from './DialogNext.vue'
-
-export default {
-  name: 'Dialog',
-  components: {
-    DialogModal,
-    DialogNext
-  },
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    subtitle: {
-      type: String,
-      default: ''
-    },
-    zIndex: {
-      type: [Number, String],
-      default: null
-    },
-    closeText: {
-      type: String,
-      default: ''
-    },
-    closeOnEsc: {
-      type: Boolean,
-      default: true
-    },
-    // Force specific mode (overrides URL parameter)
-    mode: {
-      type: String,
-      default: null, // 'next' | 'classic' | null (auto-detect)
-      validator: (value) => [null, 'next', 'classic'].includes(value)
-    }
-  },
-  data() {
-    return {
-      rocketMode: true // default to DialogNext
-    }
-  },
-  computed: {
-    isOpen: {
-      get() {
-        return this.modelValue
-      },
-      set(value) {
-        this.$emit('update:modelValue', value)
-      }
-    },
-    dialogComponent() {
-      // If mode is explicitly set, use it
-      if (this.mode === 'next') {
-        return DialogNext
-      }
-      if (this.mode === 'classic') {
-        return DialogModal
-      }
-
-      // Auto-detect based on URL parameter
-      return this.rocketMode ? DialogNext : DialogModal
-    }
-  },
-  mounted() {
-    try {
-      const urlParams = new URLSearchParams(window.location.search)
-      const rocketParam = urlParams.get('rocketMode')
-
-      if (rocketParam === 'false') {
-        this.rocketMode = false
-      } else {
-        // true or not specified = DialogNext
-        this.rocketMode = true
-      }
-    } catch {
-      this.rocketMode = true
-    }
-  }
-}
-</script>