@nativescript/vite 0.0.1 → 1.0.0

package/dist/helpers/utils.js

@@ -1,94 +0,0 @@
-import path from "path";
-import fs from "fs";
-import { transformSync } from "esbuild";
-import { satisfies } from "semver";
-import { createRequire } from 'node:module';
-const require = createRequire(import.meta.url);
-import { getPackageJson, getProjectFilePath } from "./project.js";
-// get the name from the package for the output
-const packageJson = getPackageJson();
-export function nsConfigToJson() {
-    let configObject;
-    ;
-    const tsPath = getProjectFilePath("nativescript.config.ts");
-    const tsCode = fs.readFileSync(tsPath, "utf-8");
-    // a) Transpile your TS config to CommonJS so we can require() it
-    const { code: cjsCode } = transformSync(tsCode, {
-        loader: "ts",
-        format: "cjs",
-        target: "esnext",
-    });
-    // b) Evaluate it in a VM-style sandbox to pull out the default export
-    const module = { exports: {} };
-    const requireFunc = (id) => require(id);
-    new Function("exports", "require", "module", "__filename", "__dirname", cjsCode)(module.exports, requireFunc, module, tsPath, path.dirname(tsPath));
-    configObject = module.exports.default ?? module.exports;
-    // ensure the config has a name
-    configObject.name = packageJson.name;
-    // ensure the main entry is set to "bundle"
-    configObject.main = "bundle";
-    return configObject;
-}
-/**
- * Resolves the NativeScript platform-specific file for a given module ID.
- * @param id The module ID to resolve.
- * @param platform The target platform (e.g., "ios", "android").
- * @returns The resolved file path or undefined if not found.
- */
-export function resolveNativeScriptPlatformFile(id, platform) {
-    const ext = path.extname(id);
-    const base = id.slice(0, -ext.length);
-    let platformFile = `${base}.${platform}${ext}`;
-    if (fs.existsSync(platformFile)) {
-        return platformFile;
-    }
-    // core uses indices for many barrels
-    platformFile = `${base}/index.${platform}${ext}`;
-    if (fs.existsSync(platformFile)) {
-        return platformFile;
-    }
-    // fallback to non-platform file
-    return fs.existsSync(id) ? id : undefined;
-}
-/**
- * Utility to get all dependencies from the project package.json.
- * The result combines dependencies and devDependencies
- *
- * @returns string[] dependencies
- */
-export function getAllDependencies() {
-    return [
-        ...Object.keys(packageJson.dependencies ?? {}),
-        ...Object.keys(packageJson.devDependencies ?? {}),
-    ];
-}
-/**
- * Check if a dependency is present in package.json
- */
-export function hasDependency(packageName) {
-    try {
-        const packageJsonPath = path.resolve(process.cwd(), "package.json");
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-        return !!(packageJson.dependencies?.[packageName] ||
-            packageJson.devDependencies?.[packageName] ||
-            packageJson.peerDependencies?.[packageName]);
-    }
-    catch {
-        return false;
-    }
-}
-/**
- * Get the version of a dependency from package.json
- */
-export function getDependencyVersion(packageName) {
-    try {
-        const packageJsonPath = path.resolve(process.cwd(), "package.json");
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
-        return (packageJson.dependencies?.[packageName] ||
-            packageJson.devDependencies?.[packageName] ||
-            packageJson.peerDependencies?.[packageName]);
-    }
-    catch {
-        return undefined;
-    }
-}

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

package/dist/hmr/hmr-server.js

@@ -1,179 +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.
- */
-import { createServer } from 'vite';
-import { spawn } from 'child_process';
-import { WebSocketServer, WebSocket } from 'ws';
-import path from 'path';
-import fs from 'fs';
-import { getProjectFilePath } from '../helpers/project.js';
-const HMR_WS_PORT = 24678; // Different from Vite's default
-const VITE_DEV_PORT = 5173;
-class NativeScriptHMRServer {
-    constructor() {
-        this.connectedClients = new Set();
-    }
-    async start() {
-        console.log('🔥 Starting NativeScript True HMR...');
-        // 1. Start Vite dev server for true HMR
-        await this.startViteDevServer();
-        // 2. Start WebSocket bridge for NativeScript
-        await this.startHMRBridge();
-        // 3. Start build process for NativeScript integration
-        await this.startBuildProcess();
-        console.log('🔥 True HMR ready! Connect your NativeScript app.');
-    }
-    async startViteDevServer() {
-        console.log('🔥 Starting Vite dev server...');
-        this.viteServer = await createServer({
-            configFile: getProjectFilePath('vite.config.ts'),
-            server: {
-                port: VITE_DEV_PORT,
-                hmr: {
-                    port: VITE_DEV_PORT + 1, // Vite's internal HMR port
-                }
-            },
-            mode: 'ios' // or get from args
-        });
-        await this.viteServer.listen();
-        console.log(`🔥 Vite dev server running on http://localhost:${VITE_DEV_PORT}`);
-        // Hook into Vite's HMR system
-        this.viteServer.ws.on('send', (data) => {
-            this.handleViteHMRMessage(data);
-        });
-    }
-    async startHMRBridge() {
-        console.log('🔥 Starting HMR WebSocket bridge...');
-        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}`);
-    }
-    handleViteHMRMessage(data) {
-        if (!data || typeof data !== 'object')
-            return;
-        // Filter out irrelevant file changes
-        if (data.updates) {
-            const relevantUpdates = data.updates.filter(update => {
-                const path = update.path || '';
-                return (path.includes('/src/') ||
-                    path.endsWith('package.json') ||
-                    path.endsWith('vite.config.ts') ||
-                    path.endsWith('tsconfig.json') ||
-                    path.endsWith('nativescript.config.ts'));
-            });
-            if (relevantUpdates.length === 0) {
-                console.log('🔥 Ignoring HMR update for non-src files');
-                return; // Skip if no relevant updates
-            }
-            data.updates = relevantUpdates;
-        }
-        console.log('🔥 Vite HMR update:', data);
-        // Transform Vite HMR message to NativeScript format
-        let hmrUpdate;
-        if (data.type === 'update') {
-            // CSS updates
-            const cssUpdates = data.updates?.filter(u => u.path.endsWith('.css') || u.path.endsWith('.scss'));
-            if (cssUpdates?.length > 0) {
-                hmrUpdate = {
-                    type: 'css-update',
-                    path: cssUpdates[0].path,
-                    timestamp: Date.now(),
-                    updates: cssUpdates
-                };
-            }
-            // JS/TS updates
-            else {
-                hmrUpdate = {
-                    type: 'js-update',
-                    timestamp: Date.now(),
-                    updates: data.updates
-                };
-            }
-        }
-        else if (data.type === 'full-reload') {
-            hmrUpdate = {
-                type: 'full-reload',
-                timestamp: Date.now()
-            };
-        }
-        else {
-            return; // Ignore other message types
-        }
-        // Broadcast to connected NativeScript clients
-        this.broadcastToClients(hmrUpdate);
-    }
-    broadcastToClients(update) {
-        const message = JSON.stringify(update);
-        let sentCount = 0;
-        this.connectedClients.forEach((client) => {
-            if (client.readyState === WebSocket.OPEN) {
-                client.send(message);
-                sentCount++;
-            }
-        });
-        console.log(`🔥 Broadcasted ${update.type} to ${sentCount} clients`);
-    }
-    async startBuildProcess() {
-        // This runs the traditional build process for initial bundle creation
-        // but won't be used for HMR - that's handled by the dev server
-        console.log('🔥 Starting initial build process...');
-        // We might not need this if we can serve directly from Vite dev server
-        // But keeping it for compatibility with NativeScript CLI expectations
-    }
-    async stop() {
-        console.log('🔥 Stopping HMR server...');
-        if (this.viteServer) {
-            await this.viteServer.close();
-        }
-        if (this.wsServer) {
-            this.wsServer.close();
-        }
-        if (this.buildProcess) {
-            this.buildProcess.kill();
-        }
-    }
-}
-// CLI interface
-async function main() {
-    const hmrServer = new NativeScriptHMRServer();
-    // Handle graceful shutdown
-    process.on('SIGINT', async () => {
-        await hmrServer.stop();
-        process.exit(0);
-    });
-    process.on('SIGTERM', async () => {
-        await hmrServer.stop();
-        process.exit(0);
-    });
-    await hmrServer.start();
-}
-// Export for use in other contexts
-export { NativeScriptHMRServer };
-// Run if called directly
-// if (require.main === module) {
-//   main().catch(console.error);
-// }

package/dist/index.js

@@ -1,5 +0,0 @@
-export * from './configuration/base.js';
-export * from './configuration/angular.js';
-export * from './configuration/react.js';
-export * from './configuration/solid.js';
-export * from './configuration/vue.js';

package/dist/transformers/NativeClass/index.d.ts

@@ -1,5 +0,0 @@
-import ts from 'typescript';
-/**
- * A TypeScript transform that compiles classes marked with `@NativeClass` as es5
- */
-export default function (ctx: ts.TransformationContext): (source: ts.SourceFile) => ts.SourceFile;

package/dist/transformers/NativeClass/index.js

@@ -1,46 +0,0 @@
-import ts from 'typescript';
-/**
- * A TypeScript transform that compiles classes marked with `@NativeClass` as es5
- */
-export default function (ctx) {
-    function isNativeClassExtension(node) {
-        let decorators;
-        if ('canHaveDecorators' in ts && ts.canHaveDecorators(node)) {
-            // use the newer decorators API when using a newer typescript version
-            // @ts-ignore
-            decorators = ts.getDecorators(node);
-        }
-        else {
-            // fallback to old behavior on older typescript versions
-            decorators = node.decorators;
-        }
-        return !!decorators?.some((d) => {
-            const fullText = d.getFullText().trim();
-            if (fullText.indexOf('@NativeClass') > -1) {
-                console.log('found @NativeClass decorator in:', fullText);
-            }
-            return fullText.indexOf('@NativeClass') > -1;
-        });
-    }
-    function visitNode(node) {
-        if (ts.isClassDeclaration(node) && isNativeClassExtension(node)) {
-            return createHelper(node);
-        }
-        return ts.visitEachChild(node, visitNode, ctx);
-    }
-    function createHelper(node) {
-        // we remove the decorator for now!
-        return ts.factory.createIdentifier(ts
-            .transpileModule(node.getText().replace(/@NativeClass(\((.|\n)*?\))?/gm, ''), {
-            compilerOptions: {
-                noEmitHelpers: true,
-                module: ts.ModuleKind.ESNext,
-                target: ts.ScriptTarget.ES5,
-                experimentalDecorators: true,
-                emitDecoratorMetadata: true,
-            },
-        })
-            .outputText.replace(/(Object\.defineProperty\(.*?{.*?)(enumerable:\s*false)(.*?}\))/gs, '$1enumerable: true$3'));
-    }
-    return (source) => ts.factory.updateSourceFile(source, ts.visitNodes(source.statements, visitNode));
-}