lint

src/viewer/helpers/af-confidence/behavior.ts

@@ -50,7 +50,7 @@ export const AlphaFoldConfidenceScore = PluginBehavior.create<{ autoAttach: bool
         }
 
         update(p: { autoAttach: boolean, showTooltip: boolean }) {
-            let updated = this.params.autoAttach !== p.autoAttach;
+            const updated = this.params.autoAttach !== p.autoAttach;
             this.params.autoAttach = p.autoAttach;
             this.params.showTooltip = p.showTooltip;
             this.ctx.customModelProperties.setDefaultAutoAttach(this.provider.descriptor.name, this.params.autoAttach);

src/viewer/helpers/af-confidence/color.ts

@@ -80,7 +80,7 @@ export function AlphaFoldConfidenceColorTheme(ctx: ThemeDataContext, props: PD.V
     };
 }
 
-export const AlphaFoldConfidenceColorThemeProvider: ColorTheme.Provider<AlphaFoldConfidenceColorThemeParams, 'af-confidence'> =  {
+export const AlphaFoldConfidenceColorThemeProvider: ColorTheme.Provider<AlphaFoldConfidenceColorThemeParams, 'af-confidence'> = {
     name: 'af-confidence',
     label: 'AlphaFold Confidence',
     category: ColorTheme.Category.Validation,

src/viewer/helpers/af-confidence/prop.ts

@@ -123,7 +123,7 @@ function createScoreMapFromCif(modelData: Model, residueData: Table<typeof Alpha
     const categories: string[] = [];
 
     const toCategory = (v: number): 'Very low' | 'Low' | 'Confident' | 'Very high' => {
-        if (v > 50 && v <= 70)  return 'Low';
+        if (v > 50 && v <= 70) return 'Low';
         if (v > 70 && v <= 90) return 'Confident';
         if (v > 90) return 'Very high';
         return 'Very low';

src/viewer/helpers/export.ts

@@ -32,10 +32,9 @@ function exportParams(): encode_mmCIF_categories_Params {
         .add('pdbx_struct_assembly')
         .add('pdbx_struct_assembly_gen')
         .add('pdbx_struct_oper_list');
-    const params: encode_mmCIF_categories_Params = {
+    return {
         skipCategoryNames: skipCategories
     };
-    return params;
 }
 
 function to_mmCIF(name: string, structure: Structure, asBinary = false) {
@@ -94,5 +93,5 @@ export function encodeStructureData(plugin: PluginContext): { [k: string]: Uint8
 export async function downloadAsZipFile(plugin: PluginContext, content: { [k: string]: Uint8Array }) {
     const filename = `mol-star_download_${getFormattedTime()}.zip`;
     const buf = await plugin.runTask(Zip(content));
-    download(new Blob([buf], { type : 'application/zip' }), filename);
+    download(new Blob([buf], { type: 'application/zip' }), filename);
 }

src/viewer/helpers/model.ts

@@ -11,10 +11,10 @@ import { Asset } from 'molstar/lib/mol-util/assets';
 import { Mat4 } from 'molstar/lib/mol-math/linear-algebra';
 import { StateTransforms } from 'molstar/lib/mol-plugin-state/transforms';
 import { BuiltInTrajectoryFormat } from 'molstar/lib/mol-plugin-state/formats/trajectory';
-import {TrajectoryHierarchyPresetProvider} from 'molstar/lib/mol-plugin-state/builder/structure/hierarchy-preset';
+import { TrajectoryHierarchyPresetProvider } from 'molstar/lib/mol-plugin-state/builder/structure/hierarchy-preset';
 
 export class ModelLoader {
-    async load<P={}>(load: LoadParams, props?: PresetProps, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
+    async load<P = {}>(load: LoadParams, props?: PresetProps, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
         const { fileOrUrl, format, isBinary } = load;
 
         const data = fileOrUrl instanceof File
@@ -23,17 +23,17 @@ export class ModelLoader {
         await this.handleTrajectory<P>(data, format, props, matrix, reprProvider, params);
     }
 
-    async parse<P={}>(parse: ParseParams, props?: PresetProps & { dataLabel?: string }, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
+    async parse<P = {}>(parse: ParseParams, props?: PresetProps & { dataLabel?: string }, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
         const { data, format } = parse;
         const _data = await this.plugin.builders.data.rawData({ data, label: props?.dataLabel });
         await this.handleTrajectory(_data, format, props, matrix, reprProvider, params);
     }
 
-    private async handleTrajectory<P={}>(data: any, format: BuiltInTrajectoryFormat, props?: PresetProps, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
+    private async handleTrajectory<P = {}>(data: any, format: BuiltInTrajectoryFormat, props?: PresetProps, matrix?: Mat4, reprProvider?: TrajectoryHierarchyPresetProvider<P>, params?: P) {
         const trajectory = await this.plugin.builders.structure.parseTrajectory(data, format);
-        if(reprProvider){
-            await this.plugin.builders.structure.hierarchy.applyPreset(trajectory, reprProvider, {...params});
-        }else{
+        if (reprProvider) {
+            await this.plugin.builders.structure.hierarchy.applyPreset(trajectory, reprProvider, { ...params });
+        } else {
             const selector = await this.plugin.builders.structure.hierarchy.applyPreset(trajectory, RcsbPreset, {
                 preset: props || { kind: 'standard', assemblyId: '' }
             });

src/viewer/helpers/preset.ts

@@ -361,7 +361,7 @@ function determineAssemblyId(traj: any, p: MotifProps) {
             for (let i = 0, il = pdbx_struct_assembly_gen.rowCount; i < il; i++) {
                 if (ids.some(val => !equals(oper_expression.str(i), val[0]) || asym_id_list.str(i).indexOf(val[1]) === -1)) continue;
 
-                Object.assign(p, {assemblyId: assembly_id.str(i)});
+                Object.assign(p, { assemblyId: assembly_id.str(i) });
                 return;
             }
         } else {

src/viewer/helpers/selection.ts

@@ -212,7 +212,7 @@ function targetToExpression(target: Target): Expression {
         residueTests.push(MS.core.rel.eq([target.authSeqId, MS.ammp('auth_seq_id')]));
     } else if (target.labelSeqId) {
         residueTests.push(MS.core.rel.eq([target.labelSeqId, MS.ammp('label_seq_id')]));
-    }else if(target.labelSeqRange){
+    } else if (target.labelSeqRange) {
         residueTests.push(MS.core.rel.inRange([MS.ammp('label_seq_id'), target.labelSeqRange.beg, target.labelSeqRange.end ?? target.labelSeqRange.beg]));
     }
     if (target.labelCompId) {

src/viewer/helpers/superpose/color.ts

@@ -22,7 +22,7 @@ export function SuperposeColorTheme(ctx: ThemeDataContext, props: {}): ColorThem
 
     let DefaultColor = Color(0xCCCCCC);
     const colorValues: Color[] = Array.from(defaultColorLookup.values());
-    if (colorValues.every( (val, i, arr) => val === arr[0] )) {
+    if (colorValues.every((val, i, arr) => val === arr[0])) {
         DefaultColor = colorValues[0];
     }
 

src/viewer/helpers/superpose/preset.ts

@@ -30,8 +30,8 @@ export const RcsbSuperpositionRepresentationPreset = StructureRepresentationPres
         const structure = structureCell.obj!.data;
         const cartoonProps = { sizeFactor: structure.isCoarseGrained ? 0.8 : 0.2 };
 
-        let components = Object.create(null);
-        let representations = Object.create(null);
+        const components = Object.create(null);
+        const representations = Object.create(null);
 
         for (const expr of params.selectionExpressions) {
             const comp = await plugin.builders.structure.tryCreateComponentFromExpression(structureCell, expr.expression, expr.label, { label: expr.label });

src/viewer/helpers/viewer.ts

@@ -38,7 +38,7 @@ export function getStructureRefWithModelId(structures: StructureRef[], target: {
     for (const structure of structures) {
         if (!structure.cell?.obj?.data?.units) continue;
 
-        const unit =  structure.cell.obj.data.units[0];
+        const unit = structure.cell.obj.data.units[0];
         if (unit.model.id === target.modelId) return structure;
     }
 }
@@ -53,7 +53,7 @@ export function select(plugin: PluginContext, targets: SelectTarget | SelectTarg
 
         if (mode === 'hover') {
             plugin.managers.interactivity.lociHighlights.highlight({ loci });
-        }else if(mode === 'select'){
+        } else if (mode === 'select') {
             plugin.managers.structure.selection.fromLoci(modifier, loci);
         }
     }
@@ -80,7 +80,7 @@ export function clearSelection(plugin: PluginContext, mode: 'select' | 'hover',
 export async function createComponent(plugin: PluginContext, componentLabel: string, targets: SelectBase | SelectTarget | SelectTarget[], representationType: StructureRepresentationRegistry.BuiltIn) {
     for (const target of (Array.isArray(targets) ? targets : [targets])) {
         const structureRef = getStructureRefWithModelId(plugin.managers.structure.hierarchy.current.structures, target);
-        if (!structureRef) throw 'createComponent error: model not found';
+        if (!structureRef) throw Error('createComponent error: model not found');
 
         const residues = toResidues(target);
         const sel = StructureSelectionQuery('innerQuery_' + Math.random().toString(36).substr(2),

src/viewer/ui/export.tsx

@@ -9,7 +9,7 @@ export class ExportControls extends CollapsableControls {
         return {
             header: 'Export',
             isCollapsed: true,
-            brand: { accent:  'gray' as const, svg: ExportOutlinedSvg }
+            brand: { accent: 'gray' as const, svg: ExportOutlinedSvg }
         };
     }
 

src/viewer/ui/import.tsx

@@ -16,7 +16,7 @@ export class ImportControls extends CollapsableControls {
         return {
             header: 'Import',
             isCollapsed: false,
-            brand: { accent:  'gray' as const, svg: FileOutlineSvg }
+            brand: { accent: 'gray' as const, svg: FileOutlineSvg }
         };
     }
 

src/viewer/ui/session.tsx

@@ -44,7 +44,7 @@ export class SessionControls extends CollapsableControls {
         return {
             header: 'Session',
             isCollapsed: true,
-            brand: { accent:  'gray' as const, svg: SaveOutlinedSvg }
+            brand: { accent: 'gray' as const, svg: SaveOutlinedSvg }
         };
     }
 

src/viewer/ui/strucmotif.tsx

@@ -43,7 +43,7 @@ export class StrucmotifSubmitControls extends CollapsableControls {
         return {
             header: 'Structure Motif Search',
             isCollapsed: false,
-            brand: { accent:  'gray' as const, svg: SearchIconSvg }
+            brand: { accent: 'gray' as const, svg: SearchIconSvg }
         };
     }
 
@@ -156,7 +156,7 @@ class SubmitControls extends PurePluginUIComponent<{}, { isBusy: boolean, residu
 
             // retrieve CA/C4', used to compute residue distance
             const coords = [x(location), y(location), z(location)] as Vec3;
-            coordinates.push({coords, residueId});
+            coordinates.push({ coords, residueId });
 
             // handle potential exchanges - can be empty if deselected by users
             const residueMapEntry = this.state.residueMap.get(l)!;