@nativescript/vite 8.0.0-alpha.7 → 8.0.0-alpha.71

package/hmr/frameworks/vue/client/dep-propagation.js

@@ -0,0 +1,148 @@
+/**
+ * Reverse-import-graph propagation for non-SFC dependency edits (Vue flavor).
+ *
+ * Editing a `.vue` file flows through `ns:vue-sfc-registry-update` →
+ * `loadSfcComponent` → `performResetRoot`, so the screen always reflects the
+ * fresh artifact. Editing a plain `.ts`/`.js` module that an SFC imports does
+ * NOT produce a registry update — the shared queue only evicts and re-imports
+ * the changed module itself. The freshly-instantiated dep module is then
+ * sitting in V8's cache while the live component instance still holds bindings
+ * to the OLD module instance, so the visible UI never changes even though the
+ * overlay reports the update as applied.
+ *
+ * This walker finds the `.vue` boundaries that (transitively) import the
+ * changed modules so the Vue strategy can reload + remount them — the exact
+ * counterpart of the Solid flavor's `.tsx` boundary BFS in the shared queue.
+ *
+ * Pure function (graph in, boundaries out) so the propagation decision is unit
+ * testable without booting the device runtime.
+ */
+const VUE_SFC_ID_RE = /\.vue$/i;
+// Keep in sync with the client utils' canonical-URL extension stripping: the
+// graph may record a dep as `/src/test2.ts` while a changed id (or another
+// importer's dep entry) appears as `/src/test2` — both must key identically.
+const SCRIPT_EXT_RE = /\.(ts|tsx|js|jsx|mjs|mts|cts)$/i;
+export function normalizeDepGraphKey(id) {
+    let key = String(id || '').split('?')[0];
+    if (!key)
+        return '';
+    if (!key.startsWith('/'))
+        key = '/' + key;
+    return key.replace(SCRIPT_EXT_RE, '');
+}
+/**
+ * BFS the reverse import graph from each changed non-`.vue` module up to the
+ * NEAREST `.vue` boundaries. SFC boundaries terminate the walk (remounting a
+ * boundary re-assembles its whole subtree, so walking past it would only
+ * produce redundant ancestors). Returns query-stripped `.vue` ids in BFS
+ * discovery order (nearest first), deduplicated.
+ *
+ * Changed ids that are themselves `.vue` files are ignored — those flow
+ * through the SFC registry-update path and never enter the shared re-import
+ * queue.
+ */
+export function findNearestSfcBoundaries(changedIds, graph) {
+    if (!changedIds?.length || !graph?.size)
+        return [];
+    // Reverse index: normalized dep key → importer ids.
+    const reverseIndex = new Map();
+    for (const [id, mod] of graph) {
+        const deps = Array.isArray(mod?.deps) ? mod.deps : [];
+        for (const dep of deps) {
+            const key = normalizeDepGraphKey(dep);
+            if (!key)
+                continue;
+            let importers = reverseIndex.get(key);
+            if (!importers) {
+                importers = [];
+                reverseIndex.set(key, importers);
+            }
+            importers.push(id);
+        }
+    }
+    const boundaries = [];
+    const boundarySeen = new Set();
+    const visited = new Set();
+    const queue = [];
+    for (const raw of changedIds) {
+        if (!raw || typeof raw !== 'string')
+            continue;
+        if (VUE_SFC_ID_RE.test(raw.split('?')[0]))
+            continue;
+        const key = normalizeDepGraphKey(raw);
+        if (key && !visited.has(key)) {
+            visited.add(key);
+            queue.push(key);
+        }
+    }
+    while (queue.length) {
+        const key = queue.shift();
+        const importers = reverseIndex.get(key);
+        if (!importers)
+            continue;
+        for (const importer of importers) {
+            const importerBase = importer.split('?')[0];
+            if (VUE_SFC_ID_RE.test(importerBase)) {
+                if (!boundarySeen.has(importerBase)) {
+                    boundarySeen.add(importerBase);
+                    boundaries.push(importerBase);
+                }
+                continue;
+            }
+            const importerKey = normalizeDepGraphKey(importer);
+            if (importerKey && !visited.has(importerKey)) {
+                visited.add(importerKey);
+                queue.push(importerKey);
+            }
+        }
+    }
+    return boundaries;
+}
+/**
+ * Reverse-walk from a changed `.vue` file to its `.vue` importers (ancestors),
+ * nearest-first. Unlike {@link findNearestSfcBoundaries} this STARTS from a
+ * `.vue` and does not stop at the first boundary — it returns the full ancestor
+ * chain so the caller can remount the nearest one that's safely mountable as a
+ * root (a child SFC with required props is not). The changed file is excluded.
+ */
+export function findSfcAncestors(changedVuePath, graph, maxAncestors = 16) {
+    const startKey = normalizeDepGraphKey(changedVuePath);
+    if (!startKey || !graph?.size)
+        return [];
+    const reverseIndex = new Map();
+    for (const [id, mod] of graph) {
+        const deps = Array.isArray(mod?.deps) ? mod.deps : [];
+        for (const dep of deps) {
+            const key = normalizeDepGraphKey(dep);
+            if (!key)
+                continue;
+            let importers = reverseIndex.get(key);
+            if (!importers) {
+                importers = [];
+                reverseIndex.set(key, importers);
+            }
+            importers.push(id);
+        }
+    }
+    const ancestors = [];
+    const seen = new Set([startKey]);
+    const queue = [startKey];
+    while (queue.length && ancestors.length < maxAncestors) {
+        const key = queue.shift();
+        const importers = reverseIndex.get(key);
+        if (!importers)
+            continue;
+        for (const importer of importers) {
+            const importerKey = normalizeDepGraphKey(importer);
+            if (!importerKey || seen.has(importerKey))
+                continue;
+            seen.add(importerKey);
+            queue.push(importerKey);
+            const importerBase = importer.split('?')[0];
+            if (VUE_SFC_ID_RE.test(importerBase))
+                ancestors.push(importerBase);
+        }
+    }
+    return ancestors;
+}
+//# sourceMappingURL=dep-propagation.js.map

package/hmr/frameworks/vue/client/dep-propagation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-propagation.js","sourceRoot":"","sources":["../../../../../../../packages/vite/hmr/frameworks/vue/client/dep-propagation.ts"],"names":[],"mappings":"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"}

package/hmr/frameworks/vue/client/index.d.ts

@@ -7,8 +7,17 @@ export declare function ensureNsVueBootstrap(): void;
 export declare function handleVueSfcRegistry(msg: any): void;
 export declare function handleVueSfcRegistryUpdate(msg: any, graphVersion: number): Promise<any>;
 export declare function recordVuePayloadChanges(changed: any[], graphVersion: number): void;
+/**
+ * True when the delta for `version` included a `.vue` change. The dep-change
+ * propagation in `refreshAfterBatch` uses this to stand down for mixed batches:
+ * the SFC registry-update path will already remount with a freshly assembled
+ * artifact at this version, which links against the re-imported deps — a second
+ * resetRoot from propagation would just double the work (and the flash).
+ */
+export declare function sfcChangedInVersion(version: number): boolean;
 export declare function addSfcMapping(originalPath: string, fileName: string): void;
-export declare function loadSfcComponent(targetVuePath: string, tag: string): Promise<any | null>;
+export declare function buildSfcEvictionUrls(id: string): string[];
+export declare function loadSfcComponent(targetVuePath: string): Promise<any | null>;
 export declare function getRootForVue(newComponent: any, state: {
     getRootKind: () => 'page' | 'frame';
     setRootKind: (k: 'page' | 'frame') => void;