nativescript 9.0.0-alpha.3 → 9.0.0-alpha.5

package/config/test-deps-versions-generated.json

@@ -1 +1,16 @@
-{"@jsdevtools/coverage-istanbul-loader":"3.0.5","karma":"6.4.4","karma-coverage":"2.2.1","karma-nativescript-launcher":"1.0.0","mocha":"11.7.1","karma-mocha":"2.0.1","karma-chai":"0.1.0","karma-jasmine":"4.0.2","karma-qunit":"4.2.1","@types/karma-chai":"0.1.7","@types/mocha":"10.0.10","@types/jasmine":"5.1.8","@types/qunit":"2.19.12","nyc":"17.1.0"}
+{
+  "@jsdevtools/coverage-istanbul-loader": "3.0.5",
+  "karma": "6.4.4",
+  "karma-coverage": "2.2.1",
+  "karma-nativescript-launcher": "1.0.0",
+  "mocha": "11.7.1",
+  "karma-mocha": "2.0.1",
+  "karma-chai": "0.1.0",
+  "karma-jasmine": "4.0.2",
+  "karma-qunit": "4.2.1",
+  "@types/karma-chai": "0.1.7",
+  "@types/mocha": "10.0.10",
+  "@types/jasmine": "5.1.8",
+  "@types/qunit": "2.19.13",
+  "nyc": "17.1.0"
+}

package/lib/common/services/hooks-service.js

@@ -108,7 +108,7 @@ class HooksService {
         let inProc = false;
         if (!command) {
             command = hook.fullPath;
-            if ([".mjs", ".js"].includes(path.extname(hook.fullPath).toLowerCase())) {
+            if ([".mjs", ".cjs", ".js"].includes(path.extname(hook.fullPath).toLowerCase())) {
                 command = process.argv[0];
                 inProc = isESM
                     ? true

package/lib/services/bundler/bundler-compiler-service.js

@@ -44,14 +44,87 @@ class BundlerCompilerService extends events_1.EventEmitter {
             prepareData.watch = true;
             try {
                 const childProcess = await this.startBundleProcess(platformData, projectData, prepareData);
+                // Handle Vite differently from webpack
+                const isVite = this.getBundler() === "vite";
                 childProcess.stdout.on("data", function (data) {
                     process.stdout.write(data);
                 });
                 childProcess.stderr.on("data", function (data) {
                     process.stderr.write(data);
                 });
+                // For both Vite and webpack, we wait for the first build to complete
+                // Don't resolve immediately for Vite - wait for first IPC message
                 childProcess.on("message", (message) => {
                     this.$logger.trace(`Message from ${projectData.bundler}`, message);
+                    // Handle Vite messages
+                    if (isVite &&
+                        message &&
+                        message.emittedFiles) {
+                        message = message;
+                        console.log("Received Vite IPC message:", message);
+                        // Copy Vite output files directly to platform destination
+                        const distOutput = path.join(projectData.projectDir, "dist");
+                        const destDir = path.join(platformData.appDestinationDirectoryPath, this.$options.hostProjectModuleName);
+                        console.log(`🔥 Copying from ${distOutput} to ${destDir}`);
+                        // For HMR updates, only copy changed files; for full builds, copy everything
+                        if (message.isHMR &&
+                            message.changedFiles &&
+                            message.changedFiles.length > 0) {
+                            console.log("🔥 HMR update - copying only changed files for:", message.changedFiles);
+                            // For HTML template changes, we need to copy the component files that were rebuilt
+                            let filesToCopy = message.emittedFiles;
+                            // If we have HTML changes, identify which component files need copying
+                            const hasHTMLChanges = message.changedFiles.some((f) => f.endsWith(".html"));
+                            if (hasHTMLChanges) {
+                                // Copy component-related files (the ones that would have been rebuilt due to template changes)
+                                filesToCopy = message.emittedFiles.filter((f) => f.includes(".component") ||
+                                    f === "bundle.mjs" ||
+                                    f === "bundle.mjs.map");
+                                console.log("🔥 HTML change detected - copying component files:", filesToCopy);
+                            }
+                            this.copyViteBundleToNative(distOutput, destDir, filesToCopy);
+                        }
+                        else {
+                            console.log("🔥 Full build - copying all files");
+                            this.copyViteBundleToNative(distOutput, destDir);
+                        }
+                        // Resolve the promise on first build completion
+                        if (isFirstBundlerWatchCompilation) {
+                            isFirstBundlerWatchCompilation = false;
+                            console.log("Vite first build completed, resolving compileWithWatch");
+                            resolve(childProcess);
+                        }
+                        // Transform Vite message to match webpack format
+                        const files = message.emittedFiles.map((file) => path.join(platformData.appDestinationDirectoryPath, this.$options.hostProjectModuleName, file));
+                        const data = {
+                            files,
+                            hasOnlyHotUpdateFiles: message.isHMR || false,
+                            hmrData: {
+                                hash: message.hash || "",
+                                fallbackFiles: [],
+                            },
+                            platform: platformData.platformNameLowerCase,
+                        };
+                        this.$logger.info(`Vite build completed! Files copied to native platform.`);
+                        // Send HMR notification to connected WebSocket clients first
+                        this.notifyHMRClients({
+                            type: message.isHMR ? "js-update" : "build-complete",
+                            timestamp: Date.now(),
+                            changedFiles: message.changedFiles || [],
+                            buildType: message.buildType || "incremental",
+                            isHMR: message.isHMR || false,
+                        });
+                        if (message.isHMR) {
+                            console.log("🔥 Skipping BUNDLER_COMPILATION_COMPLETE for HMR update - app will not restart");
+                        }
+                        else {
+                            // Only emit BUNDLER_COMPILATION_COMPLETE for non-HMR builds
+                            // This prevents the CLI from restarting the app during HMR updates
+                            console.log("🔥 Emitting BUNDLER_COMPILATION_COMPLETE for full build");
+                            this.emit(constants_1.BUNDLER_COMPILATION_COMPLETE, data);
+                        }
+                        return;
+                    }
                     // if we are on webpack5 - we handle HMR in a  slightly different way
                     if (typeof message === "object" &&
                         "version" in message &&
@@ -126,20 +199,6 @@ class BundlerCompilerService extends events_1.EventEmitter {
                 childProcess.on("close", async (arg) => {
                     const exitCode = typeof arg === "number" ? arg : arg && arg.code;
                     this.$logger.trace(`${capitalizeFirstLetter(projectData.bundler)} process exited with code ${exitCode} when we expected it to be long living with watch.`);
-                    if (this.getBundler() === "vite" && exitCode === 0) {
-                        // note experimental: investigate watch mode
-                        const bundlePath = path.join(projectData.projectDir, "dist/bundle.js");
-                        console.log("bundlePath:", bundlePath);
-                        const data = {
-                            files: [bundlePath],
-                            hasOnlyHotUpdateFiles: false,
-                            hmrData: {},
-                            platform: platformData.platformNameLowerCase,
-                        };
-                        this.emit(constants_1.BUNDLER_COMPILATION_COMPLETE, data);
-                        resolve(1);
-                        return;
-                    }
                     await this.$cleanupService.removeKillProcess(childProcess.pid.toString());
                     const error = new Error(`Executing ${projectData.bundler} failed with exit code ${exitCode}.`);
                     error.code = exitCode;
@@ -219,7 +278,12 @@ class BundlerCompilerService extends events_1.EventEmitter {
         const cliArgs = await this.buildEnvCommandLineParams(envData, platformData, projectData, prepareData);
         // Note: With Vite, we need `--` to prevent vite cli from erroring on unknown options.
         const envParams = isVite
-            ? [`--mode=${platformData.platformNameLowerCase}`, "--", ...cliArgs]
+            ? [
+                `--mode=${platformData.platformNameLowerCase}`,
+                `--watch`,
+                "--",
+                ...cliArgs,
+            ]
             : cliArgs;
         const additionalNodeArgs = semver.major(process.version) <= 8 ? ["--harmony"] : [];
         if (await this.shouldUsePreserveSymlinksOption()) {
@@ -231,7 +295,7 @@ class BundlerCompilerService extends events_1.EventEmitter {
         const args = [
             ...additionalNodeArgs,
             this.getBundlerExecutablePath(projectData),
-            this.isModernBundler(projectData) ? `build` : null,
+            isVite ? "build" : this.isModernBundler(projectData) ? `build` : null,
             `--config=${projectData.bundlerConfigPath}`,
             ...envParams,
         ].filter(Boolean);
@@ -240,7 +304,7 @@ class BundlerCompilerService extends events_1.EventEmitter {
                 args.push("--watch");
             }
         }
-        const stdio = prepareData.watch ? ["ipc"] : "inherit";
+        const stdio = prepareData.watch || isVite ? ["ipc"] : "inherit";
         const options = {
             cwd: projectData.projectDir,
             stdio,
@@ -483,6 +547,83 @@ class BundlerCompilerService extends events_1.EventEmitter {
     getBundler() {
         return this.$projectConfigService.getValue(`bundler`, "webpack");
     }
+    copyViteBundleToNative(distOutput, destDir, specificFiles = null) {
+        // Clean and copy Vite output to native platform folder
+        console.log(`Copying Vite bundle from "${distOutput}" to "${destDir}"`);
+        const fs = require("fs");
+        try {
+            if (specificFiles) {
+                // HMR mode: only copy specific files
+                console.log("🔥 HMR: Copying specific files:", specificFiles);
+                // Ensure destination directory exists
+                fs.mkdirSync(destDir, { recursive: true });
+                // Copy only the specified files
+                for (const file of specificFiles) {
+                    const srcPath = path.join(distOutput, file);
+                    const destPath = path.join(destDir, file);
+                    if (!fs.existsSync(srcPath))
+                        continue;
+                    // create parent dirs
+                    fs.mkdirSync(path.dirname(destPath), { recursive: true });
+                    fs.copyFileSync(srcPath, destPath);
+                    console.log(`🔥 HMR: Copied ${file}`);
+                }
+            }
+            else {
+                // Full build mode: clean and copy everything
+                console.log("🔥 Full build: Copying all files");
+                // Clean destination directory
+                if (fs.existsSync(destDir)) {
+                    fs.rmSync(destDir, { recursive: true, force: true });
+                }
+                fs.mkdirSync(destDir, { recursive: true });
+                // Copy all files from dist to platform destination
+                if (fs.existsSync(distOutput)) {
+                    this.copyRecursiveSync(distOutput, destDir, fs);
+                }
+                else {
+                    this.$logger.warn(`Vite output directory does not exist: ${distOutput}`);
+                }
+            }
+        }
+        catch (error) {
+            this.$logger.warn(`Failed to copy Vite bundle: ${error.message}`);
+        }
+    }
+    notifyHMRClients(message) {
+        // Send WebSocket notification to HMR clients
+        try {
+            const WebSocket = require("ws");
+            // Try to connect to HMR bridge and send notification
+            const ws = new WebSocket("ws://localhost:24678");
+            ws.on("open", () => {
+                console.log("🔥 Sending HMR notification to bridge:", message.type);
+                ws.send(JSON.stringify(message));
+                ws.close();
+            });
+            ws.on("error", () => {
+                // HMR bridge not available, which is fine
+                console.log("🔥 HMR bridge not available (this is normal without HMR)");
+            });
+        }
+        catch (error) {
+            // WebSocket not available, which is fine
+            console.log("🔥 WebSocket not available for HMR notifications");
+        }
+    }
+    copyRecursiveSync(src, dest, fs) {
+        for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
+            const srcPath = path.join(src, entry.name);
+            const destPath = path.join(dest, entry.name);
+            if (entry.isDirectory()) {
+                fs.mkdirSync(destPath, { recursive: true });
+                this.copyRecursiveSync(srcPath, destPath, fs);
+            }
+            else if (entry.isFile() || entry.isSymbolicLink()) {
+                fs.copyFileSync(srcPath, destPath);
+            }
+        }
+    }
 }
 exports.BundlerCompilerService = BundlerCompilerService;
 __decorate([

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nativescript",
   "main": "./lib/nativescript-cli-lib.js",
-  "version": "9.0.0-alpha.3",
+  "version": "9.0.0-alpha.5",
   "author": "NativeScript <oss@nativescript.org>",
   "description": "Command-line interface for building NativeScript projects",
   "bin": {
@@ -51,7 +51,7 @@
   "keywords": [
     "nativescript",
     "typescript",
-    "mobile"
+    "javascript"
   ],
   "dependencies": {
     "@foxt/js-srp": "^0.0.3-patch2",
@@ -75,7 +75,7 @@
     "glob": "11.0.1",
     "ios-device-lib": "0.9.4",
     "ios-mobileprovision-finder": "1.2.1",
-    "ios-sim-portable": "4.5.0",
+    "ios-sim-portable": "4.5.1",
     "jimp": "1.6.0",
     "lodash": "4.17.21",
     "log4js": "6.9.1",
@@ -157,7 +157,6 @@
     "grunt-ts": "6.0.0-beta.22",
     "husky": "9.1.7",
     "istanbul": "0.4.5",
-    "latest-version": "9.0.0",
     "lint-staged": "~15.4.3",
     "mocha": "11.1.0",
     "sinon": "19.0.2",