srcset_url_equal() — svelte Function Reference

Architecture documentation for the srcset_url_equal() function in attributes.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 2 called by 1

Entity Profile

ClientRuntime→ Hydration→ srcset_url_equal() — svelte Function Reference

Dependency Diagram

graph TD
  14fa0e9a_c29e_aa54_7ab3_0268335744e2["srcset_url_equal()"]
  0acd2537_e1bf_d7ae_30d5_407378cfa4d3["attributes.js"]
  14fa0e9a_c29e_aa54_7ab3_0268335744e2 -->|defined in| 0acd2537_e1bf_d7ae_30d5_407378cfa4d3
  111c4519_c7e6_3546_5a6f_e63970808b2e["check_src_in_dev_hydration()"]
  111c4519_c7e6_3546_5a6f_e63970808b2e -->|calls| 14fa0e9a_c29e_aa54_7ab3_0268335744e2
  e28908e9_47b2_50a6_ffc9_c9f1eef64ade["split_srcset()"]
  14fa0e9a_c29e_aa54_7ab3_0268335744e2 -->|calls| e28908e9_47b2_50a6_ffc9_c9f1eef64ade
  282a6240_c99f_b6ac_eb2f_8d08edc66328["src_url_equal()"]
  14fa0e9a_c29e_aa54_7ab3_0268335744e2 -->|calls| 282a6240_c99f_b6ac_eb2f_8d08edc66328
  style 14fa0e9a_c29e_aa54_7ab3_0268335744e2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/attributes.js lines 640–657

function srcset_url_equal(element, srcset) {
	var element_urls = split_srcset(element.srcset);
	var urls = split_srcset(srcset);

	return (
		urls.length === element_urls.length &&
		urls.every(
			([url, width], i) =>
				width === element_urls[i][1] &&
				// We need to test both ways because Vite will create an a full URL with
				// `new URL(asset, import.meta.url).href` for the client when `base: './'`, and the
				// relative URLs inside srcset are not automatically resolved to absolute URLs by
				// browsers (in contrast to img.src). This means both SSR and DOM code could
				// contain relative or absolute URLs.
				(src_url_equal(element_urls[i][0], url) || src_url_equal(url, element_urls[i][0]))
		)
	);
}