@absolutejs/absolute 0.19.0-beta.961 → 0.19.0-beta.963

package/dist/angular/browser.js

@@ -9136,17 +9136,12 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY, OPTIMIZATION_END
     return actual.startsWith(prefix);
   }
   return actual === pattern;
-}, MIME_MAP, isSharpFactory = (value) => typeof value === "function", callSharp = (sharpRef, input) => {
-  if (!isSharpFactory(sharpRef)) {
-    throw new Error("Loaded sharp module is not callable.");
-  }
-  return sharpRef(input);
-}, toBuffer = (input) => {
+}, MIME_MAP, isSharpFactory = (value) => typeof value === "function", toBuffer = (input) => {
   if (Buffer.isBuffer(input))
     return input;
   return Buffer.from(input);
-}, buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurSvg = (base64Thumbnail) => {
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="${BLUR_DEVIATION}"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
+}, isUnsupportedFormatError = (err) => typeof err === "object" && err !== null && ("code" in err) && err.code === "ERR_IMAGE_FORMAT_UNSUPPORTED", buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurSvg = (base64Thumbnail) => {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="${BLUR_DEVIATION}"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
   const encoded = encodeURIComponent(svg);
   return `url("data:image/svg+xml,${encoded}")`;
 }, generateSrcSet = (src, width, sizes, config, loader) => {
@@ -9206,11 +9201,24 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY, OPTIMIZATION_END
     return "webp";
   }
   return "jpeg";
-}, AVIF_QUALITY_OFFSET = 20, AVIF_EFFORT = 3, optimizeImage = async (buffer, width, quality, format) => {
-  const sharp = await tryLoadSharp();
-  if (!sharp)
-    return toBuffer(buffer);
-  const pipeline = callSharp(sharp, toBuffer(buffer)).rotate().resize(width, undefined, { withoutEnlargement: true });
+}, AVIF_QUALITY_OFFSET = 20, AVIF_EFFORT = 3, PNG_COMPRESSION_LEVEL = 9, optimizeWithBunImage = async (buffer, width, quality, format) => {
+  const pipeline = new Bun.Image(buffer).resize(width, undefined, {
+    withoutEnlargement: true
+  });
+  switch (format) {
+    case "avif":
+      return pipeline.avif({
+        quality: Math.max(1, quality - AVIF_QUALITY_OFFSET)
+      }).toBuffer();
+    case "jpeg":
+      return pipeline.jpeg({ quality }).toBuffer();
+    case "png":
+      return pipeline.png({ compressionLevel: PNG_COMPRESSION_LEVEL }).toBuffer();
+    case "webp":
+      return pipeline.webp({ quality }).toBuffer();
+  }
+}, optimizeWithSharp = async (sharpRef, buffer, width, quality, format) => {
+  const pipeline = sharpRef(buffer).rotate().resize(width, undefined, { withoutEnlargement: true });
   switch (format) {
     case "avif":
       return pipeline.avif({
@@ -9223,8 +9231,19 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY, OPTIMIZATION_END
       return pipeline.png({ quality }).toBuffer();
     case "webp":
       return pipeline.webp({ quality }).toBuffer();
-    default:
-      return toBuffer(buffer);
+  }
+}, optimizeImage = async (buffer, width, quality, format) => {
+  const input = toBuffer(buffer);
+  try {
+    return await optimizeWithBunImage(input, width, quality, format);
+  } catch (err) {
+    if (format === "avif" && isUnsupportedFormatError(err)) {
+      const sharp = await tryLoadSharp();
+      if (sharp && isSharpFactory(sharp)) {
+        return optimizeWithSharp(sharp, input, width, quality, format);
+      }
+    }
+    throw err;
   }
 }, readFromCache = (cacheDir, cacheKey) => {
   const metaPath = join(cacheDir, `${cacheKey}.meta`);
@@ -9251,7 +9270,7 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY, OPTIMIZATION_END
     if (sharpWarned)
       return null;
     sharpWarned = true;
-    console.warn("[image] sharp not installed \u2014 serving unoptimized images. Install with: bun add sharp");
+    console.warn('[image] AVIF requested but sharp not installed and Bun.Image cannot encode AVIF on this platform. Install sharp (`bun add sharp`) to enable AVIF, or remove "avif" from your image formats config. See docs/SHARP_REMOVAL.md for context.');
     return null;
   }
 }, writeToCache = (cacheDir, cacheKey, buffer, meta) => {
@@ -9374,8 +9393,116 @@ var provideDeterministicEnv = (options = {}) => {
 };
 // src/angular/page.ts
 var defineAngularPage = (definition) => definition;
+// src/angular/composables/useResource.ts
+import { DestroyRef, inject, signal } from "@angular/core";
+var useResource = (fetcher, options = {}) => {
+  const destroyRef = inject(DestroyRef);
+  const data = signal(null);
+  const error = signal(null);
+  const loading = signal(false);
+  let controller = null;
+  let destroyed = false;
+  const cancel = () => {
+    if (controller) {
+      controller.abort();
+      controller = null;
+    }
+  };
+  const refresh = async () => {
+    if (destroyed)
+      return;
+    cancel();
+    const next = new AbortController;
+    controller = next;
+    loading.set(true);
+    error.set(null);
+    try {
+      const result = await fetcher(next.signal);
+      if (next.signal.aborted)
+        return;
+      data.set(result);
+    } catch (cause) {
+      if (next.signal.aborted)
+        return;
+      error.set(cause);
+    } finally {
+      if (controller === next) {
+        controller = null;
+      }
+      if (!next.signal.aborted) {
+        loading.set(false);
+      }
+    }
+  };
+  const mutate = (next) => {
+    if (destroyed)
+      return;
+    cancel();
+    error.set(null);
+    loading.set(false);
+    const resolved = typeof next === "function" ? next(data()) : next;
+    data.set(resolved);
+  };
+  destroyRef.onDestroy(() => {
+    destroyed = true;
+    cancel();
+  });
+  if (options.immediate !== false) {
+    refresh();
+  }
+  return { cancel, data, error, loading, mutate, refresh };
+};
+// src/angular/composables/useSubscription.ts
+import { DestroyRef as DestroyRef2, inject as inject2 } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+function useSubscription(observable, observerOrNext) {
+  const destroyRef = inject2(DestroyRef2);
+  return observable.pipe(takeUntilDestroyed(destroyRef)).subscribe(typeof observerOrNext === "function" ? { next: observerOrNext } : observerOrNext);
+}
+// src/angular/composables/useTimers.ts
+import { DestroyRef as DestroyRef3, inject as inject3 } from "@angular/core";
+var useTimers = () => {
+  const destroyRef = inject3(DestroyRef3);
+  const timeouts = new Set;
+  const intervals = new Set;
+  const clearAll = () => {
+    timeouts.forEach((timer) => clearTimeout(timer));
+    intervals.forEach((timer) => clearInterval(timer));
+    timeouts.clear();
+    intervals.clear();
+  };
+  destroyRef.onDestroy(clearAll);
+  return {
+    clearAll,
+    clearInterval(timer) {
+      if (!timer)
+        return;
+      clearInterval(timer);
+      intervals.delete(timer);
+    },
+    clearTimeout(timer) {
+      if (!timer)
+        return;
+      clearTimeout(timer);
+      timeouts.delete(timer);
+    },
+    setInterval(callback, delayMs) {
+      const timer = setInterval(callback, delayMs);
+      intervals.add(timer);
+      return timer;
+    },
+    setTimeout(callback, delayMs) {
+      const timer = setTimeout(() => {
+        timeouts.delete(timer);
+        callback();
+      }, delayMs);
+      timeouts.add(timer);
+      return timer;
+    }
+  };
+};
 // src/angular/preserveAcrossHmr.ts
-import { ChangeDetectorRef, inject } from "@angular/core";
+import { ChangeDetectorRef, inject as inject4 } from "@angular/core";
 
 // src/angular/hmrPreserveCore.ts
 var isHmrPreserveDev = () => {
@@ -9446,7 +9573,7 @@ var preserveAcrossHmr = (instance, key) => {
   if (!restored)
     return;
   try {
-    const cdr = inject(ChangeDetectorRef, { optional: true });
+    const cdr = inject4(ChangeDetectorRef, { optional: true });
     if (cdr)
       queueMicrotask(() => cdr.markForCheck());
   } catch {}
@@ -9604,9 +9731,9 @@ Island = __legacyDecorateClassTS([
   })
 ], Island);
 // src/angular/pendingTask.ts
-import { inject as inject2, PendingTasks } from "@angular/core";
+import { inject as inject5, PendingTasks } from "@angular/core";
 var withPendingTask = async (work) => {
-  const removeTask = inject2(PendingTasks).add();
+  const removeTask = inject5(PendingTasks).add();
   try {
     return await work();
   } finally {
@@ -9761,8 +9888,8 @@ import {
   Component as Component2,
   ContentChild,
   Input as Input2,
-  inject as inject4,
-  signal
+  inject as inject7,
+  signal as signal2
 } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
 
@@ -9775,9 +9902,9 @@ var isAngularDeferSlotPayload = (value) => {
 };
 
 // src/angular/components/defer-slot-templates.directive.ts
-import { Directive, TemplateRef, inject as inject3 } from "@angular/core";
+import { Directive, TemplateRef, inject as inject6 } from "@angular/core";
 class DeferErrorTemplateDirective {
-  templateRef = inject3(TemplateRef);
+  templateRef = inject6(TemplateRef);
 }
 DeferErrorTemplateDirective = __legacyDecorateClassTS([
   Directive({
@@ -9787,7 +9914,7 @@ DeferErrorTemplateDirective = __legacyDecorateClassTS([
 ], DeferErrorTemplateDirective);
 
 class DeferFallbackTemplateDirective {
-  templateRef = inject3(TemplateRef);
+  templateRef = inject6(TemplateRef);
 }
 DeferFallbackTemplateDirective = __legacyDecorateClassTS([
   Directive({
@@ -9797,7 +9924,7 @@ DeferFallbackTemplateDirective = __legacyDecorateClassTS([
 ], DeferFallbackTemplateDirective);
 
 class DeferResolvedTemplateDirective {
-  templateRef = inject3(TemplateRef);
+  templateRef = inject6(TemplateRef);
 }
 DeferResolvedTemplateDirective = __legacyDecorateClassTS([
   Directive({
@@ -9811,11 +9938,11 @@ class DeferSlotComponent {
   constructor() {
     this.id = "";
   }
-  cdr = inject4(ChangeDetectorRef2);
-  runtimeReady = signal(false);
+  cdr = inject7(ChangeDetectorRef2);
+  runtimeReady = signal2(false);
   serverSlotRegistered = false;
-  slotData = signal({});
-  state = signal("fallback");
+  slotData = signal2({});
+  state = signal2("fallback");
   activeTemplate = () => {
     if (this.state() === "resolved") {
       return this.resolvedTemplate?.templateRef ?? null;
@@ -9947,7 +10074,7 @@ DeferSlotComponent = __legacyDecorateClassTS([
 ], DeferSlotComponent);
 // src/angular/components/image.component.ts
 init_imageProcessing();
-import { Component as Component3, computed, input, signal as signal2 } from "@angular/core";
+import { Component as Component3, computed, input, signal as signal3 } from "@angular/core";
 import { NgStyle } from "@angular/common";
 var resolveBlurBg = (placeholderValue, blurDataUrl) => {
   if (typeof placeholderValue === "string" && placeholderValue !== "blur" && placeholderValue.startsWith("data:")) {
@@ -9980,7 +10107,7 @@ class ImageComponent {
   style = input();
   unoptimized = input(false);
   width = input();
-  blurRemoved = signal2(false);
+  blurRemoved = signal3(false);
   resolvedSrc = computed(() => {
     const override = this.overrideSrc();
     if (override)
@@ -10094,9 +10221,8 @@ import {
   ChangeDetectorRef as ChangeDetectorRef3,
   Component as Component4,
   Input as Input3,
-  NgZone,
-  inject as inject5,
-  signal as signal3
+  inject as inject8,
+  signal as signal4
 } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 var isObjectRecord3 = (value) => Boolean(value) && typeof value === "object";
@@ -10112,17 +10238,14 @@ class StreamSlotComponent {
   constructor() {
     this.fallbackHtml = "";
   }
-  cdr = inject5(ChangeDetectorRef3);
-  sanitizer = inject5(DomSanitizer);
-  zone = inject5(NgZone);
+  cdr = inject8(ChangeDetectorRef3);
+  sanitizer = inject8(DomSanitizer);
   slotConsumer = (payload) => {
-    this.zone.run(() => {
-      this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(resolvePayloadHtml(payload)));
-      this.cdr.markForCheck();
-    });
+    this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(resolvePayloadHtml(payload)));
+    this.cdr.markForCheck();
     return true;
   };
-  currentHtml = signal3("");
+  currentHtml = signal4("");
   ngOnInit() {
     if (isStreamingSlotCollectionActive()) {
       this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
@@ -10206,6 +10329,9 @@ var renderIsland = async () => {
 };
 export {
   withPendingTask,
+  useTimers,
+  useSubscription,
+  useResource,
   renderIsland,
   provideDeterministicEnv,
   preserveAcrossHmr,
@@ -10227,5 +10353,5 @@ export {
   ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER
 };
 
-//# debugId=9D6243A1FB854B4064756E2164756E21
+//# debugId=566EE1BB76DC6E4A64756E2164756E21
 //# sourceMappingURL=browser.js.map