Dynamically count tokens and visualize your spend in OpenAI's Playground. 100% client side and secure. For feedback: saharmor.info

Latest Version

Version
1.0.7
Update
January 20, 2021
Size
83.01KiB
Developer
Category
Users
44
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
*://*.beta.openai.com/*
WebNavigation
See more

TokenAware Extension

OpenAI's playground is where every GPT-3 powered app starts. Token-based pricing was introduced yet it's hard to track and understand how much you're expected to pay at the early stages of building your app within OpenAI's Playground.

The code for this extension can be found here https://github.com/Saharhash/TokenAware
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "TokenAware", "description": "Dynamically count tokens and visualize your spend in OpenAI's Playground. 100% client side and secure. For feedback: saharmor.info", "version": "1.0.7", "browser_action": { "default_icon": "icon/favicon.ico" }, "icons": { "16": "icon/favicon-16x16.png", "48": "icon/favicon-32x32.png" }, "background": { "scripts": [ "background.js" ] }, "content_scripts": [ { "matches": [ "*://*.beta.openai.com/*" ], "js": [ "jquery-2.2.js", "consts.js", "content.js" ], "css": [ "styles.css" ] } ], "permissions": [ "*://*.beta.openai.com/*", "webNavigation" ]}
Read more

How to download and manually install TokenAware extension for Chrome

Looking for a way to install TokenAware extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install TokenAware extensions manually, this article outlines two simple methods to effortlessly install TokenAware extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download TokenAware extension and manually install through Drag &Drop

If you ever need to manually install a TokenAware extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the TokenAware Extension by clicking the "Download CRX" button on the website.

Look for the TokenAware extension you wish to install. Go to the website and download the TokenAware extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for TokenAware extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the TokenAware extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download TokenAware extension for Chrome and install in Developer Mode

This is another method to install TokenAware extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the TokenAware extension file

Select and download the TokenAware extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the TokenAware extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your TokenAware extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the TokenAware extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install TokenAware extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Quicksand Extension · Developer Tools 44 1 ★ 2.66MiB

icon

GPT-Prompter Extension · Productivity 44 23 ★ 2.51MiB

icon

GPT-Rex - AI assist for blogging on Medium Extension · Productivity 44 0 ★ 91.42KiB

icon

Find Anything Extension · Photos 44 0 ★ 199KiB

icon

TypeLikeMe Typing Assistant Extension · Productivity 44 1 ★ 256KiB

icon

OpenAI copy prompts and others to clipboard Extension · Productivity 44 1 ★ 4.15KiB

icon

Type-J Extension · Fun 44 0 ★ 182KiB

icon

MyPrompts Extension · Productivity 44 0 ★ 5.89MiB

icon

LawDroid Copilot Extension · Productivity 44 0 ★ 262KiB

icon

ChatGPT Utilities by innaton.com Extension · Productivity 44 12 ★ 8.56KiB

icon

Power Prompt For ChatGPT & OpenAi Extension · Productivity 44 2 ★ 875KiB

icon

RenderGPT Extension · Developer Tools 44 1 ★ 1.31MiB

icon

OpenAi Playground Regex Extension · Productivity 44 3 ★ 15.23KiB

icon

Side Portal Extension · Productivity 44 4 ★ 210KiB

icon

DALL-E prompt helper Extension · Productivity 44 1 ★ 10.6MiB

icon

GPT-3 Anywhere Extension · Productivity 44 0 ★ 646KiB

icon

Tellit - Supercharged ChatGPT Tools Extension · Productivity 44 2 ★ 341KiB

icon

ChatGPT: Prompt Mate Extension · Productivity 44 4 ★ 2.17MiB

icon

Not my department Extension · Developer Tools 44 1 ★ 1.44MiB

icon

GPT-3 Detector Extension · Accessibility 44 2 ★ 14.8KiB

icon

Shortcuts for ChatGPT Extension · Productivity 44 9 ★ 13.01KiB

icon

Telescope: AI-powered Web Clipper Extension · Productivity 44 8 ★ 924KiB

icon

Chatgpt Prompt Helper Extension · Productivity 44 6 ★ 559KiB

icon

GPT3-slack Extension · Social & Communication 44 0 ★ 207KiB

User reviews

icon

Chris Lally (ID: 000000645e3cadfa) Voted 5 ★ - Updated 11/30/2020 Super helpful for GPT-3 prompts in the Open AI Playground!

icon

Trian Xylouris (ID: 00000078668f07c3) Voted 5 ★ - Updated 11/12/2020 terrific, love that it is leightweight