@nativescript/vite 0.0.1

package/dist/configuration/angular.d.ts

@@ -0,0 +1,4 @@
+import { type UserConfig } from "vite";
+export declare const angularConfig: ({ mode }: {
+    mode: any;
+}) => UserConfig;

package/dist/configuration/angular.js

@@ -0,0 +1,30 @@
+import { mergeConfig } from "vite";
+import path from "path";
+import angular from "@analogjs/vite-plugin-angular";
+import { baseConfig } from "./base.js";
+const plugins = [
+    // Allow external html template changes to trigger hot reload: Make .ts files depend on their .html templates
+    {
+        name: "angular-template-deps",
+        transform(code, id) {
+            // For .ts files that reference templateUrl, add the .html file as a dependency
+            if (id.endsWith(".ts") && code.includes("templateUrl")) {
+                const templateUrlMatch = code.match(/templateUrl:\s*['"]\.\/(.*?\.html)['"]/);
+                if (templateUrlMatch) {
+                    const htmlPath = path.resolve(path.dirname(id), templateUrlMatch[1]);
+                    // Add the HTML file as a dependency so Vite watches it
+                    this.addWatchFile(htmlPath);
+                }
+            }
+            return null;
+        },
+    },
+    angular({
+        liveReload: false, // Disable live reload in favor of HMR
+    }),
+];
+export const angularConfig = ({ mode }) => {
+    return mergeConfig(baseConfig({ mode }), {
+        plugins,
+    });
+};

package/dist/configuration/base.d.ts

@@ -0,0 +1,13 @@
+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/base.js

@@ -0,0 +1,228 @@
+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();
+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 for ${flavor}.`);
+    // 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, skipCommonjsPackages, debugViteLogs),
+            // 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/configuration/old-without-merge-base.d.ts

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,249 @@
+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, skipCommonjsPackages, debugViteLogs),
+            // 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/configuration/react.d.ts

@@ -0,0 +1,4 @@
+import { type UserConfig } from "vite";
+export declare const reactConfig: ({ mode }: {
+    mode: any;
+}) => UserConfig;

package/dist/configuration/react.js

@@ -0,0 +1,85 @@
+import alias from "@rollup/plugin-alias";
+import { fileURLToPath } from "node:url";
+import { dirname, resolve } from "node:path";
+import { mergeConfig } from "vite";
+import { baseConfig } from "./base.js";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const plugins = [
+    {
+        ...alias({
+            entries: {
+                // Essential aliases for React NativeScript compatibility
+                // Only alias react-dom related imports, NOT React itself
+                "react-dom": "react-nativescript",
+                "react-dom/client": "react-nativescript",
+                "react-dom/server": "react-nativescript",
+                // Handle react-reconciler exports issue
+                // This addresses the "DefaultEventPriority" and "LegacyRoot" not exported errors
+                "react-reconciler/constants": resolve(__dirname, "../shims/react-reconciler-constants.js"),
+                // Additional React ecosystem compatibility
+                "react-reconciler/src/ReactFiberHostConfig": "react-nativescript/dist/client/HostConfig",
+                // Fix React reconciler namespace issue
+                "react-reconciler": resolve(__dirname, "../shims/react-reconciler.js"),
+                // Additional shims
+                "set-value": resolve(__dirname, "../shims/set-value.js"),
+            },
+        }),
+        enforce: "pre",
+    },
+    {
+        name: "react-nativescript-resolver",
+        resolveId(id) {
+            // Ensure React core exports are properly resolved
+            if (id === "react") {
+                return { id: "react", external: false };
+            }
+        },
+        load(id) {
+            // Handle React module loading to ensure all exports are available
+            if (id === "react") {
+                return `
+// Re-export all React exports to ensure they're available
+import * as React from 'react/index.js';
+
+// Explicitly export the commonly used React APIs
+export const {
+  Component,
+  PureComponent,
+  Fragment,
+  createElement,
+  createRef,
+  forwardRef,
+  useState,
+  useEffect,
+  useContext,
+  useReducer,
+  useCallback,
+  useMemo,
+  useRef,
+  useImperativeHandle,
+  useLayoutEffect,
+  useDebugValue,
+  createContext,
+  Children,
+  cloneElement,
+  isValidElement,
+  version,
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+} = React;
+
+// Export everything else
+export * from 'react/index.js';
+
+// Default export
+export default React;
+`;
+            }
+        },
+    },
+];
+export const reactConfig = ({ mode }) => {
+    return mergeConfig(baseConfig({ mode }), {
+        plugins,
+    });
+};

package/dist/configuration/solid.d.ts

@@ -0,0 +1,4 @@
+import { type UserConfig } from "vite";
+export declare const solidConfig: ({ mode }: {
+    mode: any;
+}) => UserConfig;