V6 - major Yoopta engine (version) #522
Open
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
* add mention dropdown * added extend to mention * fix typescript custom types * added useElementSelected hook and fix bug in splitBlcok * added floating position to mention dropdown * change css styles for mention * change mention item * add render mention avatar * fix mention styles * add extend render to mention render * fixes after review
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Introduced new installation.mdx for setup instructions. - Added introduction.mdx to provide an overview of Yoopta Editor. - Created quickstart.mdx for a fast start with example code. - Included favicon.png and mint.json for branding and configuration. - Removed outdated yoopta_intro.gif and yoopta_intro.mp4 files.
* New package `@yoopta/ui` - Add FloatingBlockActions component for block-level actions in the editor. - Implement useFloatingBlockActions hook for managing action visibility and positioning. - Update editor example to demonstrate FloatingBlockActions usage. - Refactor ExtendedBlockActions to ExtendedBlockOptions for consistency across plugins. - Clean up unused code and update dependencies in package.json and yarn.lock. * refactor: update FloatingBlockActions component and styles for improved consistency - Rename CSS variables and classes to use 'ui' prefix for better clarity. - Adjust styles for FloatingBlockActions and its buttons to enhance UI consistency. - Refactor hooks and component logic for improved readability and performance. - Update README to reflect changes in class names and CSS variables. * feat: enhance FloatingBlockActions with BlockOptions integration and freeze behavior - Update EXAMPLE.md to include a complete example demonstrating FloatingBlockActions and BlockOptions. - Implement BlockOptions component for additional block actions (duplicate, copy link, delete). - Modify useFloatingBlockActions to support freezing behavior when BlockOptions is open. - Update YooptaUIContext to manage frozen block state. - Revise README to document new freeze behavior and its importance for user experience. - Clean up and refactor related components and hooks for improved clarity and functionality. * chore: update dependencies and refactor UI components - Update yarn.lock to reflect new package versions and sources. - Add zustand for state management in the UI components. - Refactor BlockOptions and FloatingBlockActions components for improved performance and clarity. - Remove unused YooptaUIContext to streamline context management. - Adjust hooks to utilize new state management patterns. - Clean up code and improve overall structure for better maintainability. * refactor: enhance FloatingBlockActions with Zustand store integration - Refactor FloatingBlockActions component to utilize Zustand for state management, improving performance and clarity. - Update useFloatingBlockActions hook to manage visibility, positioning, and styles through the store. - Simplify mouse tracking logic and improve action handling with optimized callbacks. - Revise README to document the new architecture and key features of the FloatingBlockActions component. - Clean up code for better maintainability and readability. * refactor: enhance block options and floating actions with blockId management - Update Block component to conditionally apply alignment classes. - Refactor useBlockStyles hook to return undefined for specific conditions. - Modify useBlockOptions to require blockId for actions like duplicate and delete. - Enhance copyBlockLink functionality to ensure blockId is passed correctly. - Update floating block actions to utilize blockId for improved state management. - Clean up related components and hooks for better maintainability and clarity. * feat: introduce Toolbar component with selection tracking and state management - Add Toolbar component for text and block formatting actions in the editor. - Implement useToolbar hook for managing selection tracking, visibility, and styles. - Create Zustand store for Toolbar state management, including open/close actions and styles. - Enhance Toolbar with buttons for bold, italic, underline, strikethrough, and code formatting. - Update example to demonstrate Toolbar usage within the editor. - Document Toolbar architecture and key features in README. * feat: enhance Playwright configuration and add comprehensive UI tests - Update Playwright configuration to enable base URL, screenshot, and video capture on test failures. - Introduce new UI tests for Yoopta components, covering toolbar functionality, block actions, and accessibility features. - Add Zustand store tests for block options and floating block actions to ensure state management integrity. - Refactor existing hooks and components for improved performance and maintainability. - Update example pages to demonstrate new features and integrations. * feat: introduce ActionMenuList component for enhanced block actions - Add ActionMenuList component to provide a customizable action menu for block actions in the Yoopta Editor. - Implement useActionMenuList hook for managing state, keyboard navigation, and filtering of actions. - Create Zustand store for ActionMenuList state management, including open/close actions and search functionality. - Integrate ActionMenuList with BlockOptions for seamless user experience when transforming blocks. - Update documentation to include usage examples and architectural details for ActionMenuList. - Refactor related components and hooks for improved performance and maintainability. * feat: remove ARCHITECTURE.md and EXAMPLE.md, and enhance action menu components - Delete ARCHITECTURE.md and EXAMPLE.md files to streamline documentation. - Update index exports to include new action menu hooks for better accessibility. - Refactor action menu list and block options to improve state management and usability. - Introduce new hooks for accessing store actions in block options and floating block actions. - Enhance slash action menu list with comprehensive functionality for block type selection. - Update related components and tests to ensure consistency and performance. * feat: implement theme management system with context and toggle functionality - Introduce a theme management system allowing light, dark, and system modes. - Add useTheme and ThemeProvider hooks for managing theme state and context. - Implement ThemeToggle component for easy theme switching in the UI. - Update BlockOptions and Toolbar components to support theme integration. - Enhance documentation with usage examples for the new theme features. - Refactor related components for improved maintainability and performance. * feat: refactor ActionMenuList components for improved usability and performance - Simplify ActionMenuList structure by removing unnecessary components and consolidating functionality. - Enhance hooks for better state management and accessibility, including programmatic opening and closing. - Update ActionMenuList documentation to reflect new usage patterns and examples. - Improve keyboard navigation and event handling for a smoother user experience. - Refactor related components to ensure consistency and maintainability across the UI. * feat: enhance ActionMenuList with blockId management for improved functionality - Introduce blockId handling in ActionMenuList hooks and store for better state management. - Update action menu interactions to utilize blockId, ensuring correct block manipulation. - Refactor related components to streamline event handling and improve user experience. - Remove unnecessary parameters and simplify onClick logic in action menu items. - Enhance documentation to reflect changes in ActionMenuList usage and block interactions. * feat: add useSlashActionMenuActions hook for programmatic menu control - Introduce useSlashActionMenuActions hook to provide lightweight access to open and close the Slash Action Menu programmatically. - Update index exports to include the new hook for better accessibility. - Enhance documentation to reflect the new hook's usage and examples for programmatic menu control. - Refactor related components to utilize the new hook, improving overall functionality and user experience. * feat: streamline useSlashActionMenu hook with reset functionality and cleanup - Remove console logs for cleaner code and improved performance. - Introduce a reset function to initialize actions and selected action, enhancing state management. - Refactor open and onClose functions to utilize the new reset function for consistency. - Maintain auto-close functionality when no results are present, ensuring a better user experience. * feat: add comprehensive tests for SlashActionMenuList components and hooks - Introduce unit tests for the `useSlashActionMenuActions` hook, covering initial state, open/close functionality, and performance optimizations. - Implement tests for `SlashActionMenuList` components, ensuring correct rendering, event handling, and integration with action items. - Add tests for the `useSlashActionMenuStore`, validating state management, search functionality, and singleton behavior across instances. - Create a detailed testing guide in `TESTING.md` to outline coverage, running tests, and best practices for future contributions. * feat: add new UI components and documentation for enhanced editor functionality - Introduced new UI components: ActionMenuList, BlockOptions, FloatingBlockActions, Toolbar, and SlashActionMenuList. - Updated mint.json to include new UI components in the documentation structure. - Created comprehensive documentation for each component, covering usage, features, and examples. - Enhanced the UI overview documentation to provide a cohesive introduction to the new components. - Implemented a theme management system to support light/dark modes across all UI components. * Remove outdated documentation files for UI components - Deleted README.md files for ActionMenuList, BlockOptions, FloatingBlockActions, Toolbar, and SlashActionMenuList to streamline the documentation. - Removed theme and optimization documentation to consolidate resources. - This cleanup enhances the overall organization of the UI component documentation. * Refactor BlockOptions UI components and remove unused files - Deleted BlockOptions component and its associated utils and icons to streamline the UI structure. - Updated ExtendedBlockOptions to remove dependencies on BlockOptions, enhancing modularity. - Adjusted imports in UI index to reflect the removal of BlockOptions. - Marked components for future migration to @yoopta/ui packages. * Refactor Block hooks to streamline functionality and remove unused code - Removed unused ActionMenu and BlockOptions hooks to simplify the codebase. - Retained only essential imports and functionality in the Block hooks file. - This cleanup enhances maintainability and reduces complexity in the editor component structure. * Remove outdated testing documentation for SlashActionMenuList component - Deleted the comprehensive `TESTING.md` file for the SlashActionMenuList component to streamline the documentation structure. - This cleanup enhances organization and reduces redundancy in the project's documentation resources.
* New way to create plugins * Headless UI * Themes in development
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.
This PR introduces the major V6 release of Yoopta-Editor
What's coming in the new V6 version?
@yoopta/themepackage exporting a ThemeBuilder for creating custom themes@yoopta/uipackage containing default UI components (BlockOptions, BlockActions)