Invert Selection (Kinopio)

· Ben’s Blog


I wrote another bookmarklet. This time to invert your selection in Kinopio. Say you have a few cards you want to keep in place. Select them, then run this. You'll get all the other cards in the space selected. Combine this with other existing selection methods and it’s pretty powerful.

It’s nice for making room in a crowded space:

selecting and moving cards around

The code is here.

let vueState = document.querySelector("#app").__vue__.$store.state;
vueState.multipleCardsSelectedIds =
    vueState.currentSpace.cards
        .filter(c => !vueState.multipleCardsSelectedIds.includes(c.id))
        .map(c => c.id)

You could paste that snippet into your console and run it. Or, I made a bookmarklet. You can also drag the following link into tour bookmarks bar. This runs JavaScript in your browser so take necessary precautions.

Invert selection

On that note, I discovered that Vivaldi, my current default browser, doesn’t support bookmarklets. I guess it makes sense since you can do pretty gnarly and harmful things by running JavaScript willy-nilly.