VRChat Friend IDs List Extension

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; As provided by the API's response. If the user isn't already authenticated with VRChat.com, the extension will redirect them to the login page where they can then make another "Get IDs" request after successfully logging in.

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).