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

package/dist/shims/node-module.d.ts

@@ -0,0 +1,5 @@
+export declare function createRequire(_url: string): any;
+declare const _default: {
+    createRequire: typeof createRequire;
+};
+export default _default;

package/dist/shims/node-module.js

@@ -0,0 +1,12 @@
+// Minimal shim for `node:module` to satisfy imports from vite/module-runner.
+// We only provide createRequire to avoid hard crashes; it is a noop in NS.
+export function createRequire(_url) {
+    const req = function () {
+        throw new Error("createRequire is not supported in NativeScript runtime");
+    };
+    req.resolve = function () {
+        throw new Error("require.resolve is not supported in NativeScript runtime");
+    };
+    return req;
+}
+export default { createRequire };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript/vite",
-    "version": "0.0.1-alpha.0",
+    "version": "0.0.1-alpha.2",
     "description": "Vite for NativeScript",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
@@ -19,6 +19,7 @@
         "@angular/build": "^20.0.0",
         "@rollup/plugin-alias": "^5.1.1",
         "@rollup/plugin-commonjs": "^28.0.0",
+        "@rollup/plugin-replace": "^6.0.2",
         "@vitejs/plugin-vue": "^6.0.1",
         "@vitejs/plugin-vue-jsx": "^5.1.1",
         "minimist": "^1.2.8",

package/dist/configuration/old-without-merge-base.d.ts

@@ -1,13 +0,0 @@
-import type { UserConfig } from "vite";
-export declare const baseConfig: ({ mode, skipCommonjsPackages, customCommonjsPlugins, commonjsIgnoreList, optimizeDeps, }: {
-    mode: string;
-    skipCommonjsPackages?: string[];
-    customCommonjsPlugins?: {
-        name: string;
-        enforce: string;
-        resolveId(id: any): any;
-        load(id: any): string;
-    }[];
-    commonjsIgnoreList?: string[];
-    optimizeDeps?: string[];
-}) => UserConfig;

package/dist/configuration/old-without-merge-base.js

@@ -1,249 +0,0 @@
-import path from "path";
-import minimist from "minimist";
-import commonjs from "@rollup/plugin-commonjs";
-import NativeScriptPlugin from "../helpers/resolver.js";
-import nsConfigAsJsonPlugin from "../helpers/config-as-json.js";
-import { getProjectRootPath } from "../helpers/project.js";
-import { aliasCssTree } from "../helpers/css-tree.js";
-import { packagePlatformAliases } from "../helpers/package-platform-aliases.js";
-import { getGlobalDefines } from "../helpers/global-defines.js";
-import { getWorkerPlugins, workerUrlPlugin } from "../helpers/workers.js";
-import { getTsConfigData } from "../helpers/ts-config-paths.js";
-import { commonjsPlugins } from "../helpers/commonjs-plugins.js";
-import { nativescriptPackageResolver } from "../helpers/nativescript-package-resolver.js";
-import { hmrPlugin, cliPlugin } from "../helpers/ns-cli-plugins.js";
-import { dynamicImportPlugin } from "../helpers/dynamic-import-plugin.js";
-import { mainEntryPlugin } from "../helpers/main-entry.js";
-import { determineProjectFlavor } from "../helpers/flavor.js";
-const debugViteLogs = !!process.env.VITE_DEBUG_PATHS;
-const projectRoot = getProjectRootPath();
-// NOTE: just testing with angular directly temporarily
-// change this to pick up environment for flavors dynamically
-// import { angularPlugins } from "./angular.js";
-// import { getReactPlugins } from "./react.js";
-// import { getSolidPlugins } from "./solid.js";
-// import { vuePlugins } from "./vue.js";
-export const baseConfig = ({ mode, skipCommonjsPackages, customCommonjsPlugins, commonjsIgnoreList, optimizeDeps, }) => {
-    const platform = mode;
-    const targetMode = process.env.production ? "production" : "development";
-    const cliArgs = minimist(process.argv.slice(2), { "--": true });
-    const cliFlags = (cliArgs["--"] || []).reduce((obj, flag) => {
-        // remove env prefix
-        const [rawKey, ...rest] = flag.replace(/^--env\./, "").split("=");
-        obj[rawKey] = rest.length === 0 ? true : rest.join("=");
-        return obj;
-    }, {});
-    console.log("cliFlags:", cliFlags);
-    const debug = !!cliFlags.viteDebug || !!process.env.DEBUG || targetMode === "development";
-    if (debug) {
-        console.log("--------------");
-        console.log("Vite config mode:", mode);
-        console.log("Target mode:", targetMode);
-        console.log("Platform:", platform);
-        console.log("--------------");
-    }
-    const flavor = determineProjectFlavor();
-    console.log(`Building with ${flavor}`);
-    // let flavorPlugins: any[] = [];
-    switch (flavor) {
-        // case "angular":
-        //   flavorPlugins = angularPlugins;
-        //   break;
-        // case "react":
-        //   flavorPlugins = getReactPlugins(!debug);
-        //   break;
-        // case "vue":
-        //   flavorPlugins = vuePlugins;
-        //   break;
-        // case "solid":
-        //   flavorPlugins = getSolidPlugins(!debug);
-        //   break;
-    }
-    // Create TypeScript aliases with platform support
-    const tsConfigData = getTsConfigData(debugViteLogs, platform);
-    // Common resolve configuration for both main and worker builds
-    const resolveConfig = {
-        // ensures Vite prefers ESM entry‑points
-        mainFields: ["module", "main"],
-        // Make sure ESM conditions win during resolution
-        conditions: ["module", "import", "browser", "default"],
-        // use this with merge config instead or could list common dedupes in base here altogether
-        dedupe: ["@nativescript/core", "nativescript-vue", "vue"],
-        // Alias "@" and "~" to your src directory for cleaner imports
-        alias: [
-            ...aliasCssTree,
-            // 1) Catch exactly `~/package.json` → virtual module (MUST be first!)
-            { find: /^~\/package\.json$/, replacement: "~/package.json" },
-            // TypeScript path aliases from tsconfig.json
-            ...tsConfigData.aliases,
-            // Generic platform resolution for any npm package
-            packagePlatformAliases(tsConfigData, platform, true),
-            // 2) Catch everything else under "~/" → your src/
-            { find: /^~\/(.*)$/, replacement: path.resolve(projectRoot, "src/$1") },
-            // optional: "@" → src/
-            { find: "@", replacement: path.resolve(projectRoot, "src") },
-        ],
-        extensions: [
-            ".ios.tsx",
-            ".android.tsx",
-            ".tsx",
-            ".ios.jsx",
-            ".android.jsx",
-            ".jsx",
-            ".ios.ts",
-            ".android.ts",
-            ".ts",
-            ".ios.js",
-            ".android.js",
-            ".js",
-            ".mjs",
-            ".json",
-        ],
-        preserveSymlinks: true,
-    };
-    // Common define configuration for both main and worker builds
-    const defineConfig = getGlobalDefines(platform, targetMode);
-    return {
-        resolve: resolveConfig,
-        define: defineConfig,
-        // Vite's built-in solution for CommonJS/ESM compatibility issues
-        optimizeDeps: {
-            // Force pre-bundling of problematic CommonJS packages
-            include: [
-                // "source-map-js",
-                "@valor/nativescript-websockets",
-                // React and related packages for proper module resolution
-                "react",
-                "react-reconciler",
-                "react-nativescript",
-                ...(optimizeDeps || []),
-                // Add any other problematic packages here
-            ],
-            // Handle Node.js built-ins and other edge cases
-            esbuildOptions: {
-                // Pass the same conditions to ESBuild for css-tree compatibility
-                conditions: ["module", "import", "browser", "default"],
-                // Define globals for Node.js built-ins if needed
-                define: {
-                    global: "globalThis",
-                },
-            },
-        },
-        plugins: [
-            // TODO: make flavor plugins dynamic
-            // ...flavorPlugins,
-            ...commonjsPlugins,
-            ...(customCommonjsPlugins || []),
-            // Platform-specific package resolver - MUST come before commonjs plugin
-            nativescriptPackageResolver(platform),
-            // Simplified CommonJS handling - let Vite's optimizeDeps do the heavy lifting
-            commonjs({
-                include: [/node_modules/],
-                // Force specific problematic modules to be treated as CommonJS
-                requireReturnsDefault: "auto",
-                defaultIsModuleExports: "auto",
-                transformMixedEsModules: true,
-                // Ignore optional dependencies that are meant to fail gracefully
-                ignore: [
-                    "@nativescript/android",
-                    "@nativescript/ios",
-                    ...(commonjsIgnoreList || []),
-                ],
-            }),
-            nsConfigAsJsonPlugin(),
-            NativeScriptPlugin({ platform }),
-            mainEntryPlugin(cliFlags, debug),
-            // NativeScript HMR integration - track changes for incremental builds
-            hmrPlugin(targetMode),
-            // NativeScript CLI integration - enhanced IPC communication for HMR
-            cliPlugin(targetMode, cliFlags),
-            dynamicImportPlugin(),
-            // Transform Vite worker URLs to NativeScript format AFTER bundling
-            workerUrlPlugin(),
-        ],
-        css: {
-            postcss: "./postcss.config.js",
-        },
-        // Development server configuration for HMR
-        server: targetMode === "development"
-            ? {
-                hmr: {
-                    // Enable Vite's built-in HMR
-                    port: 24678, // Different port to avoid conflicts with our custom WebSocket
-                },
-                // CORS for development
-                cors: true,
-            }
-            : {},
-        // Configure worker builds to bundle everything into standalone workers
-        worker: {
-            format: "es",
-            plugins: () => getWorkerPlugins(platform),
-            rollupOptions: {
-                // Don't externalize anything - bundle everything into the worker
-                external: [],
-                output: {
-                    // Inline all dynamic imports to create standalone bundle
-                    inlineDynamicImports: true,
-                },
-            },
-        },
-        build: {
-            target: "esnext",
-            minify: !debug,
-            // Generate source maps for debugging
-            // Note: just disabling for now until can hook up to angular vite/analog plugin
-            sourcemap: false, //debug,
-            // Disable module preloading to avoid browser APIs
-            modulePreload: false,
-            // Optimize for development speed
-            ...(targetMode === "development" && {
-                // Faster builds in development
-                reportCompressedSize: false,
-                chunkSizeWarningLimit: 2000,
-            }),
-            commonjsOptions: {
-                include: [/node_modules/],
-            },
-            rollupOptions: {
-                input: "virtual:entry-with-polyfills",
-                output: {
-                    dir: path.resolve(projectRoot, "dist"),
-                    format: "es", // Emit ES modules (.mjs)
-                    entryFileNames: "bundle.mjs", // <- no hash here
-                    chunkFileNames: (chunk) => {
-                        if (chunk.name === "vendor")
-                            return "vendor.mjs";
-                        // Place worker files at root level, not in assets/
-                        if (chunk.name && chunk.name.includes("worker")) {
-                            return "[name]-[hash].js";
-                        }
-                        return "[name]-[hash].mjs";
-                    },
-                    assetFileNames: "assets/[name][extname]",
-                    // Create single vendor chunk - no separate globals chunk to avoid circular deps
-                    manualChunks(id) {
-                        if (id.includes("node_modules")) {
-                            // Note: this is work in progress on best setup
-                            // Keep polyfills and Zone-dependent packages in main bundle to ensure correct execution order
-                            if ([
-                                "@nativescript/core",
-                                "@nativescript/angular",
-                                "@nativescript/zone-js",
-                                "@valor/nativescript-websockets",
-                                "make-error",
-                                // "source-map-js",
-                                "zone.js",
-                                "/globals",
-                                "/polyfills",
-                            ].includes(id)) {
-                                return undefined; // Keep in main bundle
-                            }
-                            return "vendor";
-                        }
-                    },
-                },
-            },
-        },
-    };
-};

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 };