feat: AI Editor #1
Merged
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
…er namespace isolation
…o ImageKit editor
…-retry functionality
…rict type checking
…ved navigation controls
…ckage version to 0.0.46
## New Features - Add useVisibility hook for intersection observer-based lazy loading - Supports configurable root margin (default: 300px) - Includes fallback for environments without IntersectionObserver - Provides ref and visible state for component integration ## UI Improvements - Optimize toolbar image thumbnail dimensions - Reduce thumbnail height from 32 to 24 units - Reduce thumbnail width from 40 to 32 units - Adjust minimum width from 40 to 32 units - Improve toolbar scrolling behavior - Add overflowY: hidden to prevent vertical scrolling - Add vertical padding (pt: 2.5, pb: 2) for better spacing - Remove hover scale transform effect for smoother interactions - Commented out transform: "scale(1.02)" on hover - Maintains box shadow hover effect for visual feedback ## Performance Enhancements - Smaller thumbnail sizes reduce memory usage and improve rendering - useVisibility hook enables lazy loading capabilities for better performance - Optimized scrolling container prevents unnecessary overflow ## Technical Details - useVisibility hook uses TypeScript generics for type safety - Includes proper cleanup and cancellation handling - Fallback detection for elements already in viewport - Compatible with custom root elements and configurable margins
…ons and improve error state styling
hrhv
approved these changes
Aug 26, 2025
| @@ -0,0 +1,111 @@ | |||
| import { Box, Button, Flex, Text, Tooltip } from "@chakra-ui/react" | |||
| } | ||
| }} | ||
| _hover={{ | ||
| // transform: "scale(1.02)", |
| @@ -0,0 +1,185 @@ | |||
| import { Box, Button, Flex, HStack, Icon, Text, VStack } from "@chakra-ui/react" | |||
| import { | ||
| Alert, | ||
| AlertDescription, | ||
| AlertIcon, |
… and cleaner retry logic
…ableImage component
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.