useSqlEditorDiff() — supabase Function Reference

Architecture documentation for the useSqlEditorDiff() function in hooks.ts from the supabase codebase.

Function typescript ContentManagement MediaManagement calls 3 called by 1

Entity Profile

ContentManagement→ MediaManagement→ useSqlEditorDiff() — supabase Function Reference

Dependency Diagram

graph TD
  6d1e2466_129e_32fc_60da_c55d28d3371c["useSqlEditorDiff()"]
  5429b87d_ef53_7e21_26c6_6b167a463ebc["SQLEditor()"]
  5429b87d_ef53_7e21_26c6_6b167a463ebc -->|calls| 6d1e2466_129e_32fc_60da_c55d28d3371c
  59da0ff5_e8a8_e0fb_6efa_e257fb59c4a2["compareAsModification()"]
  6d1e2466_129e_32fc_60da_c55d28d3371c -->|calls| 59da0ff5_e8a8_e0fb_6efa_e257fb59c4a2
  0eabde72_e998_3c6e_1132_c649ac6afae0["compareAsAddition()"]
  6d1e2466_129e_32fc_60da_c55d28d3371c -->|calls| 0eabde72_e998_3c6e_1132_c649ac6afae0
  e9b6629c_f7bd_7d54_2d99_2a92c00ff207["compareAsNewSnippet()"]
  6d1e2466_129e_32fc_60da_c55d28d3371c -->|calls| e9b6629c_f7bd_7d54_2d99_2a92c00ff207
  style 6d1e2466_129e_32fc_60da_c55d28d3371c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/SQLEditor/hooks.ts lines 69–109

export function useSqlEditorDiff() {
  const [sourceSqlDiff, setSourceSqlDiff] = useState<ContentDiff>()
  const [selectedDiffType, setSelectedDiffType] = useState<DiffType>()
  const [isAcceptDiffLoading, setIsAcceptDiffLoading] = useState(false)

  const isDiffOpen = !!sourceSqlDiff

  const defaultSqlDiff = useMemo(() => {
    if (!sourceSqlDiff) {
      return { original: '', modified: '' }
    }

    switch (selectedDiffType) {
      case DiffType.Modification:
        return compareAsModification(sourceSqlDiff)
      case DiffType.Addition:
        return compareAsAddition(sourceSqlDiff)
      case DiffType.NewSnippet:
        return compareAsNewSnippet(sourceSqlDiff)
      default:
        return { original: '', modified: '' }
    }
  }, [selectedDiffType, sourceSqlDiff])

  const closeDiff = useCallback(() => {
    setSourceSqlDiff(undefined)
    setSelectedDiffType(undefined)
  }, [])

  return {
    sourceSqlDiff,
    setSourceSqlDiff,
    selectedDiffType,
    setSelectedDiffType,
    isAcceptDiffLoading,
    setIsAcceptDiffLoading,
    isDiffOpen,
    defaultSqlDiff,
    closeDiff,
  }
}