@nativescript/vite 0.0.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (281) hide show
  1. package/LICENSE +19 -0
  2. package/README.md +81 -0
  3. package/{dist/configuration → configuration}/angular.d.ts +1 -1
  4. package/configuration/angular.js +371 -0
  5. package/configuration/angular.js.map +1 -0
  6. package/configuration/base.d.ts +5 -0
  7. package/configuration/base.js +491 -0
  8. package/configuration/base.js.map +1 -0
  9. package/configuration/javascript.d.ts +4 -0
  10. package/configuration/javascript.js +152 -0
  11. package/configuration/javascript.js.map +1 -0
  12. package/{dist/configuration → configuration}/react.d.ts +1 -1
  13. package/{dist/configuration → configuration}/react.js +18 -17
  14. package/configuration/react.js.map +1 -0
  15. package/{dist/configuration → configuration}/solid.d.ts +1 -1
  16. package/{dist/configuration → configuration}/solid.js +17 -16
  17. package/configuration/solid.js.map +1 -0
  18. package/configuration/typescript.d.ts +4 -0
  19. package/configuration/typescript.js +176 -0
  20. package/configuration/typescript.js.map +1 -0
  21. package/{dist/configuration → configuration}/vue.d.ts +1 -1
  22. package/configuration/vue.js +163 -0
  23. package/configuration/vue.js.map +1 -0
  24. package/helpers/angular/angular-linker.d.ts +13 -0
  25. package/helpers/angular/angular-linker.js +189 -0
  26. package/helpers/angular/angular-linker.js.map +1 -0
  27. package/helpers/angular/shared-linker.d.ts +4 -0
  28. package/helpers/angular/shared-linker.js +39 -0
  29. package/helpers/angular/shared-linker.js.map +1 -0
  30. package/helpers/angular/util.d.ts +1 -0
  31. package/helpers/angular/util.js +67 -0
  32. package/helpers/angular/util.js.map +1 -0
  33. package/helpers/cli-flags.d.ts +1 -0
  34. package/helpers/cli-flags.js +15 -0
  35. package/helpers/cli-flags.js.map +1 -0
  36. package/{dist/helpers → helpers}/commonjs-plugins.js +14 -13
  37. package/helpers/commonjs-plugins.js.map +1 -0
  38. package/{dist/helpers → helpers}/config-as-json.d.ts +1 -1
  39. package/{dist/helpers → helpers}/config-as-json.js +7 -6
  40. package/helpers/config-as-json.js.map +1 -0
  41. package/helpers/css-platform-plugin.d.ts +10 -0
  42. package/helpers/css-platform-plugin.js +76 -0
  43. package/helpers/css-platform-plugin.js.map +1 -0
  44. package/helpers/css-tree.js +22 -0
  45. package/helpers/css-tree.js.map +1 -0
  46. package/{dist/helpers → helpers}/dynamic-import-plugin.js +8 -7
  47. package/helpers/dynamic-import-plugin.js.map +1 -0
  48. package/helpers/esbuild-platform-resolver.d.ts +14 -0
  49. package/helpers/esbuild-platform-resolver.js +93 -0
  50. package/helpers/esbuild-platform-resolver.js.map +1 -0
  51. package/helpers/external-configs.d.ts +6 -0
  52. package/helpers/external-configs.js +34 -0
  53. package/helpers/external-configs.js.map +1 -0
  54. package/{dist/helpers → helpers}/flavor.d.ts +1 -0
  55. package/helpers/flavor.js +51 -0
  56. package/helpers/flavor.js.map +1 -0
  57. package/helpers/global-defines.d.ts +25 -0
  58. package/helpers/global-defines.js +29 -0
  59. package/helpers/global-defines.js.map +1 -0
  60. package/helpers/init.d.ts +1 -0
  61. package/helpers/init.js +119 -0
  62. package/helpers/init.js.map +1 -0
  63. package/helpers/logging.d.ts +13 -0
  64. package/helpers/logging.js +115 -0
  65. package/helpers/logging.js.map +1 -0
  66. package/helpers/main-entry.d.ts +10 -0
  67. package/helpers/main-entry.js +223 -0
  68. package/helpers/main-entry.js.map +1 -0
  69. package/{dist/helpers → helpers}/module-resolution.js +4 -3
  70. package/helpers/module-resolution.js.map +1 -0
  71. package/helpers/module-runner-patch.d.ts +3 -0
  72. package/helpers/module-runner-patch.js +63 -0
  73. package/helpers/module-runner-patch.js.map +1 -0
  74. package/helpers/nativeclass-transform.d.ts +7 -0
  75. package/helpers/nativeclass-transform.js +158 -0
  76. package/helpers/nativeclass-transform.js.map +1 -0
  77. package/helpers/nativeclass-transformer-plugin.d.ts +5 -0
  78. package/helpers/nativeclass-transformer-plugin.js +23 -0
  79. package/helpers/nativeclass-transformer-plugin.js.map +1 -0
  80. package/{dist/helpers → helpers}/nativescript-package-resolver.js +18 -17
  81. package/helpers/nativescript-package-resolver.js.map +1 -0
  82. package/helpers/ns-cli-plugins.d.ts +14 -0
  83. package/helpers/ns-cli-plugins.js +165 -0
  84. package/helpers/ns-cli-plugins.js.map +1 -0
  85. package/helpers/package-platform-aliases.d.ts +10 -0
  86. package/{dist/helpers → helpers}/package-platform-aliases.js +19 -23
  87. package/helpers/package-platform-aliases.js.map +1 -0
  88. package/helpers/postcss-platform-config.d.ts +13 -0
  89. package/helpers/postcss-platform-config.js +97 -0
  90. package/helpers/postcss-platform-config.js.map +1 -0
  91. package/helpers/prelink-angular.d.ts +2 -0
  92. package/helpers/prelink-angular.js +117 -0
  93. package/helpers/prelink-angular.js.map +1 -0
  94. package/helpers/preserve-imports.d.ts +2 -0
  95. package/helpers/preserve-imports.js +38 -0
  96. package/helpers/preserve-imports.js.map +1 -0
  97. package/{dist/helpers → helpers}/project.js +2 -4
  98. package/helpers/project.js.map +1 -0
  99. package/helpers/resolver.d.ts +4 -0
  100. package/{dist/helpers → helpers}/resolver.js +7 -6
  101. package/helpers/resolver.js.map +1 -0
  102. package/helpers/theme-core-plugins.d.ts +14 -0
  103. package/helpers/theme-core-plugins.js +121 -0
  104. package/helpers/theme-core-plugins.js.map +1 -0
  105. package/helpers/ts-config-paths.d.ts +10 -0
  106. package/{dist/helpers → helpers}/ts-config-paths.js +73 -72
  107. package/helpers/ts-config-paths.js.map +1 -0
  108. package/{dist/helpers → helpers}/utils.d.ts +10 -0
  109. package/helpers/utils.js +143 -0
  110. package/helpers/utils.js.map +1 -0
  111. package/{dist/helpers → helpers}/workers.js +15 -16
  112. package/helpers/workers.js.map +1 -0
  113. package/hmr/client/css-handler.d.ts +4 -0
  114. package/hmr/client/css-handler.js +78 -0
  115. package/hmr/client/css-handler.js.map +1 -0
  116. package/hmr/client/index.d.ts +13 -0
  117. package/hmr/client/index.js +1723 -0
  118. package/hmr/client/index.js.map +1 -0
  119. package/hmr/client/utils.d.ts +38 -0
  120. package/hmr/client/utils.js +426 -0
  121. package/hmr/client/utils.js.map +1 -0
  122. package/hmr/entry-runtime.d.ts +8 -0
  123. package/hmr/entry-runtime.js +135 -0
  124. package/hmr/entry-runtime.js.map +1 -0
  125. package/hmr/frameworks/angular/client/index.d.ts +8 -0
  126. package/hmr/frameworks/angular/client/index.js +59 -0
  127. package/hmr/frameworks/angular/client/index.js.map +1 -0
  128. package/hmr/frameworks/angular/server/linker.d.ts +1 -0
  129. package/hmr/frameworks/angular/server/linker.js +101 -0
  130. package/hmr/frameworks/angular/server/linker.js.map +1 -0
  131. package/hmr/frameworks/angular/server/strategy.d.ts +2 -0
  132. package/hmr/frameworks/angular/server/strategy.js +187 -0
  133. package/hmr/frameworks/angular/server/strategy.js.map +1 -0
  134. package/hmr/frameworks/solid/server/strategy.d.ts +2 -0
  135. package/hmr/frameworks/solid/server/strategy.js +56 -0
  136. package/hmr/frameworks/solid/server/strategy.js.map +1 -0
  137. package/hmr/frameworks/typescript/server/strategy.d.ts +2 -0
  138. package/hmr/frameworks/typescript/server/strategy.js +125 -0
  139. package/hmr/frameworks/typescript/server/strategy.js.map +1 -0
  140. package/hmr/frameworks/vue/client/index.d.ts +22 -0
  141. package/hmr/frameworks/vue/client/index.js +1541 -0
  142. package/hmr/frameworks/vue/client/index.js.map +1 -0
  143. package/hmr/frameworks/vue/server/compiler.d.ts +11 -0
  144. package/hmr/frameworks/vue/server/compiler.js +26 -0
  145. package/hmr/frameworks/vue/server/compiler.js.map +1 -0
  146. package/hmr/frameworks/vue/server/sfc-transforms.d.ts +14 -0
  147. package/hmr/frameworks/vue/server/sfc-transforms.js +282 -0
  148. package/hmr/frameworks/vue/server/sfc-transforms.js.map +1 -0
  149. package/hmr/frameworks/vue/server/strategy.d.ts +2 -0
  150. package/hmr/frameworks/vue/server/strategy.js +272 -0
  151. package/hmr/frameworks/vue/server/strategy.js.map +1 -0
  152. package/hmr/helpers/ast-extract.d.ts +6 -0
  153. package/hmr/helpers/ast-extract.js +72 -0
  154. package/hmr/helpers/ast-extract.js.map +1 -0
  155. package/hmr/helpers/ast-normalizer.d.ts +7 -0
  156. package/hmr/helpers/ast-normalizer.js +772 -0
  157. package/hmr/helpers/ast-normalizer.js.map +1 -0
  158. package/hmr/helpers/babel.d.ts +3 -0
  159. package/hmr/helpers/babel.js +17 -0
  160. package/hmr/helpers/babel.js.map +1 -0
  161. package/hmr/helpers/sanitize.d.ts +6 -0
  162. package/hmr/helpers/sanitize.js +55 -0
  163. package/hmr/helpers/sanitize.js.map +1 -0
  164. package/hmr/helpers/vendor-rewrite.d.ts +1 -0
  165. package/hmr/helpers/vendor-rewrite.js +35 -0
  166. package/hmr/helpers/vendor-rewrite.js.map +1 -0
  167. package/hmr/server/compiler.d.ts +2 -0
  168. package/hmr/server/compiler.js +75 -0
  169. package/hmr/server/compiler.js.map +1 -0
  170. package/hmr/server/constants.d.ts +14 -0
  171. package/hmr/server/constants.js +23 -0
  172. package/hmr/server/constants.js.map +1 -0
  173. package/hmr/server/core-sanitize.d.ts +32 -0
  174. package/hmr/server/core-sanitize.js +134 -0
  175. package/hmr/server/core-sanitize.js.map +1 -0
  176. package/hmr/server/framework-strategy.d.ts +68 -0
  177. package/hmr/server/framework-strategy.js +2 -0
  178. package/hmr/server/framework-strategy.js.map +1 -0
  179. package/hmr/server/index.d.ts +5 -0
  180. package/hmr/server/index.js +23 -0
  181. package/hmr/server/index.js.map +1 -0
  182. package/hmr/server/vite-plugin.d.ts +5 -0
  183. package/hmr/server/vite-plugin.js +44 -0
  184. package/hmr/server/vite-plugin.js.map +1 -0
  185. package/hmr/server/websocket.d.ts +21 -0
  186. package/hmr/server/websocket.js +5619 -0
  187. package/hmr/server/websocket.js.map +1 -0
  188. package/hmr/shared/runtime/http-only-boot.d.ts +1 -0
  189. package/hmr/shared/runtime/http-only-boot.js +107 -0
  190. package/hmr/shared/runtime/http-only-boot.js.map +1 -0
  191. package/hmr/shared/runtime/root-placeholder.d.ts +1 -0
  192. package/hmr/shared/runtime/root-placeholder.js +142 -0
  193. package/hmr/shared/runtime/root-placeholder.js.map +1 -0
  194. package/hmr/shared/runtime/vendor-bootstrap.d.ts +1 -0
  195. package/hmr/shared/runtime/vendor-bootstrap.js +134 -0
  196. package/hmr/shared/runtime/vendor-bootstrap.js.map +1 -0
  197. package/hmr/shared/vendor/manifest-loader.d.ts +9 -0
  198. package/hmr/shared/vendor/manifest-loader.js +38 -0
  199. package/hmr/shared/vendor/manifest-loader.js.map +1 -0
  200. package/hmr/shared/vendor/manifest.d.ts +35 -0
  201. package/hmr/shared/vendor/manifest.js +811 -0
  202. package/hmr/shared/vendor/manifest.js.map +1 -0
  203. package/hmr/shared/vendor/registry.d.ts +9 -0
  204. package/hmr/shared/vendor/registry.js +62 -0
  205. package/hmr/shared/vendor/registry.js.map +1 -0
  206. package/hmr/vendor-bootstrap.d.ts +3 -0
  207. package/hmr/vendor-bootstrap.js +32 -0
  208. package/hmr/vendor-bootstrap.js.map +1 -0
  209. package/{dist/index.d.ts → index.d.ts} +2 -0
  210. package/index.js +19 -0
  211. package/index.js.map +1 -0
  212. package/package.json +42 -30
  213. package/{dist/polyfills → polyfills}/mdn-data-at-rules.js +1 -0
  214. package/polyfills/mdn-data-at-rules.js.map +1 -0
  215. package/{dist/polyfills → polyfills}/mdn-data-properties.js +1 -0
  216. package/polyfills/mdn-data-properties.js.map +1 -0
  217. package/{dist/polyfills → polyfills}/mdn-data-syntaxes.js +1 -0
  218. package/polyfills/mdn-data-syntaxes.js.map +1 -0
  219. package/{dist/polyfills → polyfills}/module.js +1 -0
  220. package/polyfills/module.js.map +1 -0
  221. package/runtime/core-aliases-early.d.ts +1 -0
  222. package/runtime/core-aliases-early.js +334 -0
  223. package/runtime/core-aliases-early.js.map +1 -0
  224. package/shims/angular-animations-stub.d.ts +68 -0
  225. package/shims/angular-animations-stub.js +140 -0
  226. package/shims/angular-animations-stub.js.map +1 -0
  227. package/shims/node-module.d.ts +5 -0
  228. package/shims/node-module.js +13 -0
  229. package/shims/node-module.js.map +1 -0
  230. package/{dist/shims → shims}/react-reconciler-constants.js +2 -1
  231. package/shims/react-reconciler-constants.js.map +1 -0
  232. package/{dist/shims → shims}/react-reconciler.js +1 -0
  233. package/shims/react-reconciler.js.map +1 -0
  234. package/{dist/shims → shims}/set-value.js +5 -1
  235. package/shims/set-value.js.map +1 -0
  236. package/transformers/NativeClass/index.d.ts +2 -0
  237. package/transformers/NativeClass/index.js +222 -0
  238. package/transformers/NativeClass/index.js.map +1 -0
  239. package/dist/configuration/angular.js +0 -30
  240. package/dist/configuration/base.d.ts +0 -13
  241. package/dist/configuration/base.js +0 -228
  242. package/dist/configuration/old-without-merge-base.d.ts +0 -13
  243. package/dist/configuration/old-without-merge-base.js +0 -249
  244. package/dist/configuration/vue.js +0 -45
  245. package/dist/helpers/css-tree.js +0 -21
  246. package/dist/helpers/flavor.js +0 -40
  247. package/dist/helpers/global-defines.d.ts +0 -14
  248. package/dist/helpers/global-defines.js +0 -18
  249. package/dist/helpers/main-entry.d.ts +0 -5
  250. package/dist/helpers/main-entry.js +0 -75
  251. package/dist/helpers/ns-cli-plugins.d.ts +0 -17
  252. package/dist/helpers/ns-cli-plugins.js +0 -128
  253. package/dist/helpers/package-platform-aliases.d.ts +0 -4
  254. package/dist/helpers/resolver.d.ts +0 -4
  255. package/dist/helpers/ts-config-paths.d.ts +0 -4
  256. package/dist/helpers/utils.js +0 -94
  257. package/dist/hmr/hmr-angular.d.ts +0 -1
  258. package/dist/hmr/hmr-angular.js +0 -34
  259. package/dist/hmr/hmr-bridge.d.ts +0 -18
  260. package/dist/hmr/hmr-bridge.js +0 -154
  261. package/dist/hmr/hmr-client.d.ts +0 -5
  262. package/dist/hmr/hmr-client.js +0 -93
  263. package/dist/hmr/hmr-server.d.ts +0 -20
  264. package/dist/hmr/hmr-server.js +0 -179
  265. package/dist/index.js +0 -5
  266. package/dist/transformers/NativeClass/index.d.ts +0 -5
  267. package/dist/transformers/NativeClass/index.js +0 -46
  268. /package/{dist/helpers → helpers}/commonjs-plugins.d.ts +0 -0
  269. /package/{dist/helpers → helpers}/css-tree.d.ts +0 -0
  270. /package/{dist/helpers → helpers}/dynamic-import-plugin.d.ts +0 -0
  271. /package/{dist/helpers → helpers}/module-resolution.d.ts +0 -0
  272. /package/{dist/helpers → helpers}/nativescript-package-resolver.d.ts +0 -0
  273. /package/{dist/helpers → helpers}/project.d.ts +0 -0
  274. /package/{dist/helpers → helpers}/workers.d.ts +0 -0
  275. /package/{dist/polyfills → polyfills}/mdn-data-at-rules.d.ts +0 -0
  276. /package/{dist/polyfills → polyfills}/mdn-data-properties.d.ts +0 -0
  277. /package/{dist/polyfills → polyfills}/mdn-data-syntaxes.d.ts +0 -0
  278. /package/{dist/polyfills → polyfills}/module.d.ts +0 -0
  279. /package/{dist/shims → shims}/react-reconciler-constants.d.ts +0 -0
  280. /package/{dist/shims → shims}/react-reconciler.d.ts +0 -0
  281. /package/{dist/shims → shims}/set-value.d.ts +0 -0
@@ -1,249 +0,0 @@
1
- import path from "path";
2
- import minimist from "minimist";
3
- import commonjs from "@rollup/plugin-commonjs";
4
- import NativeScriptPlugin from "../helpers/resolver.js";
5
- import nsConfigAsJsonPlugin from "../helpers/config-as-json.js";
6
- import { getProjectRootPath } from "../helpers/project.js";
7
- import { aliasCssTree } from "../helpers/css-tree.js";
8
- import { packagePlatformAliases } from "../helpers/package-platform-aliases.js";
9
- import { getGlobalDefines } from "../helpers/global-defines.js";
10
- import { getWorkerPlugins, workerUrlPlugin } from "../helpers/workers.js";
11
- import { getTsConfigData } from "../helpers/ts-config-paths.js";
12
- import { commonjsPlugins } from "../helpers/commonjs-plugins.js";
13
- import { nativescriptPackageResolver } from "../helpers/nativescript-package-resolver.js";
14
- import { hmrPlugin, cliPlugin } from "../helpers/ns-cli-plugins.js";
15
- import { dynamicImportPlugin } from "../helpers/dynamic-import-plugin.js";
16
- import { mainEntryPlugin } from "../helpers/main-entry.js";
17
- import { determineProjectFlavor } from "../helpers/flavor.js";
18
- const debugViteLogs = !!process.env.VITE_DEBUG_PATHS;
19
- const projectRoot = getProjectRootPath();
20
- // NOTE: just testing with angular directly temporarily
21
- // change this to pick up environment for flavors dynamically
22
- // import { angularPlugins } from "./angular.js";
23
- // import { getReactPlugins } from "./react.js";
24
- // import { getSolidPlugins } from "./solid.js";
25
- // import { vuePlugins } from "./vue.js";
26
- export const baseConfig = ({ mode, skipCommonjsPackages, customCommonjsPlugins, commonjsIgnoreList, optimizeDeps, }) => {
27
- const platform = mode;
28
- const targetMode = process.env.production ? "production" : "development";
29
- const cliArgs = minimist(process.argv.slice(2), { "--": true });
30
- const cliFlags = (cliArgs["--"] || []).reduce((obj, flag) => {
31
- // remove env prefix
32
- const [rawKey, ...rest] = flag.replace(/^--env\./, "").split("=");
33
- obj[rawKey] = rest.length === 0 ? true : rest.join("=");
34
- return obj;
35
- }, {});
36
- console.log("cliFlags:", cliFlags);
37
- const debug = !!cliFlags.viteDebug || !!process.env.DEBUG || targetMode === "development";
38
- if (debug) {
39
- console.log("--------------");
40
- console.log("Vite config mode:", mode);
41
- console.log("Target mode:", targetMode);
42
- console.log("Platform:", platform);
43
- console.log("--------------");
44
- }
45
- const flavor = determineProjectFlavor();
46
- console.log(`Building with ${flavor}`);
47
- // let flavorPlugins: any[] = [];
48
- switch (flavor) {
49
- // case "angular":
50
- // flavorPlugins = angularPlugins;
51
- // break;
52
- // case "react":
53
- // flavorPlugins = getReactPlugins(!debug);
54
- // break;
55
- // case "vue":
56
- // flavorPlugins = vuePlugins;
57
- // break;
58
- // case "solid":
59
- // flavorPlugins = getSolidPlugins(!debug);
60
- // break;
61
- }
62
- // Create TypeScript aliases with platform support
63
- const tsConfigData = getTsConfigData(debugViteLogs, platform);
64
- // Common resolve configuration for both main and worker builds
65
- const resolveConfig = {
66
- // ensures Vite prefers ESM entry‑points
67
- mainFields: ["module", "main"],
68
- // Make sure ESM conditions win during resolution
69
- conditions: ["module", "import", "browser", "default"],
70
- // use this with merge config instead or could list common dedupes in base here altogether
71
- dedupe: ["@nativescript/core", "nativescript-vue", "vue"],
72
- // Alias "@" and "~" to your src directory for cleaner imports
73
- alias: [
74
- ...aliasCssTree,
75
- // 1) Catch exactly `~/package.json` → virtual module (MUST be first!)
76
- { find: /^~\/package\.json$/, replacement: "~/package.json" },
77
- // TypeScript path aliases from tsconfig.json
78
- ...tsConfigData.aliases,
79
- // Generic platform resolution for any npm package
80
- packagePlatformAliases(tsConfigData, platform, skipCommonjsPackages, debugViteLogs),
81
- // 2) Catch everything else under "~/" → your src/
82
- { find: /^~\/(.*)$/, replacement: path.resolve(projectRoot, "src/$1") },
83
- // optional: "@" → src/
84
- { find: "@", replacement: path.resolve(projectRoot, "src") },
85
- ],
86
- extensions: [
87
- ".ios.tsx",
88
- ".android.tsx",
89
- ".tsx",
90
- ".ios.jsx",
91
- ".android.jsx",
92
- ".jsx",
93
- ".ios.ts",
94
- ".android.ts",
95
- ".ts",
96
- ".ios.js",
97
- ".android.js",
98
- ".js",
99
- ".mjs",
100
- ".json",
101
- ],
102
- preserveSymlinks: true,
103
- };
104
- // Common define configuration for both main and worker builds
105
- const defineConfig = getGlobalDefines(platform, targetMode);
106
- return {
107
- resolve: resolveConfig,
108
- define: defineConfig,
109
- // Vite's built-in solution for CommonJS/ESM compatibility issues
110
- optimizeDeps: {
111
- // Force pre-bundling of problematic CommonJS packages
112
- include: [
113
- // "source-map-js",
114
- "@valor/nativescript-websockets",
115
- // React and related packages for proper module resolution
116
- "react",
117
- "react-reconciler",
118
- "react-nativescript",
119
- ...(optimizeDeps || []),
120
- // Add any other problematic packages here
121
- ],
122
- // Handle Node.js built-ins and other edge cases
123
- esbuildOptions: {
124
- // Pass the same conditions to ESBuild for css-tree compatibility
125
- conditions: ["module", "import", "browser", "default"],
126
- // Define globals for Node.js built-ins if needed
127
- define: {
128
- global: "globalThis",
129
- },
130
- },
131
- },
132
- plugins: [
133
- // TODO: make flavor plugins dynamic
134
- // ...flavorPlugins,
135
- ...commonjsPlugins,
136
- ...(customCommonjsPlugins || []),
137
- // Platform-specific package resolver - MUST come before commonjs plugin
138
- nativescriptPackageResolver(platform),
139
- // Simplified CommonJS handling - let Vite's optimizeDeps do the heavy lifting
140
- commonjs({
141
- include: [/node_modules/],
142
- // Force specific problematic modules to be treated as CommonJS
143
- requireReturnsDefault: "auto",
144
- defaultIsModuleExports: "auto",
145
- transformMixedEsModules: true,
146
- // Ignore optional dependencies that are meant to fail gracefully
147
- ignore: [
148
- "@nativescript/android",
149
- "@nativescript/ios",
150
- ...(commonjsIgnoreList || []),
151
- ],
152
- }),
153
- nsConfigAsJsonPlugin(),
154
- NativeScriptPlugin({ platform }),
155
- mainEntryPlugin(cliFlags, debug),
156
- // NativeScript HMR integration - track changes for incremental builds
157
- hmrPlugin(targetMode),
158
- // NativeScript CLI integration - enhanced IPC communication for HMR
159
- cliPlugin(targetMode, cliFlags),
160
- dynamicImportPlugin(),
161
- // Transform Vite worker URLs to NativeScript format AFTER bundling
162
- workerUrlPlugin(),
163
- ],
164
- css: {
165
- postcss: "./postcss.config.js",
166
- },
167
- // Development server configuration for HMR
168
- server: targetMode === "development"
169
- ? {
170
- hmr: {
171
- // Enable Vite's built-in HMR
172
- port: 24678, // Different port to avoid conflicts with our custom WebSocket
173
- },
174
- // CORS for development
175
- cors: true,
176
- }
177
- : {},
178
- // Configure worker builds to bundle everything into standalone workers
179
- worker: {
180
- format: "es",
181
- plugins: () => getWorkerPlugins(platform),
182
- rollupOptions: {
183
- // Don't externalize anything - bundle everything into the worker
184
- external: [],
185
- output: {
186
- // Inline all dynamic imports to create standalone bundle
187
- inlineDynamicImports: true,
188
- },
189
- },
190
- },
191
- build: {
192
- target: "esnext",
193
- minify: !debug,
194
- // Generate source maps for debugging
195
- // Note: just disabling for now until can hook up to angular vite/analog plugin
196
- sourcemap: false, //debug,
197
- // Disable module preloading to avoid browser APIs
198
- modulePreload: false,
199
- // Optimize for development speed
200
- ...(targetMode === "development" && {
201
- // Faster builds in development
202
- reportCompressedSize: false,
203
- chunkSizeWarningLimit: 2000,
204
- }),
205
- commonjsOptions: {
206
- include: [/node_modules/],
207
- },
208
- rollupOptions: {
209
- input: "virtual:entry-with-polyfills",
210
- output: {
211
- dir: path.resolve(projectRoot, "dist"),
212
- format: "es", // Emit ES modules (.mjs)
213
- entryFileNames: "bundle.mjs", // <- no hash here
214
- chunkFileNames: (chunk) => {
215
- if (chunk.name === "vendor")
216
- return "vendor.mjs";
217
- // Place worker files at root level, not in assets/
218
- if (chunk.name && chunk.name.includes("worker")) {
219
- return "[name]-[hash].js";
220
- }
221
- return "[name]-[hash].mjs";
222
- },
223
- assetFileNames: "assets/[name][extname]",
224
- // Create single vendor chunk - no separate globals chunk to avoid circular deps
225
- manualChunks(id) {
226
- if (id.includes("node_modules")) {
227
- // Note: this is work in progress on best setup
228
- // Keep polyfills and Zone-dependent packages in main bundle to ensure correct execution order
229
- if ([
230
- "@nativescript/core",
231
- "@nativescript/angular",
232
- "@nativescript/zone-js",
233
- "@valor/nativescript-websockets",
234
- "make-error",
235
- // "source-map-js",
236
- "zone.js",
237
- "/globals",
238
- "/polyfills",
239
- ].includes(id)) {
240
- return undefined; // Keep in main bundle
241
- }
242
- return "vendor";
243
- }
244
- },
245
- },
246
- },
247
- },
248
- };
249
- };
@@ -1,45 +0,0 @@
1
- import vue from "@vitejs/plugin-vue";
2
- import vueJsx from "@vitejs/plugin-vue-jsx";
3
- import path from "path";
4
- import alias from "@rollup/plugin-alias";
5
- import { fileURLToPath } from "node:url";
6
- import { dirname, resolve } from "node:path";
7
- import { mergeConfig } from "vite";
8
- import { baseConfig } from "./base.js";
9
- const __filename = fileURLToPath(import.meta.url);
10
- const __dirname = dirname(__filename);
11
- const plugins = [
12
- {
13
- ...alias({
14
- entries: {
15
- vue: "nativescript-vue",
16
- "set-value": resolve(__dirname, "../shims/set-value.js"),
17
- },
18
- }),
19
- enforce: "pre",
20
- },
21
- // Enable Vue Single File Component support
22
- vue({
23
- // NativeScript projects often use <script setup lang="ts">
24
- script: {
25
- defineModel: true,
26
- propsDestructure: true,
27
- },
28
- // Keep template compilation basic; transform asset URLs is not needed for NS
29
- template: {
30
- transformAssetUrls: false,
31
- compilerOptions: {
32
- // Only treat real web custom elements (hyphenated) as custom.
33
- // DO NOT match PascalCase NativeScript tags.
34
- isCustomElement: (tag) => tag.includes("-"),
35
- },
36
- },
37
- }),
38
- // Optional: allow JSX/TSX in Vue components if used
39
- vueJsx(),
40
- ];
41
- export const vueConfig = ({ mode }) => {
42
- return mergeConfig(baseConfig({ mode }), {
43
- plugins,
44
- });
45
- };
@@ -1,21 +0,0 @@
1
- import path from "path";
2
- import { __dirname } from './project.js';
3
- export const aliasCssTree = [
4
- // Node.js built-ins and mdn-data polyfills for css-tree
5
- {
6
- find: "module",
7
- replacement: path.resolve(__dirname, "../polyfills/module.js"),
8
- },
9
- {
10
- find: "mdn-data/css/properties.json",
11
- replacement: path.resolve(__dirname, "../polyfills/mdn-data-properties.js"),
12
- },
13
- {
14
- find: "mdn-data/css/syntaxes.json",
15
- replacement: path.resolve(__dirname, "../polyfills/mdn-data-syntaxes.js"),
16
- },
17
- {
18
- find: "mdn-data/css/at-rules.json",
19
- replacement: path.resolve(__dirname, "../polyfills/mdn-data-at-rules.js"),
20
- },
21
- ];
@@ -1,40 +0,0 @@
1
- // import { defaultConfigs } from '..';
2
- import { getAllDependencies } from "./utils.js";
3
- /**
4
- * Utility to determine the project flavor based on installed dependencies
5
- * (vue, angular, react, svelete, typescript, javascript...)
6
- */
7
- export function determineProjectFlavor() {
8
- const dependencies = getAllDependencies();
9
- if (dependencies.includes("nativescript-vue")) {
10
- return "vue";
11
- }
12
- if (dependencies.includes("@nativescript/angular")) {
13
- return "angular";
14
- }
15
- if (dependencies.includes("react-nativescript")) {
16
- return "react";
17
- }
18
- if (dependencies.includes("@nativescript-community/solid-js") ||
19
- dependencies.includes("solid-js")) {
20
- return "solid";
21
- }
22
- if (dependencies.includes("svelte-native") ||
23
- dependencies.includes("@nativescript-community/svelte-native")) {
24
- return "svelte";
25
- }
26
- // the order is important - angular, react, and svelte also include these deps
27
- // but should return prior to this condition!
28
- if (dependencies.includes("@nativescript/core") &&
29
- dependencies.includes("typescript")) {
30
- return "typescript";
31
- }
32
- if (dependencies.includes("@nativescript/core")) {
33
- return "javascript";
34
- }
35
- console.info(`
36
- Could not determine project flavor.
37
- Please use webpack.useConfig('<flavor>') to explicitly set the base config.
38
- `);
39
- return false;
40
- }
@@ -1,14 +0,0 @@
1
- export declare function getGlobalDefines(platform: string, targetMode: string): {
2
- __ANDROID__: string;
3
- __IOS__: string;
4
- __VISIONOS__: string;
5
- __APPLE__: string;
6
- __DEV__: string;
7
- __COMMONJS__: boolean;
8
- __NS_WEBPACK__: boolean;
9
- __NS_ENV_VERBOSE__: boolean;
10
- __CSS_PARSER__: string;
11
- __UI_USE_XML_PARSER__: boolean;
12
- __UI_USE_EXTERNAL_RENDERER__: boolean;
13
- __TEST__: boolean;
14
- };
@@ -1,18 +0,0 @@
1
- export function getGlobalDefines(platform, targetMode) {
2
- return {
3
- // Define platform flags for runtime checks
4
- __ANDROID__: JSON.stringify(platform === "android"),
5
- __IOS__: JSON.stringify(platform === "ios"),
6
- __VISIONOS__: JSON.stringify(platform === "visionos"),
7
- __APPLE__: JSON.stringify(platform === "ios" || platform === "visionos"),
8
- __DEV__: JSON.stringify(targetMode === "development"),
9
- __COMMONJS__: false,
10
- __NS_WEBPACK__: true,
11
- __NS_ENV_VERBOSE__: !!process.env.verbose,
12
- __CSS_PARSER__: JSON.stringify("css-tree"),
13
- __UI_USE_XML_PARSER__: true,
14
- __UI_USE_EXTERNAL_RENDERER__: false,
15
- // various ecosystems use this global (react for example)
16
- __TEST__: false,
17
- };
18
- }
@@ -1,5 +0,0 @@
1
- export declare function mainEntryPlugin(cliFlags: any, debug?: boolean): {
2
- name: string;
3
- resolveId(id: any): string;
4
- load(id: any): string;
5
- };
@@ -1,75 +0,0 @@
1
- import { getPackageJson, getProjectFilePath, getProjectRootPath, } from "./project.js";
2
- import fs from "fs";
3
- import path from "path";
4
- const projectRoot = getProjectRootPath();
5
- // main entry
6
- const packageJson = getPackageJson();
7
- const mainEntry = getProjectFilePath(packageJson.main);
8
- // console.log("mainEntry:", mainEntry);
9
- // hmr client
10
- const hmrClientPath = getProjectFilePath("./node_modules/@nativescript/vite/dist/hmr/hmr-client.js");
11
- const hmrClientExists = fs.existsSync(hmrClientPath);
12
- // console.log("hmrClientPath:", hmrClientPath);
13
- // console.log("hmrClientExists:", hmrClientExists);
14
- // Check if polyfills file exists
15
- const polyfillsPath = getProjectFilePath("src/polyfills.ts");
16
- const polyfillsExists = fs.existsSync(polyfillsPath);
17
- // console.log("polyfillsPath:", polyfillsPath);
18
- // console.log("polyfillsExists:", polyfillsExists);
19
- const VIRTUAL_ID = 'virtual:entry-with-polyfills';
20
- const RESOLVED = '\0' + VIRTUAL_ID;
21
- export function mainEntryPlugin(cliFlags, debug) {
22
- return {
23
- name: "main-entry",
24
- resolveId(id) {
25
- if (id === VIRTUAL_ID) {
26
- return RESOLVED;
27
- }
28
- return null;
29
- },
30
- load(id) {
31
- if (id === RESOLVED) {
32
- let imports = "";
33
- if (polyfillsExists) {
34
- imports += `import '${polyfillsPath}';\n`;
35
- }
36
- // Import WebSocket support for HMR in development
37
- if (debug && cliFlags.hmr) {
38
- imports += `import '${hmrClientPath}';\n`;
39
- }
40
- // Import inspector modules for debugging in development
41
- if (debug) {
42
- imports += `import '@nativescript/core/inspector_modules';\n`;
43
- }
44
- // Import CSS and apply via Application.addCss before main entry
45
- const appCssPath = path.resolve(projectRoot, "src/app.css");
46
- if (fs.existsSync(appCssPath)) {
47
- imports += `
48
- // Import and apply global CSS
49
- import appCssContent from './src/app.css?inline';
50
- import { Application } from '@nativescript/core';
51
-
52
- if (typeof global !== 'undefined' && appCssContent) {
53
- try {
54
- // Just testing logs if needed
55
- // console.log('🎨 CSS content length:', appCssContent.length);
56
- // console.log('🎨 CSS content preview:', appCssContent.substring(0, 200) + '...');
57
-
58
- Application.addCss(appCssContent);
59
- // console.log('🎨 Global CSS applied');
60
- } catch (error) {
61
- console.error('Error applying CSS:', error);
62
- }
63
- }
64
- `;
65
- }
66
- imports += `import '${mainEntry}';`;
67
- if (debug) {
68
- console.log("🔄 Virtual entry imports:", imports);
69
- }
70
- return imports;
71
- }
72
- return null;
73
- },
74
- };
75
- }
@@ -1,17 +0,0 @@
1
- export declare function hmrPlugin(targetMode: string): {
2
- name: string;
3
- buildStart(): void;
4
- watchChange(id: any, { event }: {
5
- event: any;
6
- }): void;
7
- handleHotUpdate({ file, server, timestamp }: {
8
- file: any;
9
- server: any;
10
- timestamp: any;
11
- }): any[];
12
- };
13
- export declare function cliPlugin(targetMode: string, cliFlags: any): {
14
- name: string;
15
- buildStart(): void;
16
- writeBundle(options: any, bundle: any): void;
17
- };
@@ -1,128 +0,0 @@
1
- import path from "path";
2
- // NativeScript HMR integration - track changes for incremental builds
3
- // Track changed files globally for HMR
4
- let changedFilesTracker = new Set();
5
- let isInitialBuild = true;
6
- export function hmrPlugin(targetMode) {
7
- return {
8
- name: "nativescript-hmr",
9
- buildStart() {
10
- if (targetMode === "development") {
11
- console.log("🔥 Vite: Build started");
12
- // Don't clear changedFilesTracker here - we need it for writeBundle
13
- // We'll clear it in writeBundle after using it
14
- }
15
- },
16
- // Use watchChange hook to track file changes in build mode
17
- watchChange(id, { event }) {
18
- if (targetMode === "development") {
19
- const relativePath = path.relative(process.cwd(), id);
20
- // Only track changes in src directory and config files
21
- const shouldTrack = relativePath.startsWith("src/");
22
- if (!shouldTrack) {
23
- return; // Ignore changes to build outputs, platforms, node_modules, etc.
24
- }
25
- console.log(`🔥 File ${event}:`, relativePath);
26
- // Track the changed file
27
- changedFilesTracker.add(relativePath);
28
- // Log the type of change for debugging
29
- if (id.endsWith(".css") || id.endsWith(".scss")) {
30
- console.log("🔥 CSS file change detected");
31
- }
32
- else if (id.endsWith(".html")) {
33
- console.log("🔥 HTML template change detected");
34
- }
35
- else if (id.endsWith(".ts") && !id.endsWith(".d.ts")) {
36
- console.log("🔥 TypeScript file change detected");
37
- }
38
- }
39
- },
40
- // Keep handleHotUpdate for completeness, but it won't fire in build mode
41
- handleHotUpdate({ file, server, timestamp }) {
42
- if (targetMode === "development") {
43
- const relativePath = path.relative(process.cwd(), file);
44
- // Only handle HMR for src directory and config files
45
- const shouldHandle = relativePath.startsWith("src/");
46
- if (!shouldHandle) {
47
- return []; // Ignore HMR for build outputs, platforms, node_modules, etc.
48
- }
49
- console.log("🔥 HMR update detected for:", relativePath);
50
- console.log("🔥 Note: This only fires in dev server mode, not build mode");
51
- return;
52
- }
53
- },
54
- };
55
- }
56
- // NativeScript CLI integration - including IPC communication for HMR
57
- export function cliPlugin(targetMode, cliFlags) {
58
- return {
59
- name: "nativescript-cli-integration",
60
- buildStart() {
61
- if (targetMode === "development") {
62
- console.log("🔥 Vite: Build started");
63
- }
64
- },
65
- writeBundle(options, bundle) {
66
- if (targetMode === "development") {
67
- const buildType = isInitialBuild ? "initial" : "incremental";
68
- console.log(`🔥 NativeScript: ${buildType} build completed`);
69
- // Get all emitted files from the bundle
70
- const emittedFiles = Object.keys(bundle);
71
- // Determine what changed
72
- const changedFilesList = Array.from(changedFilesTracker);
73
- // Determine if this should be an HMR update:
74
- // - Not the initial build
75
- // - Has specific changed files
76
- // - Changes are HMR-compatible (HTML templates, CSS, some TS changes)
77
- const hasHTMLChanges = changedFilesList.some((f) => f.endsWith(".html"));
78
- const hasCSSChanges = changedFilesList.some((f) => f.endsWith(".css") || f.endsWith(".scss"));
79
- const hasComponentChanges = changedFilesList.some((f) => f.includes(".component."));
80
- const canUseHMR = !isInitialBuild &&
81
- changedFilesList.length > 0 &&
82
- (hasHTMLChanges || hasCSSChanges || hasComponentChanges);
83
- const isHMR = canUseHMR && cliFlags.hmr;
84
- if (changedFilesList.length > 0) {
85
- console.log("🔥 Changed files triggered rebuild:", changedFilesList);
86
- console.log("🔥 Can use HMR:", canUseHMR);
87
- }
88
- // For TypeScript changes, this will be a full rebuild (expected)
89
- // For CSS changes, this could potentially be optimized (future enhancement)
90
- const hasTypeScriptChanges = changedFilesList.some((f) => f.endsWith(".ts"));
91
- if (hasTypeScriptChanges) {
92
- console.log("🔥 TypeScript changes detected - full rebuild required");
93
- }
94
- if (hasCSSChanges) {
95
- console.log("🔥 CSS changes detected - could be optimized for HMR in future");
96
- }
97
- if (hasHTMLChanges) {
98
- console.log("🔥 HTML template changes detected - using HMR");
99
- }
100
- console.log(`🔥 Emitted ${emittedFiles.length} files in ${buildType} build`);
101
- // Send IPC message to CLI
102
- if (process.send) {
103
- const message = {
104
- emittedFiles: emittedFiles,
105
- chunkFiles: emittedFiles.filter((f) => f.includes("chunk") || f.includes("vendor")),
106
- hash: Date.now().toString(),
107
- isHMR: isHMR && !isInitialBuild, // Mark as HMR for incremental builds
108
- changedFiles: changedFilesList,
109
- buildType: buildType,
110
- timestamp: Date.now(),
111
- };
112
- console.log(`🔥 Sending ${buildType} build notification to CLI (isHMR: ${message.isHMR})`);
113
- if (changedFilesList.length > 0) {
114
- console.log("🔥 IPC includes changed files:", changedFilesList);
115
- }
116
- process.send(message);
117
- }
118
- // Reset trackers AFTER we've used them
119
- if (isInitialBuild) {
120
- isInitialBuild = false;
121
- console.log("🔥 Initial build complete - subsequent changes will trigger fast rebuilds");
122
- }
123
- // Clear the tracker for the next build cycle
124
- changedFilesTracker.clear();
125
- }
126
- },
127
- };
128
- }
@@ -1,4 +0,0 @@
1
- export declare function packagePlatformAliases(tsConfigData: any, platform: string, skipCommonjsPackages?: string[], debugViteLogs?: boolean): {
2
- find: RegExp;
3
- replacement: (id: any) => any;
4
- };
@@ -1,4 +0,0 @@
1
- import type { Plugin } from "vite";
2
- export default function NativeScriptPlugin(options: {
3
- platform: "ios" | "android" | "visionos";
4
- }): Plugin;
@@ -1,4 +0,0 @@
1
- export declare const getTsConfigData: (debugViteLogs: boolean, platform: string) => {
2
- data: any;
3
- aliases: any[];
4
- };