Animated changes

[mycroftcanner]

I'm employing an identified array and my goal is to smoothly animate the transitions when the array's contents change, rather than replacing them outright.

      case let .response(.success(response)):
        // TODO Compute difference and animate
        state.profiles = .init(
          uniqueElements: response.profiles
            .filter { $0.location.name != "" }
            .map(Profile.State.init(message:))
        )
        return .none

Previously, I accomplished this with DifferenceKit, but I am curious if there's a more efficient method available.

      case let .response(.success(response)):
        let target = response.profiles
          .filter { $0.location.name != "" }
          .map(Profile.State.init(message:))
        
        if state.profiles.isEmpty {
          state.profiles = .init(uniqueElements: target)
        } else {
          let stagedChangeset = StagedChangeset(source: state.profiles.elements, target: target)
          for changeset in stagedChangeset {
            if !changeset.elementMoved.isEmpty {
              changeset.elementMoved.forEach { source, target in
                state.profiles.move(
                  fromOffsets: IndexSet(integer: source.element),
                  toOffset: target.element
                )
              }
            }
            
            if !changeset.elementDeleted.isEmpty {
              Set(state.profiles.ids)
                .subtracting(
                  changeset.data
                    .map(\.message.profileID)
                )
                .forEach { state.profiles.remove(id: $0) }
            }
            
            if !changeset.elementInserted.isEmpty {
              let insertedPaths = changeset.elementInserted.map(\.element)
              zip(
                insertedPaths.map { changeset.data[$0] },
                insertedPaths
              )
              .forEach { state.profiles.insert($0, at: $1) }
              
            }
            
            if !changeset.elementUpdated.isEmpty {
              changeset.elementUpdated.map(\.element)
                .map { changeset.data[$0] }
                .forEach { state.profiles[id: $0.id]! = $0 }
            }
          }
        }
        return .none