@nativescript/vite 8.0.0-alpha.13 → 8.0.0-alpha.15

package/hmr/shared/runtime/boot-placeholder-ui.d.ts

@@ -0,0 +1,69 @@
+import type { HmrOverlaySnapshot } from './dev-overlay.js';
+/**
+ * Calibrated palette for the boot placeholder card. The card is
+ * intentionally light so the small accent (brand badge + progress
+ * fill) reads as the only "live" element on the screen.
+ *
+ * Tones map to the snapshot tone enum from `dev-overlay.ts`:
+ *  - `info` (default) — calm slate + NS blue
+ *  - `error` — dusty rose-on-white surface
+ */
+export type BootPlaceholderTone = 'info' | 'error';
+export interface BootPlaceholderPalette {
+    pageBackground: string;
+    cardBackground: string;
+    cardShadow: string;
+    titleText: string;
+    phaseText: string;
+    detailText: string;
+    progressTrack: string;
+    progressFill: string;
+    activityIndicator: string;
+}
+/**
+ * Resolve the palette for a given tone. Unknown tones fall back to
+ * the calm `info` palette
+ */
+export declare function getBootPlaceholderPalette(tone?: string | null): BootPlaceholderPalette;
+/**
+ * Animation contract for the boot placeholder.
+ *
+ * `entranceDurationMs` covers the one-shot fade + scale that fires
+ * when the placeholder card first attaches to the visual tree.
+ * `entranceFromScale` is the starting scale before easeOut to 1.
+ *
+ * `progressDurationMs` is the per-update fade for the progress fill's
+ * `scaleX`. Pegged to 220 ms (just under the heartbeat's 250 ms tick)
+ * so consecutive ticks chain into continuous motion rather than
+ * waiting on the previous animation to settle.
+ *
+ * `brandPulseDurationMs` is one half-period of the brand badge's
+ * opacity pulse. A full cycle is `brandPulseDurationMs * 2`. Keeping
+ * it long (~1.2 s) makes the pulse feel ambient rather than nervous.
+ */
+export declare const BOOT_PLACEHOLDER_MOTION: {
+    readonly entranceDurationMs: 380;
+    readonly entranceFromScale: 0.94;
+    readonly progressDurationMs: 220;
+    readonly brandPulseDurationMs: 1200;
+    readonly brandPulseMinOpacity: 0.55;
+};
+/**
+ * Convert a 0–100 progress percentage into an `scaleX` factor that
+ * the fill view can animate against. Clamps to [`minScale`, 1] so the
+ * fill never collapses to an invisible hairline
+ *
+ * The default `minScale` of 0.01 keeps the bar visible during the
+ * earliest moments of boot when progress is 0
+ */
+export declare function computeBootProgressFillScale(progress: number | null | undefined, minScale?: number): number;
+/**
+ * The "phase + percent" line we show as the primary status text
+ * inside the card
+ */
+export declare function formatBootPrimaryLine(snapshot: Pick<HmrOverlaySnapshot, 'phase' | 'progress'> | null | undefined): string;
+/**
+ * The secondary detail line (e.g. "Loading the application module
+ * graph (6259ms)").
+ */
+export declare function formatBootDetailLine(snapshot: Pick<HmrOverlaySnapshot, 'detail'> | null | undefined): string;

package/hmr/shared/runtime/boot-placeholder-ui.js

@@ -0,0 +1,101 @@
+// Pure helpers for the cold-boot placeholder's visual treatment.
+//
+// The visible UI is constructed in `root-placeholder.ts` (an NS view
+// tree attached to `Application` via `launchEvent`), and driven by the
+// dev-overlay via `updateBootStatusLabel`. This file owns the bits
+// that don't need a runtime view tree to make sense — colours,
+// animation timings, the formula that turns a 0–100 progress into the
+// fill bar's `scaleX`, and the split between the "phase + percent"
+// primary line and the secondary detail line.
+//
+const INFO_PALETTE = {
+    pageBackground: '#F4F7FB',
+    cardBackground: '#FFFFFF',
+    cardShadow: '#0F172A',
+    titleText: '#0F172A',
+    phaseText: '#475569',
+    detailText: '#94A3B8',
+    progressTrack: '#E2E8F0',
+    progressFill: '#3B6FE5',
+    activityIndicator: '#3B6FE5',
+};
+const ERROR_PALETTE = {
+    pageBackground: '#FFF5F5',
+    cardBackground: '#FFFFFF',
+    cardShadow: '#7F1D1D',
+    titleText: '#7F1D1D',
+    phaseText: '#B91C1C',
+    detailText: '#DC2626',
+    progressTrack: '#FCA5A5',
+    progressFill: '#B41810',
+    activityIndicator: '#B41810',
+};
+/**
+ * Resolve the palette for a given tone. Unknown tones fall back to
+ * the calm `info` palette
+ */
+export function getBootPlaceholderPalette(tone) {
+    if (tone === 'error')
+        return ERROR_PALETTE;
+    return INFO_PALETTE;
+}
+/**
+ * Animation contract for the boot placeholder.
+ *
+ * `entranceDurationMs` covers the one-shot fade + scale that fires
+ * when the placeholder card first attaches to the visual tree.
+ * `entranceFromScale` is the starting scale before easeOut to 1.
+ *
+ * `progressDurationMs` is the per-update fade for the progress fill's
+ * `scaleX`. Pegged to 220 ms (just under the heartbeat's 250 ms tick)
+ * so consecutive ticks chain into continuous motion rather than
+ * waiting on the previous animation to settle.
+ *
+ * `brandPulseDurationMs` is one half-period of the brand badge's
+ * opacity pulse. A full cycle is `brandPulseDurationMs * 2`. Keeping
+ * it long (~1.2 s) makes the pulse feel ambient rather than nervous.
+ */
+export const BOOT_PLACEHOLDER_MOTION = {
+    entranceDurationMs: 380,
+    entranceFromScale: 0.94,
+    progressDurationMs: 220,
+    brandPulseDurationMs: 1200,
+    brandPulseMinOpacity: 0.55,
+};
+/**
+ * Convert a 0–100 progress percentage into an `scaleX` factor that
+ * the fill view can animate against. Clamps to [`minScale`, 1] so the
+ * fill never collapses to an invisible hairline
+ *
+ * The default `minScale` of 0.01 keeps the bar visible during the
+ * earliest moments of boot when progress is 0
+ */
+export function computeBootProgressFillScale(progress, minScale = 0.01) {
+    const numeric = typeof progress === 'number' && Number.isFinite(progress) ? progress : 0;
+    const normalized = numeric / 100;
+    if (!Number.isFinite(normalized))
+        return minScale;
+    return Math.max(minScale, Math.min(1, normalized));
+}
+/**
+ * The "phase + percent" line we show as the primary status text
+ * inside the card
+ */
+export function formatBootPrimaryLine(snapshot) {
+    if (!snapshot)
+        return '';
+    const progress = snapshot.progress;
+    const progressText = typeof progress === 'number' && Number.isFinite(progress) ? ` (${Math.round(progress)}%)` : '';
+    return `${snapshot.phase || ''}${progressText}`.trim();
+}
+/**
+ * The secondary detail line (e.g. "Loading the application module
+ * graph (6259ms)").
+ */
+export function formatBootDetailLine(snapshot) {
+    if (!snapshot)
+        return '';
+    const detail = snapshot.detail;
+    return typeof detail === 'string' ? detail : '';
+}
+//# sourceMappingURL=boot-placeholder-ui.js.map

package/hmr/shared/runtime/boot-placeholder-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot-placeholder-ui.js","sourceRoot":"","sources":["../../../../../../packages/vite/hmr/shared/runtime/boot-placeholder-ui.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,EAAE;AACF,qEAAqE;AACrE,uEAAuE;AACvE,mEAAmE;AACnE,+DAA+D;AAC/D,sEAAsE;AACtE,mEAAmE;AACnE,8CAA8C;AAC9C,EAAE;AA2BF,MAAM,YAAY,GAA2B;IAC5C,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,YAAY,EAAE,SAAS;IACvB,iBAAiB,EAAE,SAAS;CAC5B,CAAC;AAEF,MAAM,aAAa,GAA2B;IAC7C,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,YAAY,EAAE,SAAS;IACvB,iBAAiB,EAAE,SAAS;CAC5B,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,IAAoB;IAC7D,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,aAAa,CAAC;IAC3C,OAAO,YAAY,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,kBAAkB,EAAE,GAAG;IACvB,iBAAiB,EAAE,IAAI;IACvB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,IAAI;IAC1B,oBAAoB,EAAE,IAAI;CACjB,CAAC;AAEX;;;;;;;GAOG;AACH,MAAM,UAAU,4BAA4B,CAAC,QAAmC,EAAE,QAAQ,GAAG,IAAI;IAChG,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACzF,MAAM,UAAU,GAAG,OAAO,GAAG,GAAG,CAAC;IACjC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;QAAE,OAAO,QAAQ,CAAC;IAClD,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AACpD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAA2E;IAChH,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnC,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACpH,OAAO,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC;AACxD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,QAA+D;IACnG,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC/B,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;AACjD,CAAC"}

package/hmr/shared/runtime/boot-progress.d.ts

@@ -0,0 +1,40 @@
+/**
+ * `'importing-main'` is the long HTTP-module-load phase (5–10s for a
+ * real Angular app). The bar uses this range so the user sees ~62
+ * percentage points of motion during the phase that actually takes
+ * time, sandwiched between the cheap bootstrap stages
+ * ('configuring-import-map' = 26) and the post-import wait
+ * ('waiting-for-app' = 94 → 'app-root-committed' = 100).
+ */
+export declare const BOOT_IMPORT_PROGRESS_MIN = 30;
+export declare const BOOT_IMPORT_PROGRESS_MAX = 92;
+/** Ceiling guards against rounding into `'waiting-for-app'` (94). */
+export declare const BOOT_IMPORT_PROGRESS_CEILING = 94;
+export declare function computeBootImportProgress(input: {
+    count?: number;
+    elapsedMs?: number;
+}): number;
+/**
+ * Render the second-line detail for the placeholder. Surfaces the
+ * count + last-loaded module path once the snippet has fired, or a
+ * generic "Loading the application module graph (Nms)" line during
+ * the pre-snippet window.
+ */
+export declare function formatBootImportDetail(input: {
+    count?: number;
+    lastModule?: string;
+    elapsedMs?: number;
+}): string;
+/**
+ * Ratchet a candidate boot-import progress value against the highest
+ * value any consumer has emitted so far (stored on
+ * `globalThis.__NS_HMR_BOOT_LAST_PROGRESS__`). Reset by
+ * `clearBootProgressState` between sessions.
+ */
+export declare function applyMonotonicBootProgress(candidate: number): number;
+/**
+ * Reset every boot-progress global so a re-bootstrapped session (e.g.
+ * after `__reboot_ng_modules__`) starts a fresh ratchet rather than
+ * inheriting the previous cycle's terminal values.
+ */
+export declare function clearBootProgressState(): void;

package/hmr/shared/runtime/boot-progress.js

@@ -0,0 +1,128 @@
+// Pure helpers for the cold-boot "Importing the app entry" progress display.
+//
+// Pipeline:
+//   * Server-side `buildBootProgressSnippet` is injected at the top of
+//     every `__ns_boot__/b1`-tagged module and bumps the count /
+//     last-module globals (FULLY SYNCHRONOUS — see the snippet doc for
+//     why top-level await must stay out of boot-tagged modules).
+//   * `startBrowserRuntimeSession` stamps the time origin
+//     (`__NS_HMR_BOOT_IMPORT_STARTED_AT__`) right before
+//     `__nsStartDevSession`.
+//   * `startBootImportHeartbeat` reads both signals every 250 ms and
+//     re-asserts `'importing-main'` so the bar climbs even across long
+//     vendor stretches that don't tick the count axis. The iOS runtime's
+//     `MaybePumpJSThreadDuringBoot` keeps the JS-thread CFRunLoop ticking
+//     between synchronous fetches so the heartbeat's `setInterval` timer
+//     can fire during the cold-boot module walk.
+//
+// Monotonic ratchet (`applyMonotonicBootProgress`,
+// `__NS_HMR_BOOT_LAST_PROGRESS__`): each tick can never undercut the
+// previous one, preventing visible stutter when the count axis briefly
+// wins over the time axis.
+/**
+ * `'importing-main'` is the long HTTP-module-load phase (5–10s for a
+ * real Angular app). The bar uses this range so the user sees ~62
+ * percentage points of motion during the phase that actually takes
+ * time, sandwiched between the cheap bootstrap stages
+ * ('configuring-import-map' = 26) and the post-import wait
+ * ('waiting-for-app' = 94 → 'app-root-committed' = 100).
+ */
+export const BOOT_IMPORT_PROGRESS_MIN = 30;
+export const BOOT_IMPORT_PROGRESS_MAX = 92;
+/** Ceiling guards against rounding into `'waiting-for-app'` (94). */
+export const BOOT_IMPORT_PROGRESS_CEILING = 94;
+const BOOT_IMPORT_PROGRESS_RANGE = BOOT_IMPORT_PROGRESS_MAX - BOOT_IMPORT_PROGRESS_MIN;
+/**
+ * Compute the percentage shown next to "Importing the app entry".
+ *
+ * Sum of two clamped contributions:
+ *   * `progressFromCount` — `__NS_HMR_BOOT_MODULE_COUNT__` bumped by the
+ *     boot snippet (1 unit per 2 modules, cap 40).
+ *   * `progressFromTime` — elapsed wall-clock since
+ *     `__NS_HMR_BOOT_IMPORT_STARTED_AT__` (1 unit per 250 ms, cap
+ *     matches the full 62-point range so time alone can drive the bar
+ *     30 → 92 if the count axis is starved).
+ *
+ * The count axis goes silent in long node_modules stretches and on
+ * Vite's rewrite chains where the served import URL skips the
+ * `__ns_boot__/b1` prefix; the time axis covers those gaps. Both
+ * contributions are summed, clamped to the 62-point range, then
+ * ceilinged so they cannot cross into 'waiting-for-app' (94+).
+ *
+ * Canonical values are pinned by `boot-progress.spec.ts`. The
+ * server-side snippet does NOT mirror this math — it only writes the
+ * counters; the heartbeat in `session-bootstrap.ts` is the sole caller.
+ */
+const BOOT_IMPORT_COUNT_CONTRIBUTION_MAX = 40;
+const BOOT_IMPORT_TIME_CONTRIBUTION_MAX = 62;
+const BOOT_IMPORT_COUNT_DIVISOR = 2;
+const BOOT_IMPORT_TIME_TICK_MS = 250;
+export function computeBootImportProgress(input) {
+    // Coerce NaN / ±Infinity / negatives to 0 — `Math.max(0, NaN)` is NaN.
+    const rawCount = Number(input?.count ?? 0);
+    const rawElapsed = Number(input?.elapsedMs ?? 0);
+    const count = Number.isFinite(rawCount) ? Math.max(0, rawCount) : 0;
+    const elapsedMs = Number.isFinite(rawElapsed) ? Math.max(0, rawElapsed) : 0;
+    const progressFromCount = Math.min(BOOT_IMPORT_COUNT_CONTRIBUTION_MAX, Math.floor(count / BOOT_IMPORT_COUNT_DIVISOR));
+    const progressFromTime = Math.min(BOOT_IMPORT_TIME_CONTRIBUTION_MAX, Math.floor(elapsedMs / BOOT_IMPORT_TIME_TICK_MS));
+    const combined = BOOT_IMPORT_PROGRESS_MIN + Math.min(BOOT_IMPORT_PROGRESS_RANGE, progressFromCount + progressFromTime);
+    return Math.min(BOOT_IMPORT_PROGRESS_CEILING, combined);
+}
+/**
+ * Render the second-line detail for the placeholder. Surfaces the
+ * count + last-loaded module path once the snippet has fired, or a
+ * generic "Loading the application module graph (Nms)" line during
+ * the pre-snippet window.
+ */
+export function formatBootImportDetail(input) {
+    const count = Math.max(0, Number(input?.count ?? 0));
+    const lastModule = typeof input?.lastModule === 'string' ? input.lastModule : '';
+    const elapsedMs = Math.max(0, Number(input?.elapsedMs ?? 0));
+    if (count > 0) {
+        return lastModule ? `Evaluated ${count} modules\n${lastModule}` : `Evaluated ${count} modules`;
+    }
+    return `Loading the module graph (${elapsedMs}ms)`;
+}
+/**
+ * Ratchet a candidate boot-import progress value against the highest
+ * value any consumer has emitted so far (stored on
+ * `globalThis.__NS_HMR_BOOT_LAST_PROGRESS__`). Reset by
+ * `clearBootProgressState` between sessions.
+ */
+export function applyMonotonicBootProgress(candidate) {
+    const g = globalThis;
+    const previousRaw = g.__NS_HMR_BOOT_LAST_PROGRESS__;
+    const previous = typeof previousRaw === 'number' && Number.isFinite(previousRaw) ? previousRaw : 0;
+    const next = Math.max(previous, Math.max(0, Number(candidate) || 0));
+    try {
+        g.__NS_HMR_BOOT_LAST_PROGRESS__ = next;
+    }
+    catch { }
+    return next;
+}
+/**
+ * Reset every boot-progress global so a re-bootstrapped session (e.g.
+ * after `__reboot_ng_modules__`) starts a fresh ratchet rather than
+ * inheriting the previous cycle's terminal values.
+ */
+export function clearBootProgressState() {
+    const g = globalThis;
+    for (const key of [
+        '__NS_HMR_BOOT_MODULE_COUNT__',
+        '__NS_HMR_BOOT_LAST_MODULE__',
+        '__NS_HMR_BOOT_LAST_PROGRESS__',
+        '__NS_HMR_BOOT_LAST_PROGRESS_AT__',
+        '__NS_HMR_BOOT_IMPORT_STARTED_AT__',
+        // Defensive: an earlier snippet shape used this to throttle a
+        // top-level await yield. Removed — top-level await in a boot-tagged
+        // module trips the iOS 10s async-module deadline. Cleared in case a
+        // stale boot left it behind.
+        '__NS_HMR_BOOT_LAST_YIELD_AT__',
+    ]) {
+        try {
+            delete g[key];
+        }
+        catch { }
+    }
+}
+//# sourceMappingURL=boot-progress.js.map

package/hmr/shared/runtime/boot-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot-progress.js","sourceRoot":"","sources":["../../../../../../packages/vite/hmr/shared/runtime/boot-progress.ts"],"names":[],"mappings":"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"}

package/hmr/shared/runtime/boot-timeline.d.ts

@@ -8,6 +8,7 @@ export type BootTrace = {
     t1?: number;
     session?: BootTraceSegment;
     importMap?: BootTraceSegment;
+    kickstart?: BootTraceSegment;
     native?: BootTraceSegment;
     error?: {
         message: string;

package/hmr/shared/runtime/boot-timeline.js

@@ -33,6 +33,7 @@ export function formatBootTimeline(trace) {
     }
     push('session', trace.session);
     push('importMap', trace.importMap);
+    push('kickstart', trace.kickstart);
     push('native', trace.native);
     const suffix = trace.error?.message ? `: ${trace.error.message}` : '';
     return `[ns-boot] ${status} ${parts.join(' ')}${suffix}`.replace(/\s+$/, '');

package/hmr/shared/runtime/boot-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"boot-timeline.js","sourceRoot":"","sources":["../../../../../../packages/vite/hmr/shared/runtime/boot-timeline.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,EAAE;AACF,uEAAuE;AACvE,wEAAwE;AACxE,sEAAsE;AACtE,sEAAsE;AACtE,gEAAgE;AAChE,EAAE;AACF,sEAAsE;AACtE,qEAAqE;AACrE,4DAA4D;AAiB5D,oEAAoE;AACpE,2CAA2C;AAC3C,EAAE;AACF,UAAU;AACV,wEAAwE;AACxE,6DAA6D;AAC7D,EAAE;AACF,uEAAuE;AACvE,uEAAuE;AACvE,wEAAwE;AACxE,MAAM,UAAU,kBAAkB,CAAC,KAAgB;IAClD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAiC,EAAE,EAAE;QACjE,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,EAAE,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YAClE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,aAAa,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAC9E,CAAC;AAED,sEAAsE;AACtE,qEAAqE;AACrE,sEAAsE;AACtE,wEAAwE;AACxE,SAAS;AACT,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAChD,IAAI,CAAC;QACH,UAAkB,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;AACX,CAAC"}
+{"version":3,"file":"boot-timeline.js","sourceRoot":"","sources":["../../../../../../packages/vite/hmr/shared/runtime/boot-timeline.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,EAAE;AACF,uEAAuE;AACvE,wEAAwE;AACxE,sEAAsE;AACtE,sEAAsE;AACtE,gEAAgE;AAChE,EAAE;AACF,sEAAsE;AACtE,qEAAqE;AACrE,4DAA4D;AAsB5D,oEAAoE;AACpE,2CAA2C;AAC3C,EAAE;AACF,UAAU;AACV,wEAAwE;AACxE,6DAA6D;AAC7D,EAAE;AACF,uEAAuE;AACvE,uEAAuE;AACvE,wEAAwE;AACxE,MAAM,UAAU,kBAAkB,CAAC,KAAgB;IAClD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAiC,EAAE,EAAE;QACjE,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,EAAE,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YAClE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,aAAa,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAC9E,CAAC;AAED,sEAAsE;AACtE,qEAAqE;AACrE,sEAAsE;AACtE,wEAAwE;AACxE,SAAS;AACT,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAChD,IAAI,CAAC;QACH,UAAkB,CAAC,iBAAiB,GAAG,KAAK,CAAC;IAC/C,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;AACX,CAAC"}

package/hmr/shared/runtime/dev-overlay.js

@@ -1,3 +1,4 @@
+import { BOOT_PLACEHOLDER_MOTION, computeBootProgressFillScale, formatBootDetailLine, formatBootPrimaryLine } from './boot-placeholder-ui.js';
 const DEFAULT_OVERLAY_POSITION = 'top';
 const BOOT_TITLE = 'NativeScript Vite preparing dev session...';
 const DEFAULT_SNAPSHOT = {
@@ -178,7 +179,11 @@ export function createBootOverlaySnapshot(stage, info) {
             badge: 'BOOT',
             title: BOOT_TITLE,
             phase: 'Importing the app entry',
-            progress: 82,
+            // 30 (not 82) so the bar visibly climbs the ~62 points the
+            // heartbeat + snippet drive during the long HTTP-module-load
+            // phase. The monotonic ratchet in `setBootStage` prevents
+            // earlier-but-higher stages from being clobbered.
+            progress: 30,
             busy: true,
             blocking: true,
             tone: 'info',
@@ -565,10 +570,28 @@ function findBootStatusLabel() {
     catch { }
     return null;
 }
+function findBootDetailLabel() {
+    const g = getOverlayGlobal();
+    return g.__NS_DEV_BOOT_DETAIL_LABEL__ || null;
+}
+function findBootProgressFill() {
+    const g = getOverlayGlobal();
+    return g.__NS_DEV_BOOT_PROGRESS_FILL__ || null;
+}
 function updateBootStatusLabel(snapshot) {
-    const newText = formatStatusText(snapshot) || 'Preparing the HTTP HMR bootstrap (4%)';
     const statusLabel = findBootStatusLabel();
+    const detailLabel = findBootDetailLabel();
+    const progressFill = findBootProgressFill();
     const activityIndicator = findBootActivityIndicator();
+    // New (card) layout: phase line + detail line live in separate
+    // labels so the typography can differ. Legacy (single-label)
+    // layout: keep the original combined "phase (X%)\ndetail" text so
+    // nothing visually regresses for runtimes still attached to the
+    // older placeholder shape.
+    const hasSplitLabels = !!detailLabel;
+    const phaseLine = formatBootPrimaryLine(snapshot);
+    const detailLine = formatBootDetailLine(snapshot);
+    const combinedText = formatStatusText(snapshot) || 'Preparing the HTTP HMR bootstrap (4%)';
     if (!statusLabel) {
         if (activityIndicator) {
             try {
@@ -577,11 +600,16 @@ function updateBootStatusLabel(snapshot) {
             }
             catch { }
         }
+        applyBootProgressFill(progressFill, snapshot);
         return;
     }
     try {
-        statusLabel.text = newText;
-        statusLabel.color = asColor(snapshot.tone === 'error' ? '#b41810e6' : '#563e3fb1');
+        statusLabel.text = hasSplitLabels ? phaseLine || 'Preparing the HTTP HMR bootstrap' : combinedText;
+        // Card layout uses the calibrated phase-text colour from the
+        // palette; legacy single-label layout keeps the original muted
+        // brown so we don't visually regress mid-session.
+        const phaseColorHex = snapshot.tone === 'error' ? '#B91C1C' : hasSplitLabels ? '#475569' : '#563e3fb1';
+        statusLabel.color = asColor(phaseColorHex);
         if (typeof statusLabel.requestLayout === 'function') {
             statusLabel.requestLayout();
         }
@@ -591,6 +619,15 @@ function updateBootStatusLabel(snapshot) {
         }
     }
     catch { }
+    if (detailLabel) {
+        try {
+            detailLabel.text = detailLine;
+            detailLabel.color = asColor(snapshot.tone === 'error' ? '#DC2626' : '#94A3B8');
+            detailLabel.visibility = detailLine ? 'visible' : 'collapse';
+        }
+        catch { }
+    }
+    applyBootProgressFill(progressFill, snapshot);
     if (activityIndicator) {
         try {
             activityIndicator.busy = !!snapshot.busy;
@@ -599,6 +636,50 @@ function updateBootStatusLabel(snapshot) {
         catch { }
     }
 }
+// Drive the progress fill scaleX from the snapshot. Uses NS's view
+// animate API for a smooth 220 ms easeOut between heartbeat ticks; a
+// monotonic ratchet on `globalThis.__NS_DEV_BOOT_PROGRESS_LAST_SCALE__`
+// guards against the fill snapping backwards if a less-progressed
+// snapshot ever lands between ticks (mirrors the JS-side
+// `applyMonotonicBootProgress` contract).
+function applyBootProgressFill(progressFill, snapshot) {
+    if (!progressFill)
+        return;
+    const g = getOverlayGlobal();
+    const isError = snapshot.tone === 'error';
+    progressFill.backgroundColor = asColor(isError ? '#B41810' : '#3B6FE5');
+    const targetScale = computeBootProgressFillScale(snapshot.progress ?? null);
+    const previousRaw = Number(g.__NS_DEV_BOOT_PROGRESS_LAST_SCALE__);
+    const previous = Number.isFinite(previousRaw) ? previousRaw : 0;
+    const next = Math.max(previous, targetScale);
+    g.__NS_DEV_BOOT_PROGRESS_LAST_SCALE__ = next;
+    try {
+        // NS view.animate scales around `originX`/`originY`; the
+        // placeholder builder pins `originX = 0` so the fill grows
+        // rightward. animate() may be unavailable in some headless
+        // test environments — fall through to a direct property set.
+        if (typeof progressFill.animate === 'function') {
+            progressFill
+                .animate({
+                scale: { x: next, y: 1 },
+                duration: BOOT_PLACEHOLDER_MOTION.progressDurationMs,
+                curve: 'easeOut',
+            })
+                .catch(() => {
+                try {
+                    progressFill.scaleX = next;
+                }
+                catch { }
+            });
+        }
+        else {
+            progressFill.scaleX = next;
+        }
+    }
+    catch {
+        progressFill.scaleX = next;
+    }
+}
 function resolveActivePage() {
     try {
         const Frame = resolveCoreExport('Frame');
@@ -1548,7 +1629,17 @@ function createOverlayApi() {
             const state = getRuntimeState();
             clearUpdateAutoHideTimer(state);
             state.updateCycleStartedAt = 0;
-            return applyRuntimeSnapshot(createBootOverlaySnapshot(stage, info));
+            const next = createBootOverlaySnapshot(stage, info);
+            // Monotonic boot-progress ratchet: boot stages can fire out of
+            // order across boot paths (native `__nsStartDevSession` vs the
+            // http-bootloader fallback) and individual bases were tuned
+            // independently, so clamp boot→boot transitions to never go
+            // backwards. Non-boot snapshots (error/ready) bypass — they
+            // genuinely want to reset the visual.
+            if (next.mode === 'boot' && state.snapshot.mode === 'boot' && typeof next.progress === 'number' && typeof state.snapshot.progress === 'number' && next.progress < state.snapshot.progress) {
+                next.progress = state.snapshot.progress;
+            }
+            return applyRuntimeSnapshot(next);
         },
         setConnectionStage(stage, info) {
             const state = getRuntimeState();