feat(record): add record ability to chrome extension #769
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
❌ Deploy Preview for midscene failed. Why did it fail? →
|
- Add new record UI components (record.tsx, record.less) - Integrate recording capabilities into popup extension - Update worker script to handle recording events - Add content script wrapper for recording injection - Remove EventRecorder from record-form app (moved to extension) - Update manifest.json permissions for recording - Update dependencies for recording functionality - Enhance store with recording state management
… handling - Add tab update monitoring to automatically stop recording on page refresh/navigation - Implement content script injection check with ping mechanism - Enhance error handling with specific messages for Chrome internal pages - Improve recording stop reliability when content script becomes unavailable - Add graceful handling for missing content script during stop operation
- Update React to ^19.1.0 and React DOM to >=19.1.0 in all packages - Update @types/react to ^19.1.4 and @types/react-dom to ^19.1.3 - Update TypeScript to ^5.8.3 across all packages - Update dayjs to use caret version ^1.11.11 - Align all rsbuild and rslib plugin versions - Fix dependency version inconsistencies to pass CI checks
…corder-bridge - Renamed content-script-wrapper.js to event-recorder-bridge.js - Updated references in rsbuild.config.ts and record.tsx - Updated internal comments to match new name - New name better describes the file's bridge functionality
- Introduced RecordingSession interface for better session handling - Implemented session persistence with localStorage for recording sessions - Added UI components for creating, editing, and deleting recording sessions - Enhanced event handling to load and display events from selected sessions - Improved user feedback with success messages for session actions - Updated styles for session management and recording status indicators
- Simplified the Record component structure by separating list and detail views for better user experience. - Improved styling for the recording sessions list and detail views, ensuring better responsiveness and usability. - Added functionality to switch between list and detail views for recording sessions. - Updated session management to allow for viewing, editing, and deleting sessions with improved user feedback. - Enhanced event handling and display for recorded events within the detail view.
- Add screenshot capture before and after each recorded event - Implement screenshot capture in chrome extension service worker - Add screenshot fields to RecordedEvent interface - Create UI components for displaying screenshot thumbnails in timeline - Add hover effects and popover for screenshot preview - Remove unused AGENTS.md file
…e project - Downgrade React and React DOM to 18.3.1 in all packages for consistency - Update @types/react and @types/react-dom to 18.3.1 - Ensure TypeScript version is consistently set to ^5.8.3 - Adjust dependencies in package.json files for various apps and packages - Enhance Chrome extension functionality with safe API wrappers for better error handling - Implement checks for Chrome extension environment in recording components
… dependencies - Add @rsbuild/plugin-node-polyfill to support Node.js polyfills in the project - Update event recording logic to include viewport dimensions and element positioning - Improve screenshot handling by integrating new properties in RecordedEvent interface - Enhance RecordTimeline component to display element positioning and dimensions - Optimize event handling and UI updates for better user experience - Clean up and refactor code for improved readability and maintainability
- Add x and y coordinates to the event data sent to the Chrome extension - Update RecordTimeline component to utilize new coordinate properties for element positioning - Ensure compatibility with existing event handling logic
…nd non-blocking 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
…rformance - Add requestAnimationFrame-based smooth scrolling for better performance - Implement container-level auto-scroll to bottom when new events arrive - Extract event optimization logic to separate eventOptimizer utility module - Add smooth scroll CSS properties and touch optimization for mobile - Enhance hover animations with cubic-bezier easing and GPU acceleration - Add slideInUp and fadeInScale keyframe animations for timeline items - Improve scrollbar styling with transition effects - Optimize will-change properties for better rendering performance - Add overscroll-behavior to prevent scroll propagation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
…ment guide 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
…fault - Modified session creation to auto-create with timestamp name without showing modal - Improved record UI to display session titles more effectively - Reorganized description display in both list and detail views 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
- Optimize session creation to use timestamp naming by default without requiring modal input
- Improve UI layout to display titles and descriptions more effectively in both list and
detail views
- Apply code formatting improvements across the codebase for better readability
- Fix linting issues in scripts and component files
…ots to enhance performance
…handling for extension popup
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.