🔥 A multi-directional card swiping library inspired by Tinder

Hey I'm trying to integrate the Spotify API into the shuffle library by fetching the song name, artist name, and music artwork and displaying it on the cards. For some reason it only shows the artwork for the last card in the array but shows the correct song name and artist name for all the other cards.

func fetchAndConfigureSearch() {
        
        let randomOffset = Int.random(in: 0..<1000)
        
        let token = (UserDefaults.standard.string(forKey: "token"))
        
        api.call(request: .search(token: token!, q: getRandomSearch(), type: .track, market: "US", limit: 5, offset: randomOffset) { [self] result in
            
            let tracks = result as? Result<SearchTracks, Error>
            
            switch tracks {
            
            case .success(let something):
                
                for track in something.tracks.items {
                    
                    let newTrack = SimpleTrack(artistName: track.album.artists.first?.name,
                                               id: track.id,
                                               title: track.name,
                                               previewURL: track.previewUrl,
                                               images: track.album.images!,
                                               albumName: track.album.name)
                    
                    let coverImageURL = newTrack.images[0].url
                    self.imageView.kf.setImage(with: coverImageURL)
                                        
                    let songModel = CardModel(songName: newTrack.title, artistName: newTrack.artistName, imageView: imageView)
                    cardModels.append(songModel)
                    let newIndices = Array(self.cardModels.count-1..<self.cardModels.count)
                    self.cardStack.appendCards(atIndices: newIndices)
                }
            case .failure(let error):
                print("search query failed bc... ", error)
            case .none:
                print("not decoding correctly")
            }
        })   
    }

https://user-images.githubusercontent.com/38578011/110167101-45519000-7dc3-11eb-901b-34dad5ba220e.mp4

Describe the bug I imported the latest Shuffle framework with the Swift Package Manager and I get several errors like "Use of undeclared type 'CGRect'" or "Use of undeclared type 'CGFloat'", which makes sense since CGStuff is in CoreGraphics, not in Foundation. Am I missing something with the SPM ? Thanks for your help ;-)

To Reproduce Add the dependency for Shuffle and compile

Expected behavior The code should compile

Screenshots

Additional context Add any other context about the problem here.

Hi all, first I want to thank you very much for that really great work! I am currently struggling with the layout of the card + footer. What I want to do is to add some additional buttons at the top of the view. But to do this I have to change the height of the picture to make some extra space available at the top. Unfortunately I am unable to find the right parameter to handle this without changing additional things like footer height, picture width.. Can anyone help me ? Thanks!

Is there a way to make an unlimited swipe stack, as Tinder does? Can the number of cards be updated dynamically?

I've tried returning Int.max in numberOfCards, and for testing, I do a modulus on the cardForIndexAt parameter as such: return MyCard(image: cardImages[index % numImages])

This doesn't work out as it seems to load all images in the stack, so the application just crashes when trying to load a practically infinite number of UIViews.

First step is to just set up Read The Docs using whatever documentation already exists in the project. Adding more coverage will come later!

@purcellconsult is undertaking this project

Hi there! Thanks for making Shuffle!

I'm having an issue related to https://github.com/mac-gallagher/Shuffle/issues/13. I'm trying to periodically add to content in the SwipeCardStack. I'm having to do some fancy stuff with updating the datasource.

Anyways my problem is more specific. If I'm swiping a card and then call reloadData() the animations conflict and the cards get stuck in an isUserInteractionEnabled == false state. It looks like special care has been taken to disable isUserInteractionEnabled for every swipe. Were you experiencing specific issues when not specifically disabling isUserInteractionEnabled?

func card(didSwipe card: SwipeCard, with direction: SwipeDirection, forced: Bool) {
        delegate?.cardStack?(self, didSwipeCardAt: topCardIndex, with: direction)
        ...
        isUserInteractionEnabled = false
        animator.swipe(self, topCard: card, direction: direction, forced: forced)
    }

Please let me know! Thanks,

• Nick

Describe the bug TableView and CollectionView don't scroll vertically if the shuffle is in any cell.

To Reproduce Steps to reproduce the behavior: Add SwipeCardStack inside TableViewCell/CollectionViewCell and scroll tableView vertically.

Expected behavior If I chose to move horizontally, Shuffle don't be able to scroll vertically.

App Crash with deleteCards function If you use the func deleteCards(atPositions positions: [Int]) an fatal error appears:

Fatal error: Invalid update: invalid number of cards. The number of cards contained in the card stack after the update (7) must be equal to the number of cards contained in the card stack before the update (7), plus or minus the number of cards inserted or deleted (0 inserted, 1 deleted): file Shuffle-master/Sources/Shuffle/SwipeCardStack/SwipeCardStack.swift, line 430 2020-08-21 20:56:36.170087+0200 ShuffleExample[28610:461963] Fatal error: Invalid update: invalid number of cards. The number of cards contained in the card stack after the update (7) must be equal to the number of cards contained in the card stack before the update (7), plus or minus the number of cards inserted or deleted (0 inserted, 1 deleted): file Shuffle-master/Sources/Shuffle/SwipeCardStack/SwipeCardStack.swift, line 430 (lldb)

Reproducing Steps

1. Go to "TinderViewController.swift in the Demo App
2. Add cardStack.deleteCards(atPositions: [3]) in a didTapButton action (i.e. swipe right)
3. Crash!

What I expected The cardModel at Position [3] will be deleted from the cardStack.

I downloaded the library. I tried to use it but Xcode did not recognized SwipeCard. It was not written on the README: please let the users know they need to import Shuffle_iOS in order to use the library

Thank you

Is your feature request related to a problem? Please describe. I would like to do something like memorise the order of cards. Therefore it would be good to disable disposal and just send them to the back.

Describe the solution you'd like An option to disable the disposal.

Describe alternatives you've considered Re-adding the card when getting notified to is has been swiped out. But this will break the undo. and make the handling somehow wired.

When i want to use Shuffle in my project whose dependency manager is Carthage, Transporter Error is occurred.

[13:56:23]: [Transporter Error Output]: ERROR ITMS-90206: "Invalid Bundle. The bundle at 'MyProject.app/Frameworks/Shuffle.framework' contains disallowed file 'Frameworks'."
[13:56:23]: Transporter transfer failed.
[13:56:23]:
[13:56:23]: ERROR ITMS-90206: "Invalid Bundle. The bundle at 'MyProject.app/Frameworks/Shuffle.framework' contains disallowed file 'Frameworks'."

So I changed Always Embed Swift Standard Libraries option to No. Then problem solved!

Skipped building Shuffle due to the error: Dependency "Shuffle" has no shared framework schemes. Carthage update/build is not able to generate xcframework.

Describe the bug In the relatively fast process of swiping the card, if the network is returning data to add, there is a high probability that the current sliding card is stuck at the top level, and the remaining cards can still continue to slide.

Another problem is that after the network data is added, click left, right, up, and the sliding card will be invalid. There is no response, that is, the following function is called:

 cardStack.swipe(.left, animated: true)

 cardStack.swipe(.right, animated: true)

 cardStack.swipe(.up, animated: true)

https://user-images.githubusercontent.com/14361443/148019651-3d5e82a4-6702-4320-8e00-715ec6fd10c3.mp4

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

hey Man,

Thanks for building such a great lib, I am using it in my app and it works just amazing.

I have a question about a shadow of the deck, is there any way to create a shadow-like it's attached on the screenshot with this lib?

Hi!I am working with tmdb API and want to display some movies on a cards depending on a query(For now I try to display only one card in order to test it first).I followed the instructions on main page of this repo, and everything is fine description is displayed and I can swipe this View, except image doesn't display.Please help me if you can.Thank you! ` import UIKit import Shuffle_iOS

class ResultViewController: UIViewController { let cardStack = SwipeCardStack()

var cardImages = [UIImage](){didSet {
    DispatchQueue.main.async {
        self.cardStack.reloadData()
    }
}}



var name:String = ""
var releaseDate:String = ""
var popularity:Double = 0.0
var voteAverage:Double = 0.0
var budget:Int = 0
var revenue:Int = 0
var overview:String = ""

var url:URL!
var image:UIImage!




@IBOutlet weak var titleLabel: UILabel!
@IBOutlet weak var ratingLabel: UILabel!
@IBOutlet weak var budgetLabel: UILabel!
@IBOutlet weak var overviewLabel: UILabel!

override func viewDidLoad() {

    super.viewDidLoad()
    view.addSubview(cardStack)
    cardStack.frame = view.safeAreaLayoutGuide.layoutFrame
    cardStack.dataSource = self
}
override func viewWillAppear(_ animated: Bool) {
    if url != nil{
        downloadImage(from: url)
        DispatchQueue.main.async {
            self.titleLabel.text = self.name + "(" + self.releaseDate + ")"
            self.ratingLabel.text = String(self.popularity) + "     " + String(self.voteAverage)
            self.budgetLabel.text = "Budget: " + String(self.budget) + "Revenue: " + String(self.revenue)
            self.overviewLabel.text = self.overview
        }
    }
}

} extension ResultViewController{ func getData(from url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> ()) { URLSession.shared.dataTask(with: url, completionHandler: completion).resume() } func downloadImage(from url: URL) { getData(from: url) { data, response, error in guard let data = data, error == nil else { return } DispatchQueue.main.async() { let image = UIImage(data: data) if image != nil{ self.cardImages.append(image!) print(self.cardImages)

            }
        }
    }
}

} extension ResultViewController:SwipeCardStackDataSource{ func cardStack(_ cardStack: SwipeCardStack, cardForIndexAt index: Int) -> SwipeCard { return card(fromImage: cardImages[index]) }

func numberOfCards(in cardStack: SwipeCardStack) -> Int {
    cardImages.count
}
func card(fromImage image: UIImage) -> SwipeCard {
  let card = SwipeCard()
  card.swipeDirections = [.left, .right]
  card.content = UIImageView(image: image)
  
  let leftOverlay = UIView()
  leftOverlay.backgroundColor = .green
  
  let rightOverlay = UIView()
  rightOverlay.backgroundColor = .red
  
  card.setOverlays([.left: leftOverlay, .right: rightOverlay])
  
  return card
}

} `