Closed biratdatta closed 2 days ago
The update introduces significant enhancements to the Playground application, including adding new features for data extraction, validation, and transcription using OCR and WebSockets, along with multi-stage Docker support, UI improvements, and dependency updates. Styling adjustments enhance the visual consistency and responsiveness across components.
Files/Groups | Change Summary |
---|---|
.gitignore |
Added exclusion for node_modules . |
Playground/Dockerfile |
New multi-stage Dockerfile for Node.js application handling dependencies, build, and runtime setup. |
Playground/package.json |
Updated @mui/icons-material and @mui/material , added @types/node and typescript to devDependencies . |
Playground/src/app/dataextraction/... |
Added React component for data extraction with OCR, state management, and corresponding CSS for styling. |
Playground/src/app/datavalidation/... |
Added React component for data validation using OCR and associated styling rules. |
Playground/src/app/layout.js |
Updated metadata title from "Dristi - Playground" to "Drishti - Playground". |
Playground/src/app/page.js |
Modified JSX structure and styling of Home component, added interactivity with buttons and links. |
Playground/src/app/transcription/.old/... |
Introduced HTML and utility JavaScript files for real-time audio transcription using WebSockets. |
Playground/src/app/transcription/page.js |
Added React component for transcription functionality with WebSocket integration, state handling, and room management. |
Playground/src/app/transcription/styles.css |
Added CSS for transcription application, defining layout, control styling, and text elements. |
sequenceDiagram
participant User
participant DataExtractionComponent
participant OCRService
User ->> DataExtractionComponent: Select document type
User ->> DataExtractionComponent: Input keywords, upload image
User ->> DataExtractionComponent: Click "Extract Data"
DataExtractionComponent ->> OCRService: Send image for OCR processing
OCRService -->> DataExtractionComponent: Return extracted data
DataExtractionComponent -->> User: Display extracted data
User ->> DataExtractionComponent: Provide feedback
sequenceDiagram
participant User
participant TranscriptionComponent
participant WebSocketServer
User ->> TranscriptionComponent: Input WebSocket address, select language
User ->> TranscriptionComponent: Start audio recording
TranscriptionComponent ->> WebSocketServer: Send audio data
WebSocketServer -->> TranscriptionComponent: Return transcribed text
TranscriptionComponent -->> User: Display transcribed text
User ->> TranscriptionComponent: Save transcription
In the playground of code, where changes arise,
New features and updates, a pleasant surprise.
With Docker to help, and styles that refine,
OCR and WebSockets, all working in line.
A rabbit applauds, with a gleam in its eye,
For a job well done, under the digital sky.
🌟🐇✨
[!TIP]
Early access features: enabled
We are currently testing the following features in early access: - **OpenAI `gpt-4o` model for code reviews and chat**: OpenAI claims that this model is better at understanding and generating code than the previous models. We seek your feedback over the next few weeks before making it generally available. Note: - You can enable or disable early access features from the CodeRabbit UI or by updating the CodeRabbit configuration file. - Please join our [Discord Community](https://discord.com/invite/GsXnASn26c) to provide feedback and report issues. - OSS projects are currently opted into early access features by default.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Summary by CodeRabbit
New Features
Bug Fixes
Updates
@mui/material
,@mui/icons-material
, and@types/node
.typescript
to dev dependencies.Documentation
Style