Introduce filter * and not (#1652)

Author: ia3andy

base/src/main/resources/web/lib/components/extensions-picker/extension-tags.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TagEntry } from './extensions-picker';
-import { Dropdown, Overlay } from 'react-bootstrap';
+import { Dropdown } from 'react-bootstrap';
 import { HoverControlledDropdown } from '../../core/components';
 
 export function ExtensionTags(props: { name?: string; tagsDef: TagEntry[]; hover: boolean }) {
@@ -38,7 +38,6 @@ export function ExtensionTags(props: { name?: string; tagsDef: TagEntry[]; hover
     <HoverControlledDropdown
       className="extension-tag-dropdown"
       placement="right"
-      overlay={Overlay}
       delay={{ show: 200, hide: 0 }}
     >
       <Dropdown.Toggle as="div"

base/src/main/resources/web/lib/components/extensions-picker/extensions-origin.tsx

@@ -27,15 +27,15 @@ export function PlatformIcon(props: SVGProps<SVGSVGElement>){
 }
 
 export function ExtensionsOrigin(props: { platform: boolean }) {
-  const Overlay = (
+  const tooltip = (
     <Tooltip id="extension-origin-platform-tooltip" style={{ zIndex: 200 }}>
       The quark icon indicates the extension is part of the selected Quarkus Platform. Extensions in a platform are tested and verified together and thus safer to use and easier to upgrade.
     </Tooltip>
   );
   return (
     props.platform ? <OverlayTrigger
       placement="bottom"
-      overlay={Overlay}
+      overlay={tooltip}
       delay={{ show: 200, hide: 0 }}
     >
       <span className="extension-origin-platform">

base/src/main/resources/web/lib/components/extensions-picker/extensions-utils.ts

@@ -35,7 +35,7 @@ const FIELD_KEYS = FIELD_IDENTIFIERS.map(s => s.keys).reduce((acc, value) => acc
 
 const getInPattern = keys => `(?<expr>([a-zA-Z0-9-._]+\\s+)*[a-zA-Z0-9-._]+)\\sin\\s(?<fields>((${keys.join('|')}),?)+)`;
 const getInRegexp = keys => new RegExp(getInPattern(keys), 'gi');
-const getEqualsPattern = keys => `(?<field>${keys.join('|')}):(?<expr>([a-zA-Z0-9-._,]+|("([a-zA-Z0-9-._,:]+\\s*)+")))`;
+const getEqualsPattern = keys => `(-|!)?(?<field>${keys.join('|')}):(?<expr>\\*|(([a-zA-Z0-9-._,]+|"([a-zA-Z0-9-._,:]+\\s*)+"),?)+)`;
 const getEqualsRegexp = keys => new RegExp(getEqualsPattern(keys), 'gi');
 const ORIGIN_PATTERN = '\\s*origin:(?<origin>platform|other)\\s*'
 const ORIGIN_REGEX = new RegExp(ORIGIN_PATTERN, 'gi');
@@ -136,6 +136,9 @@ function equalsFilter(e: ExtensionValues, expr: string[], field: string) {
   const val = e.values.get(field);
   if (val) {
     for (const e of expr) {
+      if (e === '*' && val) {
+        return true;
+      }
       if (typeof val === 'string') {
         if (val === e) {
           return true;
@@ -153,6 +156,30 @@ function defaultFiltering(filtered: ExtensionValues[], formattedSearch: string)
 }
 
 
+function splitOnCommaOutsideQuotes(input: string): string[] {
+  const parts: string[] = [];
+  let current = '';
+  let insideQuotes = false;
+
+  for (const char of input) {
+    if (char === '"') {
+      insideQuotes = !insideQuotes; // toggle state
+      // don’t add quote char to current
+    } else if (char === ',' && !insideQuotes) {
+      parts.push(current.trim());
+      current = '';
+    } else {
+      current += char;
+    }
+  }
+
+  if (current.length) {
+    parts.push(current.trim());
+  }
+
+  return parts;
+}
+
 export function search(search: string, processedExtensions: ProcessedExtensions): Extension[] {
   let formattedSearch = search.trim().toLowerCase();
   if (!formattedSearch) {
@@ -177,10 +204,13 @@ export function search(search: string, processedExtensions: ProcessedExtensions)
     if (!e.groups?.expr || !e.groups?.field) {
       continue;
     }
-
-    const expr = e.groups.expr.replace(/"/g, '').split(',').map(s => s.toLowerCase().trim());
+    const not = e[1] === '-' || e[1] === '!' ;
+    const expr = splitOnCommaOutsideQuotes(e.groups.expr).map(s => s.toLowerCase().trim());
     const field = e.groups.field.trim().toLowerCase();
-    filtered = filtered.filter(e => equalsFilter(e, expr, field));
+    filtered = filtered.filter(item => {
+      const match = equalsFilter(item, expr, field);
+      return not ? !match : match;
+    });
   }
 
   formattedSearch = formattedSearch.replace(equalsRegex, ';').replace(ORIGIN_REGEX, ';').trim();

base/src/main/resources/web/lib/components/info-picker/no-code-select.tsx

@@ -9,15 +9,15 @@ export const NoCodeSelect = (props: InputProps<boolean>) => {
   const adaptedOnChange = (e: any) => {
     onChangeWithDirty(!e.currentTarget.checked);
   };
-  const Overlay = (
+  const tooltip = (
     <Tooltip id="no-code-select" style={{ zIndex: 200 }}>
        Decide whether to include the starter code provided by extensions or get an empty Quarkus project.
     </Tooltip>
   );
   return (
     <OverlayTrigger
       placement="right"
-      overlay={Overlay}
+      overlay={tooltip}
       delay={{ show: 200, hide: 0 }}
     >
       <div className="form-group code-switch">

base/src/main/resources/web/lib/core/components/copy-to-clipboard.tsx

@@ -63,7 +63,7 @@ export function CopyToClipboard(props: CopyToClipboardProps) {
   }
 
   return (
-    <OverlayTrigger  trigger="hover" placement={props.tooltipPlacement} overlay={tooltip} delay={{ show: 0, hide: 0 }}>
+    <OverlayTrigger  placement={props.tooltipPlacement} overlay={tooltip} delay={{ show: 0, hide: 0 }}>
       <div
         onClick={copyToClipboard}
         className={classNames('copy-to-clipboard', props.className)}

extension-search-doc.md

@@ -0,0 +1,96 @@
+# Extension Search Field
+
+The search field supports both simple keyword searches and advanced filtering.
+
+## 1. Simple Search
+Type any word to search in:
+- **Name**
+- **Short name**
+- **Keywords**
+- **Category**
+- **Artifact ID**
+
+**Example:**
+```
+hibernate
+```
+Matches any extension whose name, short name, keywords, category, or artifact ID contains `hibernate`.
+
+## 2. Field Search (`field:expression`)
+Search in a specific field using the `field:value` format. If a field has aliases, you can use any of them.
+
+### Available fields and aliases
+| Field        | Aliases              | Example                       |
+|--------------|----------------------|--------------------------------|
+| `name`       | —                    | `name:hibernate`              |
+| `description`| `desc`               | `desc:cache`                   |
+| `group-id`   | `groupid`, `group`   | `group:io.quarkus`             |
+| `artifact-id`| `artifactid`, `artifact` | `artifact:hibernate-orm`   |
+| `short-name` | `shortname`          | `shortname:jaxrs`              |
+| `keywords`   | `keyword`            | `keyword:database`             |
+| `tags`       | `tag`                | `tag:stable`                   |
+| `category`   | `cat`                | `category:cloud`               |
+
+Multiple values can be separated by commas:
+```
+keyword:database,sql
+```
+Quotes can be used for multi-word expressions:
+```
+desc:"reactive sql"
+```
+
+## 3. "In" Search (`expression in field1,field2`)
+Search for words in specific fields.
+
+**Example:**
+```
+sql in name,description
+```
+Finds extensions where `sql` appears in **name** or **description**.
+
+Multiple words must all appear in the specified fields:
+```
+reactive sql in description
+```
+
+## 4. Origin Filter
+Filter by extension origin:
+- `origin:platform` → Only platform extensions
+- `origin:other` → Only non-platform extensions
+
+**Example:**
+```
+hibernate origin:platform
+```
+
+## 5. Tags and Categories
+Tags and categories can be searched like normal fields.
+
+**Example:**
+```
+category:messaging
+tag:stable
+```
+
+## 6. Combining Filters
+You can combine different filter types in one query.
+
+**Example:**
+```
+reactive in name,description category:messaging origin:platform
+```
+- Looks for "reactive" in name or description
+- Filters to the `messaging` category
+- Shows only platform extensions
+
+## 7. Short Name Match Priority
+If your query exactly matches a short name, that extension appears at the top of results.
+
+**Example:**
+```
+jaxrs
+```
+
+## 8. Empty Search
+If the field is empty, all extensions are shown.