@absolutejs/absolute 0.19.0-beta.807 → 0.19.0-beta.809

package/dist/vue/components/Image.js

@@ -1,13 +1,246 @@
 // @bun
-import {
-  Image
-} from "../../chunk-9c5tj4k3.js";
-import"../../chunk-798spvzv.js";
-import"../../chunk-qh75agse.js";
-import"../../chunk-bmgqm774.js";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __legacyDecorateClassTS = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1;i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __legacyMetadataTS = (k, v) => {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+    return Reflect.metadata(k, v);
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = import.meta.require;
+
+// src/constants.ts
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var init_constants = __esm(() => {
+  IMAGE_DEFAULT_DEVICE_SIZES = [
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+  ];
+  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
+  TWO_THIRDS = 2 / 3;
+});
+
+// src/vue/components/Image.ts
+import { computed, defineComponent, h, ref } from "vue";
+
+// src/utils/imageClient.ts
+init_constants();
+var DEFAULT_DEVICE_SIZES = IMAGE_DEFAULT_DEVICE_SIZES;
+var DEFAULT_IMAGE_SIZES = IMAGE_DEFAULT_IMAGE_SIZES;
+var DEFAULT_QUALITY = IMAGE_DEFAULT_QUALITY;
+var OPTIMIZATION_ENDPOINT = "/_absolute/image";
+var buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+var getAllSizes = (deviceSizes, imageSizes) => {
+  const device = deviceSizes ?? DEFAULT_DEVICE_SIZES;
+  const image = imageSizes ?? DEFAULT_IMAGE_SIZES;
+  return [...device, ...image].sort((left, right) => left - right);
+};
+var snapToSize = (target, sizes) => {
+  for (const size of sizes) {
+    if (size >= target)
+      return size;
+  }
+  return sizes[sizes.length - 1] ?? target;
+};
+var 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="20"/><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>`;
+  const encoded = encodeURIComponent(svg);
+  return `url("data:image/svg+xml,${encoded}")`;
+};
+var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
+  const quality = DEFAULT_QUALITY;
+  if (sizes) {
+    const allSizes = getAllSizes(deviceSizes, imageSizes);
+    return allSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+  }
+  if (width) {
+    const allSizes = getAllSizes(deviceSizes, imageSizes);
+    const w1x = snapToSize(width, allSizes);
+    const w2x = snapToSize(width * 2, allSizes);
+    return `${buildOptimizedUrl(src, w1x, quality)} 1x, ${buildOptimizedUrl(src, w2x, quality)} 2x`;
+  }
+  const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES;
+  return devSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+};
+
+// src/vue/components/Image.ts
+var fillWrapperStyle = {
+  display: "block",
+  height: "100%",
+  overflow: "hidden",
+  position: "relative",
+  width: "100%"
+};
+var Image = defineComponent({
+  name: "AbsoluteImage",
+  props: {
+    alt: { required: true, type: String },
+    blurDataURL: { default: undefined, type: String },
+    className: { default: undefined, type: String },
+    crossOrigin: { default: undefined, type: String },
+    fetchPriority: { default: undefined, type: String },
+    fill: { default: false, type: Boolean },
+    height: { default: undefined, type: Number },
+    loader: { default: undefined, type: Function },
+    loading: { default: "lazy", type: String },
+    onError: { default: undefined, type: Function },
+    onLoad: { default: undefined, type: Function },
+    overrideSrc: { default: undefined, type: String },
+    placeholder: { default: undefined, type: String },
+    priority: { default: false, type: Boolean },
+    quality: { default: DEFAULT_QUALITY, type: Number },
+    referrerPolicy: { default: undefined, type: String },
+    sizes: { default: undefined, type: String },
+    src: { required: true, type: String },
+    style: { default: undefined, type: Object },
+    unoptimized: { default: false, type: Boolean },
+    width: { default: undefined, type: Number }
+  },
+  setup(props) {
+    const blurRemoved = ref(false);
+    const resolvedSrc = computed(() => {
+      if (props.overrideSrc)
+        return props.overrideSrc;
+      if (props.unoptimized)
+        return props.src;
+      if (props.loader) {
+        return props.loader({
+          quality: props.quality ?? DEFAULT_QUALITY,
+          src: props.src,
+          width: props.width ?? 0
+        });
+      }
+      if (!props.width) {
+        return buildOptimizedUrl(props.src, 0, props.quality ?? DEFAULT_QUALITY);
+      }
+      return buildOptimizedUrl(props.src, props.width, props.quality ?? DEFAULT_QUALITY);
+    });
+    const srcSet = computed(() => props.unoptimized ? undefined : generateSrcSet(props.src, props.width, props.sizes));
+    const resolvedSizes = computed(() => props.sizes ?? (props.fill ? "100vw" : undefined));
+    const resolvedLoading = computed(() => props.priority ? "eager" : props.loading ?? "lazy");
+    const resolvedFetchPriority = computed(() => props.priority ? "high" : props.fetchPriority);
+    const hasBlur = computed(() => props.placeholder === "blur" || typeof props.placeholder === "string" && props.placeholder !== "empty" && props.placeholder.startsWith("data:"));
+    const blurBackground = computed(() => {
+      if (!hasBlur.value || blurRemoved.value)
+        return;
+      if (typeof props.placeholder === "string" && props.placeholder !== "blur" && props.placeholder.startsWith("data:")) {
+        return generateBlurSvg(props.placeholder);
+      }
+      if (props.blurDataURL)
+        return generateBlurSvg(props.blurDataURL);
+      return;
+    });
+    const imgStyle = computed(() => {
+      const base = {
+        ...props.style ?? {},
+        color: "transparent"
+      };
+      if (blurBackground.value) {
+        base.backgroundImage = blurBackground.value;
+        base.backgroundPosition = "center";
+        base.backgroundRepeat = "no-repeat";
+        base.backgroundSize = "cover";
+      }
+      if (props.fill) {
+        base.height = "100%";
+        base.inset = "0";
+        base.objectFit = "cover";
+        base.position = "absolute";
+        base.width = "100%";
+      }
+      return base;
+    });
+    const handleLoad = (event) => {
+      blurRemoved.value = true;
+      props.onLoad?.(event);
+    };
+    const handleError = (event) => {
+      props.onError?.(event);
+    };
+    return () => {
+      const imgNode = h("img", {
+        alt: props.alt,
+        class: props.className,
+        crossorigin: props.crossOrigin,
+        decoding: "async",
+        fetchpriority: resolvedFetchPriority.value,
+        height: props.fill ? undefined : props.height,
+        loading: resolvedLoading.value,
+        onError: handleError,
+        onLoad: handleLoad,
+        referrerpolicy: props.referrerPolicy,
+        sizes: resolvedSizes.value,
+        src: resolvedSrc.value,
+        srcset: srcSet.value,
+        style: imgStyle.value,
+        width: props.fill ? undefined : props.width
+      });
+      return props.fill ? h("span", { style: fillWrapperStyle }, [imgNode]) : imgNode;
+    };
+  }
+});
 export {
   Image
 };
 
-//# debugId=8FB13302C55DD3C164756E2164756E21
+//# debugId=60B5D2D95817FC3B64756E2164756E21
 //# sourceMappingURL=Image.js.map

package/dist/vue/components/Image.js.map

@@ -1,9 +1,12 @@
 {
   "version": 3,
-  "sources": [],
+  "sources": ["../src/constants.ts", "../src/vue/components/Image.ts", "../src/utils/imageClient.ts"],
   "sourcesContent": [
+    "export const ANGULAR_INIT_TIMEOUT_MS = 500;\nexport const ANSI_ESCAPE_CODE = 27;\nexport const ANSI_ESCAPE_LENGTH = 3;\nexport const ASCII_SPACE = 32;\nexport const BASE_36_RADIX = 36;\nexport const BUN_BUILD_WARNING_SUPPRESSION =\n\t'wildcard sideEffects are not supported yet';\nexport const BODY_SLICE_LENGTH = 2000;\nexport const BYTES_PER_KILOBYTE = 1024;\nexport const CLI_ARGS_OFFSET = 3;\nexport const CSS_ERROR_RESOLVE_DELAY_MS = 50;\nexport const CSS_MAX_CHECK_ATTEMPTS = 10;\nexport const CSS_MAX_PARSE_TIMEOUT_MS = 500;\nexport const CSS_SHEET_READY_TIMEOUT_MS = 100;\nexport const DEFAULT_CHUNK_SIZE = 16_384;\nexport const DEFAULT_DEBOUNCE_MS = 15;\nexport const DEFAULT_PORT = 3000;\nexport const DEV_SERVER_RESTART_DEBOUNCE_MS = 100;\nexport const DOM_UPDATE_DELAY_MS = 50;\nexport const FILE_PROTOCOL_PREFIX_LENGTH = 7;\nexport const FOCUS_ID_PREFIX_LENGTH = 3;\nexport const FOCUS_IDX_PREFIX_LENGTH = 4;\nexport const FOCUS_NAME_PREFIX_LENGTH = 5;\nexport const HMR_UPDATE_TIMEOUT_MS = 2000;\nexport const HOOK_SIGNATURE_LENGTH = 12;\nexport const EXCLUDE_LAST_OFFSET = -1;\nexport const HTTP_STATUS_OK = 200;\nexport const HTTP_STATUS_BAD_REQUEST = 400;\nexport const HTTP_STATUS_NOT_FOUND = 404;\nexport const HOURS_IN_DAY = 24;\nexport const HOURS_IN_HALF_DAY = 12;\nexport const IMAGE_DEFAULT_DEVICE_SIZES = [\n\t640, 750, 828, 1080, 1200, 1920, 2048, 3840\n];\nexport const IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];\nexport const IMAGE_DEFAULT_QUALITY = 75;\nexport const IMAGE_GLOB_SUFFIX_LENGTH = 2;\nexport const MAX_ERROR_LENGTH = 200;\nexport const MAX_RECONNECT_ATTEMPTS = 60;\nexport const MILLISECONDS_IN_A_SECOND = 1000;\nexport const MINUTES_IN_AN_HOUR = 60;\nexport const SECONDS_IN_A_MINUTE = 60;\nexport const MILLISECONDS_IN_A_MINUTE =\n\tMILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;\nexport const MILLISECONDS_IN_A_DAY =\n\tMILLISECONDS_IN_A_SECOND *\n\tSECONDS_IN_A_MINUTE *\n\tMINUTES_IN_AN_HOUR *\n\tHOURS_IN_DAY;\nexport const OVERLAY_FADE_DURATION_MS = 150;\nexport const PING_INTERVAL_MS = 30_000;\nexport const RAF_BATCH_COUNT = 3;\nexport const RANDOM_ID_END_INDEX = 11;\nexport const REBUILD_BATCH_DELAY_MS = 10;\nexport const REBUILD_RELOAD_DELAY_MS = 200;\nexport const RECONNECT_INITIAL_DELAY_MS = 500;\nexport const RECONNECT_POLL_INTERVAL_MS = 300;\nexport const REACT_STREAM_SLOT_FAST_DELAY_MS = 5;\nexport const REACT_STREAM_SLOT_SLOW_DELAY_MS = 20;\nexport const SIGINT_EXIT_CODE = 130;\nexport const SIGTERM_EXIT_CODE = 143;\nexport const SVELTE_CSS_LOAD_TIMEOUT_MS = 500;\nexport const TIME_PRECISION = 2;\nexport const TWO_THIRDS = 2 / 3;\nexport const UNFOUND_INDEX = -1;\nexport const WEBSOCKET_NORMAL_CLOSURE = 1000;\nexport const WORKSPACE_COMMAND_ARGS_OFFSET = 3;\nexport const WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30;\nexport const WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60;\nexport const WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5_000;\nexport const WORKSPACE_READY_PROBE_INTERVAL_MS = 250;\nexport const WORKSPACE_READY_TIMEOUT_MS = 30_000;\nexport const WORKSPACE_SHUTDOWN_TIMEOUT_MS = 10_000;\nexport const WORKSPACE_TUI_DEFAULT_HEIGHT = 28;\nexport const WORKSPACE_TUI_DEFAULT_WIDTH = 100;\nexport const WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30;\nexport const WORKSPACE_TUI_FOOTER_LINE_COUNT = 3;\nexport const WORKSPACE_TUI_MIN_LOG_HEIGHT = 3;\nexport const WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7;\nexport const WORKSPACE_TUI_MIN_TARGET_WIDTH = 8;\nexport const WORKSPACE_TUI_MIN_WRAP_WIDTH = 12;\nexport const WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3;\nexport const WORKSPACE_TUI_RECENT_LOG_LIMIT = 40;\nexport const WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16;\nexport const WORKSPACE_TUI_STATUS_WIDTH = 10;\nexport const WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6;\nexport const WORKSPACE_TUI_VISIBILITY_WIDTH = 8;\n",
+    "import { computed, defineComponent, h, ref } from 'vue';\nimport {\n\tDEFAULT_QUALITY,\n\tbuildOptimizedUrl,\n\tgenerateBlurSvg,\n\tgenerateSrcSet\n} from '../../utils/imageClient';\n\ntype ImageLoader = (params: {\n\tsrc: string;\n\twidth: number;\n\tquality: number;\n}) => string;\n\ntype ImageStyle = Record<string, string | number>;\n\ntype ImageProps = {\n\tsrc: string;\n\talt: string;\n\twidth?: number;\n\theight?: number;\n\tfill?: boolean;\n\tquality?: number;\n\tsizes?: string;\n\tloader?: ImageLoader;\n\tunoptimized?: boolean;\n\tloading?: 'lazy' | 'eager';\n\tpriority?: boolean;\n\tplaceholder?: string;\n\tblurDataURL?: string;\n\tclassName?: string;\n\tstyle?: ImageStyle;\n\tonLoad?: (() => void) | ((event: Event) => void);\n\tonError?: (() => void) | ((event: Event) => void);\n\tcrossOrigin?: 'anonymous' | 'use-credentials' | '';\n\treferrerPolicy?:\n\t\t| ''\n\t\t| 'no-referrer'\n\t\t| 'no-referrer-when-downgrade'\n\t\t| 'origin'\n\t\t| 'origin-when-cross-origin'\n\t\t| 'same-origin'\n\t\t| 'strict-origin'\n\t\t| 'strict-origin-when-cross-origin'\n\t\t| 'unsafe-url';\n\tfetchPriority?: 'high' | 'low' | 'auto';\n\toverrideSrc?: string;\n};\n\nconst fillWrapperStyle: ImageStyle = {\n\tdisplay: 'block',\n\theight: '100%',\n\toverflow: 'hidden',\n\tposition: 'relative',\n\twidth: '100%'\n};\n\nexport const Image = defineComponent({\n\tname: 'AbsoluteImage',\n\tprops: {\n\t\talt: { required: true, type: String },\n\t\tblurDataURL: { default: undefined, type: String },\n\t\tclassName: { default: undefined, type: String },\n\t\tcrossOrigin: { default: undefined, type: String },\n\t\tfetchPriority: { default: undefined, type: String },\n\t\tfill: { default: false, type: Boolean },\n\t\theight: { default: undefined, type: Number },\n\t\tloader: { default: undefined, type: Function },\n\t\tloading: { default: 'lazy', type: String },\n\t\tonError: { default: undefined, type: Function },\n\t\tonLoad: { default: undefined, type: Function },\n\t\toverrideSrc: { default: undefined, type: String },\n\t\tplaceholder: { default: undefined, type: String },\n\t\tpriority: { default: false, type: Boolean },\n\t\tquality: { default: DEFAULT_QUALITY, type: Number },\n\t\treferrerPolicy: { default: undefined, type: String },\n\t\tsizes: { default: undefined, type: String },\n\t\tsrc: { required: true, type: String },\n\t\tstyle: { default: undefined, type: Object },\n\t\tunoptimized: { default: false, type: Boolean },\n\t\twidth: { default: undefined, type: Number }\n\t},\n\tsetup(props: ImageProps) {\n\t\tconst blurRemoved = ref(false);\n\n\t\tconst resolvedSrc = computed(() => {\n\t\t\tif (props.overrideSrc) return props.overrideSrc;\n\t\t\tif (props.unoptimized) return props.src;\n\t\t\tif (props.loader) {\n\t\t\t\treturn props.loader({\n\t\t\t\t\tquality: props.quality ?? DEFAULT_QUALITY,\n\t\t\t\t\tsrc: props.src,\n\t\t\t\t\twidth: props.width ?? 0\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (!props.width) {\n\t\t\t\treturn buildOptimizedUrl(\n\t\t\t\t\tprops.src,\n\t\t\t\t\t0,\n\t\t\t\t\tprops.quality ?? DEFAULT_QUALITY\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn buildOptimizedUrl(\n\t\t\t\tprops.src,\n\t\t\t\tprops.width,\n\t\t\t\tprops.quality ?? DEFAULT_QUALITY\n\t\t\t);\n\t\t});\n\n\t\tconst srcSet = computed(() =>\n\t\t\tprops.unoptimized\n\t\t\t\t? undefined\n\t\t\t\t: generateSrcSet(props.src, props.width, props.sizes)\n\t\t);\n\n\t\tconst resolvedSizes = computed(\n\t\t\t() => props.sizes ?? (props.fill ? '100vw' : undefined)\n\t\t);\n\n\t\tconst resolvedLoading = computed(() =>\n\t\t\tprops.priority ? 'eager' : (props.loading ?? 'lazy')\n\t\t);\n\n\t\tconst resolvedFetchPriority = computed(() =>\n\t\t\tprops.priority ? 'high' : props.fetchPriority\n\t\t);\n\n\t\tconst hasBlur = computed(\n\t\t\t() =>\n\t\t\t\tprops.placeholder === 'blur' ||\n\t\t\t\t(typeof props.placeholder === 'string' &&\n\t\t\t\t\tprops.placeholder !== 'empty' &&\n\t\t\t\t\tprops.placeholder.startsWith('data:'))\n\t\t);\n\n\t\tconst blurBackground = computed(() => {\n\t\t\tif (!hasBlur.value || blurRemoved.value) return undefined;\n\t\t\tif (\n\t\t\t\ttypeof props.placeholder === 'string' &&\n\t\t\t\tprops.placeholder !== 'blur' &&\n\t\t\t\tprops.placeholder.startsWith('data:')\n\t\t\t) {\n\t\t\t\treturn generateBlurSvg(props.placeholder);\n\t\t\t}\n\t\t\tif (props.blurDataURL) return generateBlurSvg(props.blurDataURL);\n\n\t\t\treturn undefined;\n\t\t});\n\n\t\tconst imgStyle = computed(() => {\n\t\t\tconst base: ImageStyle = {\n\t\t\t\t...(props.style ?? {}),\n\t\t\t\tcolor: 'transparent'\n\t\t\t};\n\t\t\tif (blurBackground.value) {\n\t\t\t\tbase.backgroundImage = blurBackground.value;\n\t\t\t\tbase.backgroundPosition = 'center';\n\t\t\t\tbase.backgroundRepeat = 'no-repeat';\n\t\t\t\tbase.backgroundSize = 'cover';\n\t\t\t}\n\t\t\tif (props.fill) {\n\t\t\t\tbase.height = '100%';\n\t\t\t\tbase.inset = '0';\n\t\t\t\tbase.objectFit = 'cover';\n\t\t\t\tbase.position = 'absolute';\n\t\t\t\tbase.width = '100%';\n\t\t\t}\n\n\t\t\treturn base;\n\t\t});\n\n\t\tconst handleLoad = (event: Event) => {\n\t\t\tblurRemoved.value = true;\n\t\t\tprops.onLoad?.(event);\n\t\t};\n\n\t\tconst handleError = (event: Event) => {\n\t\t\tprops.onError?.(event);\n\t\t};\n\n\t\treturn () => {\n\t\t\tconst imgNode = h('img', {\n\t\t\t\talt: props.alt,\n\t\t\t\tclass: props.className,\n\t\t\t\tcrossorigin: props.crossOrigin,\n\t\t\t\tdecoding: 'async',\n\t\t\t\tfetchpriority: resolvedFetchPriority.value,\n\t\t\t\theight: props.fill ? undefined : props.height,\n\t\t\t\tloading: resolvedLoading.value,\n\t\t\t\tonError: handleError,\n\t\t\t\tonLoad: handleLoad,\n\t\t\t\treferrerpolicy: props.referrerPolicy,\n\t\t\t\tsizes: resolvedSizes.value,\n\t\t\t\tsrc: resolvedSrc.value,\n\t\t\t\tsrcset: srcSet.value,\n\t\t\t\tstyle: imgStyle.value,\n\t\t\t\twidth: props.fill ? undefined : props.width\n\t\t\t});\n\n\t\t\treturn props.fill\n\t\t\t\t? h('span', { style: fillWrapperStyle }, [imgNode])\n\t\t\t\t: imgNode;\n\t\t};\n\t}\n});\n",
+    "/**\n * Client-safe image utilities — no node:fs, no Sharp, no Bun APIs.\n * These can be imported in both server and client (browser) contexts.\n */\n\nimport {\n\tIMAGE_DEFAULT_DEVICE_SIZES,\n\tIMAGE_DEFAULT_IMAGE_SIZES,\n\tIMAGE_DEFAULT_QUALITY\n} from '../constants';\n\nexport type { ImageProps } from '../../types/image';\n\nexport const DEFAULT_DEVICE_SIZES = IMAGE_DEFAULT_DEVICE_SIZES;\nexport const DEFAULT_IMAGE_SIZES = IMAGE_DEFAULT_IMAGE_SIZES;\nexport const DEFAULT_QUALITY = IMAGE_DEFAULT_QUALITY;\n\nexport const OPTIMIZATION_ENDPOINT = '/_absolute/image';\n\nexport const buildOptimizedUrl = (\n\tsrc: string,\n\twidth: number,\n\tquality: number,\n\tbasePath = OPTIMIZATION_ENDPOINT\n) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n\nexport const getAllSizes = (deviceSizes?: number[], imageSizes?: number[]) => {\n\tconst device = deviceSizes ?? DEFAULT_DEVICE_SIZES;\n\n\tconst image = imageSizes ?? DEFAULT_IMAGE_SIZES;\n\n\treturn [...device, ...image].sort((left, right) => left - right);\n};\n\n/** Snap a target width UP to the nearest configured size */\nconst snapToSize = (target: number, sizes: number[]) => {\n\tfor (const size of sizes) {\n\t\tif (size >= target) return size;\n\t}\n\n\treturn sizes[sizes.length - 1] ?? target;\n};\n\nexport const generateBlurSvg = (base64Thumbnail: string) => {\n\tconst svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 320\"><filter id=\"b\" color-interpolation-filters=\"sRGB\"><feGaussianBlur stdDeviation=\"20\"/><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>`;\n\n\tconst encoded = encodeURIComponent(svg);\n\n\treturn `url(\"data:image/svg+xml,${encoded}\")`;\n};\nexport const generateSrcSet = (\n\tsrc: string,\n\twidth: number | undefined,\n\tsizes: string | undefined,\n\tdeviceSizes?: number[],\n\timageSizes?: number[]\n) => {\n\tconst quality = DEFAULT_QUALITY;\n\n\tif (sizes) {\n\t\tconst allSizes = getAllSizes(deviceSizes, imageSizes);\n\n\t\treturn allSizes\n\t\t\t.map(\n\t\t\t\t(sizeWidth) =>\n\t\t\t\t\t`${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`\n\t\t\t)\n\t\t\t.join(', ');\n\t}\n\n\tif (width) {\n\t\tconst allSizes = getAllSizes(deviceSizes, imageSizes);\n\n\t\tconst w1x = snapToSize(width, allSizes);\n\n\t\tconst w2x = snapToSize(width * 2, allSizes);\n\n\t\treturn `${buildOptimizedUrl(src, w1x, quality)} 1x, ${buildOptimizedUrl(src, w2x, quality)} 2x`;\n\t}\n\n\tconst devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES;\n\n\treturn devSizes\n\t\t.map(\n\t\t\t(sizeWidth) =>\n\t\t\t\t`${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`\n\t\t)\n\t\t.join(', ');\n};\n"
   ],
-  "mappings": "",
-  "debugId": "8FB13302C55DD3C164756E2164756E21",
+  "mappings": "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",
+  "debugId": "60B5D2D95817FC3B64756E2164756E21",
   "names": []
 }