@nativescript/vite 0.0.1 → 0.0.2

package/dist/configuration/base.js

@@ -1,228 +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();
-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

@@ -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, 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/vue.js

@@ -1,45 +0,0 @@
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import path from "path";
-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: {
-                vue: "nativescript-vue",
-                "set-value": resolve(__dirname, "../shims/set-value.js"),
-            },
-        }),
-        enforce: "pre",
-    },
-    // Enable Vue Single File Component support
-    vue({
-        // NativeScript projects often use <script setup lang="ts">
-        script: {
-            defineModel: true,
-            propsDestructure: true,
-        },
-        // Keep template compilation basic; transform asset URLs is not needed for NS
-        template: {
-            transformAssetUrls: false,
-            compilerOptions: {
-                // Only treat real web custom elements (hyphenated) as custom.
-                // DO NOT match PascalCase NativeScript tags.
-                isCustomElement: (tag) => tag.includes("-"),
-            },
-        },
-    }),
-    // Optional: allow JSX/TSX in Vue components if used
-    vueJsx(),
-];
-export const vueConfig = ({ mode }) => {
-    return mergeConfig(baseConfig({ mode }), {
-        plugins,
-    });
-};

package/dist/helpers/css-tree.js

@@ -1,21 +0,0 @@
-import path from "path";
-import { __dirname } from './project.js';
-export const aliasCssTree = [
-    // Node.js built-ins and mdn-data polyfills for css-tree
-    {
-        find: "module",
-        replacement: path.resolve(__dirname, "../polyfills/module.js"),
-    },
-    {
-        find: "mdn-data/css/properties.json",
-        replacement: path.resolve(__dirname, "../polyfills/mdn-data-properties.js"),
-    },
-    {
-        find: "mdn-data/css/syntaxes.json",
-        replacement: path.resolve(__dirname, "../polyfills/mdn-data-syntaxes.js"),
-    },
-    {
-        find: "mdn-data/css/at-rules.json",
-        replacement: path.resolve(__dirname, "../polyfills/mdn-data-at-rules.js"),
-    },
-];

package/dist/helpers/flavor.js

@@ -1,40 +0,0 @@
-// import { defaultConfigs } from '..';
-import { getAllDependencies } from "./utils.js";
-/**
- * Utility to determine the project flavor based on installed dependencies
- * (vue, angular, react, svelete, typescript, javascript...)
- */
-export function determineProjectFlavor() {
-    const dependencies = getAllDependencies();
-    if (dependencies.includes("nativescript-vue")) {
-        return "vue";
-    }
-    if (dependencies.includes("@nativescript/angular")) {
-        return "angular";
-    }
-    if (dependencies.includes("react-nativescript")) {
-        return "react";
-    }
-    if (dependencies.includes("@nativescript-community/solid-js") ||
-        dependencies.includes("solid-js")) {
-        return "solid";
-    }
-    if (dependencies.includes("svelte-native") ||
-        dependencies.includes("@nativescript-community/svelte-native")) {
-        return "svelte";
-    }
-    // the order is important - angular, react, and svelte also include these deps
-    // but should return prior to this condition!
-    if (dependencies.includes("@nativescript/core") &&
-        dependencies.includes("typescript")) {
-        return "typescript";
-    }
-    if (dependencies.includes("@nativescript/core")) {
-        return "javascript";
-    }
-    console.info(`
-		Could not determine project flavor.
-		Please use webpack.useConfig('<flavor>') to explicitly set the base config.
-	`);
-    return false;
-}

package/dist/helpers/global-defines.js

@@ -1,18 +0,0 @@
-export function getGlobalDefines(platform, targetMode) {
-    return {
-        // Define platform flags for runtime checks
-        __ANDROID__: JSON.stringify(platform === "android"),
-        __IOS__: JSON.stringify(platform === "ios"),
-        __VISIONOS__: JSON.stringify(platform === "visionos"),
-        __APPLE__: JSON.stringify(platform === "ios" || platform === "visionos"),
-        __DEV__: JSON.stringify(targetMode === "development"),
-        __COMMONJS__: false,
-        __NS_WEBPACK__: true,
-        __NS_ENV_VERBOSE__: !!process.env.verbose,
-        __CSS_PARSER__: JSON.stringify("css-tree"),
-        __UI_USE_XML_PARSER__: true,
-        __UI_USE_EXTERNAL_RENDERER__: false,
-        // various ecosystems use this global (react for example)
-        __TEST__: false,
-    };
-}

package/dist/helpers/main-entry.d.ts

@@ -1,5 +0,0 @@
-export declare function mainEntryPlugin(cliFlags: any, debug?: boolean): {
-    name: string;
-    resolveId(id: any): string;
-    load(id: any): string;
-};