@nativescript/vite 0.0.1-alpha.1 → 0.0.1-alpha.3

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

@@ -1,65 +1,12 @@
 import path from "path";
 import { readdirSync, statSync, existsSync, mkdirSync } from "fs";
-// NativeScript HMR integration - track changes for incremental builds
-// Track changed files globally for HMR
-let changedFilesTracker = new Set();
 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;
-    const debug = !!cliFlags?.viteDebug || !!process.env.DEBUG;
+    // This plugin should not trigger NativeScript CLI rebuild/refresh cycles when HMR is active
     return {
         name: "nativescript-cli-integration",
         apply: "build",
@@ -67,16 +14,28 @@ export function cliPlugin(targetMode, cliFlags) {
         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");
-        },
-        buildStart() {
-            if (targetMode === "development") {
-                console.log("🔥 Vite: Build started");
-            }
+            // 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)
@@ -86,10 +45,10 @@ export function cliPlugin(targetMode, cliFlags) {
                     options.dir ||
                         (options.file && path.dirname(options.file)) ||
                         undefined;
-                if (debug) {
-                    console.log(`🔥 [cliPlugin] generateBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
+                if (verboseLogs) {
+                    console.log(`[cliPlugin] generateBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
                     if (keys.length) {
-                        console.log("🔥 [cliPlugin] bundle keys:", keys);
+                        console.log("[cliPlugin] bundle keys:", keys);
                     }
                 }
             }
@@ -97,8 +56,11 @@ export function cliPlugin(targetMode, cliFlags) {
                 // noop
             }
         },
-        // Also tap writeBundle (called only when writing to disk)
+        // 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)
@@ -107,8 +69,8 @@ export function cliPlugin(targetMode, cliFlags) {
                     options.dir ||
                         (options.file && path.dirname(options.file)) ||
                         lastOutDir;
-                if (debug) {
-                    console.log(`🔥 [cliPlugin] writeBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
+                if (verboseLogs) {
+                    console.log(`[cliPlugin] writeBundle: files=${keys.length}, dir=${lastOutDir ?? "(unknown)"}`);
                 }
             }
             catch {
@@ -117,12 +79,20 @@ export function cliPlugin(targetMode, cliFlags) {
         },
         // 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`);
+            if (verboseLogs) {
+                console.log(`NativeScript: ${buildType} build completed.`);
+            }
             // Determine outDir and ensure it exists in dev for a clean start
-            const distDir = lastOutDir || getOutDir();
+            const distDir = lastOutDir || distOutputFolder;
             if (!existsSync(distDir)) {
                 try {
                     mkdirSync(distDir, { recursive: true });
@@ -135,46 +105,24 @@ export function cliPlugin(targetMode, cliFlags) {
             const emittedFiles = lastBundleFiles.size
                 ? Array.from(lastBundleFiles)
                 : listFilesFlat(distDir);
-            if (debug) {
-                console.log(`🔥 [cliPlugin] closeBundle: distDir=${distDir}, captured=${lastBundleFiles.size}, fsScan=${emittedFiles.length}`);
-            }
-            // 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(`[cliPlugin] closeBundle: distDir=${distDir}, captured=${lastBundleFiles.size}, fsScan=${emittedFiles.length}`);
             }
-            if (changedFilesList.some((f) => f.endsWith(".ts"))) {
-                console.log("🔥 TypeScript changes detected - full rebuild required");
+            if (verboseLogs) {
+                console.log(`Emitted ${emittedFiles.length} files in ${buildType} build.`);
             }
-            if (hasCSSChanges) {
-                console.log("🔥 CSS changes detected - could be optimized for HMR in future");
-            }
-            if (hasHTMLChanges) {
-                console.log("🔥 HTML template changes detected - using HMR");
-            }
-            console.log(`🔥 Emitted ${emittedFiles.length} files in ${buildType} build`);
             if (process.send) {
                 const sendMessage = (files) => {
                     const message = {
                         emittedFiles: files,
                         chunkFiles: files.filter((f) => f.includes("chunk") || f.includes("vendor")),
                         hash: Date.now().toString(),
-                        isHMR: isHMR && !isInitialBuild,
-                        changedFiles: changedFilesList,
+                        isHMR: false,
                         buildType,
                         timestamp: Date.now(),
                     };
-                    console.log(`🔥 Sending ${buildType} build notification to CLI (isHMR: ${message.isHMR})`);
-                    if (changedFilesList.length > 0) {
-                        console.log("🔥 IPC includes changed files:", changedFilesList);
+                    if (verboseLogs) {
+                        console.log(`Sending ${buildType} build notification to CLI.`);
                     }
                     process.send(message);
                 };
@@ -182,8 +130,8 @@ export function cliPlugin(targetMode, cliFlags) {
                     // Allow a short delay for any late FS writes by other post plugins
                     setTimeout(() => {
                         const rescanned = listFilesFlat(distDir);
-                        if (debug) {
-                            console.log(`🔥 [cliPlugin] delayed rescan found ${rescanned.length} files in ${distDir}`);
+                        if (verboseLogs) {
+                            console.log(`[cliPlugin] delayed rescan found ${rescanned.length} files in ${distDir}`);
                         }
                         sendMessage(rescanned);
                     }, 50);
@@ -194,16 +142,15 @@ export function cliPlugin(targetMode, cliFlags) {
             }
             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/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

@@ -221,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");
@@ -229,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;