deepMerge() — tailwindcss Function Reference

Architecture documentation for the deepMerge() function in deep-merge.ts from the tailwindcss codebase.

Function typescript OxideCore PreProcessors calls 1 called by 2

Entity Profile

OxideCore→ PreProcessors→ deepMerge() — tailwindcss Function Reference

Dependency Diagram

graph TD
  6496e14a_c764_9611_76f5_9db2d4cacd3b["deepMerge()"]
  4a84e1ef_30b3_afde_8b94_8682bdf64dc7["mergeTheme()"]
  4a84e1ef_30b3_afde_8b94_8682bdf64dc7 -->|calls| 6496e14a_c764_9611_76f5_9db2d4cacd3b
  67fcef46_defb_2c9b_ab9b_59ae912b91f5["createThemeFn()"]
  67fcef46_defb_2c9b_ab9b_59ae912b91f5 -->|calls| 6496e14a_c764_9611_76f5_9db2d4cacd3b
  21757970_4272_76c4_4694_eec1d8abb2f6["isPlainObject()"]
  6496e14a_c764_9611_76f5_9db2d4cacd3b -->|calls| 21757970_4272_76c4_4694_eec1d8abb2f6
  style 6496e14a_c764_9611_76f5_9db2d4cacd3b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/config/deep-merge.ts lines 10–40

export function deepMerge<T extends object>(
  target: T,
  sources: (Partial<T> | null | undefined)[],
  customizer: (a: any, b: any, keypath: (keyof T)[]) => any,
  path: (keyof T)[] = [],
) {
  type Key = keyof T
  type Value = T[Key]

  for (let source of sources) {
    if (source === null || source === undefined) {
      continue
    }

    for (let k of Reflect.ownKeys(source) as Key[]) {
      path.push(k)
      let merged = customizer(target[k], source[k], path)

      if (merged !== undefined) {
        target[k] = merged
      } else if (!isPlainObject(target[k]) || !isPlainObject(source[k])) {
        target[k] = source[k] as Value
      } else {
        target[k] = deepMerge({}, [target[k], source[k]], customizer, path as any) as Value
      }
      path.pop()
    }
  }

  return target
}