Summarizes the content of the current page using OpenAI.

Latest Version

Version

1.1

Update

December 5, 2024

Size

31.24MiB

Developer

Page Summarizer Extension

This Chrome Extension: Secure API Proxy with Multi-Language Support
This Chrome extension functions as a secure API proxy that enables controlled access to an external API key via a server. It ensures efficient usage management and displays remaining usage counts directly within the extension, enhancing user experience and preventing unauthorized access or excessive use of API resources. Additionally, it provides a user-friendly language selection feature for customizing the extension's output in multiple languages.

Key Features
API Proxy with Secure Access Control
The extension uses a backend server to handle API requests securely, preventing direct exposure of the API key within client-side code. This minimizes the risk of unauthorized access or abuse by ensuring the key remains protected on the server.

Daily Usage Limit with Real-Time Updates
The extension implements a usage tracking system to limit the number of API calls a user can make per day. Each time an API request is made, the server checks if the daily limit has been reached. If not, it forwards the request to the external API and returns the response to the extension.

Language Selection for Customized Output
Users can select their preferred language from a dropdown menu within the popup UI. The extension ensures that API responses, such as content summaries, are translated and displayed in the chosen language. Supported languages include:

- English
- Korean
- Chinese
- Japanese
- Spanish
- French
- Russian
- Arabic

This feature makes the extension accessible to a broader audience by supporting multilingual output.

Remaining Usage Count Display
Users can see the remaining number of available API calls for the day directly in the popup UI of the extension. This real-time feedback helps users manage their API usage effectively.

Local Storage for Usage Tracking
The extension tracks the remaining usage count in local storage, ensuring that users see an updated count every time they interact with the extension. This setup is lightweight and avoids frequent server calls, keeping the extension responsive.

Backend Configuration for Usage Control
The server code includes logic for counting API requests and resetting the count daily. A configurable daily reset schedule (e.g., using UTC midnight as a reset point) allows for usage control over a 24-hour cycle. The server ensures that any API calls exceeding the daily limit are denied with a clear message.

Use Cases
API Key Protection
For developers or teams who wish to distribute access to a proprietary API without exposing the API key to client-side code, this extension offers a secure solution by handling API requests via a server.

Usage-Limited API Access
This extension is ideal for APIs with limited daily quotas, as it allows users to monitor and manage their remaining requests effectively, avoiding unintended overuse.

Multilingual Content Summarization
Users who require summarized content in different languages can benefit from the language selection feature, making the extension highly adaptable for multilingual scenarios.

Educational or Trial Period
Useful for educational purposes or trial scenarios, where users are given a limited number of daily requests to explore or test the API’s features without exhausting resources.

Technical Overview
Popup UI
The popup.html and popup.js files create an intuitive interface that:

Displays the remaining API calls for the day.
Includes a dropdown for selecting the output language.
Updates automatically upon each interaction.
Content Scripts
The content.js script enables interaction with web pages and helps inject UI elements or data directly onto the page if necessary. It facilitates data exchange between the popup interface and background scripts.

Background Script
The background.js script manages communication with the backend server, forwarding requests from the popup to the server and handling responses. It also updates the local storage with the remaining count and triggers a popup update if the limit is reached.

Language Translation
The server processes user requests and ensures that summaries or other API responses are translated into the language selected by the user via the language selector in the popup UI.

Server Endpoint
The server, implemented in Node.js (as seen in the index.js file), manages API requests securely. It verifies the user's daily usage, forwards valid requests to the API, and prevents requests that exceed the daily limit.

Daily Limit Reset
The server is configured to reset usage counts daily using a time-based approach. This allows users to start each day with a refreshed count of allowed API calls.

Installation and Usage
Install the Extension: Users can add this extension to Chrome from the Chrome Web Store.
Popup Interface: Click on the extension icon in the Chrome toolbar to open the popup. From here:
Select the desired language from the dropdown menu.
View the remaining usage count for the day.
Make API Requests: Each time a user interacts with the extension or requests data, an API call is processed via the server, and the remaining count updates accordingly.
Daily Limit Notification: Once the daily limit is reached, the popup notifies the user, and further requests are denied until the limit resets the next day.
Security and Privacy Considerations
API Key Safety: The API key is securely stored and managed on the server, keeping it out of client-side code.
Usage Data Management: Usage data is stored temporarily in the local storage for real-time display purposes and is reset daily, minimizing data retention.
Data Transmission: All communication between the client and server is secured through HTTPS, ensuring data integrity and protection against interception.
This Chrome extension now supports multilingual output, offering an effective balance of API access control, security, and user experience. It’s designed to be intuitive, secure, and highly practical for use cases involving limited API quotas, controlled API access distribution, and multilingual content summarization.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Page Summarizer", "version": "1.1", "description": "Summarizes the content of the current page using OpenAI.", "permissions": ["activeTab", "storage"], "host_permissions": ["https://port-0-oneclicksummary-m31rpexmb5b411e9.sel4.cloudtype.app/*"], "icons": { "16": "icon16.png" }, "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon16.png" }, "default_title": "Page Summarizer" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["libs/Readability.js", "content.js"], "run_at": "document_idle" } ]}

Download CRX(31.24MiB)