Rewrite to use the Ygoprodeck API

Randomize button doesn't seem to currently work when set to "Custom".

Tried on both Chrome/Firefox.

Currently in progress:
- Fully Random
- 1 Archetype
- 2 Archetypes
- 3 Archetypes

& seems to be breaking entry into the mass purchase option for tcgplayer.

Ash Blossom & Joyous Spring

It will goes as far as "Ash Blossom" and stop inserting cards after that.

Example: https://ygoprodeck.com/card-database/deck-prices/?u=https://ygoprodeck.com/YGOPRO_Decks/3/22478.ydk

as in, the max i can have is 3 in the main deck, 3 in the side, 3 in the extra. it doesn't matter the combination of cards.
EDIT: pressing "Randomize" will net me a full deck, but if i remove a card, i still can't add another.

Currently used:

const DELIMITERS = {
    deckPart: "|",
    cardId: ";",
    cardAmount: "*"
};

These cause issues in some cases, use _,- and ~ instead.
This breaks existing sharelinks

The App does a lot more than just showing prices, a new name might fit better than "YuGiOh Deckprice"

Similar to the "Set" drop down list.

Would it be possible to also add an Archetype one. When an archetype is selected is searches for cards that that have the selected archetype within their name/description.

Maybe it would also have to set the search text field to blank when an archetype is selected?

Migrate to @vue/cli as preparation for v5.0.0

The ability to screenshot the main deck/extra deck/side deck without having to go through Prt Scr (and then manually stitch images together) might be useful.

I've been looking into html2canvas which uses Javascript to do this.

The script allows you to take "screenshots" of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the
page.

Example usage is:

html2canvas(document.querySelector("#capture")).then(canvas => {
    document.body.appendChild(canvas)
});

The best class to capture would possibly be "deck" as it seems to incorporate the main deck, extra deck and side deck.

Feature List by Priority

Required

• uploading of decks
• downloading of decks
• loading of remote decks through AJAX
• share link (See #23 )
• copy to clipboard
• price display
• multiple currencies
• deck builder (with all filters) (See #50)

Optional

• sort deck
• name customization
• start-hand sim
• randomizer (See #40, #53 )
• autofill form (#44)
• tips (#54)

Current UI colors could synergize better

Have a button to potentially auto-fill an official tournament form based on the deck currently loaded into the deck builder.

Form example: http://www.yugioh-card.com/en/events/forms/KDE_DeckList.pdf

• Selected Price
• Randomizer Mode
• Draw Sim Mode

The TCGPlayer Mass Entry tool allows you to pass a string query into it so bulk purchase a deck.

Example format:

https://store.tcgplayer.com/massentry?partner=YGOPRODeck&c=||1 Dark Magician||3 Time Wizard||2 Thousand Dragon||

Parameters:

?partner= - This is the partner ID code for the affiliate website.
&c= - These are the cards to be added into the tool.

The cards themselves must be between || and require a number before the card name. I believe the number cannot come anywhere except before the card name.

There may also be a parameter to set the default "Product Line" to "YuGiOh" but I haven't been able to accomplish this yet.

Some users seem to be having issues with removing cards from the deck builder on devices like an iPad.

https://ygoprodeck.com/Forum/viewtopic.php?f=6&t=2241&p=2986#p2986

Possibly add a physical button to remove cards from the currently built deck?

Potentially:

1. A button that removes the most recently added card.

or

2. A "-" symbol next to the card name that removes them.

This may be useful for making it only show on specific devices:

http://detectmobilebrowsers.com/

I think this only started happening with the recent update. The Randomize config pop-up now moves behind the main nav bar.

Might need to update the Z-Index of the randomize pop-up.

Only display decimal places for single cards, and only if currency needs decimal places

Sort issues discovered on live version: https://ygoprodeck.com/card-database/deck-prices/

Upvotes: The highest up-voted card (Dark Magician) is not shown.

Latest: Latest cards don't seem to be using the correct sorting methods. Seems to be a random mixture of cards.

I notice when I used 2-3 archetype, sometimes there's only 1 present, and every card in the deck is archetype card, most prominently with large archetypes like D/D/D and Gravekeeper. maybe set a limit to how many cards can be in 1 archetype per ratio(or allow 60 card building, etc)? Other than that, absolutely love using this to get a basic idea for new decks to build.

Firefox (v59) returns malformed JSON when decompressing the card db (names.min.gz)

• Archetype Randomizer
  • Force-add required cards

These cards are treated as the same name, so more than 3 can't exist in total in a deck, but often i see 3 fus sub 3 poly, or 2 poly 2 fus sub, etc. Same would go for harpie lady #1 2 and 3 for example.