@absolutejs/absolute 0.19.0-beta.150 → 0.19.0-beta.151

package/dist/dev/client/handlers/vue.ts

@@ -208,36 +208,6 @@ export const handleVueUpdate = (message: {
 					const component = mod?.default ?? Object.values(mod ?? {})[0];
 					if (component?.__hmrId) {
 						hmrRuntime.reload(component.__hmrId, component);
-
-						// Restore preserved ref values after Vue re-renders.
-						// reload() schedules an async unmount/remount, so we
-						// wait for the next animation frame when the new
-						// instance is fully mounted with its setupState.
-						if (Object.keys(vuePreservedState).length > 0) {
-							requestAnimationFrame(() => {
-								try {
-									const inst = window.__VUE_APP__?._instance;
-									const ss = inst?.setupState;
-									if (!ss) return;
-									for (const key of Object.keys(vuePreservedState)) {
-										const newVal = ss[key];
-										const oldVal = vuePreservedState[key];
-										// Only restore into refs (objects with .value)
-										// and only if types match
-										if (
-											newVal &&
-											typeof newVal === 'object' &&
-											'value' in newVal &&
-											typeof newVal.value === typeof oldVal
-										) {
-											newVal.value = oldVal;
-										}
-									}
-								} catch {
-									// State shape mismatch — let it reset naturally
-								}
-							});
-						}
 					}
 				}
 				sessionStorage.removeItem('__HMR_ACTIVE__');

package/dist/index.js

@@ -202722,7 +202722,7 @@ ${stubs}
   const relPath = relative8(projectRoot, filePath).replace(/\\/g, "/");
   transpiled = transpiled.replace(/\binput\.tsx:/g, `${relPath}:`);
   return rewriteImports2(transpiled, filePath, projectRoot, rewriter);
-}, transformPlainFile = (filePath, projectRoot, rewriter) => {
+}, transformPlainFile = (filePath, projectRoot, rewriter, vueDir) => {
   const raw = readFileSync9(filePath, "utf-8");
   const ext = extname3(filePath);
   const isTS = ext === ".ts" || ext === ".tsx";
@@ -202733,7 +202733,59 @@ ${stubs}
   if (isTS) {
     transpiled = preserveTypeExports(raw, transpiled, valueExports);
   }
-  return rewriteImports2(transpiled, filePath, projectRoot, rewriter);
+  transpiled = rewriteImports2(transpiled, filePath, projectRoot, rewriter);
+  if (vueDir && filePath.startsWith(vueDir) && isTS) {
+    const useExports = valueExports.filter((e) => e.startsWith("use"));
+    if (useExports.length > 0) {
+      transpiled = injectComposableTracking(transpiled, filePath, useExports);
+    }
+  }
+  return transpiled;
+}, injectComposableTracking = (code, filePath, useExports) => {
+  const moduleId = JSON.stringify(filePath);
+  const runtime = [
+    `var __hmr_cs = (globalThis.__HMR_COMPOSABLE_STATE__ ??= {});`,
+    `var __hmr_mid = ${moduleId};`,
+    `var __hmr_prev = __hmr_cs[__hmr_mid];`,
+    `var __hmr_idx = {};`,
+    `__hmr_cs[__hmr_mid] = {};`,
+    `function __hmr_wrap(name, fn) {`,
+    `  return function() {`,
+    `    var idx = (__hmr_idx[name] = (__hmr_idx[name] ?? -1) + 1);`,
+    `    var result = fn.apply(this, arguments);`,
+    `    if (result && typeof result === "object") {`,
+    `      var snap = {};`,
+    `      for (var k in result) {`,
+    `        var v = result[k];`,
+    `        if (v && typeof v === "object" && "value" in v && typeof v.value !== "function") {`,
+    `          snap[k] = v.value;`,
+    `        }`,
+    `      }`,
+    `      (__hmr_cs[__hmr_mid][name] ??= [])[idx] = snap;`,
+    `      if (__hmr_prev && __hmr_prev[name] && __hmr_prev[name][idx]) {`,
+    `        var old = __hmr_prev[name][idx];`,
+    `        for (var k in old) {`,
+    `          var nv = result[k];`,
+    `          if (nv && typeof nv === "object" && "value" in nv && typeof nv.value === typeof old[k]) {`,
+    `            nv.value = old[k];`,
+    `          }`,
+    `        }`,
+    `      }`,
+    `    }`,
+    `    return result;`,
+    `  };`,
+    `}`
+  ].join(`
+`);
+  let result = runtime + `
+` + code;
+  for (const name of useExports) {
+    const exportPattern = new RegExp(`(export\\s+var\\s+${name}\\s*=\\s*)`, "g");
+    result = result.replace(exportPattern, `$1__hmr_wrap(${JSON.stringify(name)}, `);
+    const closingPattern = new RegExp(`(export\\s+var\\s+${name}\\s*=\\s*__hmr_wrap\\([^)]+,\\s*)([\\s\\S]*?)(;\\s*(?:export\\s|$))`, "");
+    result = result.replace(closingPattern, `$1$2)$3`);
+  }
+  return result;
 }, svelteExternalCss, svelteCompiler = null, vueCompiler = null, warmCompilers = async (frameworks) => {
   const [sc, vc] = await Promise.all([
     frameworks.svelte ? import("svelte/compiler") : undefined,
@@ -203060,7 +203112,8 @@ export default {};
       if (cached)
         return jsResponse(cached);
       const stat2 = statSync2(filePath);
-      const content = REACT_EXTENSIONS.has(ext) ? transformReactFile(filePath, projectRoot, rewriter) : transformPlainFile(filePath, projectRoot, rewriter);
+      const vueDir = frameworkDirs?.vue ? resolve18(frameworkDirs.vue) : undefined;
+      const content = REACT_EXTENSIONS.has(ext) ? transformReactFile(filePath, projectRoot, rewriter) : transformPlainFile(filePath, projectRoot, rewriter, vueDir);
       setTransformed(filePath, content, stat2.mtimeMs, extractImportedFiles(content, projectRoot));
       return jsResponse(content);
     } catch (err) {
@@ -205754,5 +205807,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=AEAC9DD46352BA7B64756E2164756E21
+//# debugId=BA74A87B2B45F5CB64756E2164756E21
 //# sourceMappingURL=index.js.map