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

package/dist/angular/server.js

@@ -3230,7 +3230,10 @@ __export(exports_compileAngular, {
 import { existsSync as existsSync5, readFileSync as readFileSync4, promises as fs } from "fs";
 import { join as join5, basename as basename3, sep, dirname as dirname4, resolve as resolve6, relative as relative3 } from "path";
 import ts from "typescript";
-var readTsconfigPathAliases = () => {
+var traceAngularPhase = async (name, fn, metadata) => {
+  const tracePhase = globalThis.__absoluteBuildTracePhase;
+  return tracePhase ? tracePhase(`compile/angular/${name}`, fn, metadata) : await fn();
+}, readTsconfigPathAliases = () => {
   try {
     const configPath = resolve6(process.cwd(), "tsconfig.json");
     const config = ts.readConfigFile(configPath, ts.sys.readFile).config;
@@ -3480,18 +3483,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 = resolve6(join5(outDir, relative3(process.cwd(), resolve6(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync4(inputPath, "utf-8"))
     ];
-  }));
-  const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
-  const tsPath = __require.resolve("typescript");
-  const tsRootDir = dirname4(tsPath);
-  const tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve6(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 = dirname4(tsPath);
+    return tsRootDir.endsWith("lib") ? tsRootDir : resolve6(tsRootDir, "lib");
+  });
+  const config = await traceAngularPhase("aot/read-configuration", () => readConfiguration("./tsconfig.json"));
   const options = {
     emitDecoratorMetadata: true,
     esModuleInterop: true,
@@ -3514,7 +3519,7 @@ ${registrations}
   options.incremental = false;
   options.tsBuildInfoFile = undefined;
   options.rootDir = process.cwd();
-  const host = ts.createCompilerHost(options);
+  const host = await traceAngularPhase("aot/create-compiler-host", () => ts.createCompilerHost(options));
   const originalGetDefaultLibLocation = host.getDefaultLibLocation;
   host.getDefaultLibLocation = () => tsLibDir || (originalGetDefaultLibLocation ? originalGetDefaultLibLocation() : "");
   const originalGetDefaultLibFileName = host.getDefaultLibFileName;
@@ -3537,7 +3542,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")
@@ -3558,42 +3563,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: join5(outDir, fileName)
-  }));
-  const outputFiles = new Set(rawEntries.map(({ target }) => resolve6(target)));
-  const entries = rawEntries.map(({ content, target }) => {
-    let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path) => {
-      const rewritten = rewriteRelativeJsSpecifier(target, path, outputFiles);
-      if (rewritten !== path) {
-        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: join5(outDir, fileName)
+    }));
+    const outputFiles = new Set(rawEntries.map(({ target }) => resolve6(target)));
+    return rawEntries.map(({ content, target }) => {
+      let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path) => {
+        const rewritten = rewriteRelativeJsSpecifier(target, path, outputFiles);
+        if (rewritten !== path) {
+          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(resolve6(target)) ?? "";
+      return { content: processedContent, target };
     });
-    processedContent = processedContent.replace(/\b(?<!Internal)InjectFlags\b/g, "InternalInjectFlags");
-    processedContent += islandMetadataByOutputPath.get(resolve6(target)) ?? "";
-    return { content: processedContent, target };
   });
-  await Promise.all(entries.map(({ target }) => fs.mkdir(dirname4(target), { recursive: true })));
-  await Promise.all(entries.map(({ target, content }) => fs.writeFile(target, content, "utf-8")));
-  return entries.map(({ target }) => target);
+  await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
+    await fs.mkdir(dirname4(target), { recursive: true });
+    await fs.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 re = new RegExp(pattern.source, pattern.flags.includes("g") ? pattern.flags : pattern.flags + "g");
   let match;
@@ -3682,31 +3691,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(),
@@ -3720,8 +3729,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(`
@@ -4001,14 +4010,16 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
   }
   const compiledRoot = compiledParent;
   const indexesDir = join5(compiledParent, "indexes");
-  await fs.mkdir(indexesDir, { recursive: true });
-  const aotOutputs = hmr ? [] : await compileAngularFiles(entryPoints.map((entry) => resolve6(entry)), compiledRoot, stylePreprocessors);
-  const usesLegacyAngularAnimations = createLegacyAngularAnimationUsageResolver(outRoot);
+  await traceAngularPhase("setup/create-indexes-dir", () => fs.mkdir(indexesDir, { recursive: true }));
+  const aotOutputs = hmr ? [] : await traceAngularPhase("aot/compile-files", () => compileAngularFiles(entryPoints.map((entry) => resolve6(entry)), compiledRoot, stylePreprocessors), { entries: entryPoints.length });
+  const usesLegacyAngularAnimations = await traceAngularPhase("setup/legacy-animation-resolver", () => createLegacyAngularAnimationUsageResolver(outRoot));
   const compileTasks = entryPoints.map(async (entry) => {
     const resolvedEntry = resolve6(entry);
     const relativeEntry = relative3(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 = basename3(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
@@ -4030,13 +4041,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 && !existsSync5(rawServerFile)) {
       outputs = hmr ? await compileEntry() : aotOutputs;
-      rawServerFile = resolveRawServerFile(outputs);
+      rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-retry", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     }
     if (!rawServerFile || !existsSync5(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
@@ -4044,7 +4055,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         ...compiledFallbackPaths
       ].join(", ")}`);
     }
-    const original = await fs.readFile(rawServerFile, "utf-8");
+    const original = await traceAngularPhase("wrapper/read-server-output", () => fs.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)
@@ -4054,8 +4065,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 = join5(indexesDir, jsName);
@@ -4099,7 +4110,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
 `);
       await fs.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
-    await fs.writeFile(rawServerFile, rewritten, "utf-8");
+    await traceAngularPhase("wrapper/write-server-output", () => fs.writeFile(rawServerFile, rewritten, "utf-8"), { entry: resolvedEntry });
     const relativePath = relative3(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
@@ -4278,7 +4289,7 @@ if (pageHasRawStreamingSlots) {
 `.trim();
     const indexHash = Bun.hash(hydration).toString(BASE_36_RADIX);
     const indexUnchanged = cachedWrapper?.indexHash === indexHash;
-    await fs.writeFile(clientFile, hydration, "utf-8");
+    await traceAngularPhase("wrapper/write-client-index", () => fs.writeFile(clientFile, hydration, "utf-8"), { entry: resolvedEntry });
     wrapperOutputCache.set(resolvedEntry, {
       indexHash,
       serverHash: serverContentHash
@@ -4289,9 +4300,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,
@@ -5476,5 +5489,5 @@ export {
   ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER
 };
 
-//# debugId=840B9580A1CA20FD64756E2164756E21
+//# debugId=E1A93A2992AB9D4564756E2164756E21
 //# sourceMappingURL=server.js.map