feat(search): implements Orama searchbox

[micheleriva]

Description

As discussed with @ovflowd, this PR implements the official Orama Searchbox.

Validation

Related Issues

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run npm run format to ensure the code follows the style guide.
• I have run npm run test to check if all tests are passing.
• I have run npx turbo build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Dec 3, 2024 4:10pm

[bmuenzenmeyer]

Sorry @micheleriva this has been idle for too long - it's been a messy few weeks. Are you looking for any particular feedback on the approach?

[ovflowd]

Looks like this is a draft yet, and most of the styles feel broken 🤔

[github-actions]

Unit Test Coverage Report

Lines	Statements	Branches	Functions
	90.2% (580/643)	72.08% (173/240)	93.96% (109/116)

Unit Test Report

Tests	Skipped	Failures	Errors	Time
137	0 💤	0 ❌	0 🔥	4.924s ⏱️

[micheleriva]

Hey @bmuenzenmeyer, @ovflowd I'm sorry, I completely missed your comments. We found some bugs in the searchbox and dedicated more time to stabilize it.

We've been testing it for weeks on other websites so we believe it is finally ready. I still have to fix a small couple of things, then I'll open it for review 🙏

[ovflowd]

FYI @micheleriva build is failing:

@nodejs/website:build: Error: 
@nodejs/website:build:   x Expression expected
@nodejs/website:build:      ,-[128:1]

Did you try a prod build locally?

[ovflowd]

It feels like the results are less obvious.

[ovflowd]

Also it'd be great if there was some margin between the results

[ovflowd]

OOC - Is there any way we can style the search button on the Navigation bar? It feels a bit fatty and different from the OG design 👀

[rjborba]

OOC - Is there any way we can style the search button on the Navigation bar? It feels a bit fatty and different from the OG design 👀

Currently we do not provide all possible customizations. We are going to work on it soon.
But if you want to costumize the roundness of the button you can define --radius-m variable.

[rjborba]

@ovflowd I've addressed you new comments, but dropped a reply on one of them. Would you mind to check? Thank you!

[rjborba]

@ovflowd Hi!
I do not think I am authorized to resolve conversations here. It looks like 6 of them still unresolved

[bmuenzenmeyer]

I do not think I am authorized to resolve conversations here. It looks like 6 of them still unresolved

I resolved two of the outdated ones - it looks like the other two might still be active?

[rjborba]

I do not think I am authorized to resolve conversations here. It looks like 6 of them still unresolved

I resolved two of the outdated ones - it looks like the other two might still be active?

Yes! I believe both of them are from @ovflowd. One of them outdated and the other one is addressed

[ovflowd]

I'm unfortunately reluctant with some of the code choices here, but I believe they can be addressed in the future.

Let's get this merged.