@absolutejs/absolute 0.19.0-beta.675 → 0.19.0-beta.677

package/dist/angular/components/stream-slot.component.js

@@ -0,0 +1,103 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgZone, inject, signal } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { isStreamingSlotCollectionActive, registerStreamingSlot, warnMissingStreamingSlotCollector } from './core/streamingSlotRegistrar.js';
+import * as i0 from "@angular/core";
+const isObjectRecord = (value) => Boolean(value) && typeof value === 'object';
+const isHtmlPayload = (payload) => isObjectRecord(payload) && typeof payload.html === 'string';
+const resolvePayloadHtml = (payload) => {
+    if (isHtmlPayload(payload)) {
+        return payload.html;
+    }
+    return typeof payload === 'string' ? payload : '';
+};
+export class StreamSlotComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.sanitizer = inject(DomSanitizer);
+        this.zone = inject(NgZone);
+        this.slotConsumer = (payload) => {
+            this.zone.run(() => {
+                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(resolvePayloadHtml(payload)));
+                this.cdr.markForCheck();
+            });
+            return true;
+        };
+        this.fallbackHtml = '';
+        this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
+    }
+    ngOnInit() {
+        if (isStreamingSlotCollectionActive()) {
+            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+            registerStreamingSlot({
+                errorHtml: this.errorHtml,
+                fallbackHtml: this.fallbackHtml,
+                id: this.id,
+                resolve: this.resolve,
+                timeoutMs: this.timeoutMs
+            });
+            return;
+        }
+        warnMissingStreamingSlotCollector('StreamSlot');
+        if (typeof window === 'undefined') {
+            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+            return;
+        }
+        const consumers = (window.__ABS_SLOT_CONSUMERS__ =
+            window.__ABS_SLOT_CONSUMERS__ ?? {});
+        consumers[this.id] = this.slotConsumer;
+        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
+        const pendingPayload = window.__ABS_SLOT_PENDING__?.[this.id];
+        if (pendingPayload !== undefined) {
+            this.slotConsumer(pendingPayload);
+            delete window.__ABS_SLOT_PENDING__?.[this.id];
+        }
+    }
+    ngOnDestroy() {
+        if (typeof window === 'undefined')
+            return;
+        if (window.__ABS_SLOT_CONSUMERS__) {
+            delete window.__ABS_SLOT_CONSUMERS__[this.id];
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: StreamSlotComponent, isStandalone: true, selector: "abs-stream-slot", inputs: { className: "className", errorHtml: "errorHtml", fallbackHtml: "fallbackHtml", id: "id", resolve: "resolve", timeoutMs: "timeoutMs" }, ngImport: i0, template: `
+		<div
+			[attr.id]="id"
+			[attr.class]="className"
+			data-absolute-raw-slot="true"
+			data-absolute-slot="true"
+			[innerHTML]="currentHtml()"
+		></div>
+	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'abs-stream-slot',
+                    standalone: true,
+                    template: `
+		<div
+			[attr.id]="id"
+			[attr.class]="className"
+			data-absolute-raw-slot="true"
+			data-absolute-slot="true"
+			[innerHTML]="currentHtml()"
+		></div>
+	`
+                }]
+        }], propDecorators: { className: [{
+                type: Input
+            }], errorHtml: [{
+                type: Input
+            }], fallbackHtml: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ required: true }]
+            }], resolve: [{
+                type: Input,
+                args: [{ required: true }]
+            }], timeoutMs: [{
+                type: Input
+            }] } });

package/dist/build.js

@@ -180662,6 +180662,26 @@ var init_rebuildTrigger = __esm(() => {
   HMR_SCRIPT_PATTERN = /<script>window\.__HMR_FRAMEWORK__[\s\S]*?<\/script>\s*<script data-hmr-client>[\s\S]*?<\/script>/;
 });
 
+// src/utils/startupTimings.ts
+var startupTimingsEnabled, formatStartupTimingBlock = (title, steps) => {
+  const totalDuration = steps.reduce((sum, step) => sum + step.durationMs, 0);
+  return [
+    title,
+    ...steps.map((step) => `  - ${step.label}: ${getDurationString(step.durationMs)}`),
+    `  Total: ${getDurationString(totalDuration)}`
+  ].join(`
+`);
+}, logStartupTimingBlock = (title, steps) => {
+  if (!startupTimingsEnabled || steps.length === 0) {
+    return;
+  }
+  console.log(formatStartupTimingBlock(title, steps));
+};
+var init_startupTimings = __esm(() => {
+  init_getDurationString();
+  startupTimingsEnabled = process.env.ABSOLUTE_STARTUP_TIMINGS === "1" || process.env.ABSOLUTE_STARTUP_TIMINGS === "true";
+});
+
 // src/build/buildDepVendor.ts
 var exports_buildDepVendor = {};
 __export(exports_buildDepVendor, {
@@ -180967,9 +180987,21 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     await handleCachedReload();
     return cached;
   }
+  const startupSteps = [];
+  const recordStep = (label, startedAt) => {
+    startupSteps.push({
+      label,
+      durationMs: performance.now() - startedAt
+    });
+  };
+  let stepStartedAt = performance.now();
   const state = createHMRState(config);
+  recordStep("create HMR state", stepStartedAt);
+  stepStartedAt = performance.now();
   const watchPaths = getWatchPaths(config, state.resolvedPaths);
   buildInitialDependencyGraph(state.dependencyGraph, watchPaths);
+  recordStep("initialize dependency graph", stepStartedAt);
+  stepStartedAt = performance.now();
   if (config.reactDirectory) {
     setDevVendorPaths(computeVendorPaths());
   }
@@ -180985,7 +181017,10 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   const sourceDirs = collectDepVendorSourceDirs(config);
   const { computeDepVendorPaths: computeDepVendorPaths2 } = await Promise.resolve().then(() => (init_buildDepVendor(), exports_buildDepVendor));
   globalThis.__depVendorPaths = await computeDepVendorPaths2(sourceDirs);
+  recordStep("prepare vendor paths", stepStartedAt);
+  stepStartedAt = performance.now();
   await resolveAbsoluteVersion2();
+  recordStep("resolve version", stepStartedAt);
   const buildStart = performance.now();
   const buildResult = await build({
     ...config,
@@ -180997,11 +181032,15 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   });
   const manifest = buildResult.manifest ?? {};
   const conventions = buildResult.conventions ?? {};
+  recordStep("initial build", buildStart);
   if (Object.keys(manifest).length === 0) {
     console.log("\u26A0\uFE0F Manifest is empty - this is OK for HTML/HTMX-only projects");
   }
+  stepStartedAt = performance.now();
   await populateAssetStore(state.assetStore, manifest, state.resolvedPaths.buildDir);
   cleanStaleAssets(state.assetStore, manifest, state.resolvedPaths.buildDir);
+  recordStep("populate asset store", stepStartedAt);
+  stepStartedAt = performance.now();
   const buildReactVendorTask = config.reactDirectory ? buildReactVendor(state.resolvedPaths.buildDir).then(async () => {
     const vendorDir = resolve30(state.resolvedPaths.buildDir, "react", "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "react");
@@ -181039,19 +181078,25 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     buildVueVendorTask,
     buildDepVendorTask
   ]);
+  recordStep("build vendor bundles", stepStartedAt);
+  stepStartedAt = performance.now();
   const { warmCompilers: warmCompilers2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
   await warmCompilers2({
     svelte: Boolean(config.svelteDirectory),
     vue: Boolean(config.vueDirectory)
   });
+  recordStep("warm compilers", stepStartedAt);
   state.manifest = manifest;
+  stepStartedAt = performance.now();
   startFileWatching(state, config, (filePath) => {
     queueFileChange(state, filePath, config, (newBuildResult) => {
       Object.assign(manifest, newBuildResult.manifest);
       state.manifest = manifest;
     });
   });
+  recordStep("start file watching", stepStartedAt);
   globalThis.__hmrBuildDuration = performance.now() - buildStart;
+  logStartupTimingBlock("AbsoluteJS devBuild timing", startupSteps);
   const result = {
     conventions,
     hmrState: state,
@@ -181075,6 +181120,7 @@ var init_devBuild = __esm(() => {
   init_assetStore();
   init_rebuildTrigger();
   init_logger();
+  init_startupTimings();
   FRAMEWORK_DIR_KEYS = [
     "reactDirectory",
     "svelteDirectory",
@@ -181093,5 +181139,5 @@ export {
   build
 };
 
-//# debugId=D556DCD8242176E164756E2164756E21
+//# debugId=D027877FF10FEE0264756E2164756E21
 //# sourceMappingURL=build.js.map