chore: update dependencies, expect storybook

the new version of storybook introduces some error
GenSpectrum · Feb 15, 2024 · 89af159 · 89af159
1 parent 203a219
commit 89af159
Show file tree

Hide file tree

Showing 12 changed files with 1,710 additions and 2,150 deletions.
diff --git a/components/dev/index.html b/components/dev/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 
 <html>
     <head>

diff --git a/components/index.html b/components/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 
 <html>
     <head>

diff --git a/components/package-lock.json b/components/package-lock.json
diff --git a/components/package.json b/components/package.json
@@ -30,40 +30,41 @@
         "lit"
     ],
     "dependencies": {
-        "@floating-ui/dom": "^1.5.3",
+        "@floating-ui/dom": "^1.6.3",
         "@lit/context": "^1.1.0",
         "@lit/task": "^1.0.0",
-        "chart.js": "^4.4.0",
+        "chart.js": "^4.4.1",
         "dayjs": "^1.11.10",
-        "lit": "^3.0.0"
+        "lit": "^3.1.2"
     },
     "devDependencies": {
-        "@custom-elements-manifest/analyzer": "^0.6.3",
-        "@open-wc/testing": "^3.1.5",
-        "@rollup/plugin-node-resolve": "^13.3.0",
+        "@custom-elements-manifest/analyzer": "^0.9.0",
+        "@open-wc/testing": "^4.0.0",
+        "@rollup/plugin-node-resolve": "^15.2.3",
         "@rollup/plugin-replace": "^5.0.2",
         "@storybook/addon-essentials": "^7.5.3",
         "@storybook/addon-links": "^7.5.3",
         "@storybook/blocks": "^7.5.3",
         "@storybook/web-components": "^7.5.3",
         "@storybook/web-components-vite": "^7.5.3",
-        "@typescript-eslint/eslint-plugin": "^5.25.0",
-        "@typescript-eslint/parser": "^5.25.0",
-        "@web/dev-server": "^0.1.31",
-        "@web/dev-server-legacy": "^1.0.0",
-        "@web/test-runner": "^0.15.0",
-        "@web/test-runner-playwright": "^0.9.0",
+        "@types/mocha": "^10.0.6",
+        "@typescript-eslint/eslint-plugin": "^6.21.0",
+        "@typescript-eslint/parser": "^6.21.0",
+        "@web/dev-server": "^0.4.2",
+        "@web/dev-server-legacy": "^2.1.0",
+        "@web/test-runner": "^0.18.0",
+        "@web/test-runner-playwright": "^0.11.0",
         "@webcomponents/webcomponentsjs": "^2.8.0",
-        "eslint": "^8.15.0",
+        "eslint": "^8.56.0",
         "eslint-plugin-storybook": "^0.6.15",
-        "lit-analyzer": "^1.2.1",
-        "prettier": "^2.6.2",
-        "rimraf": "^3.0.2",
+        "lit-analyzer": "^2.0.3",
+        "prettier": "^3.2.5",
+        "rimraf": "^5.0.5",
         "rollup": "^2.73.0",
-        "rollup-plugin-summary": "^1.4.3",
+        "rollup-plugin-summary": "^2.0.0",
         "rollup-plugin-terser": "^7.0.2",
         "storybook": "^7.5.3",
-        "typescript": "~5.2.0"
+        "typescript": "~5.3.3"
     },
     "customElements": "custom-elements.json"
 }
diff --git a/components/src/components/mutations-grid.ts b/components/src/components/mutations-grid.ts
@@ -108,12 +108,13 @@ export class MutationsGrid extends LitElement {
                         return html`<tr>
                             <td class="position">${d.position}</td>
                             ${bs.map(
-                                (b) => html` <td
-                                    class=${(referenceBases.get(d.position) === b ? 'reference ' : '') +
-                                    (d.proportions.get(b)! < 0.0001 ? 'low' : '')}
-                                >
-                                    ${formatProportion(d.proportions.get(b)!)}
-                                </td>`,
+                                (b) =>
+                                    html` <td
+                                        class=${(referenceBases.get(d.position) === b ? 'reference ' : '') +
+                                        (d.proportions.get(b)! < 0.0001 ? 'low' : '')}
+                                    >
+                                        ${formatProportion(d.proportions.get(b)!)}
+                                    </td>`,
                             )}
                         </tr> `;
                     })}

diff --git a/components/src/mutations.ts b/components/src/mutations.ts
@@ -92,7 +92,11 @@ export class Substitution implements Mutation {
 export class Deletion implements Mutation {
     readonly code = `${this.segment ? this.segment + ':' : ''}${this.ref}${this.position}-`;
 
-    constructor(readonly segment: string | undefined, readonly ref: string, readonly position: number) {}
+    constructor(
+        readonly segment: string | undefined,
+        readonly ref: string,
+        readonly position: number,
+    ) {}
 
     toString() {
         return this.code;
@@ -110,7 +114,11 @@ export class Deletion implements Mutation {
 export class Insertion implements Mutation {
     readonly code = `ins_${this.segment ? this.segment + ':' : ''}${this.position}:${this.value}`;
 
-    constructor(readonly segment: string | undefined, readonly position: number, readonly value: string) {}
+    constructor(
+        readonly segment: string | undefined,
+        readonly position: number,
+        readonly value: string,
+    ) {}
 
     toString() {
         return this.code;

diff --git a/components/src/operator/FetchAggregatedOperator.ts b/components/src/operator/FetchAggregatedOperator.ts
@@ -3,7 +3,10 @@ import { Dataset } from './Dataset';
 import { LapisFilter } from '../types';
 
 export class FetchAggregatedOperator<Fields> implements Operator<Fields & { count: number }> {
-    constructor(private filter: LapisFilter, private fields: string[]) {}
+    constructor(
+        private filter: LapisFilter,
+        private fields: string[],
+    ) {}
 
     async evaluate(lapis: string, signal?: AbortSignal): Promise<Dataset<Fields & { count: number }>> {
         const params = new URLSearchParams(this.filter);

diff --git a/components/src/operator/FetchMutationsOperator.ts b/components/src/operator/FetchMutationsOperator.ts
@@ -4,7 +4,11 @@ import { LapisFilter, SequenceType } from '../types';
 import { Deletion, Insertion, MutationCache, Substitution } from '../mutations';
 
 export class FetchMutationsOperator implements Operator<MutationEntry> {
-    constructor(private filter: LapisFilter, private sequenceType: SequenceType, private minProportion?: number) {}
+    constructor(
+        private filter: LapisFilter,
+        private sequenceType: SequenceType,
+        private minProportion?: number,
+    ) {}
 
     async evaluate(lapis: string, signal?: AbortSignal): Promise<Dataset<MutationEntry>> {
         const [lapisMutations, lapisInsertions] = await Promise.all([

diff --git a/components/src/operator/GroupByOperator.ts b/components/src/operator/GroupByOperator.ts
@@ -2,7 +2,11 @@ import { Operator } from './Operator';
 import { Dataset } from './Dataset';
 
 export class GroupByOperator<T, S, K extends keyof T> implements Operator<S> {
-    constructor(private child: Operator<T>, private field: K, private aggregate: (values: T[]) => S) {}
+    constructor(
+        private child: Operator<T>,
+        private field: K,
+        private aggregate: (values: T[]) => S,
+    ) {}
 
     async evaluate(lapis: string, signal?: AbortSignal): Promise<Dataset<S>> {
         const childEvaluated = await this.child.evaluate(lapis, signal);

diff --git a/components/src/operator/MapOperator.ts b/components/src/operator/MapOperator.ts
@@ -2,7 +2,10 @@ import { Operator } from './Operator';
 import { Dataset } from './Dataset';
 
 export class MapOperator<S, T> implements Operator<T> {
-    constructor(private child: Operator<S>, private func: (value: S) => T) {}
+    constructor(
+        private child: Operator<S>,
+        private func: (value: S) => T,
+    ) {}
 
     async evaluate(lapis: string, signal?: AbortSignal): Promise<Dataset<T>> {
         const childEvaluated = await this.child.evaluate(lapis, signal);

diff --git a/components/src/operator/SlidingOperator.ts b/components/src/operator/SlidingOperator.ts
@@ -2,7 +2,11 @@ import { Operator } from './Operator';
 import { Dataset } from './Dataset';
 
 export class SlidingOperator<T, S> implements Operator<S> {
-    constructor(private child: Operator<T>, private windowSize: number, private aggregate: (values: T[]) => S) {
+    constructor(
+        private child: Operator<T>,
+        private windowSize: number,
+        private aggregate: (values: T[]) => S,
+    ) {
         if (windowSize < 1) {
             throw new Error('Window size must be at least 1');
         }

diff --git a/components/src/operator/SortOperator.ts b/components/src/operator/SortOperator.ts
@@ -2,7 +2,10 @@ import { Operator } from './Operator';
 import { Dataset } from './Dataset';
 
 export class SortOperator<S> implements Operator<S> {
-    constructor(private child: Operator<S>, private compareFn: (a: S, b: S) => number) {}
+    constructor(
+        private child: Operator<S>,
+        private compareFn: (a: S, b: S) => number,
+    ) {}
 
     async evaluate(lapis: string, signal?: AbortSignal): Promise<Dataset<S>> {
         const childEvaluated = await this.child.evaluate(lapis, signal);