If the custom type contains a SwifUI Color field，how to make it work with Defaults?

[BeyondiOS]

my code:

struct User1: Codable, Defaults.Serializable {
    var name: String
    var age: Int
    var c: Color

    init(name: String, age: Int, c: Color) {
        self.name = name
        self.age = age
        self.c = c
    }
}

private let fixtureArray = [User1(name: "a", age: 1, c: Color.red), User1(name: "b", age: 2, c: Color.blue)]

extension Defaults.Keys {
    fileprivate static let array = Key<[User1]>("array", default: fixtureArray)
}

As long as Color implements the Codable protocol, it can be solved, but I find almost all codes that Color implements the Codable protocol have problems.

I just want to implement it on macOS, How to solve this problem?

It's been bothering me for a long time, please help me, thanks a lot.

[sindresorhus]

This has nothing to do with Defaults. You'll get the same error even without the Defaults.Serializable conformance. I recommend asking on Stack Overflow.

[BeyondiOS]

I solved this problem by converting the Color to a hex string, but I don't know if there is any problem.

my code:

struct User1: Codable, Defaults.Serializable {
    var name: String
    var age: Int
    var c: Color

    enum CodingKeys: CodingKey {
        case name
        case age
        case c
    }
    
    init(name: String, age: Int, c: Color) {
        self.name = name
        self.age = age
        self.c = c
    }

    init(from decoder: Decoder) throws {
        let container = try decoder.container(keyedBy: CodingKeys.self)
        name = try container.decode(String.self, forKey: .name)
        age = try container.decode(Int.self, forKey: .age)
        let cString = try container.decode(String.self, forKey: .c)
        c = Color(colorString: cString)
    }

    func encode(to encoder: Encoder) throws {
        var container = encoder.container(keyedBy: CodingKeys.self)
        try container.encode(name, forKey: .name)
        try container.encode(age, forKey: .age)
        try container.encode(c.hexString, forKey: .c)
    }
}

Color Extension

extension Color {
  public init(colorString: String) {
    var red: Double = 0
    var green: Double = 0
    var blue: Double = 0
    var opacity: Double = 0

    if colorString.hasPrefix("#"), colorString.count == 9 {
      // #RRGGBBAA

      if let r = UInt8(
        colorString[
          colorString.index(
            colorString.startIndex, offsetBy: 1)...colorString.index(
              colorString.startIndex, offsetBy: 2)], radix: 16),
        let g = UInt8(
          colorString[
            colorString.index(
              colorString.startIndex, offsetBy: 3)...colorString.index(
                colorString.startIndex, offsetBy: 4)], radix: 16),
        let b = UInt8(
          colorString[
            colorString.index(
              colorString.startIndex, offsetBy: 5)...colorString.index(
                colorString.startIndex, offsetBy: 6)], radix: 16),
        let a = UInt8(
          colorString[
            colorString.index(
              colorString.startIndex, offsetBy: 7)...colorString.index(
                colorString.startIndex, offsetBy: 8)], radix: 16)
      {
        red = Double(r) / 255
        green = Double(g) / 255
        blue = Double(b) / 255
        opacity = Double(a) / 255
      }

    } else {
      switch colorString {
      // Colors without opacity
      case "black":
        // Adjust color
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 1.0
      case "blue":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 1.0
      case "brown":
        red = 0.6
        green = 0.4
        blue = 0.2
        opacity = 1.0
      case "clear":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.0
      case "cyan":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 1.0
      case "green":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 1.0
      case "magenta":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 1.0
      case "orange":
        red = 1.0
        green = 0.5
        blue = 0.0
        opacity = 1.0
      case "purple":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 1.0
      case "red":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 1.0
      case "white":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 1.0
      case "yellow":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 1.0

      // Colors with opacity

      // black 0.0, 0.0, 0.0
      case "black1.0":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 1.0
      case "black0.8":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.8
      case "black0.6":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.6
      case "black0.4":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.4
      case "black0.2":
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.2

      // gray 0.5, 0.5, 0.5
      case "gray1.0":
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 1.0
      case "gray0.8":
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 0.8
      case "gray0.6":
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 0.6
      case "gray0.4":
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 0.4
      case "gray0.2":
        red = 0.5
        green = 0.5
        blue = 0.5
        opacity = 0.2

      // silver 0.75, 0.75, 0.75
      case "silver1.0":
        red = 0.75
        green = 0.75
        blue = 0.75
        opacity = 1.0
      case "silver0.8":
        red = 0.75
        green = 0.75
        blue = 0.75
        opacity = 0.8
      case "silver0.6":
        red = 0.75
        green = 0.75
        blue = 0.75
        opacity = 0.6
      case "silver0.4":
        red = 0.75
        green = 0.75
        blue = 0.75
        opacity = 0.4
      case "silver0.2":
        red = 0.75
        green = 0.75
        blue = 0.75
        opacity = 0.2

      // white 1.0f, 1.0f, 1.0f
      case "white1.0":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 1.0
      case "white0.8":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 0.8
      case "white0.6":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 0.6
      case "white0.4":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 0.4
      case "white0.2":
        red = 1.0
        green = 1.0
        blue = 1.0
        opacity = 0.2

      // maroon 0.5f, 0.0f, 0.0f
      case "maroon1.0":
        red = 0.5
        green = 0.0
        blue = 0.0
        opacity = 1.0
      case "maroon0.8":
        red = 0.5
        green = 0.0
        blue = 0.0
        opacity = 0.8
      case "maroon0.6":
        red = 0.5
        green = 0.0
        blue = 0.0
        opacity = 0.6
      case "maroon0.4":
        red = 0.5
        green = 0.0
        blue = 0.0
        opacity = 0.4
      case "maroon0.2":
        red = 0.5
        green = 0.0
        blue = 0.0
        opacity = 0.2

      // red 1.0f, 0.0f, 0.0f
      case "red1.0":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 1.0
      case "red0.8":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 0.8
      case "red0.6":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 0.6
      case "red0.4":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 0.4
      case "red0.2":
        red = 1.0
        green = 0.0
        blue = 0.0
        opacity = 0.2

      // olive 0.5f, 0.5f, 0.0f
      case "olive1.0":
        red = 0.5
        green = 0.5
        blue = 0.0
        opacity = 1.0
      case "olive0.8":
        red = 0.5
        green = 0.5
        blue = 0.0
        opacity = 0.8
      case "olive0.6":
        red = 0.5
        green = 0.5
        blue = 0.0
        opacity = 0.6
      case "olive0.4":
        red = 0.5
        green = 0.5
        blue = 0.0
        opacity = 0.4
      case "olive0.2":
        red = 0.5
        green = 0.5
        blue = 0.0
        opacity = 0.2

      // yellow 1.0f, 1.0f, 0.0f
      case "yellow1.0":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 1.0
      case "yellow0.8":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 0.8
      case "yellow0.6":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 0.6
      case "yellow0.4":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 0.4
      case "yellow0.2":
        red = 1.0
        green = 1.0
        blue = 0.0
        opacity = 0.2

      // green 0.0f, 0.5f, 0.0f
      case "green1.0":
        red = 0.0
        green = 0.5
        blue = 0.0
        opacity = 1.0
      case "green0.8":
        red = 0.0
        green = 0.5
        blue = 0.0
        opacity = 0.8
      case "green0.6":
        red = 0.0
        green = 0.5
        blue = 0.0
        opacity = 0.6
      case "green0.4":
        red = 0.0
        green = 0.5
        blue = 0.0
        opacity = 0.4
      case "green0.2":
        red = 0.0
        green = 0.5
        blue = 0.0
        opacity = 0.2

      // lime 0.0f, 1.0f, 0.0f
      case "lime1.0":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 1.0
      case "lime0.8":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 0.8
      case "lime0.6":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 0.6
      case "lime0.4":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 0.4
      case "lime0.2":
        red = 0.0
        green = 1.0
        blue = 0.0
        opacity = 0.2

      // teal 0.0f, 0.5f, 0.5f
      case "teal1.0":
        red = 0.0
        green = 0.5
        blue = 0.5
        opacity = 1.0
      case "teal0.8":
        red = 0.0
        green = 0.5
        blue = 0.5
        opacity = 0.8
      case "teal0.6":
        red = 0.0
        green = 0.5
        blue = 0.5
        opacity = 0.6
      case "teal0.4":
        red = 0.0
        green = 0.5
        blue = 0.5
        opacity = 0.4
      case "teal0.2":
        red = 0.0
        green = 0.5
        blue = 0.5
        opacity = 0.2

      // aqua 0.0f, 1.0f, 1.0f
      case "aqua1.0":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 1.0
      case "aqua0.8":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 0.8
      case "aqua0.6":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 0.6
      case "aqua0.4":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 0.4
      case "aqua0.2":
        red = 0.0
        green = 1.0
        blue = 1.0
        opacity = 0.2

      // navy 0.0f, 0.0f, 0.5f
      case "navy1.0":
        red = 0.0
        green = 0.0
        blue = 0.5
        opacity = 1.0
      case "navy0.8":
        red = 0.0
        green = 0.0
        blue = 0.5
        opacity = 0.8
      case "navy0.6":
        red = 0.0
        green = 0.0
        blue = 0.5
        opacity = 0.6
      case "navy0.4":
        red = 0.0
        green = 0.0
        blue = 0.5
        opacity = 0.4
      case "navy0.2":
        red = 0.0
        green = 0.0
        blue = 0.5
        opacity = 0.2

      // blue 0.0f, 0.0f, 1.0f
      case "blue1.0":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 1.0
      case "blue0.8":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 0.8
      case "blue0.6":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 0.6
      case "blue0.4":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 0.4
      case "blue0.2":
        red = 0.0
        green = 0.0
        blue = 1.0
        opacity = 0.2

      // purple 0.5f, 0.0f, 0.5f
      case "purple1.0":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 1.0
      case "purple0.8":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 0.8
      case "purple0.6":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 0.6
      case "purple0.4":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 0.4
      case "purple0.2":
        red = 0.5
        green = 0.0
        blue = 0.5
        opacity = 0.2

      // fuchsia 1.0f, 0.0f, 1.0f
      case "fuchsia1.0":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 1.0
      case "fuchsia0.8":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 0.8
      case "fuchsia0.6":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 0.6
      case "fuchsia0.4":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 0.4
      case "fuchsia0.2":
        red = 1.0
        green = 0.0
        blue = 1.0
        opacity = 0.2

      default:
        red = 0.0
        green = 0.0
        blue = 0.0
        opacity = 0.0
      }
    }

    self.init(.sRGB, red: red, green: green, blue: blue, opacity: opacity)
  }

  public var components: (red: CGFloat, green: CGFloat, blue: CGFloat, opacity: CGFloat) {
    var r: CGFloat = 0
    var g: CGFloat = 0
    var b: CGFloat = 0
    var o: CGFloat = 0

    NSColor(self).getRed(&r, green: &g, blue: &b, alpha: &o)

    return (r, g, b, o)
  }

  public var hexString: String {
    if !description.contains(" ") {
      return Color(colorString: description).description
    }

    let components = components
    return String(
      format: "#%02x%02x%02x%02x",
      UInt8(components.red * 255),
      UInt8(components.green * 255),
      UInt8(components.blue * 255),
      UInt8(components.opacity * 255))
  }

  public static var infoBackground: Color = Color(colorString: "#cff4fcff")
  public static var infoForeground: Color = Color(colorString: "#055160ff")
  public static var errorBackground: Color = Color(colorString: "#f2dedeff")
  public static var errorForeground: Color = Color(colorString: "#a94442ff")
  public static var warningBackground: Color = Color(colorString: "#fcf8e3ff")
  public static var warningForeground: Color = Color(colorString: "#8a6d3bff")
}