Skip to content

A simple Google Chrome extension that makes a call to VRChat.com's public API using the user's already authenticated session and displays a JSON object of the user's VRChat friend list IDs

michaelminter/vin-list-extension

 
 

Repository files navigation

VIN List Chrome Extension

A simple Google Chrome extension that makes a call to autotrader.com's public API and displays a JSON object of vehicle title and VINs; As provided by the API's response.

Screenshot of the extension

Privacy is important!

  • Data is only saved locally to the user's browser for UX purposes and to prevent API abuse due to user error.
  • The extension makes a whitehat API call to https://vrchat.com/api/1/auth/user, which depends on an already authenticated session with VRChat.com
  • No data is ever sent to any 3rd-party servers. You must manually copy/paste the generated friend IDs list, if you so choose to.
  • The entire source code is available in this Github repo: https://github.com/furality/vrc-friend-list-extension

Data saved locally

Since the extension state is reloaded on every opening, storing certain data helps improve UX. As a reminder, all data is saved locally and never sent/shared with any 3rd party.

  • pastFriendsIds - An array of VRChat friend IDs as retrieved from API, formatted to a new JSON object. This is stored so that there's no blank textarea after a retrieval from the pop up closing due to navigation or user error.
  • pastFriendsIdsDate - Date timestamp since the last successful API response, to display to the user via "Last retrieved on" text in the footer. Helps communicate how fresh the saved friend IDs data is.
  • lastError - A string identifier for the last error received from a failed response. For example, it's used for toggling the authentication error visual.
  • lastPressedDate - Date timestamp since the last time the "Get IDs" button was pressed. This is to rate limit requests that prevents API abuse from user error. Used on the UI to calculate and show the animated button countdown.

Development

Getting the extension to run for use and development is thankfully pretty easy.

  1. Clone the repository
  2. Go to chrome://extensions
  3. Enable Developer Mode via the switch control on the right side of the blue header.
  4. Click "Load unpacked" and choose the root folder of the cloned repository.

And done! It should now show up in your extensions. Edits made to the files will be reflected on every extension popup load (button click).

https://www.reshot.com/free-svg-icons/item/car-JTHMP24D5S/ https://pixabay.com/users/cr-ai-tive-37787227/

About

A simple Google Chrome extension that makes a call to VRChat.com's public API using the user's already authenticated session and displays a JSON object of the user's VRChat friend list IDs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.2%
  • CSS 18.4%
  • HTML 7.4%