@apollo-annotation/jbrowse-plugin-apollo 0.1.6 → 0.1.7

package/dist/jbrowse-plugin-apollo.cjs.development.js

@@ -98,7 +98,7 @@ var ExpandLessIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandLessIcon)
 var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
 var ErrorIcon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorIcon);
 
-var version = "0.1.6";
+var version = "0.1.7";
 
 const ApolloConfigSchema = configuration.ConfigurationSchema('ApolloInternetAccount', {
     baseURL: {
@@ -170,7 +170,7 @@ async function checkFeatures(assembly) {
     for (const ref of assembly.refSeqs.values()) {
         for (const feature of ref.features.values()) {
             for (const check of apolloCommon.checkRegistry.getChecks().values()) {
-                const result = await check.checkFeature(mobxStateTree.getSnapshot(feature), async (start, stop) => ref.getSequence(start, stop));
+                const result = await check.checkFeature(mobxStateTree.getSnapshot(feature), (start, stop) => Promise.resolve(ref.getSequence(start, stop)));
                 checkResults.push(...result);
             }
         }
@@ -262,14 +262,14 @@ function createFeature(gff3Feature) {
             }
         }
     }
-    if (childFeatures?.length) {
+    if (childFeatures.length > 0) {
         const children = {};
         for (const childFeature of childFeatures) {
             const child = createFeature(childFeature);
             children[child._id] = child;
             // Add value to gffId
             child.attributes?._id
-                ? (child.gffId = child.attributes?._id.toString())
+                ? (child.gffId = child.attributes._id.toString())
                 : (child.gffId = child._id);
         }
         feature.children = children;
@@ -371,6 +371,7 @@ function getApolloInternetAccount(session) {
     return internetAccounts.find((ia) => ia.type === 'ApolloInternetAccount');
 }
 
+/* eslint-disable @typescript-eslint/unbound-method */
 const useStyles$f = mui.makeStyles()((theme) => ({
     dialogTitle: {
         background: theme.palette.primary.main,
@@ -393,6 +394,7 @@ const Dialog = mobxReact.observer(function JBrowseDialog(props) {
                 React__default["default"].createElement(CloseIcon__default["default"], null))) }));
 });
 
+/* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
 var FileType;
 (function (FileType) {
     FileType["GFF3"] = "text/x-gff3";
@@ -600,21 +602,29 @@ function AddAssembly({ changeManager, handleClose, session, }) {
                         React__default["default"].createElement(material.FormControlLabel, { value: FileType.EXTERNAL, control: React__default["default"].createElement(material.Radio, null), label: "External", disabled: submitted && !errorMessage }))),
                 fileType === FileType.EXTERNAL ? (React__default["default"].createElement(material.Box, { style: { marginTop: 20 } },
                     React__default["default"].createElement(material.Typography, { variant: "caption" }, "Enter FASTA and FASTA index(es) URL"),
-                    React__default["default"].createElement(material.TextField, { margin: "dense", helperText: "Can be bgz-compressed", id: "fasta", label: "FASTA", type: "TextField", fullWidth: true, variant: "outlined", error: !validFastaFile, onChange: (e) => setFastaFile(e.target.value), disabled: submitted && !errorMessage, InputProps: {
+                    React__default["default"].createElement(material.TextField, { margin: "dense", helperText: "Can be bgz-compressed", id: "fasta", label: "FASTA", type: "TextField", fullWidth: true, variant: "outlined", error: !validFastaFile, onChange: (e) => {
+                            setFastaFile(e.target.value);
+                        }, disabled: submitted && !errorMessage, InputProps: {
                             startAdornment: (React__default["default"].createElement(InputAdornment__default["default"], { position: "start" },
                                 React__default["default"].createElement(LinkIcon__default["default"], null))),
                         } }),
-                    React__default["default"].createElement(material.TextField, { margin: "dense", id: "fasta-index", label: "FASTA Index", helperText: ".fai or .gz.fai", type: "TextField", fullWidth: true, variant: "outlined", error: !validFastaIndexFile, onChange: (e) => setFastaIndexFile(e.target.value), disabled: submitted && !errorMessage, InputProps: {
+                    React__default["default"].createElement(material.TextField, { margin: "dense", id: "fasta-index", label: "FASTA Index", helperText: ".fai or .gz.fai", type: "TextField", fullWidth: true, variant: "outlined", error: !validFastaIndexFile, onChange: (e) => {
+                            setFastaIndexFile(e.target.value);
+                        }, disabled: submitted && !errorMessage, InputProps: {
                             startAdornment: (React__default["default"].createElement(InputAdornment__default["default"], { position: "start" },
                                 React__default["default"].createElement(LinkIcon__default["default"], null))),
                         } }),
-                    React__default["default"].createElement(material.TextField, { margin: "dense", id: "fasta-gzi-index", label: "FASTA GZI Index", helperText: "Only for bgz-compressed FASTA, .gz.gzi", type: "TextField", fullWidth: true, variant: "outlined", error: Boolean(fastaGziIndexFile) && !validFastaGziIndexFile, onChange: (e) => setFastaGziIndexFile(e.target.value), disabled: submitted && !errorMessage, InputProps: {
+                    React__default["default"].createElement(material.TextField, { margin: "dense", id: "fasta-gzi-index", label: "FASTA GZI Index", helperText: "Only for bgz-compressed FASTA, .gz.gzi", type: "TextField", fullWidth: true, variant: "outlined", error: Boolean(fastaGziIndexFile) && !validFastaGziIndexFile, onChange: (e) => {
+                            setFastaGziIndexFile(e.target.value);
+                        }, disabled: submitted && !errorMessage, InputProps: {
                             startAdornment: (React__default["default"].createElement(InputAdornment__default["default"], { position: "start" },
                                 React__default["default"].createElement(LinkIcon__default["default"], null))),
                         } }))) : (React__default["default"].createElement(material.Box, { style: { marginTop: 20 } },
                     React__default["default"].createElement("input", { type: "file", onChange: handleChangeFile, disabled: submitted && !errorMessage }),
                     React__default["default"].createElement(material.FormGroup, null,
-                        React__default["default"].createElement(material.FormControlLabel, { control: React__default["default"].createElement(material.Checkbox, { checked: fileType === FileType.GFF3 && importFeatures, onChange: () => setImportFeatures(!importFeatures), disabled: fileType !== FileType.GFF3 ||
+                        React__default["default"].createElement(material.FormControlLabel, { control: React__default["default"].createElement(material.Checkbox, { checked: fileType === FileType.GFF3 && importFeatures, onChange: () => {
+                                    setImportFeatures(!importFeatures);
+                                }, disabled: fileType !== FileType.GFF3 ||
                                     (submitted && !errorMessage) }), label: "Also load features from GFF3 file" }))))),
             React__default["default"].createElement(material.DialogActions, null,
                 React__default["default"].createElement(material.Button, { disabled: !validAsm ||
@@ -801,7 +811,7 @@ function expandPrefixes(uri, prefixes) {
     return uri;
 }
 
-/* eslint-disable import/no-named-as-default-member */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
 /** special value of jsonPath that gets the IRI (that is, ID) of the node with the configured prefixes applied */
 const PREFIXED_ID_PATH = '$PREFIXED_ID';
 /** small wrapper for jsonpath.query that intercepts requests for the special prefixed ID path */
@@ -985,6 +995,7 @@ function isDeprecated(thing) {
     return Boolean(thing.meta?.deprecated);
 }
 
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 /** schema version we are currently on, used for the IndexedDB schema open call */
 const schemaVersion = 2;
 /** open the IndexedDB and create the DB schema if necessary */
@@ -1114,10 +1125,11 @@ async function isDatabaseCurrent(db) {
         return false;
     }
     // check that the index paths and prefixes are the same as our current ones
-    return (equal__default["default"](this.options.prefixes, meta.storeOptions?.prefixes) &&
-        equal__default["default"](this.options.textIndexing, meta.storeOptions?.textIndexing));
+    return (equal__default["default"](this.options.prefixes, meta.storeOptions.prefixes) &&
+        equal__default["default"](this.options.textIndexing, meta.storeOptions.textIndexing));
 }
 
+/* eslint-disable @typescript-eslint/no-throw-literal */
 /**
  * @deprecated use the one from jbrowse core when it is published
  **/
@@ -1212,7 +1224,7 @@ class OntologyStore {
         const myTx = tx ?? db.transaction('nodes');
         return myTx.objectStore('nodes').count();
     }
-    async unique(nodes) {
+    unique(nodes) {
         const seen = new Map();
         const result = [];
         for (const node of nodes) {
@@ -1277,10 +1289,7 @@ class OntologyStore {
         const resultIds = new Set();
         async function recur(queryIds) {
             await Promise.all([...queryIds].map(async (queryId) => {
-                const theseResults = (await myTx
-                    .objectStore('edges')
-                    .index(queryIndex)
-                    .getAll(queryId))
+                const theseResults = (await myTx.objectStore('edges').index(queryIndex).getAll(queryId))
                     .filter((element) => filterEdge(element))
                     .map((edge) => edge[resultProp]);
                 if (theseResults.length > 0) {
@@ -1547,13 +1556,13 @@ async function fetchValidDescendantTerms(parentFeature, ontologyStore, _signal)
     return subpartTerms;
 }
 
+/* eslint-disable @typescript-eslint/no-unused-vars */
 function OntologyTermAutocomplete({ fetchValidTerms, filterTerms: filterTermsProp, includeDeprecated, onChange, ontologyName, ontologyVersion, renderInput, session, style, value: valueString, }) {
     const [open, setOpen] = React.useState(false);
     const [termChoices, setTermChoices] = React.useState();
     const [currentOntologyTermInvalid, setCurrentOntologyTermInvalid] = React.useState('');
     const [currentOntologyTerm, setCurrentOntologyTerm] = React.useState();
-    const ontologyManager = session.apolloDataStore
-        .ontologyManager;
+    const { ontologyManager } = session.apolloDataStore;
     const ontologyStore = ontologyManager.findOntology(ontologyName, ontologyVersion)?.dataStore;
     const needToLoadTermChoices = ontologyStore && open && !termChoices;
     const needToLoadCurrentTerm = ontologyStore && !currentOntologyTerm;
@@ -1613,7 +1622,7 @@ function OntologyTermAutocomplete({ fetchValidTerms, filterTerms: filterTermsPro
         session,
         fetchValidTerms,
     ]);
-    const handleChange = async (event, newValue) => {
+    const handleChange = (event, newValue) => {
         if (!newValue) {
             return;
         }
@@ -1719,7 +1728,7 @@ function AddChildFeature({ changeManager, handleClose, session, sourceAssemblyId
             },
             parentFeatureId: sourceFeature._id,
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature added successfully', 'success');
         handleClose();
         event.preventDefault();
@@ -1735,7 +1744,7 @@ function AddChildFeature({ changeManager, handleClose, session, sourceAssemblyId
             setShowPhase(false);
         }
     }
-    async function handleChangePhase(e) {
+    function handleChangePhase(e) {
         setErrorMessage('');
         setPhase(e.target.value);
         switch (Number(e.target.value)) {
@@ -1761,8 +1770,12 @@ function AddChildFeature({ changeManager, handleClose, session, sourceAssemblyId
     return (React__default["default"].createElement(Dialog, { open: true, title: "Add new child feature", handleClose: handleClose, maxWidth: false, "data-testid": "add-feature-dialog" },
         React__default["default"].createElement("form", { onSubmit: onSubmit },
             React__default["default"].createElement(material.DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-                React__default["default"].createElement(material.TextField, { margin: "dense", id: "start", label: "Start", type: "number", fullWidth: true, variant: "outlined", value: start, onChange: (e) => setStart(e.target.value) }),
-                React__default["default"].createElement(material.TextField, { margin: "dense", id: "end", label: "End", type: "number", fullWidth: true, variant: "outlined", value: end, onChange: (e) => setEnd(e.target.value), error: error, helperText: error ? '"End" must be greater than "Start"' : null }),
+                React__default["default"].createElement(material.TextField, { margin: "dense", id: "start", label: "Start", type: "number", fullWidth: true, variant: "outlined", value: start, onChange: (e) => {
+                        setStart(e.target.value);
+                    } }),
+                React__default["default"].createElement(material.TextField, { margin: "dense", id: "end", label: "End", type: "number", fullWidth: true, variant: "outlined", value: end, onChange: (e) => {
+                        setEnd(e.target.value);
+                    }, error: error, helperText: error ? '"End" must be greater than "Start"' : null }),
                 React__default["default"].createElement(OntologyTermAutocomplete, { session: session, ontologyName: "Sequence Ontology", style: { width: 170 }, value: type, filterTerms: isOntologyClass, fetchValidTerms: fetchValidTerms.bind(null, sourceFeature), renderInput: (params) => (React__default["default"].createElement(material.TextField, { ...params, label: "Type", variant: "outlined", fullWidth: true, error: Boolean(typeWarningText), helperText: typeWarningText })), onChange: (oldValue, newValue) => {
                         if (newValue) {
                             handleChangeType(newValue);
@@ -1816,7 +1829,7 @@ function CopyFeature({ changeManager, handleClose, session, sourceAssemblyId, so
     const [selectedRefSeqId, setSelectedRefSeqId] = React.useState('');
     const [start, setStart] = React.useState(sourceFeature.start);
     const [errorMessage, setErrorMessage] = React.useState('');
-    async function handleChangeAssembly(e) {
+    function handleChangeAssembly(e) {
         setSelectedAssemblyId(e.target.value);
     }
     React.useEffect(() => {
@@ -1840,9 +1853,11 @@ function CopyFeature({ changeManager, handleClose, session, sourceAssemblyId, so
             setRefNames(newRefNames);
             setSelectedRefSeqId(newRefNames[0]?._id || '');
         }
-        getRefNames().catch((error) => setErrorMessage(String(error)));
+        getRefNames().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [selectedAssemblyId, assemblyManager]);
-    async function handleChangeRefSeq(e) {
+    function handleChangeRefSeq(e) {
         const refSeq = e.target.value;
         setSelectedRefSeqId(refSeq);
     }
@@ -1858,7 +1873,7 @@ function CopyFeature({ changeManager, handleClose, session, sourceAssemblyId, so
             setErrorMessage(`Assembly not found: ${selectedAssemblyId}.`);
             return;
         }
-        const canonicalRefName = assembly?.getCanonicalRefName(selectedRefSeqId);
+        const canonicalRefName = assembly.getCanonicalRefName(selectedRefSeqId);
         const region = assembly.regions?.find((r) => r.refName === canonicalRefName);
         if (!region) {
             setErrorMessage(`RefSeq not found: ${selectedRefSeqId}.`);
@@ -1914,7 +1929,7 @@ function CopyFeature({ changeManager, handleClose, session, sourceAssemblyId, so
             copyFeature: true,
             allIds: featureIds,
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature copied successfully', 'success');
         handleClose();
         event.preventDefault();
@@ -1974,6 +1989,7 @@ function CopyFeature({ changeManager, handleClose, session, sourceAssemblyId, so
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 }
 
+/* eslint-disable @typescript-eslint/no-misused-promises */
 function DeleteAssembly({ changeManager, handleClose, session, }) {
     const { internetAccounts } = mobxStateTree.getRoot(session);
     const [selectedAssembly, setSelectedAssembly] = React.useState();
@@ -2016,7 +2032,7 @@ function DeleteAssembly({ changeManager, handleClose, session, }) {
             typeName: 'DeleteAssemblyChange',
             assembly: selectedAssembly.name,
         });
-        await changeManager.submit?.(change, {
+        await changeManager.submit(change, {
             internetAccountId: selectedInternetAccount.internetAccountId,
         });
         handleClose();
@@ -2033,7 +2049,9 @@ function DeleteAssembly({ changeManager, handleClose, session, }) {
                 React__default["default"].createElement(material.DialogContentText, null,
                     React__default["default"].createElement("strong", { style: { color: 'red' } }, "NOTE: All assembly data will be deleted and this operation cannot be undone!")),
                 React__default["default"].createElement(material.FormGroup, null,
-                    React__default["default"].createElement(material.FormControlLabel, { control: React__default["default"].createElement(material.Checkbox, { checked: confirmDelete, onChange: () => setconfirmDelete(!confirmDelete) }), label: "I understand that all assembly data will be deleted" }))),
+                    React__default["default"].createElement(material.FormControlLabel, { control: React__default["default"].createElement(material.Checkbox, { checked: confirmDelete, onChange: () => {
+                                setconfirmDelete(!confirmDelete);
+                            } }), label: "I understand that all assembly data will be deleted" }))),
             React__default["default"].createElement(material.DialogActions, null,
                 React__default["default"].createElement(material.Button, { disabled: !selectedAssembly || !confirmDelete, variant: "contained", type: "submit" }, "Delete"),
                 React__default["default"].createElement(material.Button, { variant: "outlined", type: "submit", onClick: handleClose }, "Cancel"))),
@@ -2058,7 +2076,7 @@ function DeleteFeature({ changeManager, handleClose, selectedFeature, session, s
             deletedFeature: mobxStateTree.getSnapshot(sourceFeature),
             parentFeatureId: sourceFeature.parent?._id,
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature deleted successfully', 'success');
         handleClose();
         event.preventDefault();
@@ -2160,7 +2178,7 @@ function DownloadGFF3({ handleClose, session }) {
             });
         }
         for (const [, refSeq] of refSeqs) {
-            const features = refSeq?.features;
+            const { features } = refSeq;
             if (!features) {
                 continue;
             }
@@ -2189,6 +2207,7 @@ function DownloadGFF3({ handleClose, session }) {
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 }
 
+/* eslint-disable @typescript-eslint/unbound-method */
 function ImportFeatures({ changeManager, handleClose, session, }) {
     const { apolloDataStore } = session;
     const [file, setFile] = React.useState();
@@ -2230,7 +2249,7 @@ function ImportFeatures({ changeManager, handleClose, session, }) {
                 assemblyId: selectedAssembly.name,
             });
             uri.search = searchParams.toString();
-            const fetch = apolloInternetAccount?.getFetcher({
+            const fetch = apolloInternetAccount.getFetcher({
                 locationType: 'UriLocation',
                 uri: uri.toString(),
             });
@@ -2284,7 +2303,7 @@ function ImportFeatures({ changeManager, handleClose, session, }) {
         formData.append('file', file);
         formData.append('fileName', file.name);
         formData.append('type', 'text/x-gff3');
-        const apolloFetchFile = apolloInternetAccount?.getFetcher({
+        const apolloFetchFile = apolloInternetAccount.getFetcher({
             locationType: 'UriLocation',
             uri: url,
         });
@@ -2379,7 +2398,9 @@ function ManageChecks({ handleClose, session }) {
             const data = (await response.json());
             setChecks(data);
         }
-        getChecks().catch((error) => setErrorMessage(String(error)));
+        getChecks().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [selectedInternetAccount]);
     React.useEffect(() => {
         if (assemblies.length > 0 && selectedAssembly === undefined) {
@@ -2403,7 +2424,9 @@ function ManageChecks({ handleClose, session }) {
             const assembly = (await response.json());
             setSelectedChecks(assembly.checks);
         }
-        getChecks().catch((error) => setErrorMessage(String(error)));
+        getChecks().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [selectedAssembly, selectedInternetAccount]);
     function handleChangeAssembly(e) {
         const newAssembly = assemblies.find((asm) => asm.name === e.target.value);
@@ -2493,6 +2516,7 @@ function ManageChecks({ handleClose, session }) {
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 }
 
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 function ManageUsers({ changeManager, handleClose, session, }) {
     const { internetAccounts } = mobxStateTree.getRoot(session);
     const apolloInternetAccounts = internetAccounts.filter((ia) => ia.type === 'ApolloInternetAccount' && ia.role?.includes('admin'));
@@ -2505,7 +2529,7 @@ function ManageUsers({ changeManager, handleClose, session, }) {
     const getUsers = React.useCallback(async () => {
         const { baseURL } = selectedInternetAccount;
         const uri = new URL('/users', baseURL).href;
-        const apolloFetch = selectedInternetAccount?.getFetcher({
+        const apolloFetch = selectedInternetAccount.getFetcher({
             locationType: 'UriLocation',
             uri,
         });
@@ -2521,7 +2545,9 @@ function ManageUsers({ changeManager, handleClose, session, }) {
         }
     }, [selectedInternetAccount]);
     React.useEffect(() => {
-        getUsers().catch((error) => setErrorMessage(String(error)));
+        getUsers().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [getUsers]);
     async function deleteUser(id) {
         const change = new apolloShared.DeleteUserChange({
@@ -2586,13 +2612,16 @@ function ManageUsers({ changeManager, handleClose, session, }) {
                 React__default["default"].createElement(material.DialogContentText, null, "Select account"),
                 React__default["default"].createElement(material.Select, { value: selectedInternetAccount.internetAccountId, onChange: handleChangeInternetAccount, disabled: !errorMessage }, internetAccounts.map((option) => (React__default["default"].createElement(material.MenuItem, { key: option.id, value: option.internetAccountId }, option.name)))))) : null,
             React__default["default"].createElement("div", { style: { height: '100%', width: '100%' } },
-                React__default["default"].createElement(xDataGrid.DataGrid, { pagination: true, rows: users, columns: gridColumns, getRowId: (row) => row._id, slots: { toolbar: xDataGrid.GridToolbar }, getRowHeight: () => 'auto', isCellEditable: (params) => !isCurrentUser(params.id), processRowUpdate: processRowUpdate, onProcessRowUpdateError: (error) => setErrorMessage(String(error)) }))),
+                React__default["default"].createElement(xDataGrid.DataGrid, { pagination: true, rows: users, columns: gridColumns, getRowId: (row) => row._id, slots: { toolbar: xDataGrid.GridToolbar }, getRowHeight: () => 'auto', isCellEditable: (params) => !isCurrentUser(params.id), processRowUpdate: processRowUpdate, onProcessRowUpdateError: (error) => {
+                        setErrorMessage(String(error));
+                    } }))),
         React__default["default"].createElement(material.DialogActions, null,
             React__default["default"].createElement(material.Button, { variant: "outlined", type: "submit", onClick: handleClose }, "Close")),
         errorMessage ? (React__default["default"].createElement(material.DialogContent, null,
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 }
 
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 // interface TermAutocompleteResult extends TermValue {
 //   label: string[]
 //   match: string
@@ -2641,8 +2670,7 @@ function TermTagWithTooltip({ getTagProps, index, ontology, termId, }) {
             React__namespace.createElement(material.Chip, { label: errorMessage || manager.applyPrefixes(termId), color: errorMessage ? 'error' : 'default', size: "small", ...getTagProps({ index }) }))));
 }
 function OntologyTermMultiSelect({ includeDeprecated, onChange, ontologyName, ontologyVersion, session, value: initialValue, }) {
-    const ontologyManager = session.apolloDataStore
-        .ontologyManager;
+    const { ontologyManager } = session.apolloDataStore;
     const ontology = ontologyManager.findOntology(ontologyName, ontologyVersion);
     const [value, setValue] = React__namespace.useState(initialValue.map((id) => ({ term: { id, type: 'CLASS' } })));
     const [inputValue, setInputValue] = React__namespace.useState('');
@@ -2901,7 +2929,7 @@ function ModifyFeatureAttribute({ changeManager, handleClose, session, sourceAss
             featureId: sourceFeature._id,
             attributes: attrs,
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature attributes modified successfully', 'success');
         handleClose();
         event.preventDefault();
@@ -3005,6 +3033,7 @@ function ModifyFeatureAttribute({ changeManager, handleClose, session, sourceAss
                 React__default["default"].createElement(material.Button, { variant: "outlined", type: "submit", disabled: showAddNewForm, onClick: handleClose }, "Cancel")))));
 }
 
+/* eslint-disable @typescript-eslint/unbound-method */
 function OpenLocalFile({ handleClose, session }) {
     const { addApolloTrackConfig, apolloDataStore } = session;
     const { addAssembly, addSessionAssembly, assemblyManager, notify } = session;
@@ -3013,7 +3042,7 @@ function OpenLocalFile({ handleClose, session }) {
     const [errorMessage, setErrorMessage] = React.useState('');
     const [submitted, setSubmitted] = React.useState(false);
     const theme = material.useTheme();
-    async function handleChangeFile(e) {
+    function handleChangeFile(e) {
         const selectedFile = e.target.files?.item(0);
         if (!selectedFile) {
             return;
@@ -3070,10 +3099,10 @@ function OpenLocalFile({ handleClose, session }) {
         if (a) {
             // @ts-expect-error MST type coercion problem?
             addApolloTrackConfig(a);
-            notify(`Loaded GFF3 ${file?.name}`, 'success');
+            notify(`Loaded GFF3 ${file.name}`, 'success');
         }
         else {
-            notify(`Error loading GFF3 ${file?.name}`, 'error');
+            notify(`Error loading GFF3 ${file.name}`, 'error');
         }
         handleClose();
     }
@@ -3098,6 +3127,7 @@ function OpenLocalFile({ handleClose, session }) {
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 }
 
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 const useStyles$d = mui.makeStyles()((theme) => ({
     changeTextarea: {
         fontFamily: 'monospace',
@@ -3163,7 +3193,9 @@ function ViewChangeLog({ handleClose, session }) {
                 setAssemblyCollection(data);
             }
         }
-        getAssemblies().catch((error) => setErrorMessage(String(error)));
+        getAssemblies().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [apolloInternetAccount, baseURL]);
     React.useEffect(() => {
         if (!assemblyId && assemblyCollection.length > 0) {
@@ -3197,9 +3229,11 @@ function ViewChangeLog({ handleClose, session }) {
                 setDisplayGridData(data);
             }
         }
-        getGridData().catch((error) => setErrorMessage(String(error)));
+        getGridData().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [assemblyId, apolloInternetAccount, baseURL]);
-    async function handleChangeAssembly(e) {
+    function handleChangeAssembly(e) {
         setAssemblyId(e.target.value);
     }
     return (React__default["default"].createElement(Dialog, { open: true, fullScreen: true, title: "View change log", handleClose: handleClose, "data-testid": "view-changelog" },
@@ -3256,8 +3290,7 @@ function addMenuItems(rootModel) {
                     handleClose: () => {
                         doneCallback();
                     },
-                    changeManager: session.apolloDataStore
-                        .changeManager,
+                    changeManager: session.apolloDataStore.changeManager,
                 },
             ]);
         },
@@ -3272,8 +3305,7 @@ function addMenuItems(rootModel) {
                     handleClose: () => {
                         doneCallback();
                     },
-                    changeManager: session.apolloDataStore
-                        .changeManager,
+                    changeManager: session.apolloDataStore.changeManager,
                 },
             ]);
         },
@@ -3362,7 +3394,9 @@ const AuthTypeSelector = ({ baseURL, handleClose, name, }) => {
             const data = (await response.json());
             setLoginTypes(data);
         }
-        getAuthTypes().catch((error) => util.isAbortException(error) ? '' : setErrorMessage(String(error)));
+        getAuthTypes().catch((error) => {
+            util.isAbortException(error) ? '' : setErrorMessage(String(error));
+        });
         return () => {
             controller.abort();
         };
@@ -3383,11 +3417,17 @@ const AuthTypeSelector = ({ baseURL, handleClose, name, }) => {
     const allowGuest = loginTypes.includes('guest');
     return (React__default["default"].createElement(Dialog, { open: true, title: `Log in to ${name}`, handleClose: handleClose, maxWidth: false, "data-testid": "login-apollo" },
         React__default["default"].createElement(material.DialogContent, { style: { display: 'flex', flexDirection: 'column', paddingTop: 8 } },
-            allowGoogle ? (React__default["default"].createElement(GoogleButton, { disabled: !allowGoogle, onClick: () => handleClick('google') })) : null,
-            allowMicrosoft ? (React__default["default"].createElement(MicrosoftButton, { disabled: !allowMicrosoft, onClick: () => handleClick('microsoft') })) : null,
+            allowGoogle ? (React__default["default"].createElement(GoogleButton, { disabled: !allowGoogle, onClick: () => {
+                    handleClick('google');
+                } })) : null,
+            allowMicrosoft ? (React__default["default"].createElement(MicrosoftButton, { disabled: !allowMicrosoft, onClick: () => {
+                    handleClick('microsoft');
+                } })) : null,
             allowGuest ? (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement(material.Divider, { className: classes.divider }),
-                React__default["default"].createElement(GuestButton, { onClick: () => handleClick('guest') }))) : null),
+                React__default["default"].createElement(GuestButton, { onClick: () => {
+                        handleClick('guest');
+                    } }))) : null),
         React__default["default"].createElement(material.DialogActions, null,
             React__default["default"].createElement(material.Button, { variant: "outlined", type: "submit", onClick: () => {
                     handleClose();
@@ -3396,6 +3436,7 @@ const AuthTypeSelector = ({ baseURL, handleClose, name, }) => {
             React__default["default"].createElement(material.DialogContentText, { color: "error" }, errorMessage))) : null));
 };
 
+/* eslint-disable @typescript-eslint/no-unused-vars */
 const inWebWorker$1 = typeof sessionStorage === 'undefined';
 const stateModelFactory$2 = (configSchema) => {
     return pluggableElementTypes.InternetAccount.named('ApolloInternetAccount')
@@ -3447,8 +3488,6 @@ const stateModelFactory$2 = (configSchema) => {
         return {
             addMessageChannel(resolve, reject) {
                 listener = (event) => {
-                    // this should probably get better handling, but ignored for now
-                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
                     this.finishOAuthWindow(event, resolve, reject);
                 };
                 window.addEventListener('message', listener);
@@ -3456,9 +3495,10 @@ const stateModelFactory$2 = (configSchema) => {
             deleteMessageChannel() {
                 window.removeEventListener('message', listener);
             },
-            async finishOAuthWindow(event, resolve, reject) {
+            finishOAuthWindow(event, resolve, reject) {
                 if (event.data.name !== `JBrowseAuthWindow-${self.internetAccountId}`) {
-                    return this.deleteMessageChannel();
+                    this.deleteMessageChannel();
+                    return;
                 }
                 const redirectUriWithInfo = event.data.redirectUri;
                 const fixedQueryString = redirectUriWithInfo.replace('#', '?');
@@ -3468,11 +3508,12 @@ const stateModelFactory$2 = (configSchema) => {
                 const token = urlParams.get('access_token');
                 this.deleteMessageChannel();
                 if (!token) {
-                    return reject(new Error('Error with token endpoint'));
+                    reject(new Error('Error with token endpoint'));
+                    return;
                 }
                 self.storeToken(token);
                 self.setRole();
-                return resolve(token);
+                resolve(token);
             },
             async openAuthWindow(type, resolve, reject) {
                 const redirectUri = util.isElectron
@@ -3495,7 +3536,6 @@ const stateModelFactory$2 = (configSchema) => {
                     const eventFromDesktop = new MessageEvent('message', {
                         data: { name: eventName, redirectUri: redirectUriFromElectron },
                     });
-                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
                     this.finishOAuthWindow(eventFromDesktop, resolve, reject);
                 }
                 else {
@@ -3543,7 +3583,8 @@ const stateModelFactory$2 = (configSchema) => {
             const response = await fetch(uri);
             if (!response.ok) {
                 const errorMessage = await createFetchErrorMessage(response, 'Error when logging in');
-                return reject(new Error(errorMessage));
+                reject(new Error(errorMessage));
+                return;
             }
             const { token } = await response.json();
             resolve(token);
@@ -3579,8 +3620,7 @@ const stateModelFactory$2 = (configSchema) => {
         }),
         getMissingChanges: mobxStateTree.flow(function* getMissingChanges() {
             const { session } = mobxStateTree.getRoot(self);
-            const { changeManager } = session
-                .apolloDataStore;
+            const { changeManager } = session.apolloDataStore;
             if (!self.lastChangeSequenceNumber) {
                 throw new Error('No LastChangeSequence stored in session. Please, refresh you browser to get last updates from server');
             }
@@ -3604,7 +3644,7 @@ const stateModelFactory$2 = (configSchema) => {
             const serializedChanges = yield response.json();
             for (const serializedChange of serializedChanges) {
                 const change = apolloCommon.Change.fromJSON(serializedChange);
-                void changeManager?.submit(change, { submitToBackend: false });
+                void changeManager.submit(change, { submitToBackend: false });
             }
         }),
     }))
@@ -3643,7 +3683,7 @@ const stateModelFactory$2 = (configSchema) => {
                     return; // we did this change, no need to apply it again
                 }
                 const change = apolloCommon.Change.fromJSON(message.changeInfo);
-                void changeManager?.submit(change, { submitToBackend: false });
+                void changeManager.submit(change, { submitToBackend: false });
             });
             socket.on('USER_LOCATION', (message) => {
                 const { channel, locations, userName, userSessionId } = message;
@@ -3698,7 +3738,9 @@ const stateModelFactory$2 = (configSchema) => {
             let timeoutId;
             return (userLocation) => {
                 clearTimeout(timeoutId);
-                timeoutId = setTimeout(() => fn(userLocation), debounceTimeout);
+                timeoutId = setTimeout(() => {
+                    fn(userLocation);
+                }, debounceTimeout);
             };
         };
         return { postUserLocation: debouncePostUserLocation(postUserLocation) };
@@ -3755,6 +3797,7 @@ const stateModelFactory$2 = (configSchema) => {
     }));
 };
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 function isApolloMessageData$1(data) {
     return (typeof data === 'object' &&
         data !== null &&
@@ -3943,8 +3986,9 @@ function ApolloRendering(props) {
     const { session } = displayModel;
     const { collaborators: collabs } = session;
     // bridging mobx observability and React useEffect observability
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    React.useEffect(() => mobx.autorun(() => setCollaborators(mobx.toJS(collabs))), []);
+    React.useEffect(() => mobx.autorun(() => {
+        setCollaborators(mobx.toJS(collabs));
+    }), []);
     const [region] = regions;
     const totalWidth = (region.end - region.start) / bpPerPx;
     const { apolloFeatureUnderMouse, apolloRowHeight: height, apolloRowUnderMouse, changeManager, codonLayout, featureLayout, features, featuresHeight: totalHeight, getAssemblyId, selectedFeature, setApolloFeatureUnderMouse, setApolloRowUnderMouse, setSelectedFeature, showIntronLines: showLines, showStartCodons: showStarts, showStopCodons: showStops, } = displayModel;
@@ -4325,7 +4369,7 @@ function ApolloRendering(props) {
                     assembly,
                 });
             }
-            await changeManager?.submit(change);
+            await changeManager.submit(change);
         }
         // eslint-disable-next-line unicorn/no-useless-undefined
         setDragging(undefined);
@@ -4426,6 +4470,7 @@ var ApolloSixFrameRendererReactComponent = mobxReact.observer(ApolloRendering);
 
 var apolloSixFrameRendererConfigSchema = configuration.ConfigurationSchema('ApolloSixFrameRenderer', {}, { explicitlyTyped: true });
 
+/* eslint-disable @typescript-eslint/require-await */
 class ApolloSixFrameRenderer extends pluggableElementTypes.RendererType {
     async renderInClient(_rpcManager, args) {
         return this.render(args);
@@ -4435,6 +4480,7 @@ class ApolloSixFrameRenderer extends pluggableElementTypes.RendererType {
     }
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-return */
 class ApolloTextSearchAdapter extends BaseAdapter.BaseAdapter {
     get baseURL() {
         return configuration.readConfObject(this.config, 'baseURL').uri;
@@ -4499,6 +4545,7 @@ function installApolloTextSearchAdapter(pluginManager) {
     }));
 }
 
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
 var PhaseEnum;
 (function (PhaseEnum) {
     PhaseEnum[PhaseEnum["zero"] = 0] = "zero";
@@ -4552,7 +4599,7 @@ function AddFeature({ changeManager, handleClose, region, session, }) {
                 strand,
             },
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature added successfully', 'success');
         handleClose();
         event.preventDefault();
@@ -4585,7 +4632,7 @@ function AddFeature({ changeManager, handleClose, region, session, }) {
             }
         }
     }
-    async function handleChangePhase(e) {
+    function handleChangePhase(e) {
         setErrorMessage('');
         setPhase(e.target.value);
         switch (Number(e.target.value)) {
@@ -4611,8 +4658,12 @@ function AddFeature({ changeManager, handleClose, region, session, }) {
     return (React__default["default"].createElement(Dialog, { open: true, title: "Add new feature", handleClose: handleClose, maxWidth: false, "data-testid": "add-feature-dialog" },
         React__default["default"].createElement("form", { onSubmit: onSubmit },
             React__default["default"].createElement(material.DialogContent, { style: { display: 'flex', flexDirection: 'column' } },
-                React__default["default"].createElement(material.TextField, { margin: "dense", id: "start", label: "Start", type: "number", fullWidth: true, variant: "outlined", value: Number(start), onChange: (e) => setStart(e.target.value) }),
-                React__default["default"].createElement(material.TextField, { margin: "dense", id: "end", label: "End", type: "number", fullWidth: true, variant: "outlined", value: end, onChange: (e) => setEnd(e.target.value), error: error, helperText: error ? '"End" must be greater than "Start"' : null }),
+                React__default["default"].createElement(material.TextField, { margin: "dense", id: "start", label: "Start", type: "number", fullWidth: true, variant: "outlined", value: Number(start), onChange: (e) => {
+                        setStart(e.target.value);
+                    } }),
+                React__default["default"].createElement(material.TextField, { margin: "dense", id: "end", label: "End", type: "number", fullWidth: true, variant: "outlined", value: end, onChange: (e) => {
+                        setEnd(e.target.value);
+                    }, error: error, helperText: error ? '"End" must be greater than "Start"' : null }),
                 React__default["default"].createElement(OntologyTermAutocomplete, { session: session, ontologyName: "Sequence Ontology", style: { width: 170 }, value: type, filterTerms: isOntologyClass, renderInput: (params) => (React__default["default"].createElement(material.TextField, { ...params, label: "Type", variant: "outlined", fullWidth: true })), onChange: (oldValue, newValue) => {
                         if (newValue) {
                             handleChangeType(newValue);
@@ -4692,7 +4743,9 @@ function ViewCheckResults({ handleClose, session, }) {
                 setDisplayGridData(data);
             }
         }
-        getGridData().catch((error) => setErrorMessage(String(error)));
+        getGridData().catch((error) => {
+            setErrorMessage(String(error));
+        });
     }, [selectedAssembly, apolloInternetAccount, baseURL]);
     function handleChangeAssembly(e) {
         const newAssembly = assemblies.find((asm) => asm.name === e.target.value);
@@ -4845,7 +4898,7 @@ function annotationFromPileup(pluggableElement) {
                 cdsFeature.start = Math.min(cdsFeature.start, exon.start);
                 cdsFeature.end = Math.max(cdsFeature.end, exon.end);
                 const { end, start } = exon;
-                discontinuousLocations?.push({ start, end, phase });
+                discontinuousLocations.push({ start, end, phase });
                 const localPhase = (end - start) % 3;
                 phase = ((phase + localPhase) % 3);
                 const newExon = {
@@ -4873,7 +4926,7 @@ function annotationFromPileup(pluggableElement) {
                 addedFeature: newFeature,
             });
             const session = util.getSession(self);
-            await session.apolloDataStore.changeManager.submit?.(change);
+            await session.apolloDataStore.changeManager.submit(change);
             session.notify('Annotation added successfully', 'success');
         },
     }))
@@ -4900,6 +4953,7 @@ function annotationFromPileup(pluggableElement) {
     return pluggableElement;
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 const StringTextField = mobxReact.observer(function StringTextField({ onChangeCommitted, value: initialValue, ...props }) {
     const [value, setValue] = React.useState(String(initialValue));
     const [blur, setBlur] = React.useState(false);
@@ -4928,7 +4982,9 @@ const StringTextField = mobxReact.observer(function StringTextField({ onChangeCo
             if (value !== String(initialValue)) {
                 onChangeCommitted(value);
             }
-        }, inputRef: (node) => setInputNode(node) }));
+        }, inputRef: (node) => {
+            setInputNode(node);
+        } }));
 });
 
 const reservedKeys = new Map([
@@ -5065,7 +5121,7 @@ const Attributes = mobxReact.observer(function Attributes({ assembly, editable,
             featureId: feature._id,
             attributes: attrs,
         });
-        await changeManager.submit?.(change);
+        await changeManager.submit(change);
         notify('Feature attributes modified successfully', 'success');
     }
     function handleAddNewAttributeChange() {
@@ -5148,6 +5204,7 @@ const Attributes = mobxReact.observer(function Attributes({ assembly, editable,
         errorMessage ? (React__default["default"].createElement(material.Typography, { color: "error" }, errorMessage)) : null));
 });
 
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 const NumberTextField = mobxReact.observer(function NumberTextField({ onChangeCommitted, value: initialValue, ...props }) {
     const [value, setValue] = React.useState(String(initialValue));
     const [blur, setBlur] = React.useState(false);
@@ -5183,14 +5240,18 @@ const NumberTextField = mobxReact.observer(function NumberTextField({ onChangeCo
                     onChangeCommitted(valueAsNumber);
                 }
             }
-        }, inputRef: (node) => setInputNode(node), error: error, helperText: error ? 'Not a valid number' : undefined }));
+        }, inputRef: (node) => {
+            setInputNode(node);
+        }, error: error, helperText: error ? 'Not a valid number' : undefined }));
 });
 
 const BasicInformation = mobxReact.observer(function BasicInformation({ assembly, feature, session, }) {
     const [errorMessage, setErrorMessage] = React.useState('');
     const [typeWarningText, setTypeWarningText] = React.useState('');
     const { _id, assemblyId, end, start, strand, type } = feature;
-    const notifyError = (e) => session.notify(e.message, 'error');
+    const notifyError = (e) => {
+        session.notify(e.message, 'error');
+    };
     const { changeManager } = session.apolloDataStore;
     function handleTypeChange(newType) {
         setErrorMessage('');
@@ -5286,7 +5347,7 @@ const RelatedFeatures = mobxReact.observer(function RelatedFeatures({ assembly,
                 assembly,
                 refName,
             });
-            session.showWidget?.(apolloFeatureWidget);
+            session.showWidget(apolloFeatureWidget);
         }
     };
     if (!(parent || (children && children.size > 0))) {
@@ -5298,12 +5359,16 @@ const RelatedFeatures = mobxReact.observer(function RelatedFeatures({ assembly,
             React__default["default"].createElement(material.Typography, { variant: "h5" }, "Parent"),
             React__default["default"].createElement(material.Paper, { elevation: 6, className: classes.paper },
                 `Start: ${parent.start}, End: ${parent.end}, Type: ${parent.type}`,
-                React__default["default"].createElement(material.Button, { variant: "contained", onClick: () => onButtonClick(parent) }, "Go to parent")))),
+                React__default["default"].createElement(material.Button, { variant: "contained", onClick: () => {
+                        onButtonClick(parent);
+                    } }, "Go to parent")))),
         children && children.size > 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(material.Typography, { variant: "h5" }, "Children"),
             [...children.values()].map((child) => (React__default["default"].createElement(material.Paper, { elevation: 6, className: classes.paper, key: child._id },
                 `Start: ${child.start}, End: ${child.end}, Type: ${child.type}`,
-                React__default["default"].createElement(material.Button, { variant: "contained", onClick: () => onButtonClick(child) }, "Go to child"))))))));
+                React__default["default"].createElement(material.Button, { variant: "contained", onClick: () => {
+                        onButtonClick(child);
+                    } }, "Go to child"))))))));
 });
 
 function formatSequence(seq, refName, start, end, wrap) {
@@ -5391,6 +5456,7 @@ const ApolloFeatureDetailsWidget = mobxReact.observer(function ApolloFeatureDeta
         React__default["default"].createElement(RelatedFeatures, { feature: feature, refName: refName, session: session, assembly: currentAssembly._id })));
 });
 
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 const ApolloFeatureDetailsWidgetModel = mobxStateTree.types
     .model('ApolloFeatureDetailsWidget', {
     id: mst.ElementId,
@@ -5673,7 +5739,9 @@ const NumberCell = mobxReact.observer(function NumberCell({ initialValue, notify
                 if (value !== initialValue) {
                     onChangeCommitted(value).catch(notifyError);
                 }
-            }, ref: (node) => setInputNode(node) })));
+            }, ref: (node) => {
+                setInputNode(node);
+            } })));
 });
 
 const useStyles$4 = mui.makeStyles()((theme) => ({
@@ -5732,7 +5800,9 @@ const Feature = mobxReact.observer(function Feature({ depth, feature, isHovered,
         tabularEditorState.setFeatureCollapsed(_id, expanded);
     };
     // pop up a snackbar in the session notifying user of an error
-    const notifyError = (e) => session.notify(e.message, 'error');
+    const notifyError = (e) => {
+        session.notify(e.message, 'error');
+    };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("tr", { onMouseEnter: (_e) => {
                 displayState.setApolloHover({
@@ -5894,6 +5964,7 @@ const HybridGrid = mobxReact.observer(function HybridGrid({ model, }) {
             }, style: { zIndex: theme.zIndex.tooltip }, menuItems: contextMenu?.items ?? [], anchorReference: "anchorPosition", anchorPosition: contextMenu?.position })));
 });
 
+/* eslint-disable @typescript-eslint/unbound-method */
 const useStyles$2 = mui.makeStyles()({
     toolbar: {
         width: '100%',
@@ -5913,9 +5984,13 @@ const ToolBar = mobxReact.observer(function ToolBar({ model: displayState, }) {
         React__default["default"].createElement(material.Tooltip, { title: "Collapse all" },
             React__default["default"].createElement(material.IconButton, { "aria-label": "collapse", sx: { marginTop: 0 }, onClick: model.collapseAllFeatures },
                 React__default["default"].createElement(UnfoldLessIcon__default["default"], null))),
-        React__default["default"].createElement(material.TextField, { className: classes.filterText, label: "Filter features", value: model.filterText, sx: { marginTop: 0 }, variant: "outlined", onChange: (event) => model.setFilterText(event.target.value), InputProps: {
+        React__default["default"].createElement(material.TextField, { className: classes.filterText, label: "Filter features", value: model.filterText, sx: { marginTop: 0 }, variant: "outlined", onChange: (event) => {
+                model.setFilterText(event.target.value);
+            }, InputProps: {
                 endAdornment: (React__default["default"].createElement(material.InputAdornment, { position: "end" },
-                    React__default["default"].createElement(material.IconButton, { onClick: () => model.clearFilterText() },
+                    React__default["default"].createElement(material.IconButton, { onClick: () => {
+                            model.clearFilterText();
+                        } },
                         React__default["default"].createElement(ClearIcon__default["default"], null)))),
             } })));
 });
@@ -6217,7 +6292,7 @@ class Glyph {
                         assembly: currentAssemblyId,
                         refName: region.refName,
                     });
-                    session.showWidget?.(apolloFeatureWidget);
+                    session.showWidget(apolloFeatureWidget);
                 },
             });
         }
@@ -6631,7 +6706,7 @@ function baseModelFactory(_pluginManager, configSchema) {
         },
         get changeManager() {
             return self.session.apolloDataStore
-                ?.changeManager;
+                .changeManager;
         },
         getAssemblyId(assemblyName) {
             const { assemblyManager } = self.session;
@@ -6648,7 +6723,7 @@ function baseModelFactory(_pluginManager, configSchema) {
     }))
         .actions((self) => ({
         setSelectedFeature(feature) {
-            return self.session.apolloSetSelectedFeature(feature);
+            self.session.apolloSetSelectedFeature(feature);
         },
         afterAttach() {
             mobxStateTree.addDisposer(self, mobx.autorun(() => {
@@ -6943,8 +7018,8 @@ function codonColorCode(letter, rowColorCode, bpPerPx) {
         M: '#33ee33',
         '*': '#f44336',
     };
-    if (colorMap[letter?.toUpperCase()] !== undefined) {
-        return colorMap[letter?.toUpperCase()];
+    if (colorMap[letter.toUpperCase()] !== undefined) {
+        return colorMap[letter.toUpperCase()];
     }
     return bpPerPx <= 0.1 ? rowColorCode : 'lightgray';
 }
@@ -7324,7 +7399,7 @@ class CanonicalGeneGlyph extends Glyph {
                 let featureRow;
                 let i = 0;
                 for (const [, f] of children ?? new Map()) {
-                    if (f._id === apolloSelectedFeature?._id) {
+                    if (f._id === apolloSelectedFeature._id) {
                         featureEntry = f;
                         featureRow = i;
                     }
@@ -7393,7 +7468,7 @@ class CanonicalGeneGlyph extends Glyph {
         let featureRow;
         let i = 0;
         for (const [, f] of topLevelFeature.children ?? new Map()) {
-            if (f._id === feature?._id) {
+            if (f._id === feature._id) {
                 featureEntry = f;
                 featureRow = i;
             }
@@ -7755,10 +7830,10 @@ class CanonicalGeneGlyph extends Glyph {
         }
         if (feature.type !== 'CDS') {
             const adjacentExons = this.adjacentExonsOfExon(feature, topLevelFeature);
-            if (adjacentExons?.nextExon && bp >= adjacentExons?.nextExon.start - 1) {
+            if (adjacentExons?.nextExon && bp >= adjacentExons.nextExon.start - 1) {
                 return;
             }
-            if (adjacentExons?.prevExon && bp <= adjacentExons?.prevExon.end + 1) {
+            if (adjacentExons?.prevExon && bp <= adjacentExons.prevExon.end + 1) {
                 return;
             }
             const dls = this.cdsDlsForExon(feature, topLevelFeature);
@@ -8032,7 +8107,7 @@ class GenericChildGlyph extends BoxGlyph {
     }
     getFeatureFromLayout(feature, bp, row) {
         const layoutRow = this.featuresForRow(feature)[row];
-        return layoutRow?.find((f) => bp >= f.start && bp <= f.end);
+        return layoutRow.find((f) => bp >= f.start && bp <= f.end);
     }
     getRowForFeature(feature, childFeature) {
         const rows = this.featuresForRow(feature);
@@ -8192,7 +8267,7 @@ class ImplicitExonGeneGlyph extends Glyph {
                 let featureRow;
                 let i = 0;
                 for (const [, f] of children ?? new Map()) {
-                    if (f._id === apolloSelectedFeature?._id) {
+                    if (f._id === apolloSelectedFeature._id) {
                         featureEntry = f;
                         featureRow = i;
                     }
@@ -8450,7 +8525,7 @@ class ImplicitExonGeneGlyph extends Glyph {
     }
     getFeatureFromLayout(feature, bp, row) {
         const layoutRow = this.featuresForRow(feature)[row];
-        return layoutRow?.find((f) => bp >= f.start && bp <= f.end);
+        return layoutRow.find((f) => bp >= f.start && bp <= f.end);
     }
     getRowForFeature(feature, childFeature) {
         const rows = this.featuresForRow(feature);
@@ -8689,7 +8764,7 @@ function mouseEventsSeqHightlightModelFactory(pluginManager, configSchema) {
     const LinearApolloDisplayRendering = mouseEventsModelIntermediateFactory(pluginManager, configSchema);
     return LinearApolloDisplayRendering.actions((self) => ({
         afterAttach() {
-            mobxStateTree.addDisposer(self, mobx.autorun(async () => {
+            mobxStateTree.addDisposer(self, mobx.autorun(() => {
                 if (!self.lgv.initialized || self.regionCannotBeRendered()) {
                     return;
                 }
@@ -8934,6 +9009,7 @@ function stateModelFactory$1(pluginManager, configSchema) {
         .named('LinearApolloDisplay');
 }
 
+/* eslint-disable @typescript-eslint/unbound-method */
 const useStyles$1 = mui.makeStyles()((theme) => ({
     canvasContainer: {
         position: 'relative',
@@ -8959,7 +9035,9 @@ const LinearApolloDisplay = mobxReact.observer(function LinearApolloDisplay(prop
     const { apolloRowHeight, contextMenuItems: getContextMenuItems, cursor, featuresHeight, isShown, onMouseDown, onMouseLeave, onMouseMove, onMouseUp, regionCannotBeRendered, session, setCanvas, setCollaboratorCanvas, setOverlayCanvas, setSeqTrackCanvas, setSeqTrackOverlayCanvas, setTheme, tabularEditor, } = model;
     const { classes } = useStyles$1();
     const lgv = util.getContainingView(model);
-    React.useEffect(() => setTheme(theme), [theme, setTheme]);
+    React.useEffect(() => {
+        setTheme(theme);
+    }, [theme, setTheme]);
     const [contextCoord, setContextCoord] = React.useState();
     const [contextMenuItems, setContextMenuItems] = React.useState([]);
     const message = regionCannotBeRendered();
@@ -9018,7 +9096,7 @@ const LinearApolloDisplay = mobxReact.observer(function LinearApolloDisplay(prop
                 const assembly = assemblyManager.get(region.assemblyName);
                 return [...session.apolloDataStore.checkResults.values()]
                     .filter((checkResult) => assembly?.isValidRefName(checkResult.refSeq) &&
-                    assembly?.getCanonicalRefName(checkResult.refSeq) ===
+                    assembly.getCanonicalRefName(checkResult.refSeq) ===
                         region.refName &&
                     util.doesIntersect2(region.start, region.end, checkResult.start, checkResult.end))
                     .map((checkResult) => {
@@ -9158,7 +9236,9 @@ const DisplayComponent = mobxReact.observer(function DisplayComponent({ model, .
         model.setDetailsHeight(model.detailsHeight - delta);
     };
     const canvasScrollContainerRef = React.useRef(null);
-    React.useEffect(() => scrollSelectedFeatureIntoView(model, canvasScrollContainerRef), [model, selectedFeature]);
+    React.useEffect(() => {
+        scrollSelectedFeatureIntoView(model, canvasScrollContainerRef);
+    }, [model, selectedFeature]);
     return (React__default["default"].createElement("div", { className: classes.details, style: { height: overallHeight } },
         React__default["default"].createElement(AccordionControl, { open: isShown, title: "Graphical", onClick: toggleShown }),
         React__default["default"].createElement("div", { className: classes.shading, ref: canvasScrollContainerRef, style: { height: featureAreaHeight } },
@@ -9190,6 +9270,7 @@ function makeSixFrameDisplayComponent(pluginManager) {
     return mobxReact.observer(ApolloDisplayComponent);
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 const ApolloJobModel = mobxStateTree.types
     .model('JobsManager', {})
     .views((self) => ({
@@ -9277,6 +9358,7 @@ class BackendDriver {
     }
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 class ChangeManager {
     dataStore;
     constructor(dataStore) {
@@ -9388,6 +9470,7 @@ class ChangeManager {
     }
 }
 
+/* eslint-disable @typescript-eslint/no-base-to-string */
 class CollaborationServerDriver extends BackendDriver {
     inFlight = new Map();
     async fetch(internetAccount, info, init) {
@@ -9446,7 +9529,7 @@ class CollaborationServerDriver extends BackendDriver {
             const errorMessage = await createFetchErrorMessage(response, 'getFeatures failed');
             throw new Error(errorMessage);
         }
-        await this.checkSocket(assemblyName, refName, internetAccount);
+        this.checkSocket(assemblyName, refName, internetAccount);
         return response.json();
     }
     /**
@@ -9455,7 +9538,7 @@ class CollaborationServerDriver extends BackendDriver {
      * @param refSeq - refSeqName
      * @param internetAccount - internet account
      */
-    async checkSocket(assembly, refSeq, internetAccount) {
+    checkSocket(assembly, refSeq, internetAccount) {
         const { socket } = internetAccount;
         const token = internetAccount.retrieveToken();
         const channel = `${assembly}-${refSeq}`;
@@ -9498,7 +9581,7 @@ class CollaborationServerDriver extends BackendDriver {
         if (!apolloAssembly) {
             apolloAssembly = this.clientStore.addAssembly(assemblyName);
         }
-        let apolloRefSeq = apolloAssembly?.refSeqs.get(refSeq);
+        let apolloRefSeq = apolloAssembly.refSeqs.get(refSeq);
         if (!apolloRefSeq) {
             apolloRefSeq = apolloAssembly.addRefSeq(refSeq, refName);
         }
@@ -9519,7 +9602,7 @@ class CollaborationServerDriver extends BackendDriver {
         const seqPromise = this.getSeqFromServer(internetAccount, uri, apolloRefSeq, start, end);
         this.inFlight.set(inFlightKey, seqPromise);
         const seq = await seqPromise;
-        await this.checkSocket(assemblyName, refName, internetAccount);
+        this.checkSocket(assemblyName, refName, internetAccount);
         this.inFlight.delete(inFlightKey);
         return { seq, refSeq };
     }
@@ -9657,6 +9740,7 @@ class InMemoryFileDriver extends BackendDriver {
     }
 }
 
+/* eslint-disable @typescript-eslint/require-await */
 class DesktopFileDriver extends BackendDriver {
     async loadAssembly(assemblyName) {
         const { assemblyManager } = util.getSession(this.clientStore);
@@ -10371,7 +10455,7 @@ function stateModelFactory(pluginManager, configSchema) {
         },
         get changeManager() {
             const session = util.getSession(self);
-            return session.apolloDataStore?.changeManager;
+            return session.apolloDataStore.changeManager;
         },
         get sequence() {
             const { regions } = self;
@@ -10565,7 +10649,7 @@ function stateModelFactory(pluginManager, configSchema) {
         .actions((self) => ({
         setSelectedFeature(feature) {
             const session = util.getSession(self);
-            return session.apolloSetSelectedFeature(feature);
+            session.apolloSetSelectedFeature(feature);
         },
         setApolloFeatureUnderMouse(feature) {
             self.apolloFeatureUnderMouse = feature;
@@ -10602,25 +10686,32 @@ function stateModelFactory(pluginManager, configSchema) {
                     label: 'Show start codons',
                     type: 'checkbox',
                     checked: self.showStartCodons,
-                    onClick: () => self.toggleShowStartCodons(),
+                    onClick: () => {
+                        self.toggleShowStartCodons();
+                    },
                 },
                 {
                     label: 'Show stop codons',
                     type: 'checkbox',
                     checked: self.showStopCodons,
-                    onClick: () => self.toggleShowStopCodons(),
+                    onClick: () => {
+                        self.toggleShowStopCodons();
+                    },
                 },
                 {
                     label: 'Show intron lines',
                     type: 'checkbox',
                     checked: self.showIntronLines,
-                    onClick: () => self.toggleShowIntronLines(),
+                    onClick: () => {
+                        self.toggleShowIntronLines();
+                    },
                 },
             ];
         },
     }));
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 function isApolloMessageData(data) {
     return (typeof data === 'object' &&
         data !== null &&