Escaping ':' in search queries, except if advanced=true

[ineiti]

References

DSpace/DSpace#9670

Description

Fixes DSpace/DSpace#9670 by escaping ':' in search queries, except if 'advanced == true'.
It does the following:

• adds an 'advanced' field to the search-form.component, search-options.model, search.component
• changes the search-options.model to escape ':' characters, unless 'advanced == true'
• adds a checkbox to the search-form.component
• adds one entry to the src/assets/i18n/en.json5

TODO:

• add tests
• make sure this looks good
• add other translations

Instructions for Reviewers

Try to search for something which includes a colon at the end of the word.
Then click the 'advanced' checkbox and try to search using advanced search features.

Checklist

• My PR is created against the main branch of code (unless it is a backport or is fixing an issue specific to an older branch).
• My PR is small in size (e.g. less than 1,000 lines of code, not including comments & specs/tests), or I have provided reasons as to why that's not possible.
• My PR passes ESLint validation using npm run lint
• My PR doesn't introduce circular dependencies (verified via npm run check-circ-deps)
• My PR includes TypeDoc comments for all new (or modified) public methods and classes. It also includes TypeDoc for large or complex private methods.
• My PR passes all specs/tests and includes new/updated specs or tests based on the Code Testing Guide.
• My PR aligns with Accessibility guidelines if it makes changes to the user interface.
• My PR uses i18n (internationalization) keys instead of hardcoded English text, to allow for translations.
• My PR includes details on how to test it. I've provided clear instructions to reviewers on how to successfully test this fix or feature.
• If my PR includes new libraries/dependencies (in package.json), I've made sure their licenses align with the DSpace BSD License based on the Licensing of Contributions documentation.
• If my PR includes new features or configurations, I've provided basic technical documentation in the PR itself.
• If my PR fixes an issue ticket, I've linked them together.

[kshepherd]

@ineiti i like the idea of this a lot, just one tip:

• in search-form.component.ts, you dont need the {{ }} interpolation when setting [attr.name] -- these angular attributes already expect a reference, so you can simplify to [attr.name]="('search.form.advanced' | translate )"

If you fix that, the other parse errors in the template should go away.

Regarding the advanced form control itself... probably worth discussing the best way to make this available without being intrusive. An extra tab up the top? If you go with the checkbox, where to put it, how to style it, etc

In some quick testing, I don't see a difference between checked=true and checked=false, but that part still seems WIP so I'll hold off for now!

[ineiti]

@kshepherd OK, thanks. I added some more propagation of the advanced field. IIRC Angular, the [(ngModel)]="advanced" should automatically take care of setting the value when the checkbox gets activated. But I have to admit I'm not completely sure that I understood all the voyage of the parameters to the search engine :)

Lazy question: is there a place in the documentation which shows how to easily test the frontend with an example backend?

[jsicot]

Thanks a lot for this contribution, @ineiti . This issue has been quite disruptive for end users across DSpace-based repositories.

From the perspective of repository managers, this bug has a significant impact, as searching by known title is one of the most common behaviors among users. Unfortunately, many publication titles include colons (:), making this issue especially frustrating for non-technical users who often have no idea why their search returns no results unless they use quotes or escape characters,a workaround very few are aware of.

At the same time, I completely agree with preserving the possibility to search within specific metadata fields, as it remains an important feature for curators and advanced users. So finding a balance between simplicity for the general public and power for expert users is key here.

Regarding the UI proposal in this PR: rather than a simple checkbox, I would suggest introducing a toggle button below the search bar that would allow users to switch between a basic (or simple) search mode where colons would be escaped automatically and an expert mode that retains the full indexing syntax. I would avoid the term advanced, since some repositories already offer an "advanced search" with multiple fields and boolean operators, and we don't want to create confusion.

Design-wise, this toggle should ideally be compatible with both the main search bar on the homepage and the slightly different one displayed after an initial search (which includes the collection scoping dropdown). The toggle should remain unobtrusive, with a clear visual indicator when expert mode is active : something akin to the way ChatGPT activates "Search Mode" (web access) with a small switch and indicator could serve as inspiration.

Really looking forward to seeing how this evolves and happy to collaborate further or test the changes if helpful!

[kshepherd]

@ineiti the default configuration should actually point you to the sandbox server, I think. Does it not work like that for you out of the box? You can also take a look at the instructions here: https://wiki.lyrasis.org/display/DSPACE/Try+out+DSpace+9#TryoutDSpace9-InstalltheUserInterfaceonly

If you run docker, the docker-compose files provided in the angular src also allow this

[kshepherd]

@ineiti if this is still a work-in-progress you can give it draft status or add the work-in-progress label, then toggle back once you're ready for review.

[ineiti]

@ineiti the default configuration should actually point you to the sandbox server, I think. Does it not work like that for you out of the box? You can also take a look at the instructions here: https://wiki.lyrasis.org/display/DSPACE/Try+out+DSpace+9#TryoutDSpace9-InstalltheUserInterfaceonly

If you run docker, the docker-compose files provided in the angular src also allow this

That's exactly what I was looking for! Thanks a lot :) As I consider having been Nerd Sniped by our admins, I'm trying to spend as little time on this as possible :)

[ineiti]

OK, this is getting to a place where it starts to be useful... First manual tests seem to show this works. If I search on "vaccination impact:" (without the quotes) with 'Simple' search, it does find it. If I switch to 'Expert' search, it complains.

I'm a software engineer, so this is the best I can come up with:

And for expert mode:

Shamelessly copy/pasted from the internet.

TODO:

• write a test or two
• fix the e2e tests

[ineiti]

Here goes a version which works locally. Unfortunately I was not able to get the e2e tests running locally. I followed the README and the github/workflow, but neither worked for me :( So I added some lines to one of the e2e tests, and a least on github it works.

Please let me know what you think of this PR, and if it also works in your tests.

[ineiti]

@jsicot is there something I can do to advance this?

[tdonohue]

@ineiti : Unfortunately, this PR missed our deadline for new features in 9.0, which was back on March 28. So, I've had to move this to our 10.0 board (10.0 is due in May 2026).

That said, others are still welcome to review this, test it & give feedback, and we could always merge it immediately after 9.0 goes out the door, assuming it has positive feedback.

[kshepherd]

I think this is a great prototype for an improvement that could use some extra discussion regarding the UX, to help us make the functionality really clear and to help plan for future improvements to the search forms

[ineiti]

OK, thanks for the update - I'll keep an eye on my github notifications in case something comes up :)

[tdonohue]

@ineiti : We discussed this briefly as a team in our weekly Developers Meeting today.

Overall, we agree this is a bug. But, there's some concerns about the design of adding a checkbox next to the searchbox, as that doesn't seem very user friendly. In order to help others to visualize the design, could you add a screenshot or two of the new look to this PR?

If this PR moves forward, we'd need to have more automated tests added. For instance, the new checkbox in the search-form.component.html doesn't have automated tests added into search-form.component.spec.ts. But, this could wait until we can find a design that people like better.

[ineiti]

@tdonohue - Sorry, been on holidays. Should catch up faster now :)

The screenshots are shown above in my comment from 17th of April:

Default value is this:

When you click in the "Simple" rectangle, it changes to:

Clicking in the "Expert" rectangle, it changes back to the previous.

This is based on 5 minutes Google search how to do such a thing, I'm sure that with Claude, or an actual UI engineer, you'll have a much better display. The CSS is here:

https://github.com/DSpace/dspace-angular/pull/4207/files#diff-6a79fca90fc96c74a79c3e7f17db7c418267fbae6c034d42ba6569e61ccb0b20R10

And I'd be happy to add some more tests, if we agree on a good UI for it.

[github-actions]

Hi @ineiti,
Conflicts have been detected against the base branch.
Please resolve these conflicts as soon as you can. Thanks!

[ineiti]

Rebased on latest main - let me know if you need anything else.

[tdonohue]

@ineiti : Apologies that we have not gotten a reviewer on this PR yet. However, we are just beginning a more detailed review process for 10.0 for all new feature PRs. If you can rebase this on latest main that would allow us to consider this for 10.0. Thanks!

[ineiti]

OK - that was easier than I thought... Let's see if it passes the tests!