Skip to content

ShadCN UI main#1589

Merged
myieye merged 43 commits into
developfrom
shadcn-ui-main
May 19, 2025
Merged

ShadCN UI main#1589
myieye merged 43 commits into
developfrom
shadcn-ui-main

Conversation

@hahn-kev

@hahn-kev hahn-kev commented Apr 9, 2025

Copy link
Copy Markdown
Collaborator

closes #1587

other ShadCN related PR's should have a base of shadcn-ui-main.

This PR should not be merged in until we're ready to release ShadCN.

Currently done update as needed:

  • Project picker works

@coderabbitai

coderabbitai Bot commented Apr 9, 2025

Copy link
Copy Markdown

Important

Review skipped

More than 25% of the files skipped due to max files limit. The review is being skipped to prevent a low-quality review.

78 files out of 185 files are above the max files limit of 100. Please upgrade to Pro plan to get higher limits.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing Touches
  • 📝 Generate Docstrings

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Explain this complex logic.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai explain this code block.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and explain its main purpose.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@github-actions

github-actions Bot commented Apr 9, 2025

Copy link
Copy Markdown
Contributor

UI unit Tests

12 tests   12 ✅  0s ⏱️
 4 suites   0 💤
 1 files     0 ❌

Results for commit 5a48a98.

♻️ This comment has been updated with latest results.

@github-actions

github-actions Bot commented Apr 9, 2025

Copy link
Copy Markdown
Contributor

C# Unit Tests

116 tests  ±0   116 ✅ ±0   10s ⏱️ -1s
 17 suites ±0     0 💤 ±0 
  1 files   ±0     0 ❌ ±0 

Results for commit 5a48a98. ± Comparison against base commit c5503ef.

♻️ This comment has been updated with latest results.

hahn-kev and others added 25 commits April 10, 2025 10:46
* setup screenshot testing using playwright

* ensure UI is consistent for tests by removing date from dev version and by not changing the sync icon

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
# Conflicts:
#	frontend/viewer/src/project/ProjectDropdown.svelte
* use shadCn dialog for NewEntryDialog

* Refactor DeleteDialog to use the ShadCN dialog

* use ShadCN dialog in ActivityView.svelte and HistoryView.svelte

* convert About and Troubleshooting Dialog to use shadCN

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* change writing system service to use runes and the new project context.

* use project context for history service

* fix proxy issues due to some rune and resource stuff

* setup parts of speech service

* migrate complex form types to use runes
* Refactor editor classes to editor components

* Extract editor sandbox into own component

* Fix invalid binding

* Introduce editor root and name editor container

---------

Co-authored-by: Kevin Hahn <kevin_hahn@sil.org>
* use a boundry on failing areas in the sandbox. Tweak index.html to only send to testing when the path is empty

* convert EntryOrSensePicker.svelte to svelte 5 and ShadCN

* use a ring to indicate selection of entry rows

* move new entry dialog and delete dialog to use a new dialog service based on project context

* migrate save handler

* pull Add entry button out of sidebar and create SidebarPrimaryAction.svelte which will place a button in the sidebar with context of the current view.

* Fix stacking dialogs

* Fix selecting newly created entry

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* Fix sandbox

* Make Editor.Field.Body only 1 column by default

* Add note to sandbox editor

* Remove min-height from multi-select on desktop

* Add single-select component to sandbox editor

* Remove badge from empty single-select

* Incorporate PR feedback
* Make rich-text-editor support readonly mode

* add a checkbox to toggle readonly mode on sandbox. Wrap the rich editor with label in a div otherwise the cursor is incorrect when hovering over the editor.

---------

Co-authored-by: Kevin Hahn <kevin_hahn@sil.org>
* Fix entry-view scroll-area overflowing parent

* Prevent new-entry-button from being covered up by sidebar menu items

* Fix filter-field outline overflowing and tweak padding/margins

* Make refresh button more distinct and animation less jittery

* Use icon button size for entry-view icon buttons

* Add gap between entry-view icon buttons
* Add radio button comment for our future selves

* Add multi-ws-input and simple inputs to sandbox editor

* Fix up readonly field-editor props

* Put value preview beside sandbox editor
* add new EntryDeletedEvent and notify on delete from sync or the notify wrapper

* introduce a project event bus use the bus for entry deleted events

* document how to use shadcn

* add a right click menu to the entries list to enable deleting entries

* add open in new to entry menu

* use entry menu for entry list context menu
closes #1640

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* display a dictionary preview on the entry list

* make sense numbers links in dictionary preview

* show dictionary preview in the entry view

* allow making the preview sticky

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* Introduce EntryEditorPrimitive

* Rename SenseEditor to SenseEditorPrimitive. That's what it is.

* Rename ExampleEditor to ExampleEditorPrimitive

* Replace grid-layer class with EditorSubGrid component

* Add onchange events to fields

* Truncate selects to first 100 filtered items with hint at end of truncated list

* Introduce view-text helper/type for lite vs classic texts

* Add readonly dev toggle.

* Wrap editor in Editor.Root

* Migrate sense fields to shadcn

* Migrate entry fields to shadcn

* Migrate example sentence fields to shadcn

* Some clean up

* Extend pickViewText api and translate editor headers

* Silence warnings by binding entry objects

* Fix field borders peeking around side of sticky header at some zoom-levels.
* Fix can't open fwdata projects if crdt project with same code exists

* Reuse Lexbox project name for fwdata projects

* Fix crdt copy not shown in project-picker if fwdata copy exists. And sort.

* Fix crdt and fwdata copies always highlighted together on hover

* Fix current fwdata project not highlighted in project-picker if crdt copy also exists

* Fix both crdt and fwdata copies of current project highlighted in project-picker

* Fix: project code not shown on synced server projects
…ons (#1655)

* Make icon and icon buttons support baseline alignment

* Migrate component and complex-forms to shadcn/Svelte 5

* Prevent focus rings from being clipped and tweak preview position on mobile

* Migrate rest of editor to Svelte 5 and shadcn

* Remove reorderer-swapper and use svelte-context in reorderr hierarchy

* Make new sense FAB look like new entry FAB

* Rehide reorderer if only 1 item

* Move pickIcon into the only component that now uses it

* write a sandbox test for the reorderer

* translate delete prompt text

* Use getters instead of $state so root-props react to updates.

* Use simple $derived.by instead of watch

---------

Co-authored-by: Kevin Hahn <kevin_hahn@sil.org>
* create QueryParamState to enable reactive url params

* fix bug in EntryOrSenseItemList.svelte to remove a trailing `}` from the query parameter

* make the browse view `selectedEntryId` reactive based on query params

* make dialogs reactive to url and the back button

* use router for handling browse and tasks views

* add a fallback default route in the project view

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
# Conflicts:
#	frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
#	frontend/viewer/src/SvelteUxProjectView.svelte
#	frontend/viewer/src/lib/entry-editor/field-editors/MultiOptionEditor.test.svelte.ts
#	frontend/viewer/src/lib/sandbox/OptionSandbox.svelte
hahn-kev and others added 12 commits May 15, 2025 13:31
* add a border to an empty server list

* migrate LocalizationPicker.svelte to use Shad CN and not the Svelte UX menu

* slide icons and loading indicator on change

* remove svelte-ux on sandbox page

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* Fix delete dialog close detection

* Wire up sidebar and hide unimplemented content

* Migrate home-page app-bar buttons to shadcn

* Use function instead of prop to open troubleshooting dialog

* Fix broken enter animation due to troubleshooting dialog resize after open.

* Introduce responsive-menu for entry-menu

* Add Open in FieldWorks button

* Fix logo doesn't respond to dark-mode

* Condense home-view app-bar

* Make radio buttons bigger on mobile

* only show Open In Flex button when supported

---------

Co-authored-by: Kevin Hahn <kevin_hahn@sil.org>
hahn-kev and others added 4 commits May 19, 2025 16:23
* notify entry changes when sense or example are deleted

* make entry persistence service to attach to entry editor

* Use project-code for detecting project events

* Fix entry ID mismatch after changing entries

---------

Co-authored-by: Tim Haasdyk <tim_haasdyk@sil.org>
* add QueryParamState option for using replace when a default value is set

* replace dialogs using QueryParamState with `useBackHandler`

* use back handler in drawer on mobile. Cleanup back handler when it's component is destroyed

* handle case where we navigate from an open dialog and warn that history was not cleaned up
@myieye myieye marked this pull request as ready for review May 19, 2025 11:36
@myieye myieye merged commit 7c7cb50 into develop May 19, 2025
23 checks passed
@myieye myieye deleted the shadcn-ui-main branch May 19, 2025 12:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Deliver shadCN UI

2 participants