@nativescript/vite 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/helpers/ns-cli-plugins.d.ts

@@ -1,19 +1,9 @@
-export declare function hmrPlugin(targetMode: string): {
-    name: string;
-    buildStart(): void;
-    watchChange(id: any, { event }: {
-        event: any;
-    }): void;
-    handleHotUpdate({ file, server, timestamp }: {
-        file: any;
-        server: any;
-        timestamp: any;
-    }): any[];
-};
-export declare function cliPlugin(targetMode: string, cliFlags: any): {
+export declare function cliPlugin(distOutputFolder: string, isDevMode: boolean, verboseLogs: boolean, hmrActive: boolean): {
     name: string;
+    apply: string;
     enforce: "post";
     configResolved(config: any): void;
-    buildStart(): void;
+    generateBundle(options: any, bundle: any): void;
+    writeBundle(options: any, bundle: any): void;
     closeBundle(): void;
 };

package/dist/helpers/ns-cli-plugins.js

@@ -1,133 +1,156 @@
 import path from "path";
-import { readdirSync, statSync } from "fs";
-// NativeScript HMR integration - track changes for incremental builds
-// Track changed files globally for HMR
-let changedFilesTracker = new Set();
+import { readdirSync, statSync, existsSync, mkdirSync } from "fs";
 let isInitialBuild = true;
-export function hmrPlugin(targetMode) {
-    return {
-        name: "nativescript-hmr",
-        buildStart() {
-            if (targetMode === "development") {
-                console.log("🔥 Vite: Build started");
-                // Don't clear changedFilesTracker here - we need it for writeBundle
-                // We'll clear it in writeBundle after using it
-            }
-        },
-        // Use watchChange hook to track file changes in build mode
-        watchChange(id, { event }) {
-            if (targetMode === "development") {
-                const relativePath = path.relative(process.cwd(), id);
-                // Only track changes in src directory and config files
-                const shouldTrack = relativePath.startsWith("src/");
-                if (!shouldTrack) {
-                    return; // Ignore changes to build outputs, platforms, node_modules, etc.
-                }
-                console.log(`🔥 File ${event}:`, relativePath);
-                // Track the changed file
-                changedFilesTracker.add(relativePath);
-                // Log the type of change for debugging
-                if (id.endsWith(".css") || id.endsWith(".scss")) {
-                    console.log("🔥 CSS file change detected");
-                }
-                else if (id.endsWith(".html")) {
-                    console.log("🔥 HTML template change detected");
-                }
-                else if (id.endsWith(".ts") && !id.endsWith(".d.ts")) {
-                    console.log("🔥 TypeScript file change detected");
-                }
-            }
-        },
-        // Keep handleHotUpdate for completeness, but it won't fire in build mode
-        handleHotUpdate({ file, server, timestamp }) {
-            if (targetMode === "development") {
-                const relativePath = path.relative(process.cwd(), file);
-                // Only handle HMR for src directory and config files
-                const shouldHandle = relativePath.startsWith("src/");
-                if (!shouldHandle) {
-                    return []; // Ignore HMR for build outputs, platforms, node_modules, etc.
-                }
-                console.log("🔥 HMR update detected for:", relativePath);
-                console.log("🔥 Note: This only fires in dev server mode, not build mode");
-                return;
-            }
-        },
-    };
-}
-// NativeScript CLI integration - including IPC communication for HMR
-export function cliPlugin(targetMode, cliFlags) {
+// NativeScript CLI integration for live reloads, non-HMR rebuilds
+export function cliPlugin(distOutputFolder, isDevMode, verboseLogs, hmrActive) {
+    // Capture emitted files directly from Rollup hooks to avoid relying on FS state
+    const lastBundleFiles = new Set();
+    let lastOutDir;
+    // This plugin should not trigger NativeScript CLI rebuild/refresh cycles when HMR is active
     return {
         name: "nativescript-cli-integration",
+        apply: "build",
         // Ensure we run after other plugins (like vite-plugin-static-copy)
         enforce: "post",
         // Resolve build outDir so we can read final outputs after all plugins finish
         configResolved(config) {
-            // no-op, but we keep reference on the closure via getOutDir
-            getOutDir = () => path.resolve(config.root ?? process.cwd(), config.build?.outDir ?? "dist");
+            // Under HMR, when not initial build; skip - HMR client handles everything
+            if (hmrActive && !isInitialBuild)
+                return;
+        },
+        // buildStart() {
+        //   if (hmrActive && !isInitialBuild) {
+        //     if (debug) {
+        //       console.log(
+        //         "🔥 [cliPlugin] HMR active — suppressing CLI IPC + rebuild triggers",
+        //       );
+        //     }
+        //     return;
+        //   }
+        //   if (isDevMode) {
+        //     console.log("🔥 Vite: Build started");
+        //   }
+        // },
+        // Use Rollup hook to record emitted file names (relative to output dir)
+        generateBundle(options, bundle) {
+            // Under HMR, still capture files on initial build
+            if (hmrActive && !isInitialBuild)
+                return;
+            try {
+                const keys = Object.keys(bundle);
+                for (const k of keys)
+                    lastBundleFiles.add(k);
+                // Remember outDir/file from Rollup options if provided
+                lastOutDir =
+                    options.dir ||
+                        (options.file && path.dirname(options.file)) ||
+                        undefined;
+                if (verboseLogs) {
+                    console.log(`[cliPlugin] generateBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
+                    if (keys.length) {
+                        console.log("[cliPlugin] bundle keys:", keys);
+                    }
+                }
+            }
+            catch {
+                // noop
+            }
         },
-        buildStart() {
-            if (targetMode === "development") {
-                console.log("🔥 Vite: Build started");
+        // called only when writing to disk
+        writeBundle(options, bundle) {
+            // Under HMR, still capture files on initial build
+            if (hmrActive && !isInitialBuild)
+                return;
+            try {
+                const keys = Object.keys(bundle);
+                for (const k of keys)
+                    lastBundleFiles.add(k);
+                lastOutDir =
+                    options.dir ||
+                        (options.file && path.dirname(options.file)) ||
+                        lastOutDir;
+                if (verboseLogs) {
+                    console.log(`[cliPlugin] writeBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
+                }
+            }
+            catch {
+                // noop
             }
         },
         // Defer CLI notification until after all plugins (including static copy) are done.
         closeBundle() {
-            if (targetMode !== "development")
+            if (hmrActive && !isInitialBuild) {
+                // Reset trackers to avoid leaking state between builds even if no-op
+                lastBundleFiles.clear();
+                lastOutDir = undefined;
+                return;
+            }
+            if (!isDevMode)
                 return;
             const buildType = isInitialBuild ? "initial" : "incremental";
-            console.log(`🔥 NativeScript: ${buildType} build completed`);
-            // After static copy has finished, read actual dist contents
-            const distDir = getOutDir();
-            const emittedFiles = listFilesFlat(distDir);
-            // Determine what changed
-            const changedFilesList = Array.from(changedFilesTracker);
-            const hasHTMLChanges = changedFilesList.some((f) => f.endsWith(".html"));
-            const hasCSSChanges = changedFilesList.some((f) => f.endsWith(".css") || f.endsWith(".scss"));
-            const hasComponentChanges = changedFilesList.some((f) => f.includes(".component."));
-            const canUseHMR = !isInitialBuild &&
-                changedFilesList.length > 0 &&
-                (hasHTMLChanges || hasCSSChanges || hasComponentChanges);
-            const isHMR = canUseHMR && cliFlags.hmr;
-            if (changedFilesList.length > 0) {
-                console.log("🔥 Changed files triggered rebuild:", changedFilesList);
-                console.log("🔥 Can use HMR:", canUseHMR);
+            if (verboseLogs) {
+                console.log(`NativeScript: ${buildType} build completed.`);
             }
-            if (changedFilesList.some((f) => f.endsWith(".ts"))) {
-                console.log("🔥 TypeScript changes detected - full rebuild required");
+            // Determine outDir and ensure it exists in dev for a clean start
+            const distDir = lastOutDir || distOutputFolder;
+            if (!existsSync(distDir)) {
+                try {
+                    mkdirSync(distDir, { recursive: true });
+                }
+                catch {
+                    // ignore; listing will just return []
+                }
             }
-            if (hasCSSChanges) {
-                console.log("🔥 CSS changes detected - could be optimized for HMR in future");
+            // Prefer Rollup-reported bundle files; fall back to FS scan
+            const emittedFiles = lastBundleFiles.size
+                ? Array.from(lastBundleFiles)
+                : listFilesFlat(distDir);
+            if (verboseLogs) {
+                console.log(`[cliPlugin] closeBundle: distDir=${distDir}, captured=${lastBundleFiles.size}, fsScan=${emittedFiles.length}`);
             }
-            if (hasHTMLChanges) {
-                console.log("🔥 HTML template changes detected - using HMR");
+            if (verboseLogs) {
+                console.log(`Emitted ${emittedFiles.length} files in ${buildType} build.`);
             }
-            console.log(`🔥 Emitted ${emittedFiles.length} files in ${buildType} build`);
             if (process.send) {
-                const message = {
-                    emittedFiles,
-                    chunkFiles: emittedFiles.filter((f) => f.includes("chunk") || f.includes("vendor")),
-                    hash: Date.now().toString(),
-                    isHMR: isHMR && !isInitialBuild,
-                    changedFiles: changedFilesList,
-                    buildType,
-                    timestamp: Date.now(),
+                const sendMessage = (files) => {
+                    const message = {
+                        emittedFiles: files,
+                        chunkFiles: files.filter((f) => f.includes("chunk") || f.includes("vendor")),
+                        hash: Date.now().toString(),
+                        isHMR: false,
+                        buildType,
+                        timestamp: Date.now(),
+                    };
+                    if (verboseLogs) {
+                        console.log(`Sending ${buildType} build notification to CLI.`);
+                    }
+                    process.send(message);
                 };
-                console.log(`🔥 Sending ${buildType} build notification to CLI (isHMR: ${message.isHMR})`);
-                if (changedFilesList.length > 0) {
-                    console.log("🔥 IPC includes changed files:", changedFilesList);
+                if (emittedFiles.length === 0) {
+                    // Allow a short delay for any late FS writes by other post plugins
+                    setTimeout(() => {
+                        const rescanned = listFilesFlat(distDir);
+                        if (verboseLogs) {
+                            console.log(`[cliPlugin] delayed rescan found ${rescanned.length} files in ${distDir}`);
+                        }
+                        sendMessage(rescanned);
+                    }, 50);
+                }
+                else {
+                    sendMessage(emittedFiles);
                 }
-                process.send(message);
             }
             if (isInitialBuild) {
                 isInitialBuild = false;
-                console.log("🔥 Initial build complete - subsequent changes will trigger fast rebuilds");
+                if (verboseLogs) {
+                    console.log("Initial build complete - subsequent changes will trigger fast rebuilds");
+                }
             }
-            changedFilesTracker.clear();
+            lastBundleFiles.clear();
+            lastOutDir = undefined;
         },
     };
 }
-// Helper to get outDir resolved at runtime
-let getOutDir = () => path.resolve(process.cwd(), "dist");
 // Recursively list files under a directory and return relative paths
 function listFilesFlat(rootDir) {
     const results = [];

package/dist/helpers/package-platform-aliases.d.ts

@@ -1,4 +1,4 @@
-export declare function packagePlatformAliases(tsConfigData: any, platform: string, debugViteLogs?: boolean): {
+export declare function packagePlatformAliases(tsConfigData: any, platform: string, verboseLogs?: boolean): {
     find: RegExp;
     replacement: (id: any) => any;
 };

package/dist/helpers/package-platform-aliases.js

@@ -3,7 +3,7 @@ import fs from "fs";
 import { findPackageInNodeModules } from "./module-resolution.js";
 import { getProjectRootPath } from "./project.js";
 const projectRoot = getProjectRootPath();
-export function packagePlatformAliases(tsConfigData, platform, debugViteLogs) {
+export function packagePlatformAliases(tsConfigData, platform, verboseLogs) {
     // packages used via core transient dependencies and other vite support
     const commonSkips = [
         "source-map-js",
@@ -39,7 +39,7 @@ export function packagePlatformAliases(tsConfigData, platform, debugViteLogs) {
                                 // Try platform-specific file first
                                 const platformFile = path.join(packagePath, `${mainField}.${platform}.js`);
                                 if (fs.existsSync(platformFile)) {
-                                    if (debugViteLogs) {
+                                    if (verboseLogs) {
                                         console.log(`✅ Alias resolver: ${packageName} -> ${mainField}.${platform}.js (extensionless)`);
                                     }
                                     return platformFile;
@@ -47,7 +47,7 @@ export function packagePlatformAliases(tsConfigData, platform, debugViteLogs) {
                                 // Fallback to .js
                                 const jsFile = path.join(packagePath, `${mainField}.js`);
                                 if (fs.existsSync(jsFile)) {
-                                    if (debugViteLogs) {
+                                    if (verboseLogs) {
                                         console.log(`✅ Alias resolver: ${packageName} -> ${mainField}.js (extensionless)`);
                                     }
                                     return jsFile;
@@ -61,7 +61,7 @@ export function packagePlatformAliases(tsConfigData, platform, debugViteLogs) {
                                 // Try platform-specific file first
                                 const platformFile = path.join(packagePath, `${baseName}.${platform}${ext}`);
                                 if (fs.existsSync(platformFile)) {
-                                    if (debugViteLogs) {
+                                    if (verboseLogs) {
                                         console.log(`✅ Alias resolver: ${packageName} -> ${baseName}.${platform}${ext} (missing main)`);
                                     }
                                     return platformFile;

package/dist/helpers/preserve-imports.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from 'vite';
+export declare function preserveImportsPlugin(): Plugin;

package/dist/helpers/preserve-imports.js

@@ -0,0 +1,19 @@
+// Marks modules imported with `?ns-keep` as side-effectful so Rollup won't tree-shake them.
+export function preserveImportsPlugin() {
+    return {
+        name: 'ns-preserve-imports',
+        // run early so downstream plugins see the preserved flag
+        enforce: 'pre',
+        async transform(code, id) {
+            if (id.includes('?ns-keep')) {
+                return {
+                    code,
+                    map: null,
+                    // ensure side effects are preserved even if bindings are unused
+                    moduleSideEffects: true,
+                };
+            }
+            return null;
+        },
+    };
+}

package/dist/helpers/ts-config-paths.d.ts

@@ -1,4 +1,4 @@
-export declare const getTsConfigData: (debugViteLogs: boolean, platform: string) => {
+export declare const getTsConfigData: (verboseLogs: boolean, platform: string) => {
     data: any;
     aliases: any[];
 };

package/dist/helpers/ts-config-paths.js

@@ -134,7 +134,9 @@ function createTsConfigAliases(paths, baseUrl, platform, debugViteLogs) {
                 const resolvedDestination = path.isAbsolute(destination)
                     ? destination
                     : path.resolve(projectRoot, baseUrl, destination);
-                console.log(`📁 Creating wildcard alias: ${aliasKey} -> ${resolvedDestination}`);
+                // console.log(
+                //   `📁 Creating wildcard alias: ${aliasKey} -> ${resolvedDestination}`,
+                // );
                 aliases.push({
                     find: new RegExp(`^${aliasKey.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}(?:/(.*))?$`),
                     replacement: (match, subpath) => {
@@ -219,7 +221,7 @@ function createTsConfigAliases(paths, baseUrl, platform, debugViteLogs) {
 }
 // Get TypeScript path configuration
 let tsConfigData;
-export const getTsConfigData = (debugViteLogs, platform) => {
+export const getTsConfigData = (verboseLogs, platform) => {
     tsConfigPath = getProjectFilePath("tsconfig.app.json");
     if (!fs.existsSync(tsConfigPath)) {
         tsConfigPath = getProjectFilePath("tsconfig.json");
@@ -227,11 +229,11 @@ export const getTsConfigData = (debugViteLogs, platform) => {
     if (!tsConfigData) {
         tsConfigData = getTsConfigPaths();
     }
-    if (debugViteLogs) {
+    if (verboseLogs) {
         console.log("📁 Loaded TypeScript path configuration");
     }
     const aliases = createTsConfigAliases(tsConfigData.paths, tsConfigData.baseUrl, platform);
-    if (aliases.length > 0 && debugViteLogs) {
+    if (aliases.length > 0 && verboseLogs) {
         console.log("📁 Created TypeScript path aliases:", aliases.length);
     }
     return {

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

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