tailwindcss Architecture Docs
Home / Function/ rewriteCssImageSet() — tailwindcss Function Reference

rewriteCssImageSet() — tailwindcss Function Reference

Architecture documentation for the rewriteCssImageSet() function in urls.ts from the tailwindcss codebase.

Function typescript CompilerEngine ModuleResolution calls 4

Entity Profile

Dependency Diagram

graph TD
  03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d["rewriteCssImageSet()"]
  5024843c_0895_bb5b_d92c_9fd3fe31902d["asyncReplace()"]
  03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d -->|calls| 5024843c_0895_bb5b_d92c_9fd3fe31902d
  5d2447d2_283c_2afa_cd2e_53572764a710["processSrcSet()"]
  03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d -->|calls| 5d2447d2_283c_2afa_cd2e_53572764a710
  e196e78f_ee26_e71e_f9e6_b41f9d8c8b40["rewriteCssUrls()"]
  03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d -->|calls| e196e78f_ee26_e71e_f9e6_b41f9d8c8b40
  54193b84_0504_58d6_30b4_88f0dca676a8["doUrlReplace()"]
  03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d -->|calls| 54193b84_0504_58d6_30b4_88f0dca676a8
  style 03f31b9c_dbf2_bdf2_18d8_8b2958a2a30d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-node/src/urls.ts lines 102–117

async function rewriteCssImageSet(css: string, replacer: CssUrlReplacer): Promise<string> {
  return await asyncReplace(css, cssImageSetRE, async (match) => {
    const [, rawUrl] = match
    const url = await processSrcSet(rawUrl, async ({ url }) => {
      // the url maybe url(...)
      if (cssUrlRE.test(url)) {
        return await rewriteCssUrls(url, replacer)
      }
      if (!cssNotProcessedRE.test(url)) {
        return await doUrlReplace(url, url, replacer)
      }
      return url
    })
    return url
  })
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does rewriteCssImageSet() do?
rewriteCssImageSet() is a function in the tailwindcss codebase.
What does rewriteCssImageSet() call?
rewriteCssImageSet() calls 4 function(s): asyncReplace, doUrlReplace, processSrcSet, rewriteCssUrls.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free