@bgub/fig-server 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/{shared-Bna74_aZ.js → image-preloads-BIFcrqm9.js}

@@ -118,6 +118,44 @@ function nonceAttribute(nonce) {
 	return nonce === void 0 ? "" : ` nonce="${escapeAttribute(nonce)}"`;
 }
 //#endregion
-export { deferred as a, streamHighWaterMark as c, createStaticDispatcher as i, withContextValue as l, cloneContextValues as n, nonceAttribute as o, componentStack as r, streamFlowBlocked as s, STREAMED_METADATA_ATTRIBUTE as t };
+//#region src/image-preloads.ts
+function imagePreloadFromHostProps(type, props, suppressed) {
+	if (suppressed || type.toLowerCase() !== "img") return null;
+	if (props.loading === "lazy" || props.fetchpriority === "low") return null;
+	const src = stringProp(props.src);
+	const srcset = stringProp(props.srcset);
+	if (props.src != null && typeof props.src !== "string" || props.srcset != null && typeof props.srcset !== "string" || !src && !srcset || isDataUrl(src) || isDataUrl(srcset)) return null;
+	return {
+		as: "image",
+		crossorigin: imageCrossorigin(props.crossorigin),
+		fetchpriority: imageFetchpriority(props.fetchpriority),
+		href: src || void 0,
+		imagesizes: srcset ? stringProp(props.sizes) : void 0,
+		imagesrcset: srcset || void 0,
+		kind: "preload",
+		referrerpolicy: stringProp(props.referrerpolicy),
+		type: stringProp(props.type)
+	};
+}
+function suppressesImagePreloads(type) {
+	const normalizedType = type.toLowerCase();
+	return normalizedType === "picture" || normalizedType === "noscript";
+}
+function stringProp(value) {
+	return typeof value === "string" ? value : void 0;
+}
+function isDataUrl(value) {
+	return value?.slice(0, 5).toLowerCase() === "data:";
+}
+function imageCrossorigin(value) {
+	if (typeof value !== "string") return void 0;
+	if (value === "anonymous" || value === "use-credentials" || value === "") return value;
+	return "";
+}
+function imageFetchpriority(value) {
+	return value === "high" || value === "auto" ? value : void 0;
+}
+//#endregion
+export { componentStack as a, nonceAttribute as c, withContextValue as d, cloneContextValues as i, streamFlowBlocked as l, suppressesImagePreloads as n, createStaticDispatcher as o, STREAMED_METADATA_ATTRIBUTE as r, deferred as s, imagePreloadFromHostProps as t, streamHighWaterMark as u };
 
-//# sourceMappingURL=shared-Bna74_aZ.js.map
+//# sourceMappingURL=image-preloads-BIFcrqm9.js.map

package/dist/image-preloads-BIFcrqm9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preloads-BIFcrqm9.js","names":[],"sources":["../src/shared.ts","../src/image-preloads.ts"],"sourcesContent":["import type {\n  ActionStateAction,\n  ActionStateRunner,\n  DependencyList,\n  EffectCallback,\n  ExternalStoreSubscribe,\n  FigContext,\n  StateSetter,\n  StartTransition,\n} from \"@bgub/fig\";\nimport type {\n  DataResource,\n  RenderDispatcher,\n  StableEventCallerArgs,\n} from \"@bgub/fig/internal\";\nimport { escapeAttribute } from \"./escaping.ts\";\n\nexport type ContextValues = Map<FigContext<unknown>, unknown[]>;\n\nexport const STREAMED_METADATA_ATTRIBUTE = \"data-fig-streamed-metadata\";\n\nexport interface StackFrame {\n  name: string;\n  parent: StackFrame | null;\n}\n\ninterface StaticDispatcherOptions {\n  contextValues: ContextValues;\n  externalStoreError: string;\n  preloadData<TArgs extends unknown[], TValue>(\n    resource: DataResource<TArgs, TValue>,\n    args: TArgs,\n  ): void;\n  readData<TArgs extends unknown[], TValue>(\n    resource: DataResource<TArgs, TValue>,\n    args: TArgs,\n  ): TValue;\n  readPromise<T>(promise: PromiseLike<T>): T;\n  updateError: string;\n  useId(): string;\n}\n\nfunction contextStack(\n  values: ContextValues,\n  context: FigContext<unknown>,\n): unknown[] {\n  let stack = values.get(context);\n\n  if (stack === undefined) {\n    stack = [];\n    values.set(context, stack);\n  }\n\n  return stack;\n}\n\nexport function withContextValue<T>(\n  values: ContextValues,\n  context: FigContext<unknown>,\n  value: unknown,\n  callback: () => T,\n): T {\n  const stack = contextStack(values, context);\n  stack.push(value);\n\n  try {\n    return callback();\n  } finally {\n    stack.pop();\n  }\n}\n\nfunction readContextValue<T>(values: ContextValues, context: FigContext<T>): T {\n  const stack = values.get(context as FigContext<unknown>);\n  if (stack !== undefined && stack.length > 0) {\n    return stack[stack.length - 1] as T;\n  }\n\n  return context.defaultValue;\n}\n\nexport interface Deferred<T> {\n  promise: Promise<T>;\n  reject: (reason: unknown) => void;\n  resolve: (value: T) => void;\n}\n\nexport function deferred<T>(): Deferred<T> {\n  let resolve: Deferred<T>[\"resolve\"] = () => undefined;\n  let reject: Deferred<T>[\"reject\"] = () => undefined;\n  const promise = new Promise<T>((innerResolve, innerReject) => {\n    resolve = innerResolve;\n    reject = innerReject;\n  });\n  return { promise, reject, resolve };\n}\n\nexport function cloneContextValues(values: ContextValues): ContextValues {\n  const clone: ContextValues = new Map();\n  for (const [context, stack] of values) clone.set(context, [...stack]);\n  return clone;\n}\n\n// Encoded bytes a render result stream's internal queue holds before flushing\n// pauses (resumed by consumer pulls). Shared by the HTML and payload\n// renderers. Large enough that a healthy consumer never blocks a flush; small\n// enough to bound per-connection buffering when the consumer stalls.\n// Rendering itself never pauses — only writing to the stream does.\nconst DEFAULT_STREAM_HIGH_WATER_MARK = 65536;\n\n// 0 would deadlock: desiredSize never goes positive, and read requests alone\n// do not make it so. 1 byte is the honest pure-pull minimum.\nexport function streamHighWaterMark(option: number | undefined): number {\n  return Math.max(1, option ?? DEFAULT_STREAM_HIGH_WATER_MARK);\n}\n\n// Blocked means the stream's internal queue is at or past its high-water\n// mark; completed work then waits un-enqueued until the consumer pulls.\n// desiredSize is null on an errored stream — never blocked, because fatal\n// paths close the request before any further writes.\nexport function streamFlowBlocked(\n  controller: ReadableStreamDefaultController<Uint8Array> | null,\n): boolean {\n  const desiredSize = controller?.desiredSize;\n  return typeof desiredSize === \"number\" && desiredSize <= 0;\n}\n\nfunction resolveInitialState<S>(initialState: S | (() => S)): S {\n  return typeof initialState === \"function\"\n    ? (initialState as () => S)()\n    : initialState;\n}\n\nexport function createStaticDispatcher(\n  options: StaticDispatcherOptions,\n): RenderDispatcher {\n  return {\n    useState<S>(initialState: S | (() => S)): [S, StateSetter<S>] {\n      const value = resolveInitialState(initialState);\n      const setState: StateSetter<typeof value> = () => {\n        throw new Error(options.updateError);\n      };\n      return [value, setState];\n    },\n    useActionState<S, Args extends unknown[]>(\n      _action: ActionStateAction<S, Args>,\n      initialState: S,\n    ): [S, ActionStateRunner<Args>, boolean] {\n      const runner: ActionStateRunner<Args> = () => {\n        throw new Error(options.updateError);\n      };\n      return [initialState, runner, false];\n    },\n    useId(): string {\n      return options.useId();\n    },\n    useDeferredValue<T>(\n      value: T,\n      _initialValue: T | undefined,\n      _hasInitialValue: boolean,\n    ): T {\n      return value;\n    },\n    useMemo<T>(calculate: () => T, _deps: DependencyList): T {\n      return calculate();\n    },\n    useTransition(): [boolean, StartTransition] {\n      // Server transitions run synchronously to completion; the signal never\n      // aborts (there is no supersede/unmount lifecycle during a request).\n      const startTransition: StartTransition = (\n        callback: (signal: AbortSignal) => void | PromiseLike<void>,\n      ) => void callback(new AbortController().signal);\n      return [false, startTransition];\n    },\n    useReactive(_effect: EffectCallback, _deps?: DependencyList): void {},\n    useBeforePaint(_effect: EffectCallback, _deps?: DependencyList): void {},\n    useBeforeLayout(_effect: EffectCallback, _deps?: DependencyList): void {},\n    useSyncExternalStore<T>(\n      _subscribe: ExternalStoreSubscribe,\n      _getSnapshot: () => T,\n      getServerSnapshot?: () => T,\n    ): T {\n      if (getServerSnapshot === undefined) {\n        throw new Error(options.externalStoreError);\n      }\n\n      return getServerSnapshot();\n    },\n    useStableEvent<Args extends unknown[], Result>(\n      _handler: (...args: Args) => Result,\n    ): (...args: StableEventCallerArgs<Args>) => Result {\n      return (..._args: StableEventCallerArgs<Args>): Result => {\n        throw new Error(\"Stable events cannot be called during server render.\");\n      };\n    },\n    readContext<T>(context: FigContext<T>): T {\n      return readContextValue(options.contextValues, context);\n    },\n    readData<TArgs extends unknown[], TValue>(\n      resource: DataResource<TArgs, TValue>,\n      args: TArgs,\n    ): TValue {\n      return options.readData(resource, args);\n    },\n    preloadData<TArgs extends unknown[], TValue>(\n      resource: DataResource<TArgs, TValue>,\n      args: TArgs,\n    ): void {\n      options.preloadData(resource, args);\n    },\n    readPromise<T>(promise: PromiseLike<T>): T {\n      return options.readPromise(promise);\n    },\n  };\n}\n\nexport function errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nexport function componentStack(stack: StackFrame | null): string {\n  const frames: string[] = [];\n  for (let frame = stack; frame !== null; frame = frame.parent) {\n    frames.push(`    at ${frame.name}`);\n  }\n  return frames.length === 0 ? \"\" : `\\n${frames.join(\"\\n\")}`;\n}\n\nexport function nonceAttribute(nonce: string | undefined): string {\n  return nonce === undefined ? \"\" : ` nonce=\"${escapeAttribute(nonce)}\"`;\n}\n","import type { PreloadResource, Props } from \"@bgub/fig\";\n\nexport function imagePreloadFromHostProps(\n  type: string,\n  props: Props,\n  suppressed: boolean,\n): PreloadResource | null {\n  if (suppressed || type.toLowerCase() !== \"img\") return null;\n  if (props.loading === \"lazy\" || props.fetchpriority === \"low\") return null;\n\n  const src = stringProp(props.src);\n  const srcset = stringProp(props.srcset);\n  if (\n    (props.src != null && typeof props.src !== \"string\") ||\n    (props.srcset != null && typeof props.srcset !== \"string\") ||\n    (!src && !srcset) ||\n    isDataUrl(src) ||\n    isDataUrl(srcset)\n  ) {\n    return null;\n  }\n\n  return {\n    as: \"image\",\n    crossorigin: imageCrossorigin(props.crossorigin),\n    fetchpriority: imageFetchpriority(props.fetchpriority),\n    href: src || undefined,\n    imagesizes: srcset ? stringProp(props.sizes) : undefined,\n    imagesrcset: srcset || undefined,\n    kind: \"preload\",\n    referrerpolicy: stringProp(props.referrerpolicy),\n    type: stringProp(props.type),\n  };\n}\n\nexport function suppressesImagePreloads(type: string): boolean {\n  const normalizedType = type.toLowerCase();\n  return normalizedType === \"picture\" || normalizedType === \"noscript\";\n}\n\nfunction stringProp(value: unknown): string | undefined {\n  return typeof value === \"string\" ? value : undefined;\n}\n\nfunction isDataUrl(value: string | undefined): boolean {\n  return value?.slice(0, 5).toLowerCase() === \"data:\";\n}\n\nfunction imageCrossorigin(value: unknown): PreloadResource[\"crossorigin\"] {\n  if (typeof value !== \"string\") return undefined;\n  if (value === \"anonymous\" || value === \"use-credentials\" || value === \"\") {\n    return value;\n  }\n  return \"\";\n}\n\nfunction imageFetchpriority(value: unknown): PreloadResource[\"fetchpriority\"] {\n  return value === \"high\" || value === \"auto\" ? value : undefined;\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as ServerPreloadHeaderOptions, c as ServerPrerenderResult, d as RenderTreeKind, f as RenderTreeNode, i as ServerFragmentRenderResult, l as ServerRenderOptions, n as ServerErrorInfo, o as ServerPreloadHeaderResource, p as createRenderTreeCollector, r as ServerErrorPayload, s as ServerPrerenderOptions, t as ServerDocumentRenderResult, u as RenderTreeCollector } from "./types-CimwEFsf.js";
+import { a as ServerPreloadHeaderOptions, c as ServerPrerenderResult, d as RenderTreeKind, f as RenderTreeNode, i as ServerFragmentRenderResult, l as ServerRenderOptions, n as ServerErrorInfo, o as ServerPreloadHeaderResource, p as createRenderTreeCollector, r as ServerErrorPayload, s as ServerPrerenderOptions, t as ServerDocumentRenderResult, u as RenderTreeCollector } from "./types-mrjoQDOc.js";
 import { FigNode } from "@bgub/fig";
 //#region src/index.d.ts
 declare function renderToStream(node: FigNode, options?: ServerRenderOptions): ServerFragmentRenderResult;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { i as escapeText, n as escapeScriptJson, t as escapeAttribute } from "./escaping-DAot8sFu.js";
-import { a as deferred, c as streamHighWaterMark, i as createStaticDispatcher, l as withContextValue, n as cloneContextValues, o as nonceAttribute, r as componentStack, s as streamFlowBlocked, t as STREAMED_METADATA_ATTRIBUTE } from "./shared-Bna74_aZ.js";
+import { a as componentStack, c as nonceAttribute, d as withContextValue, i as cloneContextValues, l as streamFlowBlocked, n as suppressesImagePreloads, o as createStaticDispatcher, r as STREAMED_METADATA_ATTRIBUTE, s as deferred, t as imagePreloadFromHostProps, u as streamHighWaterMark } from "./image-preloads-BIFcrqm9.js";
 import { Fragment, createElement, isValidElement } from "@bgub/fig";
 import { ACTIVITY_TEMPLATE_ATTRIBUTE, EARLY_EVENT_HANDLER_PROPERTY, EARLY_EVENT_QUEUE_PROPERTY, HYDRATION_SKIP_ATTRIBUTE, REPLAYABLE_EVENT_TYPES, SUSPENSE_CLIENT_MARKER, SUSPENSE_COMPLETED_MARKER, SUSPENSE_END_MARKER, SUSPENSE_MARKER_PREFIX, SUSPENSE_PENDING_PREFIX, TEXT_SEPARATOR_DATA, VIEW_TRANSITION_CLASS_ATTRIBUTE, VIEW_TRANSITION_NAME_ATTRIBUTE, VIEW_TRANSITION_PENDING_PROPERTY, VIEW_TRANSITION_TIMEOUT_MS, assetResourceFromHostProps, assetResourceHostAttributes, assetResourceKey, attachDataStore, collectChildren, createRendererDataStore, invalidChildError, isActivity, isAssets, isClientReference, isContext, isErrorBoundary, isFigAssetResource, isPortal, isSuspense, isThenable, isViewTransition, readThenable, setCurrentDataStore, setCurrentDispatcher } from "@bgub/fig/internal";
 //#region src/html.ts
@@ -158,13 +158,13 @@ const DEFAULT_LENGTH = 2e3;
 const HEX_ESCAPE = /^[0-9A-Fa-f]{2}$/;
 const PARAMETER_TOKEN = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/;
 const URI_REFERENCE_PUNCTUATION = "-._~:/?#[]@!$&'()*+,;=";
-function createPreloadHeaderEntries(resources) {
+function createPreloadHeaderEntries(resources, isEarlyImage) {
 	const preconnects = [];
 	const criticalPreloads = [];
 	const stylesheets = [];
 	const remaining = [];
 	for (const resource of resources) {
-		if (resource.kind === "script") continue;
+		if (!isServerPreloadHeaderResource(resource)) continue;
 		const value = preloadHeaderValue(resource);
 		if (value === null) continue;
 		const entry = {
@@ -172,7 +172,7 @@ function createPreloadHeaderEntries(resources) {
 			value
 		};
 		if (resource.kind === "preconnect") preconnects.push(entry);
-		else if (resource.kind === "font" || resource.kind === "preload" && (resource.as === "font" || resource.as === "image" && resource.fetchpriority === "high")) criticalPreloads.push(entry);
+		else if (resource.kind === "font" || resource.kind === "preload" && (resource.as === "font" || resource.as === "image" && (resource.fetchpriority === "high" || isEarlyImage?.(resource) === true))) criticalPreloads.push(entry);
 		else if (resource.kind === "stylesheet") stylesheets.push(entry);
 		else remaining.push(entry);
 	}
@@ -213,7 +213,8 @@ function preloadHeaderValue(resource) {
 			["as", resource.as],
 			["crossorigin", resource.crossorigin],
 			["type", resource.type],
-			["fetchpriority", resource.fetchpriority]
+			["fetchpriority", resource.fetchpriority],
+			["referrerpolicy", resource.referrerpolicy]
 		]);
 		case "modulepreload": return serializeLink(resource.href, [
 			["rel", "modulepreload"],
@@ -231,6 +232,10 @@ function preloadHeaderValue(resource) {
 		case "preconnect": return serializeLink(resource.href, [["rel", "preconnect"], ["crossorigin", resource.crossorigin]]);
 	}
 }
+function isServerPreloadHeaderResource(resource) {
+	if (resource.kind === "script") return false;
+	return resource.kind !== "preload" || resource.href !== void 0 && (resource.as !== "image" || !resource.imagesrcset);
+}
 function serializeLink(target, parameters) {
 	const encodedTarget = encodeLinkTarget(target);
 	if (encodedTarget === null) return null;
@@ -292,6 +297,7 @@ function normalizedLength(value) {
 //#region src/asset-registry.ts
 var AssetResourceRegistry = class {
 	identifierPrefix;
+	earlyImageKeys = /* @__PURE__ */ new Set();
 	emittedResources = /* @__PURE__ */ new Set();
 	deliveryResources = /* @__PURE__ */ new Map();
 	metadataByOwner = /* @__PURE__ */ new Map();
@@ -304,6 +310,13 @@ var AssetResourceRegistry = class {
 		if (isMetadataResource(resource)) return;
 		this.canonical(resource);
 	}
+	registerAutomaticImage(resource) {
+		const { key, resource: current } = this.canonical(resource);
+		if (this.earlyImageKeys.size < 10 || current.kind === "preload" && current.as === "image" && current.fetchpriority === "high") this.earlyImageKeys.add(key);
+	}
+	isEarlyImage(resource) {
+		return this.earlyImageKeys.has(assetResourceKey(resource));
+	}
 	activateMetadata(owner, resources) {
 		const metadata = resources.filter(isMetadataResource);
 		if (metadata.length === 0) {
@@ -367,7 +380,7 @@ var AssetResourceRegistry = class {
 		return snapshot;
 	}
 	preloadHeaderEntries() {
-		return createPreloadHeaderEntries(this.deliveryResources.values());
+		return createPreloadHeaderEntries(this.deliveryResources.values(), (resource) => this.isEarlyImage(resource));
 	}
 	visibleMetadata() {
 		const visible = /* @__PURE__ */ new Map();
@@ -378,7 +391,15 @@ var AssetResourceRegistry = class {
 		const key = assetResourceKey(resource);
 		const current = this.deliveryResources.get(key);
 		if (current !== void 0) {
-			if (assetSignature(current) !== assetSignature(resource)) throw new AssetResourceConflictError(key, current, resource);
+			if (assetSignature(current) !== assetSignature(resource)) {
+				const promoted = promoteCompatibleImagePreload(current, resource);
+				if (promoted === null) throw new AssetResourceConflictError(key, current, resource);
+				this.deliveryResources.set(key, promoted);
+				return {
+					key,
+					resource: promoted
+				};
+			}
 			return {
 				key,
 				resource: current
@@ -475,9 +496,12 @@ function withNonce(sink, props) {
 function assetSignature(resource) {
 	switch (resource.kind) {
 		case "stylesheet": return signature(resource.kind, resource.href, resource.media ?? "", resource.precedence ?? "", resource.crossorigin ?? "", resource.blocking ?? "reveal");
-		case "preload": return signature(resource.kind, resource.href, resource.as, resource.type ?? "", resource.crossorigin ?? "", resource.fetchpriority ?? "");
+		case "preload": {
+			const imagesrcset = resource.as === "image" ? resource.imagesrcset || void 0 : void 0;
+			return signature(resource.kind, imagesrcset === void 0 ? resource.href ?? "" : "", resource.as, resource.type ?? "", resource.crossorigin ?? "", resource.fetchpriority ?? "", imagesrcset ?? "", imagesrcset === void 0 ? "" : resource.imagesizes ?? "", resource.referrerpolicy ?? "");
+		}
 		case "modulepreload": return signature(resource.kind, resource.href, resource.crossorigin ?? "", resource.fetchpriority ?? "");
-		case "font": return signature("preload", resource.href, "font", resource.type, resource.crossorigin ?? "anonymous", resource.fetchpriority ?? "");
+		case "font": return signature("preload", resource.href, "font", resource.type, resource.crossorigin ?? "anonymous", resource.fetchpriority ?? "", "", "", "");
 		case "preconnect": return signature(resource.kind, resource.href, resource.crossorigin ?? "");
 		case "script": return signature(resource.kind, resource.src, resource.module === true, resource.async !== false, resource.defer === true, resource.crossorigin ?? "");
 		case "title": return signature(resource.kind, resource.value);
@@ -485,6 +509,20 @@ function assetSignature(resource) {
 	}
 	return unsupportedAssetResource(resource);
 }
+function promoteCompatibleImagePreload(current, incoming) {
+	if (current.kind !== "preload" || incoming.kind !== "preload" || current.as !== "image" || incoming.as !== "image" || assetSignature({
+		...current,
+		fetchpriority: incoming.fetchpriority
+	}) !== assetSignature(incoming)) return null;
+	const currentPriority = current.fetchpriority === "auto" ? void 0 : current.fetchpriority;
+	const incomingPriority = incoming.fetchpriority === "auto" ? void 0 : incoming.fetchpriority;
+	if (currentPriority === incomingPriority) return current;
+	if (currentPriority === "low" || incomingPriority === "low") return null;
+	return currentPriority === "high" ? current : {
+		...current,
+		fetchpriority: "high"
+	};
+}
 function unsupportedAssetResource(resource) {
 	throw new Error(`Unsupported asset resource kind: ${resource.kind}`);
 }
@@ -771,20 +809,20 @@ function writeChunk(request, chunk, segment) {
 	}
 	if (request.document === null) return;
 	const metadata = request.headSnapshot ?? request.assetRegistry.headMetadataHtml(request.nonce);
-	const [beforeMetadata, afterMetadata] = partitionHeadAssets(segment.assetResources);
+	const [beforeMetadata, afterMetadata] = partitionHeadAssets(request, segment.assetResources);
 	const blockingIds = /* @__PURE__ */ new Set();
 	request.write(metadata.preamble);
 	flushAssetList(request, beforeMetadata, blockingIds);
 	request.write(metadata.metadata);
 	flushAssetList(request, afterMetadata, blockingIds);
 }
-function partitionHeadAssets(resources) {
+function partitionHeadAssets(request, resources) {
 	const preconnects = [];
 	const criticalPreloads = [];
 	const stylesheets = [];
 	const afterMetadata = [];
 	for (const resource of resources) if (resource.kind === "preconnect") preconnects.push(resource);
-	else if (resource.kind === "font" || resource.kind === "preload" && (resource.as === "font" || resource.as === "image" && resource.fetchpriority === "high")) criticalPreloads.push(resource);
+	else if (resource.kind === "font" || resource.kind === "preload" && (resource.as === "font" || resource.as === "image" && (resource.fetchpriority === "high" || request.assetRegistry.isEarlyImage(resource)))) criticalPreloads.push(resource);
 	else if (resource.kind === "stylesheet") stylesheets.push(resource);
 	else afterMetadata.push(resource);
 	return [[
@@ -878,6 +916,7 @@ function createServerRenderRequest(node, options = {}, mode = {}) {
 		hiddenActivityId: null,
 		hostAncestors: [],
 		hostNamespace: "html",
+		imagePreloadsSuppressed: false,
 		idPath: "",
 		pendingLeadingNewline: false,
 		selectProps: null,
@@ -953,6 +992,7 @@ function forkScope(scope) {
 		hiddenActivityId: scope.hiddenActivityId,
 		hostAncestors: scope.hostAncestors,
 		hostNamespace: scope.hostNamespace,
+		imagePreloadsSuppressed: scope.imagePreloadsSuppressed,
 		idPath: scope.idPath,
 		pendingLeadingNewline: scope.pendingLeadingNewline,
 		selectProps: scope.selectProps,
@@ -1265,6 +1305,15 @@ function renderAssetValue(value, frame) {
 		frame.segment.assetResources.push(resource);
 	}
 }
+function renderAutomaticImagePreload(resource, frame) {
+	try {
+		frame.request.assetRegistry.registerAutomaticImage(resource);
+	} catch (error) {
+		recordErrorStack(error, frame.stack);
+		throw error;
+	}
+	frame.segment.assetResources.push(resource);
+}
 function renderSuspense(props, frame) {
 	consumePendingLeadingNewline(frame);
 	const fallbackAbortableTasks = /* @__PURE__ */ new Set();
@@ -1360,6 +1409,10 @@ function renderHostElement(type, props, frame) {
 	if (isVoid && hasRenderableChild(props.children)) throw new Error(`Void element <${type}> cannot have children.`);
 	if (isVoid && unsafeHTML !== null) throw new Error(`Void element <${type}> cannot have unsafeHTML.`);
 	if (unsafeHTML !== null && hasRenderableChild(props.children)) throw new Error("Host elements cannot have both unsafeHTML and children.");
+	if (namespace === "html") {
+		const imagePreload = imagePreloadFromHostProps(type, props, frame.imagePreloadsSuppressed);
+		if (imagePreload !== null) renderAutomaticImagePreload(imagePreload, frame);
+	}
 	consumePendingLeadingNewline(frame);
 	const viewTransition = frame.viewTransition;
 	writeElementStart(type, viewTransition === null ? props : viewTransitionHostProps(props, viewTransition), frame.segment, frame.selectProps ?? {});
@@ -1385,9 +1438,11 @@ function renderHostElement(type, props, frame) {
 	if (namespace === "html" && type === "select") frame.selectProps = props;
 	const previousHostAncestors = frame.hostAncestors;
 	const previousHostNamespace = frame.hostNamespace;
+	const previousImagePreloadsSuppressed = frame.imagePreloadsSuppressed;
 	const previousViewTransition = frame.viewTransition;
 	if (viewTransition !== null) frame.viewTransition = null;
 	frame.hostNamespace = childHostNamespace(type, namespace);
+	frame.imagePreloadsSuppressed = previousImagePreloadsSuppressed || namespace === "html" && suppressesImagePreloads(type);
 	if (tracksLeadingNewline) frame.segment.chunks.push(leadingNewlineStartMarker);
 	try {
 		renderChildren(props.children, frame);
@@ -1395,6 +1450,7 @@ function renderHostElement(type, props, frame) {
 		frame.selectProps = previousSelectProps;
 		frame.hostAncestors = previousHostAncestors;
 		frame.hostNamespace = previousHostNamespace;
+		frame.imagePreloadsSuppressed = previousImagePreloadsSuppressed;
 		frame.viewTransition = previousViewTransition;
 		frame.pendingLeadingNewline = previousPendingLeadingNewline;
 	}