dragonwocky / psyche Goto Github PK

Hi, see that you use this code to get the urls of the pages:

In Lume, all pages have a url value with the public url, so you could do simply:

const url = page.data.url;

But it could happen that the site is published in a subdirectory (like https://example.com/blog/) so all urls should prepend the /blog subdirectory. A more strong way to get the url is:

const url = site.url(page.data.url);

site.url() returns the final url of any path, prepending subdirectories if needed.

Hi.
Is it possible to order the results by relevance? For instance, right now when I search markdown I have the following result:

The first results are pages from "Getting started" or other pages with the word "markdown" in the content. And the page of the markdown plugin is way down in the results list. I think a page having this word in the title should be more relevant than a page with this word in the content. So I'd like to propose a way rank the results by relevance. For example:

• If the term is in the title, it has 1.
• If the term in in the main description, it has 0.5.
• If the term is in a paragraph, it has 0.2.

This allows to order the page by rank and opens the door to implement in the future more advanced ranking features, like define different weights for different properties, or if the word is repeat, or is at the begining of the content, etc.

Hi.
I just realized that the widget doesn't work on Safari. On open it I see this:

This is the error I got:

https://astro.build

Astro is another static site generator.

Hi.
As I can see, this component use a style tag in the shadow root to apply styles and use themes to apply colors and fonts.
I recommend to use CSS ::part() pseudo selector for more flexibility and maintainability.

You can see an example of this in the oom-components/searcher web component:

• The customizable elements in the Shadow DOM are labeled with the part attribute: https://github.com/oom-components/searcher/blob/main/searcher.js#L37
• And with simple CSS, you can customize the appearance of the element even in different states like :hover, :focus, :disabled etc: https://github.com/oom-components/searcher/blob/main/demo/styles.css#L9-L16

This would make more easy to apply styles on different media queries, light/dark themes, etc. For example:

psyche-search::part(input) {
    border-color: var(--primary-color);
}

And it allows to combine a base theme in the shadow DOM that can be overrided by outside css.