@nativescript/vite 0.0.1 → 0.0.2

package/dist/helpers/main-entry.js

@@ -1,75 +0,0 @@
-import { getPackageJson, getProjectFilePath, getProjectRootPath, } from "./project.js";
-import fs from "fs";
-import path from "path";
-const projectRoot = getProjectRootPath();
-// main entry
-const packageJson = getPackageJson();
-const mainEntry = getProjectFilePath(packageJson.main);
-// console.log("mainEntry:", mainEntry);
-// hmr client
-const hmrClientPath = getProjectFilePath("./node_modules/@nativescript/vite/dist/hmr/hmr-client.js");
-const hmrClientExists = fs.existsSync(hmrClientPath);
-// console.log("hmrClientPath:", hmrClientPath);
-// console.log("hmrClientExists:", hmrClientExists);
-// Check if polyfills file exists
-const polyfillsPath = getProjectFilePath("src/polyfills.ts");
-const polyfillsExists = fs.existsSync(polyfillsPath);
-// console.log("polyfillsPath:", polyfillsPath);
-// console.log("polyfillsExists:", polyfillsExists);
-const VIRTUAL_ID = 'virtual:entry-with-polyfills';
-const RESOLVED = '\0' + VIRTUAL_ID;
-export function mainEntryPlugin(cliFlags, debug) {
-    return {
-        name: "main-entry",
-        resolveId(id) {
-            if (id === VIRTUAL_ID) {
-                return RESOLVED;
-            }
-            return null;
-        },
-        load(id) {
-            if (id === RESOLVED) {
-                let imports = "";
-                if (polyfillsExists) {
-                    imports += `import '${polyfillsPath}';\n`;
-                }
-                // Import WebSocket support for HMR in development
-                if (debug && cliFlags.hmr) {
-                    imports += `import '${hmrClientPath}';\n`;
-                }
-                // Import inspector modules for debugging in development
-                if (debug) {
-                    imports += `import '@nativescript/core/inspector_modules';\n`;
-                }
-                // Import CSS and apply via Application.addCss before main entry
-                const appCssPath = path.resolve(projectRoot, "src/app.css");
-                if (fs.existsSync(appCssPath)) {
-                    imports += `
-    // Import and apply global CSS
-    import appCssContent from './src/app.css?inline';
-    import { Application } from '@nativescript/core';
-    
-    if (typeof global !== 'undefined' && appCssContent) {
-      try {
-        // Just testing logs if needed
-        // console.log('🎨 CSS content length:', appCssContent.length);
-        // console.log('🎨 CSS content preview:', appCssContent.substring(0, 200) + '...');
-    
-        Application.addCss(appCssContent);
-        // console.log('🎨 Global CSS applied');
-      } catch (error) {
-        console.error('Error applying CSS:', error);
-      }
-    }
-    `;
-                }
-                imports += `import '${mainEntry}';`;
-                if (debug) {
-                    console.log("🔄 Virtual entry imports:", imports);
-                }
-                return imports;
-            }
-            return null;
-        },
-    };
-}

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

@@ -1,17 +0,0 @@
-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): {
-    name: string;
-    buildStart(): void;
-    writeBundle(options: any, bundle: any): void;
-};

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

@@ -1,128 +0,0 @@
-import path from "path";
-// 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) {
-    return {
-        name: "nativescript-cli-integration",
-        buildStart() {
-            if (targetMode === "development") {
-                console.log("🔥 Vite: Build started");
-            }
-        },
-        writeBundle(options, bundle) {
-            if (targetMode === "development") {
-                const buildType = isInitialBuild ? "initial" : "incremental";
-                console.log(`🔥 NativeScript: ${buildType} build completed`);
-                // Get all emitted files from the bundle
-                const emittedFiles = Object.keys(bundle);
-                // Determine what changed
-                const changedFilesList = Array.from(changedFilesTracker);
-                // Determine if this should be an HMR update:
-                // - Not the initial build
-                // - Has specific changed files
-                // - Changes are HMR-compatible (HTML templates, CSS, some TS changes)
-                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);
-                }
-                // For TypeScript changes, this will be a full rebuild (expected)
-                // For CSS changes, this could potentially be optimized (future enhancement)
-                const hasTypeScriptChanges = changedFilesList.some((f) => f.endsWith(".ts"));
-                if (hasTypeScriptChanges) {
-                    console.log("🔥 TypeScript changes detected - full rebuild required");
-                }
-                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`);
-                // Send IPC message to CLI
-                if (process.send) {
-                    const message = {
-                        emittedFiles: emittedFiles,
-                        chunkFiles: emittedFiles.filter((f) => f.includes("chunk") || f.includes("vendor")),
-                        hash: Date.now().toString(),
-                        isHMR: isHMR && !isInitialBuild, // Mark as HMR for incremental builds
-                        changedFiles: changedFilesList,
-                        buildType: 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);
-                    }
-                    process.send(message);
-                }
-                // Reset trackers AFTER we've used them
-                if (isInitialBuild) {
-                    isInitialBuild = false;
-                    console.log("🔥 Initial build complete - subsequent changes will trigger fast rebuilds");
-                }
-                // Clear the tracker for the next build cycle
-                changedFilesTracker.clear();
-            }
-        },
-    };
-}

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

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

package/dist/helpers/resolver.d.ts

@@ -1,4 +0,0 @@
-import type { Plugin } from "vite";
-export default function NativeScriptPlugin(options: {
-    platform: "ios" | "android" | "visionos";
-}): Plugin;

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

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

package/dist/hmr/hmr-angular.d.ts

@@ -1 +0,0 @@
-export declare function handleAngularHmrUpdate(): void;

package/dist/hmr/hmr-angular.js

@@ -1,34 +0,0 @@
-import { isDevMode, ɵresetCompiledComponents,
-// @ts-ignore
- } from "@angular/core";
-export function handleAngularHmrUpdate() {
-    // Reset JIT compiled components cache
-    ɵresetCompiledComponents();
-    try {
-        console.log(`typeof global["__cleanup_ng_hot__"]`, typeof global["__cleanup_ng_hot__"]);
-        if (global["__cleanup_ng_hot__"])
-            global["__cleanup_ng_hot__"]();
-        global["__reboot_ng_modules__"]();
-        console.log('angular called __reboot_ng_modules__!');
-        // need to call some kind of apply here?
-        // Webpack would call in this order with angular-hot-loader/hmr-accept:
-        /**
-           *   angular hot dispose called!
-            hot dispose called here?!
-            __cleanup_ng_hot__ called!
-            angular hot accept about to be called!
-            Angular is running in development mode.
-            [HMR][bd598ae5b97083449f33] success | Successfully applied update.
-            calling global.__onLiveSync!
-           */
-        global.__onLiveSync();
-    }
-    catch (e) {
-        console.error("[NG HMR] Error disposing previous module");
-        console.error(e, e?.stack);
-        // HMR breaks when rejecting the main module dispose, so we manually trigger an HMR restart
-        // const hash = __webpack_require__.h();
-        // console.log(`[HMR][${hash}] failure | Error disposing previous module`);
-        // throw e;
-    }
-}

package/dist/hmr/hmr-bridge.d.ts

@@ -1,18 +0,0 @@
-/**
- * Simple HMR Notification Bridge
- *
- * This creates a lightweight WebSocket server that the NativeScript CLI
- * can notify when builds complete, and forwards those to the app.
- */
-declare class SimpleHMRBridge {
-    private wsServer;
-    private connectedClients;
-    private buildProcess;
-    start(): Promise<void>;
-    private startWebSocketServer;
-    private startNativeScriptBuild;
-    private parseBuildOutput;
-    private notifyClients;
-    stop(): Promise<void>;
-}
-export { SimpleHMRBridge };

package/dist/hmr/hmr-bridge.js

@@ -1,154 +0,0 @@
-/**
- * Simple HMR Notification Bridge
- *
- * This creates a lightweight WebSocket server that the NativeScript CLI
- * can notify when builds complete, and forwards those to the app.
- */
-import { WebSocketServer } from 'ws';
-import WebSocketType from 'ws';
-import { spawn } from 'child_process';
-import { pathToFileURL } from 'node:url';
-import { resolve } from 'node:path';
-const isMain = () => typeof process !== 'undefined' &&
-    !!process.argv?.[1] &&
-    import.meta.url === pathToFileURL(resolve(process.argv[1])).href;
-class SimpleHMRBridge {
-    constructor() {
-        this.connectedClients = new Set();
-    }
-    async start() {
-        console.log('🔥 Starting Simple HMR Bridge...');
-        // Start WebSocket server for NativeScript app
-        this.startWebSocketServer();
-        // Start NativeScript build process
-        this.startNativeScriptBuild();
-        console.log('🔥 HMR Bridge ready!');
-    }
-    startWebSocketServer() {
-        const HMR_WS_PORT = 24678;
-        this.wsServer = new WebSocketServer({ port: HMR_WS_PORT });
-        this.wsServer.on('connection', (ws) => {
-            console.log('🔥 NativeScript client connected to HMR bridge');
-            this.connectedClients.add(ws);
-            // Send connection confirmation
-            ws.send(JSON.stringify({
-                type: 'connected',
-                timestamp: Date.now()
-            }));
-            ws.on('close', () => {
-                console.log('🔥 NativeScript client disconnected');
-                this.connectedClients.delete(ws);
-            });
-            ws.on('message', (message) => {
-                try {
-                    const data = JSON.parse(message.toString());
-                    console.log('🔥 Received from NativeScript:', data);
-                }
-                catch (e) {
-                    console.error('🔥 Invalid message from NativeScript:', e);
-                }
-            });
-        });
-        console.log(`🔥 HMR bridge listening on ws://localhost:${HMR_WS_PORT}`);
-    }
-    startNativeScriptBuild() {
-        console.log('🔥 Starting NativeScript build with HMR notifications...');
-        // Get platform from command line arguments (default to 'ios' if not provided)
-        const platform = process.argv[2] || 'ios';
-        console.log(`🔥 Building for platform: ${platform}`);
-        // Start ns run with specified platform
-        const args = ['debug', platform];
-        this.buildProcess = spawn('ns', args, {
-            cwd: process.cwd(),
-            stdio: ['inherit', 'pipe', 'pipe'],
-            env: {
-                ...process.env,
-                NS_HMR_BRIDGE: 'true' // Signal to our Vite config that HMR bridge is active
-            }
-        });
-        this.buildProcess.stdout.on('data', (data) => {
-            const output = data.toString();
-            process.stdout.write(output);
-            // Listen for build completion messages
-            this.parseBuildOutput(output);
-        });
-        this.buildProcess.stderr.on('data', (data) => {
-            process.stderr.write(data);
-        });
-        this.buildProcess.on('close', (code) => {
-            console.log(`🔥 NativeScript build process exited with code ${code}`);
-        });
-    }
-    parseBuildOutput(output) {
-        // Look for our HMR indicators in the build output
-        const lines = output.split('\n');
-        for (const line of lines) {
-            // Look for our HMR build completion messages
-            if (line.includes('🔥 HMR update - copying only changed files')) {
-                // Extract changed files from the next lines
-                const changedFilesMatch = line.match(/🔥 HMR update - copying only changed files for: (.+)/);
-                if (changedFilesMatch) {
-                    try {
-                        const changedFiles = JSON.parse(changedFilesMatch[1].replace(/'/g, '"'));
-                        this.notifyClients({
-                            type: 'build-complete',
-                            timestamp: Date.now(),
-                            changedFiles,
-                            buildType: 'incremental',
-                            isHMR: true
-                        });
-                    }
-                    catch (e) {
-                        console.log('🔥 Could not parse changed files from:', changedFilesMatch[1]);
-                    }
-                }
-            }
-            else if (line.includes('🔥 Full build - copying all files')) {
-                this.notifyClients({
-                    type: 'build-complete',
-                    timestamp: Date.now(),
-                    buildType: 'full',
-                    isHMR: false
-                });
-            }
-            else if (line.includes('Vite build completed!')) {
-                // Build is done, notify clients
-                console.log('🔥 Build completed, notifying clients...');
-            }
-        }
-    }
-    notifyClients(update) {
-        const message = JSON.stringify(update);
-        let sentCount = 0;
-        this.connectedClients.forEach((client) => {
-            if (client.readyState === WebSocketType.OPEN) {
-                client.send(message);
-                sentCount++;
-            }
-        });
-        if (sentCount > 0) {
-            console.log(`🔥 Notified ${sentCount} clients of update:`, update.type);
-        }
-    }
-    async stop() {
-        console.log('🔥 Stopping HMR bridge...');
-        if (this.buildProcess) {
-            this.buildProcess.kill('SIGTERM');
-        }
-        if (this.wsServer) {
-            this.wsServer.close();
-        }
-    }
-}
-// Export for use in startup script
-export { SimpleHMRBridge };
-// Auto-start if run directly
-if (isMain()) {
-    const bridge = new SimpleHMRBridge();
-    bridge.start().catch(console.error);
-    // Handle graceful shutdown
-    process.on('SIGINT', () => {
-        console.log('\n🔥 Shutting down HMR bridge...');
-        bridge.stop().then(() => process.exit(0));
-    });
-}

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

@@ -1,5 +0,0 @@
-/**
- * Simple NativeScript HMR Client for Vite
- * Based on @nativescript/webpack loaders but simplified for Vite
- */
-export {};

package/dist/hmr/hmr-client.js

@@ -1,93 +0,0 @@
-/**
- * Simple NativeScript HMR Client for Vite
- * Based on @nativescript/webpack loaders but simplified for Vite
- */
-// Import WebSocket polyfill directly
-import { WebSocket as NativeScriptWebSocket } from '@valor/nativescript-websockets/websocket';
-// Ensure WebSocket is available globally for other code
-if (typeof global !== 'undefined') {
-    global.WebSocket = NativeScriptWebSocket;
-}
-// Make WebSocket available in current scope
-const WebSocket = NativeScriptWebSocket;
-// import { Application } from "@nativescript/core";
-let hmrBootEmittedSymbol = Symbol.for("HMRBootEmitted");
-let originalLiveSyncSymbol = Symbol.for("OriginalLiveSync");
-let hmrRuntimeLastLiveSyncSymbol = Symbol.for("HMRRuntimeLastLiveSync");
-if (global.__onLiveSync !== global[hmrRuntimeLastLiveSyncSymbol]) {
-    // we store the original liveSync here in case this code runs again
-    // which happens when you module.hot.accept() the main file
-    global[originalLiveSyncSymbol] = global.__onLiveSync;
-}
-global[hmrRuntimeLastLiveSyncSymbol] = async function () {
-    console.log(`calling global[hmrRuntimeLastLiveSyncSymbol]`);
-    await global[originalLiveSyncSymbol]();
-};
-global.__onLiveSync = global[hmrRuntimeLastLiveSyncSymbol];
-if (!global[hmrBootEmittedSymbol]) {
-    global[hmrBootEmittedSymbol] = true;
-}
-/**
- * Note: allow vite to inject each flavor client handling
- * Start Manual Flavor Testing
- */
-const flavor = "angular";
-import { handleAngularHmrUpdate } from "./hmr-angular.js";
-/**
- * End Manual Flavor Testing
- */
-class SimpleNativeScriptHMRClient {
-    constructor() {
-        this.ws = null;
-        console.log("🔥 Simple HMR Client starting...");
-        console.log("🔥 WebSocket available:", typeof WebSocket !== 'undefined');
-        console.log("🔥 global.WebSocket available:", typeof global !== 'undefined' && typeof global.WebSocket !== 'undefined');
-        this.connect();
-    }
-    connect() {
-        try {
-            // Check if WebSocket is available
-            if (typeof WebSocket === 'undefined') {
-                console.error("🔥 WebSocket is not available - HMR disabled");
-                return;
-            }
-            this.ws = new WebSocket("ws://localhost:24678");
-            this.ws.onopen = () => {
-                console.log("🔥 HMR connected");
-            };
-            this.ws.onmessage = (event) => {
-                try {
-                    const update = JSON.parse(event.data);
-                    this.handleUpdate(update);
-                }
-                catch (error) {
-                    console.error("🔥 HMR message error:", error);
-                }
-            };
-        }
-        catch (error) {
-            console.error("🔥 HMR connection failed:", error);
-        }
-    }
-    handleUpdate(update) {
-        console.log("🔥 HMR update received:", update.type);
-        if (update.type === "build-complete" && update.isHMR) {
-            // skip very first one since it's initial build
-            console.log("🔥 Applying HMR update for:", update.changedFiles);
-            switch (flavor) {
-                case "angular":
-                    // Handle Angular specific HMR updates
-                    handleAngularHmrUpdate();
-                    break;
-            }
-        }
-    }
-}
-// Initialize on app launch
-let hmrClient;
-if (!hmrClient) {
-    console.log("🔥 Initializing Simple NativeScript HMR Client");
-    // Application.on(Application.launchEvent, () => {
-    hmrClient = new SimpleNativeScriptHMRClient();
-    // });
-}

package/dist/hmr/hmr-server.d.ts

@@ -1,20 +0,0 @@
-/**
- * NativeScript True HMR Implementation
- *
- * This creates a bridge between Vite's dev server HMR and NativeScript runtime
- * to enable true hot module replacement without losing application state.
- */
-declare class NativeScriptHMRServer {
-    private viteServer;
-    private wsServer;
-    private buildProcess;
-    private connectedClients;
-    start(): Promise<void>;
-    private startViteDevServer;
-    private startHMRBridge;
-    private handleViteHMRMessage;
-    private broadcastToClients;
-    private startBuildProcess;
-    stop(): Promise<void>;
-}
-export { NativeScriptHMRServer };