Webcam capture Node #6795
Draft
Webcam capture Node #6795
+450
−5
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
🎨 Storybook Build Status✅ Build completed successfully! ⏰ Completed at: 11/25/2025, 12:57:54 AM UTC 🔗 Links🎉 Your Storybook is ready for review! |
🎭 Playwright Test Results⏰ Completed at: 11/25/2025, 01:09:30 AM UTC 📈 Summary
📊 Test Reports by Browser
🎉 Click on the links above to view detailed test results for each browser configuration. |
Bundle Size ReportSummary
Category Glance Per-category breakdownApp Entry Points — 3.18 MB (baseline 3.18 MB) • 🔴 +740 BMain entry bundles and manifests
Status: 3 added / 3 removed Graph Workspace — 942 kB (baseline 942 kB) • ⚪ 0 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 7.97 kB (baseline 7.97 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 1 added / 1 removed Panels & Settings — 306 kB (baseline 306 kB) • ⚪ 0 BConfiguration panels, inspectors, and settings screens
Status: 6 added / 6 removed UI Components — 146 kB (baseline 141 kB) • 🔴 +5.53 kBReusable component library chunks
Status: 8 added / 7 removed Data & Services — 12.5 kB (baseline 12.5 kB) • ⚪ 0 BStores, services, APIs, and repositories
Status: 2 added / 2 removed Utilities & Hooks — 2.94 kB (baseline 2.94 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 1 added / 1 removed Vendor & Third-Party — 5.7 MB (baseline 5.7 MB) • ⚪ 0 BExternal libraries and shared vendor chunks
Other — 3.88 MB (baseline 3.87 MB) • 🔴 +11.8 kBBundles that do not match a named category
Status: 19 added / 18 removed |
…ontrols Implements a proper Vue toggle widget component and enhances the webcam widget to dynamically show/hide related controls based on camera state, with automatic restoration on component unmount.
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Comment |
…elds Use toRaw() and markRaw() when modifying widget objects to prevent Vue's reactive proxy from wrapping them. This fixes errors when LiteGraph tries to access private class members like #value in BaseWidget.
Add video preview functionality with hover overlay that allows users to: - Click button to start camera and show live preview - Hover over video to see stop overlay - Click anywhere on video to hide preview (keeps camera active) - Click button again to re-show preview without re-requesting permissions Uses VueUse's useElementHover for automatic hover detection and proper MediaStream handling with cleanup on unmount.
Added programmatic capture button that appears when camera is turned on. The button uses node.addWidget() to integrate with LiteGraph canvas. - Add captureImage() function to draw video frame to canvas and store in node.imgs - Add capture button widget in showWidgets() using node.addWidget() - Create canvas element at module level for efficient reuse - Widget restoration handled by existing restoreWidgets() cleanup
Added optional iconClass property to IWidgetOptions to support icon display in widget buttons.
Updated button widget to support icon display and improved styling to match design system. - Add icon rendering using widget.options.iconClass - Update styling to use semantic tokens - Use widget.label for display instead of widget.name - Apply consistent button styling with design system tokens
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.
Summary
Changes
Review Focus
Screenshots (if applicable)
┆Issue is synchronized with this Notion page by Unito