@nativescript/vite 8.0.0-alpha.32 → 8.0.0-alpha.34

package/helpers/postcss-platform-config.d.ts

@@ -5,7 +5,23 @@ interface PostCssConfigOptions {
     postcssImport: any;
 }
 /**
- * Builds PostCSS configuration with platform import rewriting + postcss-import fallback.
+ * Builds PostCSS configuration with a platform-aware postcss-import fallback.
+ *
+ * Reality check under Vite 8: whenever the compiled CSS still contains
+ * `@import`, Vite UNSHIFTS its own bundled postcss-import ahead of every
+ * user plugin in this config — so by the time these plugins run, the import
+ * rules have already been inlined (or the build already failed on an
+ * unresolvable specifier). Platform-variant rewriting (`foo.css` →
+ * `foo.ios.css`) therefore happens BEFORE Vite sees the CSS:
+ *   - module pipeline: the `ns-css-platform` plugin's transform hook
+ *   - direct `preprocessCSS()` callers: `rewritePlatformCssImports()`
+ *     (both in helpers/css-platform-plugin.ts)
+ * A previous `ns-postcss-platform-import-rewrite` plugin here duplicated that
+ * rewrite at the postcss layer; it was unreachable and has been removed.
+ *
+ * The postcss-import fallback below is retained as defense-in-depth for
+ * preprocessor outputs (sass passes `@import "*.css"` through untouched) in
+ * case an app's plugin order ever bypasses Vite's internal inliner.
  */
 export declare function createPostCssConfig(opts: PostCssConfigOptions): "./postcss.config.js" | {
     plugins: any[];

package/helpers/postcss-platform-config.js

@@ -2,7 +2,23 @@ import path from 'path';
 import { existsSync, readFileSync } from 'fs';
 import { findPackageInNodeModules } from './module-resolution.js';
 /**
- * Builds PostCSS configuration with platform import rewriting + postcss-import fallback.
+ * Builds PostCSS configuration with a platform-aware postcss-import fallback.
+ *
+ * Reality check under Vite 8: whenever the compiled CSS still contains
+ * `@import`, Vite UNSHIFTS its own bundled postcss-import ahead of every
+ * user plugin in this config — so by the time these plugins run, the import
+ * rules have already been inlined (or the build already failed on an
+ * unresolvable specifier). Platform-variant rewriting (`foo.css` →
+ * `foo.ios.css`) therefore happens BEFORE Vite sees the CSS:
+ *   - module pipeline: the `ns-css-platform` plugin's transform hook
+ *   - direct `preprocessCSS()` callers: `rewritePlatformCssImports()`
+ *     (both in helpers/css-platform-plugin.ts)
+ * A previous `ns-postcss-platform-import-rewrite` plugin here duplicated that
+ * rewrite at the postcss layer; it was unreachable and has been removed.
+ *
+ * The postcss-import fallback below is retained as defense-in-depth for
+ * preprocessor outputs (sass passes `@import "*.css"` through untouched) in
+ * case an app's plugin order ever bypasses Vite's internal inliner.
  */
 export function createPostCssConfig(opts) {
     const { platform, projectRoot, themeCoreRoot, postcssImport } = opts;
@@ -10,39 +26,6 @@ export function createPostCssConfig(opts) {
         return './postcss.config.js';
     return {
         plugins: [
-            {
-                postcssPlugin: 'ns-postcss-platform-import-rewrite',
-                Once(root) {
-                    try {
-                        const currentFile = root?.source?.input?.file;
-                        if (!currentFile)
-                            return;
-                        const currentDir = path.dirname(currentFile);
-                        root.walkAtRules('import', (rule) => {
-                            const m = /^\s*(?:url\()?["]?([^"')]+)["]?\)?/.exec(rule.params || '');
-                            if (!m)
-                                return;
-                            const spec = m[1];
-                            if (!spec || !(spec.startsWith('.') || spec.startsWith('/')))
-                                return;
-                            if (!spec.endsWith('.css'))
-                                return;
-                            const abs = path.isAbsolute(spec) ? spec : path.resolve(currentDir, spec);
-                            if (existsSync(abs))
-                                return;
-                            const ext = platform === 'android' ? '.android.css' : '.ios.css';
-                            const alt = abs.replace(/\.css$/, ext);
-                            if (existsSync(alt)) {
-                                let rel = path.relative(currentDir, alt).replace(/\\/g, '/');
-                                if (!rel.startsWith('.'))
-                                    rel = './' + rel;
-                                rule.params = rule.params.replace(spec, rel);
-                            }
-                        });
-                    }
-                    catch { }
-                },
-            },
             postcssImport({
                 resolve(id, basedir) {
                     if (id.startsWith('.') || id.startsWith('/')) {

package/helpers/postcss-platform-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"postcss-platform-config.js","sourceRoot":"","sources":["../../../../packages/vite/helpers/postcss-platform-config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"postcss-platform-config.js","sourceRoot":"","sources":["../../../../packages/vite/helpers/postcss-platform-config.ts"],"names":[],"mappings":"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"}

package/helpers/ui-registration.d.ts

@@ -0,0 +1,21 @@
+import type { Plugin } from 'vite';
+/**
+ * Virtual module that registers @nativescript/core/ui with the bundler module
+ * registry (so the XML builder's `global.loadModule('@nativescript/core/ui')`
+ * resolves), registers short element names (Frame, StackLayout, …), imports the
+ * bundler context, and applies View prototype guards.
+ *
+ * The entry (`virtual:entry-with-polyfills`, see main-entry.ts) imports this
+ * module immediately after `bundle-entry-points`, so its body evaluates after
+ * core's entry points but before the user's main module.
+ *
+ * History: this code used to be string-injected by a `transform` hook in
+ * typescript.ts / javascript.ts that regex-matched the generated entry for the
+ * literal `import '@nativescript/core/bundle-entry-points';`. main-entry.ts
+ * later switched to `JSON.stringify(...)` (double quotes; a full dev-server URL
+ * under HMR) and the marker silently stopped matching — no injection, and every
+ * XML build failed with "Module 'Frame' not found". A dedicated virtual module
+ * cannot drift like that.
+ */
+export declare const UI_REGISTRATION_VIRTUAL_ID = "virtual:ns-ui-registration";
+export declare function createUiRegistrationPlugin(flavor: 'typescript' | 'javascript'): Plugin;

package/helpers/ui-registration.js

@@ -0,0 +1,156 @@
+/**
+ * Virtual module that registers @nativescript/core/ui with the bundler module
+ * registry (so the XML builder's `global.loadModule('@nativescript/core/ui')`
+ * resolves), registers short element names (Frame, StackLayout, …), imports the
+ * bundler context, and applies View prototype guards.
+ *
+ * The entry (`virtual:entry-with-polyfills`, see main-entry.ts) imports this
+ * module immediately after `bundle-entry-points`, so its body evaluates after
+ * core's entry points but before the user's main module.
+ *
+ * History: this code used to be string-injected by a `transform` hook in
+ * typescript.ts / javascript.ts that regex-matched the generated entry for the
+ * literal `import '@nativescript/core/bundle-entry-points';`. main-entry.ts
+ * later switched to `JSON.stringify(...)` (double quotes; a full dev-server URL
+ * under HMR) and the marker silently stopped matching — no injection, and every
+ * XML build failed with "Module 'Frame' not found". A dedicated virtual module
+ * cannot drift like that.
+ */
+export const UI_REGISTRATION_VIRTUAL_ID = 'virtual:ns-ui-registration';
+const RESOLVED_ID = '\0' + UI_REGISTRATION_VIRTUAL_ID;
+// TypeScript flavor: statically import the core UI barrel (the ns-core-external
+// plugin rewrites it to the canonical core URL under HMR) and register it plus
+// per-element nicknames; guard flex/layout View accessors against early writes.
+const TS_REGISTRATION_CODE = `import '@nativescript/core/ui/styling/style';
+import '@nativescript/core/ui/styling/style-properties';
+import * as __nsCoreUi from '@nativescript/core/ui';
+import 'virtual:ns-bundler-context';
+(function(){
+  try {
+    const __ui = __nsCoreUi;
+    if (global.registerModule) {
+      const existsFn = global.moduleExists ? (n) => global.moduleExists(n) : () => false;
+      if (!existsFn('@nativescript/core/ui')) {
+        try { global.registerModule('@nativescript/core/ui', () => __ui); } catch(_) {}
+      }
+      Object.keys(__ui || {}).forEach(k => {
+        if (k && k[0] === k[0].toUpperCase() && !existsFn(k)) {
+          try { global.registerModule(k, () => ({ [k]: __ui[k] })); } catch(_) {}
+        }
+      });
+    }
+    if (__ui && __ui.View) {
+      const View = __ui.View;
+      const props = ['order','flexGrow','flexShrink','flexWrapBefore','alignSelf'];
+      for (const p of props) {
+        const d = Object.getOwnPropertyDescriptor(View.prototype, p);
+        if (d && typeof d.set === 'function') {
+          const origSet = d.set;
+          Object.defineProperty(View.prototype, p, {
+            configurable: true,
+            enumerable: d.enumerable,
+            get: d.get,
+            set(value){
+              if (value === undefined || value === null) return;
+              if (!this || !this._style) {
+                try { if (this && !this._style) this._style = this.style; } catch(_) {}
+                if (!this || !this._style) return;
+              }
+              return origSet.call(this, value);
+            }
+          });
+        }
+      }
+      // Force layout invalidation for alignment/visibility/size property changes
+      const forceProps = ['horizontalAlignment','verticalAlignment','visibility','height','width'];
+      for (const p of forceProps) {
+        const d = Object.getOwnPropertyDescriptor(View.prototype, p);
+        if (d && typeof d.set === 'function') {
+          const orig = d.set;
+          Object.defineProperty(View.prototype, p, {
+            configurable: true,
+            enumerable: d.enumerable,
+            get: d.get,
+            set(value){
+              const prev = this[p];
+              try { orig.call(this, value); } finally {
+                if (prev !== value) { try { this && this.requestLayout && this.requestLayout(); } catch(_) {} }
+              }
+            }
+          });
+        }
+      }
+    }
+  } catch(_) {}
+})();
+`;
+// JavaScript flavor: resolve the UI barrel via the runtime module registry
+// (global.loadModule) instead of a static namespace import; flex guard only,
+// plus short element name registration.
+const JS_REGISTRATION_CODE = `// Ensure style system is initialized before any UI component modules register CSS properties
+import '@nativescript/core/ui/styling/style';
+import '@nativescript/core/ui/styling/style-properties';
+import 'virtual:ns-bundler-context';
+// Patch CSS accessors to be resilient to early default initializations before style exists
+(function(){
+  try {
+    const __ui = (global.loadModule ? global.loadModule('@nativescript/core/ui') : (global.require ? global.require('@nativescript/core/ui') : null));
+    if (__ui && __ui.View) {
+      const View = __ui.View;
+      const props = ['order','flexGrow','flexShrink','flexWrapBefore','alignSelf'];
+      for (const p of props) {
+        const d = Object.getOwnPropertyDescriptor(View.prototype, p);
+        if (d && typeof d.set === 'function') {
+          const origSet = d.set;
+          Object.defineProperty(View.prototype, p, {
+            configurable: true,
+            enumerable: d.enumerable,
+            get: d.get,
+            set(value){
+              if (value === undefined || value === null) return;
+              if (!this || !this._style) {
+                try { if (this && !this._style) this._style = this.style; } catch(_) {}
+                if (!this || !this._style) return;
+              }
+              return origSet.call(this, value);
+            }
+          });
+        }
+      }
+    }
+  } catch(_) {}
+})();
+// Vite adjustment: register short core UI element module names (e.g. Frame, StackLayout)
+// Some XML builder paths attempt to load 'Frame' directly instead of the barrel.
+// We expose individual element names so global.loadModule('Frame') works.
+try {
+  const __ui = (global.loadModule ? global.loadModule('@nativescript/core/ui') : (global.require ? global.require('@nativescript/core/ui') : null));
+  if (__ui && global.registerModule) {
+    const existsFn = global.moduleExists ? (n) => global.moduleExists(n) : () => false;
+    Object.keys(__ui).forEach(k => {
+      if (k && k[0] === k[0].toUpperCase() && !existsFn(k)) {
+        try {
+          global.registerModule(k, () => ({ [k]: __ui[k] }));
+        } catch (e) { /* swallow */ }
+      }
+    });
+  }
+} catch(e) { /* ignore */ }
+`;
+export function createUiRegistrationPlugin(flavor) {
+    return {
+        name: `ns-ui-registration-${flavor === 'typescript' ? 'ts' : 'js'}`,
+        enforce: 'pre',
+        resolveId(id) {
+            if (id === UI_REGISTRATION_VIRTUAL_ID)
+                return RESOLVED_ID;
+            return null;
+        },
+        load(id) {
+            if (id !== RESOLVED_ID)
+                return null;
+            return { code: flavor === 'typescript' ? TS_REGISTRATION_CODE : JS_REGISTRATION_CODE, map: null };
+        },
+    };
+}
+//# sourceMappingURL=ui-registration.js.map

package/helpers/ui-registration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-registration.js","sourceRoot":"","sources":["../../../../packages/vite/helpers/ui-registration.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACvE,MAAM,WAAW,GAAG,IAAI,GAAG,0BAA0B,CAAC;AAEtD,gFAAgF;AAChF,+EAA+E;AAC/E,gFAAgF;AAChF,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D5B,CAAC;AAEF,2EAA2E;AAC3E,6EAA6E;AAC7E,wCAAwC;AACxC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AAEF,MAAM,UAAU,0BAA0B,CAAC,MAAmC;IAC7E,OAAO;QACN,IAAI,EAAE,sBAAsB,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;QACnE,OAAO,EAAE,KAAK;QACd,SAAS,CAAC,EAAE;YACX,IAAI,EAAE,KAAK,0BAA0B;gBAAE,OAAO,WAAW,CAAC;YAC1D,OAAO,IAAI,CAAC;QACb,CAAC;QACD,IAAI,CAAC,EAAE;YACN,IAAI,EAAE,KAAK,WAAW;gBAAE,OAAO,IAAI,CAAC;YACpC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,EAAE,GAAG,EAAE,IAAI,EAAS,CAAC;QAC1G,CAAC;KACD,CAAC;AACH,CAAC"}

package/hmr/client/index.js

@@ -1266,6 +1266,13 @@ async function processQueue() {
                     catch (e) {
                         console.warn('[hmr][queue] TS flavor: resetRootView(app-root) failed', e);
                     }
+                    // Tell the overlay the cycle is done — same as the solid path
+                    // above. Without this the applying overlay sticks at
+                    // 'received' (5%) forever even though the in-place navigate /
+                    // resetRootView already applied the update.
+                    setUpdateOverlayStage('complete', {
+                        detail: `Total ${Math.max(0, Date.now() - tQueueStart)}ms`,
+                    });
                     break;
                 }
             }