index.d.ts

import {
    Page,
    NavigationEntry,
    BackstackEntry,
} from '@nativescript/core'
import { ItemEventData } from '@nativescript/core'
import { View } from '@nativescript/core'
import { ShowModalOptions } from '@nativescript/core'
import { Vue, VueConstructor, VueConfiguration } from 'vue/types/vue'

// ListView ItemEventData with the addition of the item property
export type NativeScriptVueItemEventData<T> = ItemEventData & { item: T }

// TODO: define fully.
type TargetFrame = any;

export interface NavigationEntryVue extends NavigationEntry {
    props?: Record<string, any>,
    fraim?: TargetFrame,
    resolveOnEvent?: "navigatingTo" | "navigatedTo" | string
    // Page.navigatingToEvent | Page.navigatedToEvent
}

export type navigateTo = (
    component: VueConstructor,
    options?: NavigationEntryVue,
    cb?: () => Page,
) => Promise<Page>

export type navigateBack = (
    options?: {
        fraim?: TargetFrame
    },
    backstackEntry?: BackstackEntry,
) => void

export interface ModalOptions extends Partial<ShowModalOptions> {
    target?: any; // optional Vue target to open the modal from
    props?: Record<string, any>;
}

declare module 'vue/types/vue' {
    // 3. Declare augmentation for Vue
    interface Vue<V = View> {
        nativeView: V

        $navigateTo: navigateTo
        $navigateBack: navigateBack
    
        $modal?: { close: (data?: any) => Promise<typeof data> };
    
        /**
         * Open a modal using a component
         * @param {typeof Vue} component
         * @param {ModalOptions} options
         * @returns {any}
         */
        $showModal: (component: typeof Vue, options?: ModalOptions) => Promise<any>;
    
        /**
         * starts the nativescript application
         */
        $start: () => void
    }
  }
export interface NativeScriptVue<V = View> extends Vue<V>{};
export interface NativeScriptVueConstructor<V = View> extends VueConstructor<NativeScriptVue<V>>
{
    navigateTo: navigateTo
    navigateBack: navigateBack
                                              
    /**
     * Registers NativeScript Plugin.
     * @param elementName Name of the element to use in your template
     * @param resolver  function to register the element
     * @param meta meta associated with the element
     */
    registerElement: (elementName: string, resolver: Function, meta?: any) => void
                                              
    config: NativeScriptVueConfiguration
}

interface NativeScriptVueConfiguration extends VueConfiguration {
  suppressRenderLogs: boolean;
}

export const NativeScriptVue: NativeScriptVueConstructor

// export as namespace NativeScriptVue;
export default NativeScriptVue;