Git Product home page Git Product logo

cardclip's Introduction

ScryfallClipboard

A browser extension that adds clipboard functionality for Scryfall

This project was created in an attempt to address my own personal struggles with using Scryfall while deckbuilding. Its only job is to allow a user to collect cards as they search on Scryfall and then allow them to copy those cards to their clipboard for use elsewhere.

Downloads

Guiding Principles

  1. Don't modify or obstruct any existing Scryfall functionality.
  2. This is NOT a deckbuilding service. Make no assumptions about what the user is collecting cards for

Planned Featurelist

  • Card clipboard
    • Link to card page
    • Add/remove cards from clipboard
    • Copy card clipboard to the user's clipboard
    • Toggle clipboard visibility
    • Persist card clipboard in local storage
    • Clear card clipboard
  • Query History
    • Add current query
    • Remove individual query
    • Clear all queries
    • Toggle history visibility
    • Persist history to local storage

Contributing

If you're interested in this project and would like to contribute, open a PR!

cardclip's People

Contributors

jacobhearst avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

cardclip's Issues

Plus/Check icon is rotated/transformed with card elements

When viewing cards that have a non-standard rotation, the "Add card" icon is transformed along with the card element. I'm sure this is because Scryfall is applying a transform to the parent element that the plus/checkmark button is added to.

Steps to reproduce:

  • Search (t:plane or t:phenomenon)
  • View a transform card's page and click the "Transform" button

Add card preview to clipboard

A Reddit user had the suggestion to make the items in the clipboard links so they can be previewed with the use of a link preview extension. I think links are a good idea, but I'd also like to add either an on-hover preview or a little button next to each item to show the card

Done whens:

  • Clipboard items are links to the card's individual Scryfall page
  • A preview of the card image is available either on hover or on button click

Add an easy way to remove cards from the list

I would like an easier way to remove the cards from the copy list, a little X to the far right or simlar. Currently (if I am not missing something) I have to navigate to the actual card to remove it.

Support tagger.scryfall.com

The tagger project is a sub-project of scryfall. It can sometimes be very useful when trying to get cards correlating to a theme. It would be convenient if CardClip could support tagger too when adding cards to the "clipboard".

https://tagger.scryfall.com

CSP Violation

I had to use a CSP disabling extension to get this one to work.

Screenshot_20220527-202229_Kiwi Browser

This is on a chrome-based browser but that error seems big enough to likely affect all users.

Local Storage Needs to be cleared

I was on 1.2.0 and updated to 1.2.1.

The extension wouldn't load because I had some cards still in local storage. I had clear my local storage to get the extension to load because it couldn't parse the old local storage.

I lost the error (something along the lines of C token couldn't parse JSON) but it happened on init() and was fixed after I cleared the old local storage.

Copy to clipboard not working in Microsoft Edge

I installed the extension from the Chrome webstore in Microsoft Edge.

The 'Copy to clipboard' button doesn't seem to work. It flashes green when I click it, but nothing is copied to the clipboard.

Microsoft Edge version 102.0.1245.30 (Official build) (64-bit)
Card Clip version 1.2.3

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.