@genspectrum/dashboard-components 1.9.0 → 1.9.1

package/dist/util.d.ts

@@ -941,7 +941,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-genome-data-viewer': GenomeDataViewerComponent;
+        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
     }
 }
 
@@ -949,7 +949,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -957,7 +957,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutation-comparison-component': MutationComparisonComponent;
+        'gs-genome-data-viewer': GenomeDataViewerComponent;
     }
 }
 
@@ -965,7 +965,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutation-comparison-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-genome-data-viewer': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -973,7 +973,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-mutations': MutationsComponent;
+        'gs-mutation-comparison-component': MutationComparisonComponent;
     }
 }
 
@@ -981,7 +981,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutation-comparison-component': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -989,7 +989,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
+        'gs-mutations': MutationsComponent;
     }
 }
 
@@ -997,7 +997,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-mutations': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1005,7 +1005,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-aggregate': AggregateComponent;
+        'gs-prevalence-over-time': PrevalenceOverTimeComponent;
     }
 }
 
@@ -1013,7 +1013,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-prevalence-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1021,7 +1021,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
+        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
     }
 }
 
@@ -1029,7 +1029,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1037,7 +1037,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-relative-growth-advantage': RelativeGrowthAdvantageComponent;
+        'gs-aggregate': AggregateComponent;
     }
 }
 
@@ -1045,7 +1045,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-relative-growth-advantage': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-aggregate': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1053,7 +1053,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-sequences-by-location': SequencesByLocationComponent;
+        'gs-number-sequences-over-time': NumberSequencesOverTimeComponent;
     }
 }
 
@@ -1061,7 +1061,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-number-sequences-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1085,7 +1085,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-statistics': StatisticsComponent;
+        'gs-sequences-by-location': SequencesByLocationComponent;
     }
 }
 
@@ -1093,7 +1093,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-sequences-by-location': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1101,11 +1101,7 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-date-range-filter': DateRangeFilterComponent;
-    }
-    interface HTMLElementEventMap {
-        [gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
-        [gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
+        'gs-statistics': StatisticsComponent;
     }
 }
 
@@ -1113,7 +1109,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-statistics': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1121,7 +1117,10 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-wastewater-mutations-over-time': WastewaterMutationsOverTimeComponent;
+        'gs-location-filter': LocationFilterComponent;
+    }
+    interface HTMLElementEventMap {
+        [gsEventNames.locationChanged]: LocationChangedEvent;
     }
 }
 
@@ -1129,7 +1128,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-wastewater-mutations-over-time': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }
@@ -1137,10 +1136,11 @@ declare global {
 
 declare global {
     interface HTMLElementTagNameMap {
-        'gs-location-filter': LocationFilterComponent;
+        'gs-date-range-filter': DateRangeFilterComponent;
     }
     interface HTMLElementEventMap {
-        [gsEventNames.locationChanged]: LocationChangedEvent;
+        [gsEventNames.dateRangeFilterChanged]: CustomEvent<Record<string, string>>;
+        [gsEventNames.dateRangeOptionChanged]: DateRangeOptionChangedEvent;
     }
 }
 
@@ -1148,7 +1148,7 @@ declare global {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'gs-location-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+            'gs-date-range-filter': DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genspectrum/dashboard-components",
-    "version": "1.9.0",
+    "version": "1.9.1",
     "description": "GenSpectrum web components for building dashboards",
     "type": "module",
     "license": "AGPL-3.0-only",

package/src/preact/lineageFilter/fetchLineageAutocompleteList.spec.ts

@@ -321,4 +321,76 @@ describe('fetchLineageAutocompleteList', () => {
             },
         ]);
     });
+
+    test('should include prefix aliases that are missing from lineage tree', async () => {
+        lapisRequestMocks.aggregated(
+            { fields: [lineageField], ...lapisFilter },
+            {
+                data: [
+                    {
+                        [lineageField]: 'BA.3.2.1',
+                        count: 1,
+                    },
+                    {
+                        [lineageField]: 'BA.3.2.2',
+                        count: 2,
+                    },
+                ],
+            },
+        );
+
+        lapisRequestMocks.lineageDefinition(
+            {
+                'B.1.1.529.3.2': {
+                    aliases: ['BA.3.2'],
+                },
+                'BA.3.2.1': {
+                    parents: ['B.1.1.529.3.2'],
+                    aliases: ['B.1.1.529.3.2.1'],
+                },
+                'BA.3.2.2': {
+                    parents: ['B.1.1.529.3.2'],
+                    aliases: ['B.1.1.529.3.2.2'],
+                },
+            },
+            lineageField,
+        );
+
+        const result = await fetchLineageAutocompleteList({
+            lapisUrl: DUMMY_LAPIS_URL,
+            lapisField: lineageField,
+            lapisFilter,
+        });
+
+        expect(result).to.deep.equal([
+            {
+                lineage: 'B.1.1.529.3.2',
+                count: 0,
+            },
+            {
+                lineage: 'B.1.1.529.3.2*',
+                count: 3,
+            },
+            {
+                lineage: 'BA.3.2*',
+                count: 3, // Same as B.1.1.529.3.2* (includes .3.2 and .3.2.1)
+            },
+            {
+                lineage: 'BA.3.2.1',
+                count: 1,
+            },
+            {
+                lineage: 'BA.3.2.1*',
+                count: 1,
+            },
+            {
+                lineage: 'BA.3.2.2',
+                count: 2,
+            },
+            {
+                lineage: 'BA.3.2.2*',
+                count: 2,
+            },
+        ]);
+    });
 });

package/src/preact/lineageFilter/fetchLineageAutocompleteList.ts

@@ -2,6 +2,10 @@ import { fetchLineageDefinition } from '../../lapisApi/lapisApi';
 import { FetchAggregatedOperator } from '../../operator/FetchAggregatedOperator';
 import type { LapisFilter } from '../../types';
 
+/**
+ * Generates the autocomplete list for lineage search. It includes lineages with wild cards
+ * (i.e. "BA.3.2.1" and "BA.3.2.1*") as well as all prefixes of lineages with an asterisk ("BA.3.2*").
+ */
 export async function fetchLineageAutocompleteList({
     lapisUrl,
     lapisField,
@@ -13,31 +17,43 @@ export async function fetchLineageAutocompleteList({
     lapisFilter?: LapisFilter;
     signal?: AbortSignal;
 }): Promise<LineageItem[]> {
-    const [countsByLineage, lineageTree] = await Promise.all([
+    const [countsByLineage, { lineageTree, aliasMapping }] = await Promise.all([
         getCountsByLineage({
             lapisUrl,
             lapisField,
             lapisFilter,
             signal,
         }),
-        getLineageTree({ lapisUrl, lapisField, signal }),
+        getLineageTreeAndAliases({ lapisUrl, lapisField, signal }),
     ]);
 
-    return Array.from(lineageTree.keys())
-        .sort((a, b) => a.localeCompare(b))
-        .map((lineage) => {
-            return [
-                {
-                    lineage,
-                    count: countsByLineage.get(lineage) ?? 0,
-                },
-                {
-                    lineage: `${lineage}*`,
-                    count: getCountsIncludingSublineages(lineage, lineageTree, countsByLineage),
-                },
-            ];
-        })
-        .flat();
+    const prefixToLineage = findMissingPrefixMappings(lineageTree, aliasMapping);
+
+    // Combine actual lineages with their wildcard versions
+    const actualLineageItems = Array.from(lineageTree.keys()).flatMap((lineage) => [
+        {
+            lineage,
+            count: countsByLineage.get(lineage) ?? 0,
+        },
+        {
+            lineage: `${lineage}*`,
+            count: getCountsIncludingSublineages(lineage, lineageTree, countsByLineage),
+        },
+    ]);
+
+    // Add prefix alias items with wildcard and their counts
+    const prefixAliasItems = Array.from(prefixToLineage.entries()).map(([prefix, actualLineage]) => ({
+        lineage: `${prefix}*`,
+        count: getCountsIncludingSublineages(actualLineage, lineageTree, countsByLineage),
+    }));
+
+    // Combine and sort all items (asterisk before period for same prefix)
+    return [...actualLineageItems, ...prefixAliasItems].sort((a, b) => {
+        // Replace * with a character that sorts before . in ASCII
+        const aKey = a.lineage.replace(/\*/g, ' ');
+        const bKey = b.lineage.replace(/\*/g, ' ');
+        return aKey.localeCompare(bKey);
+    });
 }
 
 export type LineageItem = { lineage: string; count: number };
@@ -61,7 +77,7 @@ async function getCountsByLineage({
     return new Map<string, number>(countsByLineageArray.map((value) => [value[lapisField], value.count]));
 }
 
-async function getLineageTree({
+async function getLineageTreeAndAliases({
     lapisUrl,
     lapisField,
     signal,
@@ -73,12 +89,17 @@ async function getLineageTree({
     const lineageDefinitions = await fetchLineageDefinition({ lapisUrl, lapisField, signal });
 
     const lineageTree = new Map<string, { children: string[] }>();
+    const aliasMapping = new Map<string, string[]>();
 
     Object.entries(lineageDefinitions).forEach(([lineage, definition]) => {
         if (!lineageTree.has(lineage)) {
             lineageTree.set(lineage, { children: [] });
         }
 
+        if (definition.aliases && definition.aliases.length > 0) {
+            aliasMapping.set(lineage, definition.aliases);
+        }
+
         definition.parents?.forEach((parent) => {
             const parentChildren = lineageTree.get(parent)?.children;
 
@@ -88,7 +109,7 @@ async function getLineageTree({
         });
     });
 
-    return lineageTree;
+    return { lineageTree, aliasMapping };
 }
 
 function getCountsIncludingSublineages(
@@ -115,3 +136,44 @@ function getAllDescendants(lineage: string, lineageTree: Map<string, { children:
 
     return new Set([...children, ...childrenOfChildren.flatMap((child) => Array.from(child))]);
 }
+
+/**
+ * This function finds prefixes (i.e. "BA.3.2" for "BA.3.2.1") that are not in the lineageTree,
+ * but do appear as an alias. It returns a reverse mapping for those prefixes, back to a lineage
+ * that can be found in the lineageTree (i.e. "BA.3.2" -> "B.1.1.529.3.2").
+ */
+function findMissingPrefixMappings(
+    lineageTree: Map<string, { children: string[] }>,
+    aliasMapping: Map<string, string[]>,
+): Map<string, string> {
+    const lineages = Array.from(lineageTree.keys());
+    const lineagesSet = new Set(lineages);
+
+    // Generate all prefixes for each lineage (e.g., "A.B.1" -> ["A", "A.B", "A.B.1"])
+    const allPrefixes = lineages.flatMap((lineage) => {
+        const parts = lineage.split('.');
+        return parts.map((_, i) => parts.slice(0, i + 1).join('.'));
+    });
+
+    // Find prefixes that are NOT in the actual lineages list
+    const missingPrefixes = new Set(allPrefixes.filter((prefix) => !lineagesSet.has(prefix)));
+
+    // Create reverse alias mapping: alias -> original lineage
+    const reverseAliasMapping = new Map<string, string>();
+    aliasMapping.forEach((aliases, lineage) => {
+        aliases.forEach((alias) => {
+            reverseAliasMapping.set(alias, lineage);
+        });
+    });
+
+    // Map missing prefixes to their actual lineage names via reverse alias lookup
+    const prefixToLineage = new Map<string, string>();
+    missingPrefixes.forEach((prefix) => {
+        const actualLineage = reverseAliasMapping.get(prefix);
+        if (actualLineage) {
+            prefixToLineage.set(prefix, actualLineage);
+        }
+    });
+
+    return prefixToLineage;
+}