@absolutejs/absolute 0.19.0-beta.760 → 0.19.0-beta.762

package/dist/index.js

@@ -43701,7 +43701,10 @@ __export(exports_compileAngular, {
 import { existsSync as existsSync16, readFileSync as readFileSync10, promises as fs2 } from "fs";
 import { join as join15, basename as basename7, sep as sep3, dirname as dirname11, resolve as resolve19, relative as relative9 } from "path";
 import ts2 from "typescript";
-var readTsconfigPathAliases = () => {
+var traceAngularPhase = async (name, fn, metadata2) => {
+  const tracePhase = globalThis.__absoluteBuildTracePhase;
+  return tracePhase ? tracePhase(`compile/angular/${name}`, fn, metadata2) : await fn();
+}, readTsconfigPathAliases = () => {
   try {
     const configPath2 = resolve19(process.cwd(), "tsconfig.json");
     const config = ts2.readConfigFile(configPath2, ts2.sys.readFile).config;
@@ -43951,18 +43954,20 @@ ${registrations}
   await Promise.all(inputPaths.map((inputPath) => transformFile(inputPath)));
   return transformedSources;
 }, compileAngularFiles = async (inputPaths, outDir, stylePreprocessors) => {
-  const islandMetadataByOutputPath = new Map(inputPaths.map((inputPath) => {
+  const islandMetadataByOutputPath = await traceAngularPhase("aot/island-metadata", () => new Map(inputPaths.map((inputPath) => {
     const outputPath = resolve19(join15(outDir, relative9(process.cwd(), resolve19(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync10(inputPath, "utf-8"))
     ];
-  }));
-  const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
-  const tsPath = __require.resolve("typescript");
-  const tsRootDir = dirname11(tsPath);
-  const tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve19(tsRootDir, "lib");
-  const config = readConfiguration("./tsconfig.json");
+  })), { entries: inputPaths.length });
+  const { readConfiguration, performCompilation, EmitFlags } = await traceAngularPhase("aot/import-compiler-cli", () => import("@angular/compiler-cli"));
+  const tsLibDir = await traceAngularPhase("aot/resolve-typescript-lib", () => {
+    const tsPath = __require.resolve("typescript");
+    const tsRootDir = dirname11(tsPath);
+    return tsRootDir.endsWith("lib") ? tsRootDir : resolve19(tsRootDir, "lib");
+  });
+  const config = await traceAngularPhase("aot/read-configuration", () => readConfiguration("./tsconfig.json"));
   const options = {
     emitDecoratorMetadata: true,
     esModuleInterop: true,
@@ -43985,7 +43990,7 @@ ${registrations}
   options.incremental = false;
   options.tsBuildInfoFile = undefined;
   options.rootDir = process.cwd();
-  const host = ts2.createCompilerHost(options);
+  const host = await traceAngularPhase("aot/create-compiler-host", () => ts2.createCompilerHost(options));
   const originalGetDefaultLibLocation = host.getDefaultLibLocation;
   host.getDefaultLibLocation = () => tsLibDir || (originalGetDefaultLibLocation ? originalGetDefaultLibLocation() : "");
   const originalGetDefaultLibFileName = host.getDefaultLibFileName;
@@ -44008,7 +44013,7 @@ ${registrations}
     emitted[relativePath] = text;
   };
   const originalReadFile = host.readFile;
-  const aotTransformedSources = await precomputeAotResourceTransforms(inputPaths, originalReadFile?.bind(host), stylePreprocessors);
+  const aotTransformedSources = await traceAngularPhase("aot/precompute-resources", () => precomputeAotResourceTransforms(inputPaths, originalReadFile?.bind(host), stylePreprocessors), { entries: inputPaths.length });
   host.readFile = (fileName) => {
     const source = originalReadFile ? originalReadFile.call(host, fileName) : undefined;
     if (typeof source !== "string")
@@ -44029,42 +44034,46 @@ ${registrations}
   };
   let diagnostics;
   try {
-    ({ diagnostics } = performCompilation({
+    ({ diagnostics } = await traceAngularPhase("aot/perform-compilation", () => performCompilation({
       emitFlags: EmitFlags.Default,
       host,
       options,
       rootNames: inputPaths
-    }));
+    }), { entries: inputPaths.length }));
   } finally {
     host.readFile = originalReadFile;
     host.getSourceFile = originalGetSourceFileForCompile;
   }
-  throwOnCompilationErrors(diagnostics);
-  const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
-    content,
-    target: join15(outDir, fileName)
-  }));
-  const outputFiles = new Set(rawEntries.map(({ target }) => resolve19(target)));
-  const entries = rawEntries.map(({ content, target }) => {
-    let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path2) => {
-      const rewritten = rewriteRelativeJsSpecifier(target, path2, outputFiles);
-      if (rewritten !== path2) {
-        return `from ${quote}${rewritten}${quote}`;
-      }
-      return match;
-    });
-    processedContent = processedContent.replace(/\u0275\u0275domElementStart/g, "\u0275\u0275elementStart").replace(/\u0275\u0275domElementEnd/g, "\u0275\u0275elementEnd").replace(/\u0275\u0275domElement\(/g, "\u0275\u0275element(").replace(/\u0275\u0275domProperty/g, "\u0275\u0275property").replace(/\u0275\u0275domListener/g, "\u0275\u0275listener");
-    processedContent = processedContent.replace(/import\s*{\s*([^}]*)\bInjectFlags\b([^}]*)\s*}\s*from\s*['"]@angular\/core['"]/g, (match, before, after) => {
-      const cleaned = (before + after).replace(/,\s*,/g, ",").replace(/^\s*,\s*/, "").replace(/,\s*$/, "");
-      return cleaned ? `import { ${cleaned}, InternalInjectFlags } from '@angular/core'` : `import { InternalInjectFlags } from '@angular/core'`;
+  await traceAngularPhase("aot/check-diagnostics", () => throwOnCompilationErrors(diagnostics));
+  const entries = await traceAngularPhase("aot/postprocess-emitted-js", () => {
+    const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
+      content,
+      target: join15(outDir, fileName)
+    }));
+    const outputFiles = new Set(rawEntries.map(({ target }) => resolve19(target)));
+    return rawEntries.map(({ content, target }) => {
+      let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path2) => {
+        const rewritten = rewriteRelativeJsSpecifier(target, path2, outputFiles);
+        if (rewritten !== path2) {
+          return `from ${quote}${rewritten}${quote}`;
+        }
+        return match;
+      });
+      processedContent = processedContent.replace(/\u0275\u0275domElementStart/g, "\u0275\u0275elementStart").replace(/\u0275\u0275domElementEnd/g, "\u0275\u0275elementEnd").replace(/\u0275\u0275domElement\(/g, "\u0275\u0275element(").replace(/\u0275\u0275domProperty/g, "\u0275\u0275property").replace(/\u0275\u0275domListener/g, "\u0275\u0275listener");
+      processedContent = processedContent.replace(/import\s*{\s*([^}]*)\bInjectFlags\b([^}]*)\s*}\s*from\s*['"]@angular\/core['"]/g, (match, before, after) => {
+        const cleaned = (before + after).replace(/,\s*,/g, ",").replace(/^\s*,\s*/, "").replace(/,\s*$/, "");
+        return cleaned ? `import { ${cleaned}, InternalInjectFlags } from '@angular/core'` : `import { InternalInjectFlags } from '@angular/core'`;
+      });
+      processedContent = processedContent.replace(/\b(?<!Internal)InjectFlags\b/g, "InternalInjectFlags");
+      processedContent += islandMetadataByOutputPath.get(resolve19(target)) ?? "";
+      return { content: processedContent, target };
     });
-    processedContent = processedContent.replace(/\b(?<!Internal)InjectFlags\b/g, "InternalInjectFlags");
-    processedContent += islandMetadataByOutputPath.get(resolve19(target)) ?? "";
-    return { content: processedContent, target };
   });
-  await Promise.all(entries.map(({ target }) => fs2.mkdir(dirname11(target), { recursive: true })));
-  await Promise.all(entries.map(({ target, content }) => fs2.writeFile(target, content, "utf-8")));
-  return entries.map(({ target }) => target);
+  await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
+    await fs2.mkdir(dirname11(target), { recursive: true });
+    await fs2.writeFile(target, content, "utf-8");
+  })), { outputs: entries.length });
+  return await traceAngularPhase("aot/collect-output-paths", () => entries.map(({ target }) => target), { outputs: entries.length });
 }, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => compileAngularFiles([inputPath], outDir, stylePreprocessors), jitContentCache, wrapperOutputCache, escapeTemplateContent = (content) => content.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${"), findUncommentedMatch = (source, pattern) => {
   const re2 = new RegExp(pattern.source, pattern.flags.includes("g") ? pattern.flags : pattern.flags + "g");
   let match;
@@ -44153,31 +44162,31 @@ ${importLine}${source.slice(insertAt)}`;
   }
   return parts.join("");
 }, buildDeferSlotTemplateResolver = () => `	__absoluteDeferTemplateExpressionCache = new Map<string, string>();
-	__absoluteDeferResolveTemplateExpression(expression: string) {
-		const cached = this.__absoluteDeferTemplateExpressionCache.get(expression);
-		if (cached !== undefined) return cached;
-
-		const scope = new Proxy(this, {
-			get: (_target, property) => {
-				const value = (this as Record<PropertyKey, unknown>)[property];
-				return typeof value === "function" ? value.bind(this) : value;
-			}
-		});
-		let value = '';
-		try {
-			const evaluate = new Function(
-				'scope',
-				"with (scope) { return (" + expression + "); }"
-			);
-
-			const resolvedValue = evaluate(scope);
-			value = resolvedValue == null ? '' : String(resolvedValue);
-		} catch (_error) {
-			value = '';
-		}
-		this.__absoluteDeferTemplateExpressionCache.set(expression, value);
-		return value;
-	}
+` + `	__absoluteDeferResolveTemplateExpression(expression: string) {
+` + `		const cached = this.__absoluteDeferTemplateExpressionCache.get(expression);
+` + `		if (cached !== undefined) return cached;
+` + `
+` + `		const scope = new Proxy(this, {
+` + `			get: (_target, property) => {
+` + `				const value = (this as Record<PropertyKey, unknown>)[property];
+` + `				return typeof value === "function" ? value.bind(this) : value;
+` + `			}
+` + `		});
+` + `		let value = '';
+` + `		try {
+` + `			const evaluate = new Function(
+` + `				'scope',
+` + `				"with (scope) { return (" + expression + "); }"
+` + `			);
+` + `
+` + `			const resolvedValue = evaluate(scope);
+` + `			value = resolvedValue == null ? '' : String(resolvedValue);
+` + `		} catch (_error) {
+` + `			value = '';
+` + `		}
+` + `		this.__absoluteDeferTemplateExpressionCache.set(expression, value);
+` + `		return value;
+` + `	}
 
 `, buildDeferSlotFields = (slots) => [
   buildDeferSlotTemplateResolver(),
@@ -44191,8 +44200,8 @@ ${slot.resolvedBindings.map((binding) => `		"${binding.key}": this.__absoluteDef
 ` : `	__absoluteDeferData${index} = () => ({});
 `;
     return `${htmlField + dataField}	__absoluteDeferResolvePayload${index} = () => new Promise<any>((resolve) => {
-		setTimeout(() => resolve({ kind: 'angular-defer', state: 'resolved', html: this.__absoluteDeferHtml${index}(), data: this.__absoluteDeferData${index}() }), ${slot.delayMs});
-	});
+` + `		setTimeout(() => resolve({ kind: 'angular-defer', state: 'resolved', html: this.__absoluteDeferHtml${index}(), data: this.__absoluteDeferData${index}() }), ${slot.delayMs});
+` + `	});
 `;
   })
 ].join(`
@@ -44472,14 +44481,16 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
   }
   const compiledRoot = compiledParent;
   const indexesDir = join15(compiledParent, "indexes");
-  await fs2.mkdir(indexesDir, { recursive: true });
-  const aotOutputs = hmr ? [] : await compileAngularFiles(entryPoints.map((entry) => resolve19(entry)), compiledRoot, stylePreprocessors);
-  const usesLegacyAngularAnimations = createLegacyAngularAnimationUsageResolver(outRoot);
+  await traceAngularPhase("setup/create-indexes-dir", () => fs2.mkdir(indexesDir, { recursive: true }));
+  const aotOutputs = hmr ? [] : await traceAngularPhase("aot/compile-files", () => compileAngularFiles(entryPoints.map((entry) => resolve19(entry)), compiledRoot, stylePreprocessors), { entries: entryPoints.length });
+  const usesLegacyAngularAnimations = await traceAngularPhase("setup/legacy-animation-resolver", () => createLegacyAngularAnimationUsageResolver(outRoot));
   const compileTasks = entryPoints.map(async (entry) => {
     const resolvedEntry = resolve19(entry);
     const relativeEntry = relative9(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
     const compileEntry = () => compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot, stylePreprocessors);
-    let outputs = hmr ? await compileEntry() : aotOutputs;
+    let outputs = hmr ? await traceAngularPhase("jit/compile-entry", compileEntry, {
+      entry: resolvedEntry
+    }) : aotOutputs;
     const fileBase = basename7(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
@@ -44501,13 +44512,13 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
       }
       return candidate;
     };
-    let rawServerFile = resolveRawServerFile(outputs);
+    let rawServerFile = await traceAngularPhase("wrapper/resolve-server-output", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     if (!rawServerFile) {
-      rawServerFile = resolveRawServerFile([]);
+      rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-fallback", () => resolveRawServerFile([]), { entry: resolvedEntry });
     }
     if (rawServerFile && !existsSync16(rawServerFile)) {
       outputs = hmr ? await compileEntry() : aotOutputs;
-      rawServerFile = resolveRawServerFile(outputs);
+      rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-retry", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     }
     if (!rawServerFile || !existsSync16(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
@@ -44515,7 +44526,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         ...compiledFallbackPaths
       ].join(", ")}`);
     }
-    const original = await fs2.readFile(rawServerFile, "utf-8");
+    const original = await traceAngularPhase("wrapper/read-server-output", () => fs2.readFile(rawServerFile, "utf-8"), { entry: resolvedEntry });
     const detectExportedComponentClass = (source, fallback) => {
       const defaultMatch = source.match(/export\s+default\s+([A-Za-z_$][\w$]*)\s*;/);
       if (defaultMatch)
@@ -44525,8 +44536,8 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         return exportClassMatch[1];
       return fallback;
     };
-    const componentClassName = detectExportedComponentClass(original, `${toPascal(fileBase)}Component`);
-    const usesLegacyAnimations = await usesLegacyAngularAnimations(resolvedEntry);
+    const componentClassName = await traceAngularPhase("wrapper/detect-component-class", () => detectExportedComponentClass(original, `${toPascal(fileBase)}Component`), { entry: resolvedEntry });
+    const usesLegacyAnimations = await traceAngularPhase("wrapper/detect-legacy-animations", () => usesLegacyAngularAnimations(resolvedEntry), { entry: resolvedEntry });
     const serverContentHash = Bun.hash(original).toString(BASE_36_RADIX);
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
     const clientFile = join15(indexesDir, jsName);
@@ -44570,7 +44581,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
 `);
       await fs2.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
-    await fs2.writeFile(rawServerFile, rewritten, "utf-8");
+    await traceAngularPhase("wrapper/write-server-output", () => fs2.writeFile(rawServerFile, rewritten, "utf-8"), { entry: resolvedEntry });
     const relativePath = relative9(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
@@ -44749,7 +44760,7 @@ if (pageHasRawStreamingSlots) {
 `.trim();
     const indexHash = Bun.hash(hydration).toString(BASE_36_RADIX);
     const indexUnchanged = cachedWrapper?.indexHash === indexHash;
-    await fs2.writeFile(clientFile, hydration, "utf-8");
+    await traceAngularPhase("wrapper/write-client-index", () => fs2.writeFile(clientFile, hydration, "utf-8"), { entry: resolvedEntry });
     wrapperOutputCache.set(resolvedEntry, {
       indexHash,
       serverHash: serverContentHash
@@ -44760,9 +44771,11 @@ if (pageHasRawStreamingSlots) {
       serverPath: rawServerFile
     };
   });
-  const results = await Promise.all(compileTasks);
-  const serverPaths = results.map((r) => r.serverPath);
-  const clientPaths = results.map((r) => r.clientPath);
+  const results = await traceAngularPhase("wrapper/process-entries", () => Promise.all(compileTasks), { entries: entryPoints.length });
+  const { clientPaths, serverPaths } = await traceAngularPhase("wrapper/collect-paths", () => ({
+    clientPaths: results.map((r) => r.clientPath),
+    serverPaths: results.map((r) => r.serverPath)
+  }), { entries: results.length });
   return {
     allIndexesUnchanged: hmr && results.every((r) => r.indexUnchanged),
     clientPaths,
@@ -45296,7 +45309,10 @@ import {
 import { basename as basename8, dirname as dirname12, join as join20, relative as relative10, resolve as resolve21 } from "path";
 import { cwd, env as env3, exit } from "process";
 var {build: bunBuild7, Glob: Glob7 } = globalThis.Bun;
-var isDev2, collectConventionSourceFiles = (entry) => {
+var isDev2, isBuildTraceEnabled = () => {
+  const value2 = env3.ABSOLUTE_BUILD_TRACE?.toLowerCase();
+  return value2 === "1" || value2 === "true" || value2 === "yes";
+}, collectConventionSourceFiles = (entry) => {
   if (!entry)
     return [];
   const files = [];
@@ -45622,7 +45638,68 @@ ${content.slice(firstUseIdx)}`;
 }) => {
   const buildStart = performance.now();
   const projectRoot = cwd();
-  await resolveAbsoluteVersion();
+  const traceEnabled = isBuildTraceEnabled();
+  const traceEvents = [];
+  let traceFrameworkNames = [];
+  const traceGlobal = globalThis;
+  const previousTracePhase = traceGlobal.__absoluteBuildTracePhase;
+  const restoreTracePhase = () => {
+    if (previousTracePhase) {
+      traceGlobal.__absoluteBuildTracePhase = previousTracePhase;
+    } else {
+      delete traceGlobal.__absoluteBuildTracePhase;
+    }
+  };
+  const tracePhase = async (name, fn, metadata2) => {
+    if (!traceEnabled)
+      return await fn();
+    const phaseStart = performance.now();
+    try {
+      const result = await fn();
+      traceEvents.push({
+        durationMs: performance.now() - phaseStart,
+        metadata: metadata2,
+        name,
+        ok: true,
+        startMs: phaseStart - buildStart
+      });
+      return result;
+    } catch (error) {
+      traceEvents.push({
+        durationMs: performance.now() - phaseStart,
+        metadata: {
+          ...metadata2,
+          error: error instanceof Error ? error.message : String(error)
+        },
+        name,
+        ok: false,
+        startMs: phaseStart - buildStart
+      });
+      throw error;
+    }
+  };
+  if (traceEnabled) {
+    traceGlobal.__absoluteBuildTracePhase = tracePhase;
+  }
+  const writeBuildTrace = (buildPath2) => {
+    if (!traceEnabled) {
+      restoreTracePhase();
+      return;
+    }
+    const traceDir = join20(buildPath2, ".absolute-trace");
+    const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
+    mkdirSync10(traceDir, { recursive: true });
+    writeFileSync7(join20(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
+      events: traceEvents,
+      frameworks: traceFrameworkNames,
+      generatedAt: new Date().toISOString(),
+      mode: mode ?? (isDev2 ? "development" : "production"),
+      totalDurationMs: performance.now() - buildStart,
+      version: 1
+    }, null, 2));
+    restoreTracePhase();
+  };
+  await tracePhase("absolute/version", () => resolveAbsoluteVersion());
   const isIncremental = incrementalFiles && incrementalFiles.length > 0;
   const styleTransformConfig = createStyleTransformConfig(stylePreprocessors, postcss);
   const stylePreprocessorPlugin2 = createStylePreprocessorPlugin(styleTransformConfig);
@@ -45667,6 +45744,7 @@ ${content.slice(firstUseIdx)}`;
     vueDir && "vue",
     angularDir && "angular"
   ].filter((name) => Boolean(name));
+  traceFrameworkNames = frameworkNames;
   sendTelemetryEvent("build:start", {
     framework: frameworkNames[0],
     frameworks: frameworkNames,
@@ -45708,9 +45786,9 @@ ${content.slice(firstUseIdx)}`;
     serverOutDir = buildPath;
   }
   const publicPath = publicDirectory && validateSafePath(publicDirectory, projectRoot);
-  mkdirSync10(buildPath, { recursive: true });
+  await tracePhase("build-dir/create", () => mkdirSync10(buildPath, { recursive: true }));
   if (publicPath)
-    cpSync(publicPath, buildPath, { force: true, recursive: true });
+    await tracePhase("public/copy", () => cpSync(publicPath, buildPath, { force: true, recursive: true }));
   const filterToIncrementalEntries = (entryPoints, mapToSource) => {
     if (!isIncremental || !incrementalFiles)
       return entryPoints;
@@ -45727,15 +45805,15 @@ ${content.slice(firstUseIdx)}`;
     return matchingEntries;
   };
   if (reactIndexesPath && reactPagesPath) {
-    await generateReactIndexFiles(reactPagesPath, reactIndexesPath, hmr);
+    await tracePhase("react/index-generation", () => generateReactIndexFiles(reactPagesPath, reactIndexesPath, hmr));
   }
   if (assetsPath && (!isIncremental || normalizedIncrementalFiles?.some((f) => f.includes("/assets/")))) {
-    cpSync(assetsPath, join20(buildPath, "assets"), {
+    await tracePhase("assets/copy", () => cpSync(assetsPath, join20(buildPath, "assets"), {
       force: true,
       recursive: true
-    });
+    }));
   }
-  const tailwindPromise = tailwind && (!isIncremental || normalizedIncrementalFiles?.some(isStylePath)) ? compileTailwindConfig(tailwind, buildPath, styleTransformConfig) : undefined;
+  const tailwindPromise = tailwind && (!isIncremental || normalizedIncrementalFiles?.some(isStylePath)) ? tracePhase("tailwind/build", () => compileTailwindConfig(tailwind, buildPath, styleTransformConfig)) : undefined;
   const emptyConventionResult = {
     conventions: undefined,
     pageFiles: []
@@ -45751,13 +45829,13 @@ ${content.slice(firstUseIdx)}`;
     allGlobalCssEntries
   ] = await Promise.all([
     tailwindPromise,
-    reactIndexesPath ? scanEntryPoints(reactIndexesPath, "*.tsx") : [],
-    htmlScriptsPath ? scanEntryPoints(htmlScriptsPath, "*.{js,ts}") : [],
-    reactPagesPath ? scanConventions(reactPagesPath, "*.tsx") : emptyConventionResult,
-    sveltePagesPath ? scanConventions(sveltePagesPath, "*.svelte") : emptyConventionResult,
-    vuePagesPath ? scanConventions(vuePagesPath, "*.vue") : emptyConventionResult,
-    angularPagesPath ? scanConventions(angularPagesPath, "*.ts") : emptyConventionResult,
-    stylesDir ? scanCssEntryPoints(stylesDir, stylesIgnore) : []
+    reactIndexesPath ? tracePhase("scan/react-indexes", () => scanEntryPoints(reactIndexesPath, "*.tsx")) : [],
+    htmlScriptsPath ? tracePhase("scan/html-scripts", () => scanEntryPoints(htmlScriptsPath, "*.{js,ts}")) : [],
+    reactPagesPath ? tracePhase("scan/react-conventions", () => scanConventions(reactPagesPath, "*.tsx")) : emptyConventionResult,
+    sveltePagesPath ? tracePhase("scan/svelte-conventions", () => scanConventions(sveltePagesPath, "*.svelte")) : emptyConventionResult,
+    vuePagesPath ? tracePhase("scan/vue-conventions", () => scanConventions(vuePagesPath, "*.vue")) : emptyConventionResult,
+    angularPagesPath ? tracePhase("scan/angular-conventions", () => scanConventions(angularPagesPath, "*.ts")) : emptyConventionResult,
+    stylesDir ? tracePhase("scan/css", () => scanCssEntryPoints(stylesDir, stylesIgnore)) : []
   ]);
   const allSvelteEntries = svelteConventionResult.pageFiles;
   const allVueEntries = vueConventionResult.pageFiles;
@@ -45797,12 +45875,12 @@ ${content.slice(firstUseIdx)}`;
     htmlDir,
     htmxDir
   ].filter((dir) => Boolean(dir));
-  const urlReferencedFilesPromise = scanWorkerReferences(allFrameworkDirs);
+  const urlReferencedFilesPromise = tracePhase("scan/worker-references", () => scanWorkerReferences(allFrameworkDirs));
   const shouldCompileSvelte = svelteDir && svelteEntries.length > 0;
   const shouldCompileVue = vueDir && vueEntries.length > 0;
   const shouldCompileAngular = angularDir && angularEntries.length > 0;
   const emptyStringArray = [];
-  const islandBuildInfo = islandRegistryPath ? await loadIslandRegistryBuildInfo(islandRegistryPath) : null;
+  const islandBuildInfo = islandRegistryPath ? await tracePhase("islands/registry", () => loadIslandRegistryBuildInfo(islandRegistryPath)) : null;
   const islandFrameworkSources = islandBuildInfo ? collectIslandFrameworkSources(islandBuildInfo) : {};
   const islandSvelteSources = islandFrameworkSources.svelte ?? emptyStringArray;
   const islandVueSources = islandFrameworkSources.vue ?? emptyStringArray;
@@ -45818,28 +45896,28 @@ ${content.slice(firstUseIdx)}`;
     { vueClientPaths: islandVueClientPaths },
     { clientPaths: islandAngularClientPaths }
   ] = await Promise.all([
-    shouldCompileSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr, styleTransformConfig)) : {
+    shouldCompileSvelte ? tracePhase("compile/svelte", () => Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr, styleTransformConfig))) : {
       svelteClientPaths: [...emptyStringArray],
       svelteIndexPaths: [...emptyStringArray],
       svelteServerPaths: [...emptyStringArray]
     },
-    shouldCompileVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr, styleTransformConfig)) : {
+    shouldCompileVue ? tracePhase("compile/vue", () => Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr, styleTransformConfig))) : {
       vueClientPaths: [...emptyStringArray],
       vueCssPaths: [...emptyStringArray],
       vueIndexPaths: [...emptyStringArray],
       vueServerPaths: [...emptyStringArray]
     },
-    shouldCompileAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr, styleTransformConfig)) : {
+    shouldCompileAngular ? tracePhase("compile/angular", () => Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr, styleTransformConfig))) : {
       clientPaths: [...emptyStringArray],
       serverPaths: [...emptyStringArray]
     },
-    shouldCompileIslandSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr, styleTransformConfig)) : {
+    shouldCompileIslandSvelte ? tracePhase("compile/island-svelte", () => Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr, styleTransformConfig))) : {
       svelteClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr, styleTransformConfig)) : {
+    shouldCompileIslandVue ? tracePhase("compile/island-vue", () => Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr, styleTransformConfig))) : {
       vueClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr, styleTransformConfig)) : {
+    shouldCompileIslandAngular ? tracePhase("compile/island-angular", () => Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr, styleTransformConfig))) : {
       clientPaths: [...emptyStringArray]
     }
   ]);
@@ -45871,8 +45949,8 @@ ${content.slice(firstUseIdx)}`;
   const vueConventionSources = collectConventionSourceFiles(conventionsMap.vue);
   if (svelteConventionSources.length > 0 || vueConventionSources.length > 0) {
     const [svelteConvResult, vueConvResult] = await Promise.all([
-      svelteConventionSources.length > 0 && svelteDir ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false, styleTransformConfig)) : { svelteServerPaths: emptyStringArray },
-      vueConventionSources.length > 0 && vueDir ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false, styleTransformConfig)) : { vueServerPaths: emptyStringArray }
+      svelteConventionSources.length > 0 && svelteDir ? tracePhase("compile/convention-svelte", () => Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false, styleTransformConfig))) : { svelteServerPaths: emptyStringArray },
+      vueConventionSources.length > 0 && vueDir ? tracePhase("compile/convention-vue", () => Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false, styleTransformConfig))) : { vueServerPaths: emptyStringArray }
     ]);
     const copyConventionFiles = (framework, sources, compiledPaths) => {
       const destDir = join20(buildPath, "conventions", framework);
@@ -45907,7 +45985,7 @@ ${content.slice(firstUseIdx)}`;
     ...islandBootstrapPath ? [islandBootstrapPath] : [],
     ...urlReferencedFiles
   ];
-  const islandEntryResult = islandBuildInfo ? await generateIslandEntryPoints({
+  const islandEntryResult = islandBuildInfo ? await tracePhase("islands/client-entry-generation", () => generateIslandEntryPoints({
     buildInfo: islandBuildInfo,
     buildPath,
     clientPathMaps: {
@@ -45915,7 +45993,7 @@ ${content.slice(firstUseIdx)}`;
       svelte: islandSvelteClientPathMap,
       vue: islandVueClientPathMap
     }
-  }) : {
+  })) : {
     entries: [],
     generatedRoot: join20(buildPath, "_island_entries")
   };
@@ -45949,6 +46027,7 @@ ${content.slice(firstUseIdx)}`;
         vue: allVueEntries.length
       }
     });
+    writeBuildTrace(buildPath);
     return {};
   }
   if (hmr && reactIndexesPath && reactClientEntryPoints.length > 0) {
@@ -46032,7 +46111,7 @@ ${content.slice(firstUseIdx)}`;
     globalCssResult,
     vueCssResult
   ] = await Promise.all([
-    serverEntryPoints.length > 0 ? bunBuild7({
+    serverEntryPoints.length > 0 ? tracePhase("bun/server", () => bunBuild7({
       entrypoints: serverEntryPoints,
       external: [
         "react",
@@ -46054,9 +46133,9 @@ ${content.slice(firstUseIdx)}`;
       target: "bun",
       throw: false,
       tsconfig: "./tsconfig.json"
-    }) : undefined,
-    reactBuildConfig ? bunBuild7(reactBuildConfig) : undefined,
-    nonReactClientEntryPoints.length > 0 ? bunBuild7({
+    })) : undefined,
+    reactBuildConfig ? tracePhase("bun/react-client", () => bunBuild7(reactBuildConfig)) : undefined,
+    nonReactClientEntryPoints.length > 0 ? tracePhase("bun/non-react-client", () => bunBuild7({
       define: vueDirectory ? vueFeatureFlags : undefined,
       entrypoints: nonReactClientEntryPoints,
       external: Object.keys(nonReactExternalPaths),
@@ -46074,8 +46153,8 @@ ${content.slice(firstUseIdx)}`;
       target: "browser",
       throw: false,
       tsconfig: "./tsconfig.json"
-    }) : undefined,
-    islandClientEntryPoints.length > 0 ? bunBuild7({
+    })) : undefined,
+    islandClientEntryPoints.length > 0 ? tracePhase("bun/island-client", () => bunBuild7({
       define: vueDirectory ? vueFeatureFlags : undefined,
       entrypoints: islandClientEntryPoints,
       external: Object.keys(nonReactExternalPaths),
@@ -46092,8 +46171,8 @@ ${content.slice(firstUseIdx)}`;
       target: "browser",
       throw: false,
       tsconfig: "./tsconfig.json"
-    }) : undefined,
-    globalCssEntries.length > 0 ? bunBuild7({
+    })) : undefined,
+    globalCssEntries.length > 0 ? tracePhase("bun/global-css", () => bunBuild7({
       entrypoints: globalCssEntries,
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: stylesDir ? join20(buildPath, basename8(stylesDir)) : buildPath,
@@ -46101,14 +46180,14 @@ ${content.slice(firstUseIdx)}`;
       root: stylesDir || clientRoot,
       target: "browser",
       throw: false
-    }) : undefined,
-    vueCssPaths.length > 0 ? bunBuild7({
+    })) : undefined,
+    vueCssPaths.length > 0 ? tracePhase("bun/vue-css", () => bunBuild7({
       entrypoints: vueCssPaths,
       naming: `[name].[hash].[ext]`,
       outdir: join20(buildPath, assetsPath ? basename8(assetsPath) : "assets", "css"),
       target: "browser",
       throw: false
-    }) : undefined
+    })) : undefined
   ]);
   const serverLogs = serverResult?.logs ?? [];
   const serverOutputs = serverResult?.outputs ?? [];
@@ -46122,10 +46201,10 @@ ${content.slice(firstUseIdx)}`;
   }
   const reactClientOutputPaths = reactClientOutputs.map((artifact) => artifact.path);
   if (vendorPaths && reactClientOutputPaths.length > 0) {
-    await rewriteReactImports(reactClientOutputPaths, vendorPaths);
+    await tracePhase("postprocess/react-imports", () => rewriteReactImports(reactClientOutputPaths, vendorPaths));
   }
   if (hmr && reactClientOutputPaths.length > 0) {
-    await patchRefreshGlobals(reactClientOutputPaths);
+    await tracePhase("postprocess/react-refresh-globals", () => patchRefreshGlobals(reactClientOutputPaths));
   }
   const nonReactClientLogs = nonReactClientResult?.logs ?? [];
   const nonReactClientOutputs = nonReactClientResult?.outputs ?? [];
@@ -46134,16 +46213,16 @@ ${content.slice(firstUseIdx)}`;
   const islandClientOutputs = islandClientResult?.outputs ?? [];
   const islandClientOutputPaths = islandClientOutputs.map((artifact) => artifact.path);
   if (vendorPaths && nonReactClientOutputPaths.length > 0) {
-    await rewriteReactImports(nonReactClientOutputPaths, vendorPaths);
+    await tracePhase("postprocess/non-react-react-imports", () => rewriteReactImports(nonReactClientOutputPaths, vendorPaths));
   }
   if (hmr && nonReactClientOutputPaths.length > 0) {
-    await patchRefreshGlobals(nonReactClientOutputPaths);
+    await tracePhase("postprocess/non-react-refresh-globals", () => patchRefreshGlobals(nonReactClientOutputPaths));
   }
   if (vendorPaths && islandClientOutputPaths.length > 0) {
-    await rewriteReactImports(islandClientOutputPaths, vendorPaths);
+    await tracePhase("postprocess/island-react-imports", () => rewriteReactImports(islandClientOutputPaths, vendorPaths));
   }
   if (hmr && islandClientOutputPaths.length > 0) {
-    await patchRefreshGlobals(islandClientOutputPaths);
+    await tracePhase("postprocess/island-refresh-globals", () => patchRefreshGlobals(islandClientOutputPaths));
   }
   if (nonReactClientResult && !nonReactClientResult.success && nonReactClientLogs.length > 0) {
     extractBuildError(nonReactClientLogs, "non-react-client", "Non-React client", frameworkNames, isIncremental, throwOnError);
@@ -46163,11 +46242,11 @@ ${content.slice(firstUseIdx)}`;
   };
   if (nonReactClientOutputs.length > 0 && Object.keys(allNonReactVendorPaths).length > 0) {
     const { rewriteImports: rewriteImports2 } = await Promise.resolve().then(() => (init_rewriteImports(), exports_rewriteImports));
-    await rewriteImports2(nonReactClientOutputs.map((artifact) => artifact.path), allNonReactVendorPaths);
+    await tracePhase("postprocess/non-react-vendor-imports", () => rewriteImports2(nonReactClientOutputs.map((artifact) => artifact.path), allNonReactVendorPaths));
   }
   if (islandClientOutputs.length > 0 && Object.keys(allIslandVendorPaths).length > 0) {
     const { rewriteImports: rewriteImports2 } = await Promise.resolve().then(() => (init_rewriteImports(), exports_rewriteImports));
-    await rewriteImports2(islandClientOutputs.map((artifact) => artifact.path), allIslandVendorPaths);
+    await tracePhase("postprocess/island-vendor-imports", () => rewriteImports2(islandClientOutputs.map((artifact) => artifact.path), allIslandVendorPaths));
   }
   const cssLogs = [
     ...globalCssResult?.logs ?? [],
@@ -46189,11 +46268,11 @@ ${content.slice(firstUseIdx)}`;
   ];
   if (urlReferencedFiles.length > 0) {
     const urlFileMap = buildUrlFileMap(urlReferencedFiles, hmr, projectRoot, buildPath, nonReactClientOutputs);
-    rewriteUrlReferences(allClientOutputPaths, urlFileMap);
+    await tracePhase("postprocess/url-references", () => rewriteUrlReferences(allClientOutputPaths, urlFileMap));
   }
   const vueOutputPaths = nonReactClientOutputs.map((artifact) => artifact.path).filter((path2) => path2.includes("/vue/"));
   if (hmr && vueDirectory) {
-    vueOutputPaths.forEach((outputPath) => injectVueComposableTracking(outputPath, projectRoot));
+    await tracePhase("postprocess/vue-hmr", () => vueOutputPaths.forEach((outputPath) => injectVueComposableTracking(outputPath, projectRoot)));
   }
   const allLogs = [
     ...serverLogs,
@@ -46283,18 +46362,21 @@ ${content.slice(firstUseIdx)}`;
       manifest[fileName] = htmxFile;
     }
   };
-  await Promise.all([processHtmlPages(), processHtmxPages()]);
+  await Promise.all([
+    tracePhase("postprocess/html-pages", processHtmlPages),
+    tracePhase("postprocess/htmx-pages", processHtmxPages)
+  ]);
   if (!isIncremental) {
-    await cleanStaleOutputs(buildPath, [
+    await tracePhase("cleanup/stale-outputs", () => cleanStaleOutputs(buildPath, [
       ...serverOutputs.map((a) => a.path),
       ...reactClientOutputs.map((a) => a.path),
       ...nonReactClientOutputs.map((a) => a.path),
       ...islandClientOutputs.map((a) => a.path),
       ...cssOutputs.map((a) => a.path)
-    ]);
+    ]));
   }
   if (hmr) {
-    await copyDevIndexes({
+    await tracePhase("dev/copy-indexes", () => copyDevIndexes({
       buildPath,
       reactIndexesPath,
       reactPagesPath,
@@ -46304,14 +46386,14 @@ ${content.slice(firstUseIdx)}`;
       vueDir,
       vueEntries,
       vuePagesPath
-    });
+    }));
   }
-  await cleanup({
+  await tracePhase("cleanup/generated", () => cleanup({
     angularDir,
     reactDir,
     svelteDir,
     vueDir
-  });
+  }));
   if (!isIncremental) {
     globalThis.__hmrBuildDuration = performance.now() - buildStart;
   }
@@ -46320,12 +46402,15 @@ ${content.slice(firstUseIdx)}`;
     frameworks: frameworkNames,
     mode: mode ?? (isDev2 ? "development" : "production")
   });
-  if (isIncremental)
+  if (isIncremental) {
+    writeBuildTrace(buildPath);
     return { conventions: conventionsMap, manifest };
+  }
   writeFileSync7(join20(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
   if (Object.keys(conventionsMap).length > 0) {
     writeFileSync7(join20(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
   }
+  writeBuildTrace(buildPath);
   return { conventions: conventionsMap, manifest };
 };
 var init_build = __esm(() => {
@@ -58588,5 +58673,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=9C7C0E7B717B7EB164756E2164756E21
+//# debugId=64A59FBF213B352B64756E2164756E21
 //# sourceMappingURL=index.js.map