Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(editor): Implement breadcrumbs component #13317

Merged
merged 31 commits into from
Feb 19, 2025

Conversation

MiloradFilipovic
Copy link
Contributor

@MiloradFilipovic MiloradFilipovic commented Feb 17, 2025

Summary

Breadcrumbs component that will be used in upcoming folders feature. Should support two verisons (small and medium) and hidden path items should support async loading.
More details are in Figma linked to the Linear issue.

image

Related Linear tickets, Github issues, and Community forum posts

Closes ADO-3176

Review / Merge checklist

  • PR title and summary are descriptive. (conventions)
  • Docs updated or follow-up ticket created.
  • Tests included.
  • PR Labeled with release/backport (if the PR is an urgent fix that needs to be backported)

@MiloradFilipovic MiloradFilipovic self-assigned this Feb 17, 2025
@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Feb 17, 2025
@MiloradFilipovic MiloradFilipovic changed the title feat(design-system): Implemented breadcrumbs component feat(editor): Implemented breadcrumbs component Feb 17, 2025
@MiloradFilipovic MiloradFilipovic changed the title feat(editor): Implemented breadcrumbs component feat(editor): Implement breadcrumbs component Feb 17, 2025
Copy link

codecov bot commented Feb 17, 2025

Codecov Report

Attention: Patch coverage is 33.98058% with 272 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
...c/components/N8nBreadcrumbs/Breadcrumbs.stories.ts 0.54% 183 Missing ⚠️
...omponents/N8nBreadcrumbs/AsyncLoadingCacheDemo.vue 0.00% 73 Missing ⚠️
...stem/src/components/N8nBreadcrumbs/Breadcrumbs.vue 88.65% 16 Missing ⚠️

📢 Thoughts on this report? Let us know!

Copy link
Contributor

@CharlieKolb CharlieKolb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a really cool component, love the flexibility 🙌 Left some questions

@CLAassistant
Copy link

CLAassistant commented Feb 19, 2025

CLA assistant check
All committers have signed the CLA.

CharlieKolb
CharlieKolb previously approved these changes Feb 19, 2025
Copy link
Contributor

@CharlieKolb CharlieKolb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Happy to ship as is 🚀

@@ -33,7 +33,7 @@ const emit = defineEmits<{
}>();
const props = withDefaults(defineProps<Props>(), {
hiddenItems: () => [],
hiddenItems: () => new Array<PathItem>(),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh sorry, I was just asking if this should be hiddenItems: [], but I guess this might get us a reference to the same object every time like in Python parameter defaults 😅

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, we must use the function. In Vue, Object or array defaults must be returned from a factory function like this. I just though types array like this is cleaner

Copy link
Contributor

Copy link

cypress bot commented Feb 19, 2025

n8n    Run #9352

Run Properties:  status check passed Passed #9352  •  git commit 4054105e5c: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 MiloradFilipovic 🗃️ e2e/*
Project n8n
Branch Review ADO-3176-breadcrumbs-component
Run status status check passed Passed #9352
Run duration 04m 45s
Commit git commit 4054105e5c: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 MiloradFilipovic 🗃️ e2e/*
Committer Milorad Filipovic
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 1
Tests that did not run due to a developer annotating a test with .skip  Pending 5
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 436
View all changes introduced in this branch ↗︎

Copy link
Contributor

✅ All Cypress E2E specs passed

Copy link
Contributor

Copy link
Contributor

⚠️ Some Cypress E2E specs are failing, please fix them before merging

1 similar comment
Copy link
Contributor

⚠️ Some Cypress E2E specs are failing, please fix them before merging

Copy link
Contributor

✅ All Cypress E2E specs passed

@MiloradFilipovic MiloradFilipovic merged commit db297f1 into master Feb 19, 2025
39 checks passed
@MiloradFilipovic MiloradFilipovic deleted the ADO-3176-breadcrumbs-component branch February 19, 2025 13:46
@github-actions github-actions bot mentioned this pull request Feb 20, 2025
despairblue pushed a commit that referenced this pull request Feb 20, 2025
Co-authored-by: Rob Squires <robtf9@icloud.com>
@github-actions github-actions bot mentioned this pull request Feb 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants