@nativescript/vite 0.0.1-alpha.7 → 0.0.2

package/dist/hmr/client-vue.d.ts

@@ -1,6 +0,0 @@
-export declare function initHmrClient(opts?: {
-    wsUrl?: string;
-}): void;
-export default function startViteHMR(opts?: {
-    wsUrl?: string;
-}): void;

package/dist/hmr/client-vue.js

@@ -1,585 +0,0 @@
-import { knownFolders, File, Page, Application, Label, Folder, Frame, } from "@nativescript/core";
-import { NSVRoot, createVNode, createApp, resolveComponent, createBlock, createTextVNode, createElementVNode, createElementBlock, ref, computed, onMounted, onUnmounted, $navigateTo, $navigateBack, } from "nativescript-vue";
-// Import the core Vue functions for the ones not wrapped
-import { openBlock, withCtx, renderList, renderSlot, toDisplayString, createCommentVNode, Fragment, unref } from "@vue/runtime-core";
-// Wire in standard Vite 'update' handling (CSS etc.)
-import { handleCssUpdates } from "./css-handler";
-// Simple, robust HMR client for NativeScript + Vue 3.
-// Single-path behavior: always rebuild a fresh Page with the updated component and
-// replace the current root using appRoot.resetRoot. No Vue runtime HMR reload/rerender.
-const VERBOSE = !!globalThis.__NS_ENV_VERBOSE__;
-const DEDUP_WINDOW_MS = 250;
-let hmrSocket = null;
-let hmrWsUrl = undefined;
-const recentHmr = new Map();
-let httpOriginForVite;
-function deriveHttpOrigin(wsUrl) {
-    try {
-        const url = new URL(wsUrl || "ws://10.0.2.2:5173/ns-hmr");
-        const http = url.protocol === "wss:" ? "https:" : "http:";
-        return `${http}//${url.host}`;
-    }
-    catch {
-        return "http://10.0.2.2:5173";
-    }
-}
-function connectHmr() {
-    if (hmrSocket?.readyState === WebSocket.OPEN)
-        return;
-    if (hmrSocket?.readyState === WebSocket.CONNECTING) {
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Already connecting to HMR WebSocket, skipping");
-        return;
-    }
-    try {
-        const wsUrl = hmrWsUrl || "ws://10.0.2.2:5173/ns-hmr";
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Connecting to HMR WebSocket:", wsUrl);
-        hmrSocket = new WebSocket(wsUrl);
-        hmrSocket.onopen = () => VERBOSE && console.log("[hmr-client-vue] Connected to HMR WebSocket");
-        hmrSocket.onmessage = handleHmrMessage;
-        hmrSocket.onerror = (error) => console.warn("[hmr-client-vue] WebSocket error:", error);
-        hmrSocket.onclose = () => {
-            if (VERBOSE)
-                console.log("[hmr-client-vue] WebSocket closed, will reconnect...");
-            setTimeout(connectHmr, 1000);
-        };
-        httpOriginForVite = deriveHttpOrigin(wsUrl);
-    }
-    catch (e) {
-        console.warn("[hmr-client-vue] Failed to connect WebSocket:", e?.message);
-        setTimeout(connectHmr, 2000);
-    }
-}
-async function handleHmrMessage(ev) {
-    let msg;
-    try {
-        msg = JSON.parse(ev.data);
-    }
-    catch {
-        return;
-    }
-    if (VERBOSE)
-        console.log("[hmr-client-vue] msg", msg);
-    // Single-socket CSS updates from plugin
-    if (msg.type === "ns:css-updates" && Array.isArray(msg.updates)) {
-        try {
-            const origin = msg.origin || httpOriginForVite || deriveHttpOrigin(hmrWsUrl);
-            await handleCssUpdates(msg.updates, origin);
-        }
-        catch (e) {
-            console.warn("[hmr-client-vue] CSS updates handling failed:", e);
-        }
-        return;
-    }
-    // Handle SFC registry bootstrap
-    if (msg.type === "ns:vue-sfc-registry") {
-        try {
-            await installSfcRegistry(msg.entries || []);
-        }
-        catch (e) {
-            console.warn("[hmr-client-vue] Failed installing SFC registry:", e);
-        }
-        return;
-    }
-    // Handle individual SFC registry updates
-    if (msg.type === "ns:vue-sfc-registry-update") {
-        try {
-            await updateSfcModule(msg.fileName, msg.code);
-        }
-        catch (e) {
-            console.warn("[hmr-client-vue] Failed updating SFC module:", e);
-        }
-        return;
-    }
-    if (msg.type !== "ns:vue-dynamic-module") {
-        if (VERBOSE)
-            console.log(`[hmr-client-vue] Ignoring message type: ${msg.type}`);
-        return;
-    }
-    const key = msg.moduleId || msg.hmrId || msg.id || JSON.stringify(msg);
-    const now = Date.now();
-    const last = recentHmr.get(key) || 0;
-    if (now - last < DEDUP_WINDOW_MS) {
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Skipping duplicate dynamic-module within window:", key);
-        return;
-    }
-    recentHmr.set(key, now);
-    handleDynamicModule(msg);
-}
-async function handleDynamicModule(msg) {
-    try {
-        let moduleContent = msg.moduleCode;
-        if (!moduleContent) {
-            console.warn("[hmr-client-vue] No moduleCode in dynamic module message");
-            return;
-        }
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Using moduleCode from message", {
-                id: msg.id,
-                hmrId: msg.hmrId,
-                moduleId: msg.moduleId,
-                bytes: moduleContent.length,
-            });
-        const newComponent = await importModuleFromContent(moduleContent, msg);
-        if (!newComponent) {
-            console.warn("[hmr-client-vue] Failed to load new component");
-            return;
-        }
-        // Component debug: full keys and selected internals
-        try {
-            const describe = (c) => ({
-                typeof: typeof c,
-                keys: Object.keys(c || {}),
-                __name: c?.__name,
-                __file: c?.__file,
-                __hmrId: c?.__hmrId,
-                hasRender: !!c?.render,
-                hasSetup: !!c?.setup,
-                isFunction: typeof c === "function",
-            });
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Got new component (describe):", describe(newComponent));
-        }
-        catch { }
-        // Single-path HMR: always replace current root with a pre-mounted Page
-        await performResetRoot(newComponent);
-        return;
-    }
-    catch (error) {
-        console.error("[hmr-client-vue] Failed to handle dynamic module:", error);
-    }
-}
-async function importModuleFromContent(content, msg) {
-    try {
-        // CRITICAL: Set up proper Vue runtime functions globally BEFORE importing the component
-        // The generated component relies on these being available as globals
-        // Define global references to required Vue functions for HMR chunks
-        globalThis._resolveComponent = resolveComponent;
-        globalThis._openBlock = openBlock;
-        globalThis._createBlock = createBlock;
-        globalThis._withCtx = withCtx;
-        globalThis._createVNode = createVNode;
-        globalThis._createTextVNode = createTextVNode;
-        globalThis._createElementVNode = createElementVNode || createVNode;
-        globalThis._createElementBlock = createElementBlock || createBlock;
-        // Additional helpers (underscore + plain) used by compiled templates
-        globalThis._renderList = globalThis._renderList || renderList;
-        globalThis._renderSlot = globalThis._renderSlot || renderSlot;
-        globalThis._toDisplayString = globalThis._toDisplayString || toDisplayString;
-        globalThis._createCommentVNode = globalThis._createCommentVNode || createCommentVNode;
-        globalThis._Fragment = globalThis._Fragment || Fragment;
-        globalThis.renderList = globalThis.renderList || renderList;
-        globalThis.renderSlot = globalThis.renderSlot || renderSlot;
-        globalThis.toDisplayString = globalThis.toDisplayString || toDisplayString;
-        globalThis.createCommentVNode = globalThis.createCommentVNode || createCommentVNode;
-        globalThis.Fragment = globalThis.Fragment || Fragment;
-        // Provide normalizeClass/normalizeStyle fallbacks (no-ops if not present)
-        if (!globalThis.normalizeClass) {
-            globalThis.normalizeClass = (v) => v;
-        }
-        if (!globalThis.normalizeStyle) {
-            globalThis.normalizeStyle = (v) => v;
-        }
-        // Provide unref using ref utilities if not already available (avoid direct import to limit surface)
-        if (!globalThis.unref) {
-            globalThis.unref = unref || ((r) => (r && typeof r === 'object' && 'value' in r ? r.value : r));
-        }
-        // Set up Vue reactivity functions - CRITICAL for reactive bindings
-        globalThis.ref = ref;
-        globalThis.computed = computed;
-        globalThis.onMounted = onMounted;
-        globalThis.onUnmounted = onUnmounted;
-        // Add navigation functions
-        globalThis.$navigateTo = $navigateTo;
-        // Wrap $navigateBack to gracefully handle missing Frame after HMR reset
-        if (!globalThis.__NS_HMR_BACK_WRAPPED__) {
-            const originalBack = $navigateBack;
-            globalThis.__NS_HMR_BACK_WRAPPED__ = true;
-            globalThis.$navigateBack = (...args) => {
-                try {
-                    const top = Frame.topmost?.();
-                    if (top && top.canGoBack?.()) {
-                        return originalBack(...args);
-                    }
-                }
-                catch (e) {
-                    // fall through to fallback
-                }
-                // Fallback: reset to original root component if available
-                const orig = globalThis.__NS_HMR_ORIG_ROOT_COMPONENT__;
-                if (orig) {
-                    try {
-                        const app = createApp(orig);
-                        const root = new NSVRoot();
-                        const vm = app.mount(root);
-                        Application.resetRootView({ create: () => vm.$el.nativeView });
-                        return;
-                    }
-                    catch (e) {
-                        console.warn("[hmr-client-vue] Fallback back nav failed:", e);
-                    }
-                }
-                console.warn("[hmr-client-vue] No usable Frame and no original root component available; cannot navigate back.");
-            };
-        }
-        // Also set the non-underscore versions
-        globalThis.resolveComponent = resolveComponent;
-        globalThis.openBlock = openBlock;
-        globalThis.createBlock = createBlock;
-        globalThis.withCtx = withCtx;
-        globalThis.createVNode = createVNode;
-        globalThis.createTextVNode = createTextVNode;
-        // Set up component registry for HMR resolution
-        // if (!globalThis.__NS_BUNDLE_COMPONENTS__) {
-        //   globalThis.__NS_BUNDLE_COMPONENTS__ = {};
-        //   // Try to extract components from the existing Vue app context
-        //   const existingApp = (globalThis as any).__NS_VUE_APP__;
-        //   if (existingApp?._context?.components) {
-        //     console.log("[hmr-client-vue] Registering existing app components for HMR resolution");
-        //     Object.assign(globalThis.__NS_BUNDLE_COMPONENTS__, existingApp._context.components);
-        //     console.log("[hmr-client-vue] Registered components:", Object.keys(existingApp._context.components));
-        //   }
-        // }
-        // First clean out any older HMR chunks to avoid filesystem clutter
-        await removeHmrChunks();
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Set up real Vue runtime and reactivity functions globally");
-        const fileName = `hmr-${msg.id}-${Date.now()}.mjs`;
-        if (VERBOSE)
-            console.log("[hmr-client-vue] writing embedded-runtime module to filesystem for native import");
-        const filePath = await writeDocumentsFile(fileName, content);
-        if (VERBOSE)
-            console.log("[hmr-client-vue] importing dynamic module from:", filePath);
-        const moduleExports = await import(filePath);
-        return moduleExports.default || moduleExports;
-    }
-    catch (error) {
-        console.error("[hmr-client-vue] Failed to import module:", error);
-        return null;
-    }
-}
-async function removeHmrChunks() {
-    const docs = knownFolders.documents();
-    const entities = await docs.getEntities();
-    const regex = /^hmr-.*\.mjs$/;
-    const matches = [];
-    for (const e of entities) {
-        // keep it robust across bundlers:
-        const isFile = e.remove !== undefined && !e.getEntities;
-        if (isFile && regex.test(e.name)) {
-            matches.push(e);
-        }
-    }
-    // delete in parallel
-    await Promise.all(matches.map((f) => f.remove()));
-    return matches.map((f) => f.name);
-}
-async function removeSfcRegistryFiles() {
-    const docs = knownFolders.documents();
-    const entities = await docs.getEntities();
-    const regex = /^sfc-.*\.mjs$/;
-    const matches = [];
-    for (const e of entities) {
-        const isFile = e.remove !== undefined && !e.getEntities;
-        if (isFile && regex.test(e.name)) {
-            matches.push(e);
-        }
-    }
-    await Promise.all(matches.map((f) => f.remove()));
-    return matches.length;
-}
-async function writeDocumentsFile(fileName, content) {
-    const docs = knownFolders.documents();
-    const filePath = docs.path + "/" + fileName;
-    const file = File.fromPath(filePath);
-    await file.writeText(content);
-    return filePath;
-}
-async function installSfcRegistry(entries) {
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Installing SFC registry with", entries?.length || 0, "entries");
-    try {
-        const removed = await removeSfcRegistryFiles();
-        if (removed) {
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Removed", removed, "existing SFC files");
-        }
-    }
-    catch (e) {
-        console.warn("[hmr-client-vue] Could not clean SFC files:", e);
-    }
-    if (!entries || !entries.length)
-        return;
-    const writes = entries.map(async (e) => {
-        try {
-            const p = await writeDocumentsFile(e.fileName, e.code);
-            return p;
-        }
-        catch (err) {
-            console.warn("[hmr-client-vue] Failed writing SFC file", e.fileName, err);
-            return null;
-        }
-    });
-    const results = await Promise.all(writes);
-    const ok = results.filter(Boolean).length;
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Wrote", ok, "SFC files");
-}
-async function updateSfcModule(fileName, code) {
-    if (!fileName || typeof code !== "string")
-        return;
-    try {
-        const p = await writeDocumentsFile(fileName, code);
-        if (VERBOSE)
-            console.log("[hmr-client-vue] Updated SFC module:", fileName, "->", p);
-    }
-    catch (e) {
-        console.warn("[hmr-client-vue] Failed to update SFC module", fileName, e);
-    }
-}
-async function performResetRoot(newComponent) {
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Single-path: replace current root Page");
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Component details:", {
-            componentName: newComponent.__name,
-            componentFile: newComponent.__file,
-            hasRender: !!newComponent.render,
-            hasSetup: !!newComponent.setup,
-            componentKeys: Object.keys(newComponent),
-        });
-    function mountRoot() {
-        try {
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Starting mountRoot process...");
-            // First, let's test the component functions directly
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Component analysis:", {
-                    hasSetup: !!newComponent.setup,
-                    hasRender: !!newComponent.render,
-                    setupType: typeof newComponent.setup,
-                    renderType: typeof newComponent.render,
-                    componentName: newComponent.__name,
-                    hmrId: newComponent.__hmrId,
-                });
-            // Skip direct setup function testing to avoid lifecycle warnings
-            // The setup function will be called properly by Vue during mounting
-            // Check if we have an existing Vue app instance we can reuse
-            const existingApp = globalThis.__NS_VUE_APP__;
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Existing app context:", {
-                    hasApp: !!existingApp,
-                    appKeys: existingApp ? Object.keys(existingApp) : [],
-                    contextComponents: existingApp?._context?.components
-                        ? Object.keys(existingApp._context.components)
-                        : [],
-                });
-            if (existingApp) {
-                // Capture original root component once for back-navigation fallback
-                try {
-                    if (!globalThis.__NS_HMR_ORIG_ROOT_COMPONENT__) {
-                        const orig = existingApp._component;
-                        if (orig) {
-                            globalThis.__NS_HMR_ORIG_ROOT_COMPONENT__ = orig;
-                            if (VERBOSE)
-                                console.log("[hmr-client-vue] Saved original root component for back fallback");
-                        }
-                    }
-                }
-                catch { }
-                if (VERBOSE)
-                    console.log("[hmr-client-vue] Attempting to reuse existing app context...");
-                try {
-                    // Create a new root container
-                    const newRoot = new NSVRoot();
-                    // Try to mount the new component using the existing app context
-                    // But first, we need to create a new app with the updated component
-                    const newApp = createApp(newComponent);
-                    // Copy the existing app's context (components, plugins, etc.)
-                    if (existingApp._context) {
-                        // Copy global properties and components from the existing app
-                        Object.assign(newApp._context.components, existingApp._context.components);
-                        Object.assign(newApp._context.config.globalProperties, existingApp._context.config.globalProperties);
-                        if (VERBOSE)
-                            console.log("[hmr-client-vue] Copied existing app context");
-                    }
-                    // Mount the component
-                    const vm = newApp.mount(newRoot);
-                    if (VERBOSE)
-                        console.log("[hmr-client-vue] Mounted with existing context. Result:", {
-                            hasEl: !!vm.$el,
-                            elType: vm.$el?.constructor?.name,
-                            hasNativeView: !!vm.$el?.nativeView,
-                            nativeViewType: vm.$el?.nativeView?.constructor?.name,
-                        });
-                    if (vm.$el?.nativeView) {
-                        return ensureFrameForNativeView(vm.$el.nativeView);
-                    }
-                    // Fall through to alternative approaches
-                    if (VERBOSE)
-                        console.log("[hmr-client-vue] Existing context approach didn't work, trying alternative...");
-                }
-                catch (contextError) {
-                    console.error("[hmr-client-vue] Error using existing context:", contextError);
-                }
-            }
-            // Alternative approach: Direct component instantiation
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Trying direct component instantiation...");
-            try {
-                // Create fresh app using imported functions
-                const app = createApp(newComponent);
-                // Mount to a new root
-                const root = new NSVRoot();
-                const vm = app.mount(root);
-                if (VERBOSE)
-                    console.log("[hmr-client-vue] Direct mount result:", {
-                        hasEl: !!vm.$el,
-                        elType: vm.$el?.constructor?.name,
-                        hasNativeView: !!vm.$el?.nativeView,
-                        nativeViewType: vm.$el?.nativeView?.constructor?.name,
-                        elChildren: vm.$el?.childNodes?.length || 0,
-                    });
-                // Try to find any valid nativeView in the component tree
-                const findNativeView = (element) => {
-                    if (element?.nativeView) {
-                        return element.nativeView;
-                    }
-                    const children = element?.childNodes || element?.children || [];
-                    for (const child of children) {
-                        const result = findNativeView(child);
-                        if (result)
-                            return result;
-                    }
-                    return null;
-                };
-                const nativeView = findNativeView(vm.$el);
-                if (nativeView) {
-                    if (VERBOSE)
-                        console.log("[hmr-client-vue] Found nativeView in tree:", nativeView.constructor.name);
-                    return ensureFrameForNativeView(nativeView);
-                }
-            }
-            catch (directError) {
-                console.error("[hmr-client-vue] Direct instantiation failed:", directError);
-            }
-            // Now try Vue rendering with proper runtime functions
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Attempting Vue component rendering with real runtime...");
-            try {
-                // Create a fresh Vue app with the component
-                const app = createApp(newComponent);
-                // Mount to NSVRoot
-                const root = new NSVRoot();
-                const vm = app.mount(root);
-                if (VERBOSE)
-                    console.log("[hmr-client-vue] Vue mount result with real runtime:", {
-                        hasEl: !!vm.$el,
-                        elType: vm.$el?.constructor?.name,
-                        hasNativeView: !!vm.$el?.nativeView,
-                        nativeViewType: vm.$el?.nativeView?.constructor?.name,
-                        elChildren: vm.$el?.childNodes?.length || 0,
-                    });
-                // Search for the actual NativeScript view in the component tree
-                const findNativeView = (element) => {
-                    // Check if this element has a nativeView
-                    if (element?.nativeView) {
-                        if (VERBOSE)
-                            console.log("[hmr-client-vue] Found nativeView:", element.nativeView.constructor.name);
-                        return element.nativeView;
-                    }
-                    // Search children recursively
-                    const children = element?.childNodes || element?.children || [];
-                    for (const child of children) {
-                        const result = findNativeView(child);
-                        if (result)
-                            return result;
-                    }
-                    return null;
-                };
-                const nativeView = findNativeView(vm.$el);
-                if (nativeView) {
-                    if (VERBOSE)
-                        console.log("[hmr-client-vue] SUCCESS! Found Vue-rendered NativeScript view:", nativeView.constructor.name);
-                    return ensureFrameForNativeView(nativeView);
-                }
-                // If still no luck, let's examine the root element more carefully
-                if (VERBOSE)
-                    console.log("[hmr-client-vue] No nativeView found, examining root element structure...");
-                if (VERBOSE)
-                    console.log("[hmr-client-vue] Root element details:", {
-                        nodeName: vm.$el?.nodeName,
-                        tagName: vm.$el?.tagName,
-                        nodeType: vm.$el?.nodeType,
-                        textContent: vm.$el?.textContent?.substring(0, 50),
-                        innerHTML: vm.$el?.innerHTML?.substring(0, 100),
-                    });
-                throw new Error("Vue mounting succeeded but no NativeScript view found");
-            }
-            catch (vueRenderError) {
-                console.error("[hmr-client-vue] Vue component rendering failed:", vueRenderError);
-                // Final fallback
-                console.warn("[hmr-client-vue] Using simple fallback page");
-                const fallbackPage = new Page();
-                const fallbackLabel = new Label();
-                fallbackLabel.text = "HMR Update Failed - Please restart app";
-                fallbackPage.content = fallbackLabel;
-                return ensureFrameForNativeView(fallbackPage);
-            }
-        }
-        catch (error) {
-            console.error("[hmr-client-vue] Error in mountRoot:", error);
-            console.error("[hmr-client-vue] Stack trace:", error.stack);
-            throw error;
-        }
-    }
-    Application.resetRootView({
-        create: mountRoot,
-    });
-}
-// If the provided nativeView is a Page and there is no current Frame,
-// create a temporary Frame to host it so $navigateBack has a Frame context.
-function ensureFrameForNativeView(nativeView) {
-    try {
-        // If a Frame already exists, just return the view
-        const top = Frame.topmost?.();
-        if (top)
-            return nativeView;
-    }
-    catch { }
-    // No Frame present. If the view is a Page, create a Frame to host it.
-    try {
-        if (nativeView?.constructor?.name === "Page" || nativeView instanceof Page) {
-            const frame = new Frame();
-            frame.navigate({
-                create: () => nativeView,
-                animated: false,
-                clearHistory: false,
-            });
-            if (VERBOSE)
-                console.log("[hmr-client-vue] Wrapped Page in a temporary Frame for HMR");
-            return frame;
-        }
-    }
-    catch (e) {
-        console.warn("[hmr-client-vue] Failed to wrap Page in Frame:", e);
-    }
-    return nativeView;
-}
-export function initHmrClient(opts) {
-    if (opts?.wsUrl) {
-        hmrWsUrl = opts.wsUrl;
-    }
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Initializing Vue HMR client", hmrWsUrl ? `(ws: ${hmrWsUrl})` : "");
-    connectHmr();
-}
-export default function startViteHMR(opts) {
-    if (VERBOSE)
-        console.log("[hmr-client-vue] Starting HMR client", opts);
-    initHmrClient(opts);
-}
-// Auto-initialization removed to prevent duplicate connections
-// HMR client is now only initialized via explicit startViteHMR() call from main entry

package/dist/hmr/component-tracker.d.ts

@@ -1,23 +0,0 @@
-interface ComponentTracker {
-    registerComponent(id: string, instance: any): void;
-    unregisterComponent(id: string, instance: any): void;
-    getInstances(id: string): any[];
-    getAllInstances(): Map<string, any[]>;
-    findInstancesByFile(file: string): any[];
-}
-declare class NativeScriptVueComponentTracker implements ComponentTracker {
-    private instanceMap;
-    private fileToIdMap;
-    registerComponent(id: string, instance: any): void;
-    unregisterComponent(id: string, instance: any): void;
-    getInstances(id: string): any[];
-    getAllInstances(): Map<string, any[]>;
-    findInstancesByFile(file: string): any[];
-    private extractFileFromInstance;
-    private normalizeFilePath;
-    private filesMatch;
-}
-declare const componentTracker: NativeScriptVueComponentTracker;
-export declare function setupComponentTracking(): void;
-export { componentTracker };
-export default componentTracker;