@nativescript/vite 8.0.0-alpha.29 → 8.0.0-alpha.30

package/hmr/shared/runtime/root-placeholder-view.d.ts

@@ -0,0 +1,19 @@
+export type PlaceholderCtors = {
+    Page: any;
+    Label: any;
+    Image: any;
+    ActivityIndicator: any | null;
+    StackLayout: any | null;
+    GridLayout: any | null;
+    ContentView: any | null;
+    Color: any | null;
+    verbose?: boolean;
+};
+export type PlaceholderRefs = {
+    page: any;
+    statusLabel: any;
+    detailLabel: any | null;
+    progressFill: any | null;
+    activityIndicator: any | null;
+};
+export declare function buildPlaceholderPage(ctors: PlaceholderCtors): PlaceholderRefs;

package/hmr/shared/runtime/root-placeholder-view.js

@@ -0,0 +1,310 @@
+import { BOOT_PLACEHOLDER_MOTION, computeBootProgressFillScale, getBootPlaceholderPalette } from './boot-placeholder-ui.js';
+// Official NativeScript wordmark, dark slate on transparent. Hosted
+// remotely so we don't have to ship the asset with @nativescript/vite;
+// fetched once per cold boot, NS's Image element handles caching.
+const NATIVESCRIPT_LOGO_URL = 'https://raw.githubusercontent.com/NativeScript/artwork/main/logo/export/NativeScript_Logo_Dark_Transparent.png';
+const BRAND_MARK_SIZE = 44;
+function makeColor(Color, value) {
+    if (!Color)
+        return value;
+    try {
+        return new Color(value);
+    }
+    catch {
+        return value;
+    }
+}
+// iOS layer-level shadow. Soft + offset down so the card reads as
+// "slightly lifted off the page" without a heavy, dated drop.
+function applyIosCardShadow(card, shadowHex, ColorCtor) {
+    const ios = card.ios;
+    const layer = ios?.layer;
+    if (!layer)
+        return;
+    if (ColorCtor) {
+        const shadowColor = new ColorCtor(shadowHex);
+        const uiColor = shadowColor.ios;
+        if (uiColor && typeof uiColor.CGColor !== 'undefined') {
+            layer.shadowColor = uiColor.CGColor;
+        }
+    }
+    layer.shadowOpacity = 0.18;
+    layer.shadowRadius = 16;
+    layer.shadowOffset = { width: 0, height: 6 };
+    layer.masksToBounds = false;
+}
+// Pre-load setup: keep the card invisible + slightly down-scaled so
+// it doesn't flash at full opacity before the loaded handler can
+// kick off the entrance animation. Called once at construction.
+function primeCardForEntrance(card) {
+    if (!card)
+        return;
+    try {
+        card.opacity = 0;
+        card.scaleX = BOOT_PLACEHOLDER_MOTION.entranceFromScale;
+        card.scaleY = BOOT_PLACEHOLDER_MOTION.entranceFromScale;
+    }
+    catch { }
+}
+// One-shot fade + scale on attach. Triggered from `loaded` so we run
+// after the view has been measured and committed to the visual tree.
+// Primed via `primeCardForEntrance` to avoid a pre-animation flash.
+function animateCardIn(card) {
+    if (!card || typeof card.animate !== 'function')
+        return;
+    try {
+        card
+            .animate({
+            opacity: 1,
+            scale: { x: 1, y: 1 },
+            duration: BOOT_PLACEHOLDER_MOTION.entranceDurationMs,
+            curve: 'easeOut',
+        })
+            .catch(() => {
+            try {
+                card.opacity = 1;
+                card.scaleX = 1;
+                card.scaleY = 1;
+            }
+            catch { }
+        });
+    }
+    catch { }
+}
+// Slow opacity pulse on the brand mark to give the otherwise-static
+// card a heartbeat. Loops until boot completes (the `__NS_HMR_BOOT_COMPLETE__`
+// gate) or the view is detached (animate rejects and the .catch swallows it).
+function pulseBrandMark(badge) {
+    if (!badge || typeof badge.animate !== 'function')
+        return;
+    const g = globalThis;
+    if (g.__NS_HMR_BOOT_COMPLETE__)
+        return;
+    try {
+        badge
+            .animate({
+            opacity: BOOT_PLACEHOLDER_MOTION.brandPulseMinOpacity,
+            duration: BOOT_PLACEHOLDER_MOTION.brandPulseDurationMs,
+            curve: 'easeInOut',
+        })
+            .then(() => badge.animate({
+            opacity: 1,
+            duration: BOOT_PLACEHOLDER_MOTION.brandPulseDurationMs,
+            curve: 'easeInOut',
+        }))
+            .then(() => pulseBrandMark(badge))
+            .catch(() => { });
+    }
+    catch { }
+}
+export function buildPlaceholderPage(ctors) {
+    const { Page, Label, ActivityIndicator, StackLayout, GridLayout, ContentView, Image, Color } = ctors;
+    const palette = getBootPlaceholderPalette('info');
+    const page = new Page();
+    page.actionBarHidden = true;
+    try {
+        page.backgroundColor = makeColor(Color, palette.pageBackground);
+    }
+    catch { }
+    const titleLabel = new Label();
+    titleLabel.text = 'NativeScript Vite preparing dev session...';
+    titleLabel.textAlignment = 'center';
+    titleLabel.textWrap = true;
+    titleLabel.fontSize = 18;
+    titleLabel.fontWeight = '700';
+    try {
+        titleLabel.color = makeColor(Color, palette.titleText);
+    }
+    catch { }
+    titleLabel.marginTop = 18;
+    const statusLabel = new Label();
+    statusLabel.text = 'Preparing the HTTP HMR bootstrap (4%)';
+    statusLabel.textAlignment = 'center';
+    statusLabel.textWrap = true;
+    statusLabel.fontSize = 13;
+    try {
+        statusLabel.color = makeColor(Color, palette.phaseText);
+    }
+    catch { }
+    statusLabel.marginTop = 10;
+    const detailLabel = new Label();
+    detailLabel.text = '';
+    detailLabel.textAlignment = 'center';
+    detailLabel.textWrap = true;
+    detailLabel.fontSize = 11;
+    try {
+        detailLabel.color = makeColor(Color, palette.detailText);
+    }
+    catch { }
+    detailLabel.marginTop = 12;
+    const activityIndicator = ActivityIndicator
+        ? (() => {
+            const indicator = new ActivityIndicator();
+            indicator.busy = true;
+            indicator.marginTop = 14;
+            indicator.width = 22;
+            indicator.height = 22;
+            indicator.horizontalAlignment = 'center';
+            try {
+                indicator.color = makeColor(Color, palette.activityIndicator);
+            }
+            catch { }
+            return indicator;
+        })()
+        : null;
+    let progressFill = null;
+    let progressTrack = null;
+    if (GridLayout && ContentView) {
+        try {
+            progressTrack = new GridLayout();
+            progressTrack.height = 6;
+            progressTrack.marginTop = 16;
+            progressTrack.marginLeft = 4;
+            progressTrack.marginRight = 4;
+            try {
+                progressTrack.backgroundColor = makeColor(Color, palette.progressTrack);
+            }
+            catch { }
+            try {
+                progressTrack.borderRadius = 3;
+            }
+            catch { }
+            progressTrack.horizontalAlignment = 'stretch';
+            progressFill = new ContentView();
+            progressFill.height = 6;
+            progressFill.horizontalAlignment = 'stretch';
+            progressFill.verticalAlignment = 'middle';
+            try {
+                progressFill.backgroundColor = makeColor(Color, palette.progressFill);
+            }
+            catch { }
+            try {
+                progressFill.borderRadius = 3;
+            }
+            catch { }
+            // Anchor the scale transform at the left edge so the fill
+            // grows rightward like a real progress bar. Starting scale
+            // matches `computeBootProgressFillScale(0)` = 0.01 — visible
+            // sliver of accent that telegraphs "we're starting".
+            try {
+                progressFill.originX = 0;
+            }
+            catch { }
+            progressFill.scaleX = computeBootProgressFillScale(0);
+            progressTrack.addChild(progressFill);
+        }
+        catch {
+            progressTrack = null;
+            progressFill = null;
+        }
+    }
+    const brandMark = new Image();
+    brandMark.src = NATIVESCRIPT_LOGO_URL;
+    brandMark.stretch = 'aspectFit';
+    brandMark.width = BRAND_MARK_SIZE;
+    brandMark.height = BRAND_MARK_SIZE;
+    brandMark.horizontalAlignment = 'center';
+    brandMark.on?.('loaded', () => pulseBrandMark(brandMark));
+    let card = null;
+    if (StackLayout) {
+        try {
+            card = new StackLayout();
+            card.padding = '24 28 22 28';
+            try {
+                card.backgroundColor = makeColor(Color, palette.cardBackground);
+            }
+            catch { }
+            try {
+                card.borderRadius = 18;
+            }
+            catch { }
+            card.width = 320;
+            card.horizontalAlignment = 'center';
+            if (brandMark)
+                card.addChild(brandMark);
+            card.addChild(titleLabel);
+            card.addChild(statusLabel);
+            if (progressTrack)
+                card.addChild(progressTrack);
+            card.addChild(detailLabel);
+            if (activityIndicator)
+                card.addChild(activityIndicator);
+            primeCardForEntrance(card);
+            card.on?.('loaded', () => {
+                try {
+                    const ios = card.ios;
+                    if (ios && ios.layer) {
+                        ios.layer.cornerRadius = 18;
+                        ios.layer.masksToBounds = false;
+                    }
+                }
+                catch { }
+                applyIosCardShadow(card, palette.cardShadow, Color);
+                animateCardIn(card);
+            });
+        }
+        catch {
+            card = null;
+        }
+    }
+    if (card && GridLayout) {
+        try {
+            const root = new GridLayout();
+            root.horizontalAlignment = 'stretch';
+            root.verticalAlignment = 'stretch';
+            try {
+                root.backgroundColor = makeColor(Color, palette.pageBackground);
+            }
+            catch { }
+            card.verticalAlignment = 'middle';
+            card.horizontalAlignment = 'center';
+            root.addChild(card);
+            page.content = root;
+        }
+        catch {
+            page.content = card;
+        }
+    }
+    else if (card) {
+        card.verticalAlignment = 'middle';
+        page.content = card;
+    }
+    else if (StackLayout) {
+        // StackLayout exists but card creation failed — fall back to the
+        // minimal three-child layout the older placeholder used so the
+        // dev-overlay's fallback `findBootStatusLabel` walk still works.
+        try {
+            const root = new StackLayout();
+            root.padding = 24;
+            root.verticalAlignment = 'middle';
+            root.horizontalAlignment = 'center';
+            root.addChild(titleLabel);
+            root.addChild(statusLabel);
+            if (activityIndicator)
+                root.addChild(activityIndicator);
+            page.content = root;
+        }
+        catch {
+            titleLabel.verticalAlignment = 'middle';
+            titleLabel.horizontalAlignment = 'center';
+            titleLabel.width = 280;
+            titleLabel.padding = 12;
+            page.content = titleLabel;
+        }
+    }
+    else {
+        titleLabel.verticalAlignment = 'middle';
+        titleLabel.horizontalAlignment = 'center';
+        titleLabel.width = 280;
+        titleLabel.padding = 12;
+        page.content = titleLabel;
+    }
+    return {
+        page,
+        statusLabel,
+        detailLabel: card ? detailLabel : null,
+        progressFill,
+        activityIndicator,
+    };
+}
+//# sourceMappingURL=root-placeholder-view.js.map

package/hmr/shared/runtime/root-placeholder-view.js.map

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

package/hmr/shared/runtime/root-placeholder.js

@@ -1,5 +1,5 @@
-import { BOOT_PLACEHOLDER_MOTION, computeBootProgressFillScale, formatBootDetailLine, formatBootPrimaryLine, getBootPlaceholderPalette } from './boot-placeholder-ui.js';
 import { setHmrBootStage } from './dev-overlay.js';
+import { buildPlaceholderPage } from './root-placeholder-view.js';
 function isPlaceholderView(view, placeholderRoot) {
     if (!view) {
         return false;
@@ -121,314 +121,6 @@ function clearPlaceholderGlobals(g) {
     }
     delete g['__NS_DEV_PLACEHOLDER_RESTORE_TIMER__'];
 }
-// Official NativeScript wordmark, dark slate on transparent. Hosted
-// remotely so we don't have to ship the asset with @nativescript/vite;
-// fetched once per cold boot, NS's Image element handles caching.
-const NATIVESCRIPT_LOGO_URL = 'https://raw.githubusercontent.com/NativeScript/artwork/main/logo/export/NativeScript_Logo_Dark_Transparent.png';
-const BRAND_MARK_SIZE = 44;
-function makeColor(Color, value) {
-    if (!Color)
-        return value;
-    try {
-        return new Color(value);
-    }
-    catch {
-        return value;
-    }
-}
-// iOS layer-level shadow. Soft + offset down so the card reads as
-// "slightly lifted off the page" without a heavy, dated drop.
-function applyIosCardShadow(card, shadowHex, ColorCtor) {
-    const ios = card.ios;
-    const layer = ios?.layer;
-    if (!layer)
-        return;
-    if (ColorCtor) {
-        const shadowColor = new ColorCtor(shadowHex);
-        const uiColor = shadowColor.ios;
-        if (uiColor && typeof uiColor.CGColor !== 'undefined') {
-            layer.shadowColor = uiColor.CGColor;
-        }
-    }
-    layer.shadowOpacity = 0.18;
-    layer.shadowRadius = 16;
-    layer.shadowOffset = { width: 0, height: 6 };
-    layer.masksToBounds = false;
-}
-// Pre-load setup: keep the card invisible + slightly down-scaled so
-// it doesn't flash at full opacity before the loaded handler can
-// kick off the entrance animation. Called once at construction.
-function primeCardForEntrance(card) {
-    if (!card)
-        return;
-    try {
-        card.opacity = 0;
-        card.scaleX = BOOT_PLACEHOLDER_MOTION.entranceFromScale;
-        card.scaleY = BOOT_PLACEHOLDER_MOTION.entranceFromScale;
-    }
-    catch { }
-}
-// One-shot fade + scale on attach. Triggered from `loaded` so we run
-// after the view has been measured and committed to the visual tree.
-// Primed via `primeCardForEntrance` to avoid a pre-animation flash.
-function animateCardIn(card) {
-    if (!card || typeof card.animate !== 'function')
-        return;
-    try {
-        card
-            .animate({
-            opacity: 1,
-            scale: { x: 1, y: 1 },
-            duration: BOOT_PLACEHOLDER_MOTION.entranceDurationMs,
-            curve: 'easeOut',
-        })
-            .catch(() => {
-            try {
-                card.opacity = 1;
-                card.scaleX = 1;
-                card.scaleY = 1;
-            }
-            catch { }
-        });
-    }
-    catch { }
-}
-// Slow opacity pulse on the brand mark to give the otherwise-static
-// card a heartbeat. Loops until boot completes (the `__NS_HMR_BOOT_COMPLETE__`
-// gate) or the view is detached (animate rejects and the .catch swallows it).
-function pulseBrandMark(badge) {
-    if (!badge || typeof badge.animate !== 'function')
-        return;
-    const g = globalThis;
-    if (g.__NS_HMR_BOOT_COMPLETE__)
-        return;
-    try {
-        badge
-            .animate({
-            opacity: BOOT_PLACEHOLDER_MOTION.brandPulseMinOpacity,
-            duration: BOOT_PLACEHOLDER_MOTION.brandPulseDurationMs,
-            curve: 'easeInOut',
-        })
-            .then(() => badge.animate({
-            opacity: 1,
-            duration: BOOT_PLACEHOLDER_MOTION.brandPulseDurationMs,
-            curve: 'easeInOut',
-        }))
-            .then(() => pulseBrandMark(badge))
-            .catch(() => { });
-    }
-    catch { }
-}
-function buildPlaceholderPage(ctors) {
-    const { Page, Label, ActivityIndicator, StackLayout, GridLayout, ContentView, Image, Color } = ctors;
-    const palette = getBootPlaceholderPalette('info');
-    const page = new Page();
-    page.actionBarHidden = true;
-    try {
-        page.backgroundColor = makeColor(Color, palette.pageBackground);
-    }
-    catch { }
-    const titleLabel = new Label();
-    titleLabel.text = 'NativeScript Vite preparing dev session...';
-    titleLabel.textAlignment = 'center';
-    titleLabel.textWrap = true;
-    titleLabel.fontSize = 18;
-    titleLabel.fontWeight = '700';
-    try {
-        titleLabel.color = makeColor(Color, palette.titleText);
-    }
-    catch { }
-    titleLabel.marginTop = 18;
-    const statusLabel = new Label();
-    statusLabel.text = 'Preparing the HTTP HMR bootstrap (4%)';
-    statusLabel.textAlignment = 'center';
-    statusLabel.textWrap = true;
-    statusLabel.fontSize = 13;
-    try {
-        statusLabel.color = makeColor(Color, palette.phaseText);
-    }
-    catch { }
-    statusLabel.marginTop = 10;
-    const detailLabel = new Label();
-    detailLabel.text = '';
-    detailLabel.textAlignment = 'center';
-    detailLabel.textWrap = true;
-    detailLabel.fontSize = 11;
-    try {
-        detailLabel.color = makeColor(Color, palette.detailText);
-    }
-    catch { }
-    detailLabel.marginTop = 12;
-    const activityIndicator = ActivityIndicator
-        ? (() => {
-            const indicator = new ActivityIndicator();
-            indicator.busy = true;
-            indicator.marginTop = 14;
-            indicator.width = 22;
-            indicator.height = 22;
-            indicator.horizontalAlignment = 'center';
-            try {
-                indicator.color = makeColor(Color, palette.activityIndicator);
-            }
-            catch { }
-            return indicator;
-        })()
-        : null;
-    let progressFill = null;
-    let progressTrack = null;
-    if (GridLayout && ContentView) {
-        try {
-            progressTrack = new GridLayout();
-            progressTrack.height = 6;
-            progressTrack.marginTop = 16;
-            progressTrack.marginLeft = 4;
-            progressTrack.marginRight = 4;
-            try {
-                progressTrack.backgroundColor = makeColor(Color, palette.progressTrack);
-            }
-            catch { }
-            try {
-                progressTrack.borderRadius = 3;
-            }
-            catch { }
-            progressTrack.horizontalAlignment = 'stretch';
-            progressFill = new ContentView();
-            progressFill.height = 6;
-            progressFill.horizontalAlignment = 'stretch';
-            progressFill.verticalAlignment = 'middle';
-            try {
-                progressFill.backgroundColor = makeColor(Color, palette.progressFill);
-            }
-            catch { }
-            try {
-                progressFill.borderRadius = 3;
-            }
-            catch { }
-            // Anchor the scale transform at the left edge so the fill
-            // grows rightward like a real progress bar. Starting scale
-            // matches `computeBootProgressFillScale(0)` = 0.01 — visible
-            // sliver of accent that telegraphs "we're starting".
-            try {
-                progressFill.originX = 0;
-            }
-            catch { }
-            progressFill.scaleX = computeBootProgressFillScale(0);
-            progressTrack.addChild(progressFill);
-        }
-        catch {
-            progressTrack = null;
-            progressFill = null;
-        }
-    }
-    const brandMark = new Image();
-    brandMark.src = NATIVESCRIPT_LOGO_URL;
-    brandMark.stretch = 'aspectFit';
-    brandMark.width = BRAND_MARK_SIZE;
-    brandMark.height = BRAND_MARK_SIZE;
-    brandMark.horizontalAlignment = 'center';
-    brandMark.on?.('loaded', () => pulseBrandMark(brandMark));
-    let card = null;
-    if (StackLayout) {
-        try {
-            card = new StackLayout();
-            card.padding = '24 28 22 28';
-            try {
-                card.backgroundColor = makeColor(Color, palette.cardBackground);
-            }
-            catch { }
-            try {
-                card.borderRadius = 18;
-            }
-            catch { }
-            card.width = 320;
-            card.horizontalAlignment = 'center';
-            if (brandMark)
-                card.addChild(brandMark);
-            card.addChild(titleLabel);
-            card.addChild(statusLabel);
-            if (progressTrack)
-                card.addChild(progressTrack);
-            card.addChild(detailLabel);
-            if (activityIndicator)
-                card.addChild(activityIndicator);
-            primeCardForEntrance(card);
-            card.on?.('loaded', () => {
-                try {
-                    const ios = card.ios;
-                    if (ios && ios.layer) {
-                        ios.layer.cornerRadius = 18;
-                        ios.layer.masksToBounds = false;
-                    }
-                }
-                catch { }
-                applyIosCardShadow(card, palette.cardShadow, Color);
-                animateCardIn(card);
-            });
-        }
-        catch {
-            card = null;
-        }
-    }
-    if (card && GridLayout) {
-        try {
-            const root = new GridLayout();
-            root.horizontalAlignment = 'stretch';
-            root.verticalAlignment = 'stretch';
-            try {
-                root.backgroundColor = makeColor(Color, palette.pageBackground);
-            }
-            catch { }
-            card.verticalAlignment = 'middle';
-            card.horizontalAlignment = 'center';
-            root.addChild(card);
-            page.content = root;
-        }
-        catch {
-            page.content = card;
-        }
-    }
-    else if (card) {
-        card.verticalAlignment = 'middle';
-        page.content = card;
-    }
-    else if (StackLayout) {
-        // StackLayout exists but card creation failed — fall back to the
-        // minimal three-child layout the older placeholder used so the
-        // dev-overlay's fallback `findBootStatusLabel` walk still works.
-        try {
-            const root = new StackLayout();
-            root.padding = 24;
-            root.verticalAlignment = 'middle';
-            root.horizontalAlignment = 'center';
-            root.addChild(titleLabel);
-            root.addChild(statusLabel);
-            if (activityIndicator)
-                root.addChild(activityIndicator);
-            page.content = root;
-        }
-        catch {
-            titleLabel.verticalAlignment = 'middle';
-            titleLabel.horizontalAlignment = 'center';
-            titleLabel.width = 280;
-            titleLabel.padding = 12;
-            page.content = titleLabel;
-        }
-    }
-    else {
-        titleLabel.verticalAlignment = 'middle';
-        titleLabel.horizontalAlignment = 'center';
-        titleLabel.width = 280;
-        titleLabel.padding = 12;
-        page.content = titleLabel;
-    }
-    return {
-        page,
-        statusLabel,
-        detailLabel: card ? detailLabel : null,
-        progressFill,
-        activityIndicator,
-    };
-}
 export function tryFinalizeBootPlaceholder(reason, verbose) {
     const g = globalThis;
     const placeholderRoot = g['__NS_DEV_PLACEHOLDER_ROOT_VIEW__'] || null;