What is the primary benefit of using the Bodhi React SDK?

It allows developers to easily connect React apps to local LLMs via the Bodhi Browser, providing privacy and OpenAI-compatible APIs without complex backend setup.

Does this skill handle OAuth authentication?

Yes, it provides full guidance on setting up OAuth 2.0 with PKCE for both development and production environments using the Bodhi developer portal.

How does it handle streaming responses?

It utilizes an AsyncGenerator pattern that is fully compatible with OpenAI’s streaming format, allowing for real-time UI updates as the LLM generates content.

Can I use this with Vite and GitHub Pages?

Absolutely. The skill includes specific patterns for configuring basePath and handling the routing requirements for SPA deployment on GitHub Pages.

What connection modes are supported?

It supports both Extension mode (communicating via the Bodhi Browser extension) and Direct mode (connecting via HTTP to a local server), with automatic detection and fallback.

Bodhi React SDK Integration

Name: Bodhi React SDK Integration
Author: BodhiSearch

byBodhiSearch

데이터 과학 및 ML

Integrates React and Vite applications with the Bodhi JS SDK to enable local LLM chat capabilities and seamless authentication.

소개

This skill streamlines the process of adding local AI functionality to React projects using the Bodhi ecosystem. It provides comprehensive guidance on setting up the BodhiProvider, managing OAuth 2.0 authentication, implementing streaming chat interfaces, and troubleshooting connection modes between browser extensions and direct HTTP. It is particularly useful for developers building privacy-focused, local-first AI applications that require an OpenAI-compatible interface within the Bodhi Browser ecosystem.

주요 기능

0 GitHub stars
Intelligent connection switching between Extension and Direct modes
OpenAI-compatible chat completions with native streaming support
Seamless React integration via @bodhiapp/bodhi-js-react preset packages
Vite-optimized deployment patterns for environments like GitHub Pages
Automated OAuth 2.0 PKCE authentication flow management

사용 사례

Building a private, local-first AI chat interface in a React web app
Migrating existing OpenAI-based applications to local models via Bodhi
Deploying AI-powered web tools to GitHub Pages with proper sub-path configuration

소개

주요 기능

0 GitHub stars
Intelligent connection switching between Extension and Direct modes
OpenAI-compatible chat completions with native streaming support
Seamless React integration via @bodhiapp/bodhi-js-react preset packages
Vite-optimized deployment patterns for environments like GitHub Pages
Automated OAuth 2.0 PKCE authentication flow management

사용 사례

Building a private, local-first AI chat interface in a React web app
Migrating existing OpenAI-based applications to local models via Bodhi
Deploying AI-powered web tools to GitHub Pages with proper sub-path configuration