This commit enhances the display of command descriptions in the Command Palette by splitting the descriptions into separate tokens. This provides a more readable and organized presentation of the information. Additionally, a new keyboard shortcut has been added for easy navigation to the commit page of a project.
Changes:
- Split command descriptions into separate tokens in CmdK.svelte
- Add 'Shift+c' keyboard shortcut for accessing the commit page of a project in CommandPalette.svelte
This commit hides the scrollbar for better UI and updates the command palette styling including the addition of the "Quick commit" command. The diff also includes various improvements to the layout, class names, and keyboard navigability for a better user experience.
Changes:
- Add '.scrollbar-hidden::-webkit-scrollbar' CSS definition to hide scrollbar
- Update and refactor CSS classes for command palette, e.g., '.quick-command-item' and '.quick-command-key'
- Add new "Quick commit" command entry along with its action
- Reorganize commandGroups in 'CmdK.svelte' for more logical ordering
- Replace hard-coded heights with 'max-h' class to better handle different screen sizes
This commit updates the icon used for the commit action within the CommandPalette component. Previously, it used the RewindIcon which seemed inappropriate for the action. The GitCommitIcon has been added to the icons index and used as a replacement. Additionally, an unnecessary class attribute was removed from the RewindIcon component.
Changes:
- Add GitCommitIcon to icons index
- Replace RewindIcon with GitCommitIcon in CommandPalette
- Remove unnecessary class attribute from RewindIcon
This commit introduces a custom scrollbar styling and updates the Command Palette UI by adding the necessary CSS classes and styling rules.
Changes include:
- Added custom scrollbar styling with width, track, handle, and hover properties.
- Introduced a "scrollbar-hidden" class for hiding the scrollbar.
- Updated Command Palette classes such as "result-section-header", "quick-command-item", and "quick-command-key" to improve the overall UI experience.
Refactored the CodeViewer component to switch from using grid layout to a table layout for improved rendering performance. This change simplifies CSS styles by removing unnecessary definitions and ensures consistency in line number display. Additional styling has been applied to the table layout to maintain the existing look and functionality.
- Replaced the `div` structure with `table`, `tbody`, and `tr` elements
- Renamed `rows` to `renderedRows` for better naming consistency
- Added `originalLineNumberDigits` and `currentLineNumberDigits` for proper alignment in table cells
- Removed unnecessary CSS rules and added table-specific styles
This commit refactors the search results page UI and updates the navigation buttons for better user experience. Previously, the search result list layout and the navigation buttons showed inconsistent styling and padding issues.
Changes include:
- Adjusting padding and margin for search result list and search result items.
- Moving the navigation buttons inside the search result list.
- Updating the styling and hover effect for navigation buttons.
- Removing unnecessary padding and margin for figure elements.
Adjusted the search result layout and added more consistent spacing in the search results page. This makes the display cleaner and easier to read for users.
Changes:
- Changed list styling for flex display and added a `-mr-14` class to control the layout.
- Updated spacing between elements using both `flex-col gap-6` and `mr-14` to provide more consistent separation between items.
This commit adds pagination support to the search results page by updating the limit of results per page, implementing openNextPage and openPrevPage functions, and including navigation buttons for the pagination. It also improves the UI by adding a spinning icon while searching for results and adjusts the overall styling for better readability.
- Added IconChevronLeft and IconChevronRight to icons exports
- Updated the limit of results per page from 50 to 10
- Implemented openNextPage and openPrevPage functions for pagination
- Added navigation buttons for previous and next pages
- Used IconRotateClockwise with animation for a spinning icon while searching
- Updated the styling for better UI readability
This commit includes refactoring the code format to use consistent indentation, and updates the CSS classes to improve UI element styling. The changes were made in the src/lib/search.ts file and the src/routes/projects/[projectId]/search/+page.svelte file.
- Adjusted the indentation in src/lib/search.ts to use tabs consistently
- Changed the figure class from "mx-14 flex h-full flex-col gap-2" to "search-results flex h-full flex-col gap-2" in +page.svelte
- Updated the figcaption and ul elements to have consistent margins and padding in +page.svelte
This commit includes refactoring the code format to use consistent indentation, and updates the CSS classes to improve UI element styling. The changes were made in the src/lib/search.ts file and the src/routes/projects/[projectId]/search/+page.svelte file.
- Adjusted the indentation in src/lib/search.ts to use tabs consistently
- Changed the figure class from "mx-14 flex h-full flex-col gap-2" to "search-results flex h-full flex-col gap-2" in +page.svelte
- Updated the figcaption and ul elements to have consistent margins and padding in +page.svelte
This commit adds support for pagination within the project search feature. The changes include adding a limit of 50 results per page and an offset to handle page offsets in the search. Additionally, the search results are now updated to include a 'haveMore' flag to indicate if there are more results to display.
Changes in detail:
- Added limit and offset variables
- Updated search result to include 'haveMore' flag
- Modified fetchResultData function to handle updated search results
This commit refactors the search results code to use the asyncDerived store for fetching and displaying results. This simplifies and improves the overall code structure by streamlining the state management and lifecycle of search-related data. Additionally, it switches to using derived stores for displaying results and states related to searching, showing loading, error, and result states as needed.
Changes:
- Remove the manual search fetching and state management code.
- Utilize asyncDerived and derived stores to handle fetching and displaying search results.
- Update use of loading, error, and result states to check the $searchState store instead of manually managing those states.
This commit refactors the search functionality present in the project layout. Instead of using a debounced input event handler to update the search query, a form is now used to handle search submission. The search functionality in the search page has also been updated to use the query param instead of a writable store, and the fetchResultData function has been extracted for better readability.
Changes:
- Replace debounced input event handler with form submission in project layout
- Update search functionality in search page to use query param
- Extract fetchResultData function for better readability
- Remove unnecessary context and store usage
