Giter Site home page Giter Site logo

cptpiepmatz / great-on-deck-search Goto Github PK

View Code? Open in Web Editor NEW
66.0 3.0 5.0 15.16 MB

๐Ÿท๏ธ See what Games are verified for the Steam Deck and which Medal they have on ProtonDB in the Steam Store

License: MIT License

JavaScript 81.47% Shell 0.11% SCSS 12.90% HTML 5.52%
steam steam-deck steam-store browser-extension chrome-extension firefox-extension

great-on-deck-search's Introduction

Show Great on Deck on Steam

great-on-deck-search

๐Ÿท๏ธ See what games are verified for the Steam Deck and which medal they got on ProtonDB in the Steam Store.


Chrome Web Store Version Mozilla Add-On Version

What it does

By default, Steam does not show you the Steam Deck verification status on their desktop website. This Browser Extension/Add-On fixes that by requesting the verification status from ProtonDB and puts them front and center on app pages for easy visibility. While pulling the verification data from Steam directly, this also pulls the medals ProtonDB gives to certain games and displays them on the app page too.

Note: The extension uses session-based caching. This should reduce the consecutive load times significantly.

SteamDB extension Compatibility

Since Version 1.2.0, this extension works great in combination with the SteamDB extension.

Since Version 1.2.0, this extension also supports the game reviews by the Steam Deck HQ team. This will show their ratings, breakdowns, and the author of the review, on the app page.

Supported Pages

  • Store Front Page
  • Search Results
  • App Page
  • Profile Games List
  • Wishlist

Settings Menu

Since Version 1.2.0 the extension supports a settings menu.

This menu allows you to toggle certain features of the extension. A reload for the page is necessary in order to see the settings take effect.

Changelog

Changelog can be found here.

Missing Features or Pages?

If you need any feature added or support for another page, feel free to open up an issue on GitHub and I will see what I can do.

Installation

Store Installation

Chrome and other Chromium-based Browsers

  1. Head over to the web store page.
  2. Click Add to Chrome (or whatever your browser name is).
  3. A popup should appear asking you to install the extension, accept it.
  4. Head over to Steam and check the results.

Firefox

  1. Head over to the add-on page.
  2. Click Add to Firefox.
  3. Click Add on the popup.
  4. Head over to Steam and check the results.

Manual Installation

Chrome and other Chromium-based Browsers

  1. Head over to the releases tab
  2. Search for the highest version appended by +chrome
  3. Download the .crx file from it's assets
  4. Open your browser with the .crx file
  5. If step 4 did not work, unzip the .crx file and load it as unpacked
  6. Head over to Steam and check the results.

Firefox

  1. Head over to the releases tab
  2. Search for the highest version appended by +firefox
  3. Download the .xpi file from it's assets
  4. Open your browser with the .xpi file and install it
  5. Head over to Steam and check the results.

Compile it Yourself

For compiling it yourself clone or download the repo and put it in a directory of your choosing, just make sure that you will need this directory even after installation.

Chrome and Firefox do have different specifications for extensions/add-ons, therefore you need to rename corresponding manifest.json to simply manifest.json.

Build the files by using the build.sh. It requires Sass and Rollup to be globally installed.

Install it on:

Support

If you're feeling extra generous today, head over to my Buy Me a Coffee page and do your thing. Or do it via my PayPal.me page, whatever you prefer.

great-on-deck-search's People

Contributors

bbqkitty avatar cptpiepmatz avatar njzydark avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

great-on-deck-search's Issues

Add badges to the discovery list

Hello!
I would like to request badges to be add to the discovery list pages. Honestly i don't know if it doesn't work, or if it is cut by other contents. This is a function that i use a lot to find new indie titles.
Thanks!

image
image

Add badges to the "Special offers"

Hello again!
Due to size limits i don't know if it's possible, but i would like to see the badges on the special offer banners, I believe that in the banner itself would not be possible, but maybe on the hover box that is shown since it's size increase when friends have the game / wishlisted the game.
Thanks again!

image

Add 'ProtonDB' into Top Right navigation

Expected Functionality

The extension injects a very nice 'Steam Deck Compatibility' section on the left side of the page.

I would like it to also add a navigation icon into the section above the game that has a ProtonDB icon, similar to how 'SteamDB' extension adds nav icons in.

This will give users of both extensions a more unified experience in terms of navigation controls, having quick links to external content located in the same place.

Icon should be white to match the existing and placed on the left of existing icons.

If 'SteamDB' icons are not present, then have ProtonDB position to left of 'Community Hub'

Screenshot 2022-07-12 101829

Icons missing on App Page

Hi,

similiar to #20 the Icons for ProtonDB and SDHQ are not showing when Augmented Steam Extension is installed as well. I checked the settings and I can't see any toggle which would interfere with your addon tbh. Disabling Augmented Steam fixes that issue
Unbenannt

Add a Feature Switch

As soon as #8 lands the extension supports a few rating styles.
It's quite possible that not everyone wants to see all of them.

The extension should be clickable to select what features are wanted.

Enable 'ProtonDB' status on 'Profile' pages (Games List & Wish List)

Example Profile Pages

Games List: https://steamcommunity.com/id/JohnnyBlocks_/games
Wish List: https://store.steampowered.com/wishlist/id/JohnnyBlocks_/

Expected Result

ProtonDB Status will show next to the games in list view
Example: https://store.steampowered.com/search/?filter=topsellers

Comments

This is an exceptional implementation of ProtonDB status in the Steam store.

One of the places I would love to see this implemented is the Games and Wish list (more the games list).
As a veteran steam user, I've loaded my library with the most amazing games as well as shovels full of trash games I got for free. When time comes to play a game on the deck, it would be really great to view my game catalog and some how see what is good on the deck.

"Compact" wishlist entries too large when using this extension

Hey, great extension! Love your work. Quick bug report. When using the extension and viewing a wishlist set to the "compact" view, each entry is much too large. I've been sure to try with all other extensions that might conflict (like Augmented Steam) disabled. Here are some screenshots:

Extension off:

wishlist1

Extension on:

wishlist2

"Show Steam Deck Verifications Badges" option not working in full game page

Hello, thank you for making this nice extension, works pretty good except one little bug, the Steam Deck Verification info is not showing inside the full game page, I have all the options from the extension enabled so my guess is that Steam changed some code in the full game page, it works fine when I search for a game the list view shows the Steam Deck Verifications info correctly.

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.