@jbrowse/plugin-alignments 2.4.1 → 2.4.2

package/esm/SNPCoverageRenderer/SNPCoverageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SNPCoverageRenderer.js","sourceRoot":"","sources":["../../src/SNPCoverageRenderer/SNPCoverageRenderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SNPCoverageRenderer.js","sourceRoot":"","sources":["../../src/SNPCoverageRenderer/SNPCoverageRenderer.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-alignments",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "JBrowse 2 alignments adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -65,5 +65,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "747c50c4edc0184827efa4f8dfc576ca9a72caeb"
+  "gitHead": "36e382a70e7d220343b873e7e6aba5c83e5342c8"
 }

package/src/AlignmentsFeatureDetail/AlignmentsFeatureDetail.tsx

@@ -1,196 +1,121 @@
 import React, { useState } from 'react'
-import {
-  Typography,
-  Link,
-  Paper,
-  Checkbox,
-  FormControlLabel,
-  FormGroup,
-} from '@mui/material'
-import { makeStyles } from 'tss-react/mui'
+import { Link, Paper } from '@mui/material'
 import { observer } from 'mobx-react'
-import { getSession } from '@jbrowse/core/util'
 import copy from 'copy-to-clipboard'
 import clone from 'clone'
-import {
-  FeatureDetails,
-  BaseCard,
-  SimpleValue,
-} from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail'
-import { parseCigar } from '../MismatchParser'
+import { FeatureDetails } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail'
+import { IAnyStateTreeNode } from 'mobx-state-tree'
 
-const useStyles = makeStyles()({
-  compact: {
-    paddingRight: 0,
-    paddingTop: 0,
-    paddingBottom: 0,
-  },
-})
+// locals
+import { getTag, navToLoc } from './util'
+import SupplementaryAlignments from './AlignmentsFeatureSuppAligns'
+import AlignmentFlags from './AlignmentsFeatureFlags'
 
 const omit = ['clipPos', 'flags']
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function AlignmentFlags(props: { feature: any }) {
-  const { classes } = useStyles()
-  const { feature } = props
-  const { flags } = feature
-  const flagNames = [
-    'read paired',
-    'read mapped in proper pair',
-    'read unmapped',
-    'mate unmapped',
-    'read reverse strand',
-    'mate reverse strand',
-    'first in pair',
-    'second in pair',
-    'not primary alignment',
-    'read fails platform/vendor quality checks',
-    'read is PCR or optical duplicate',
-    'supplementary alignment',
-  ]
-  return (
-    <BaseCard {...props} title="Flags">
-      <SimpleValue name={'Flag'} value={flags} />
-
-      <FormGroup>
-        {flagNames.map((name, index) => {
-          const val = flags & (1 << index)
-          const key = `${name}_${val}`
-          return (
-            <FormControlLabel
-              key={key}
-              control={
-                <Checkbox
-                  className={classes.compact}
-                  checked={Boolean(val)}
-                  name={name}
-                  readOnly
-                />
-              }
-              label={name}
-            />
-          )
-        })}
-      </FormGroup>
-    </BaseCard>
-  )
+const tags = {
+  AM: 'The smallest template-independent mapping quality in the template',
+  AS: 'Alignment score generated by aligner',
+  BC: 'Barcode sequence identifying the sample',
+  BQ: 'Offset to base alignment quality (BAQ)',
+  BZ: 'Phred quality of the unique molecular barcode bases in the {OX} tag',
+  CB: 'Cell identifier',
+  CC: 'Reference name of the next hit',
+  CM: 'Edit distance between the color sequence and the color reference (see also {NM})',
+  CO: 'Free-text comments',
+  CP: 'Leftmost coordinate of the next hit',
+  CQ: 'Color read base qualities',
+  CR: 'Cellular barcode sequence bases (uncorrected)',
+  CS: 'Color read sequence',
+  CT: 'Complete read annotation tag, used for consensus annotation dummy features',
+  CY: 'Phred quality of the cellular barcode sequence in the {CR} tag',
+  E2: 'The 2nd most likely base calls',
+  FI: 'The index of segment in the template',
+  FS: 'Segment suffix',
+  FZ: 'Flow signal intensities',
+  GC: 'Reserved for backwards compatibility reasons',
+  GQ: 'Reserved for backwards compatibility reasons',
+  GS: 'Reserved for backwards compatibility reasons',
+  H0: 'Number of perfect hits',
+  H1: 'Number of 1-difference hits (see also {NM})',
+  H2: 'Number of 2-difference hits',
+  HI: 'Query hit index',
+  IH: 'Query hit total count',
+  LB: 'Library',
+  MC: 'CIGAR string for mate/next segment',
+  MD: 'String encoding mismatched and deleted reference bases',
+  MF: 'Reserved for backwards compatibility reasons',
+  MI: 'Molecular identifier; a string that uniquely identifies the molecule from which the record was derived',
+  ML: 'Base modification probabilities',
+  MM: 'Base modifications / methylation ',
+  MQ: 'Mapping quality of the mate/next segment',
+  NH: 'Number of reported alignments that contain the query in the current record',
+  NM: 'Edit distance to the reference',
+  OA: 'Original alignment',
+  OC: 'Original CIGAR (deprecated; use {OA} instead)',
+  OP: 'Original mapping position (deprecated; use {OA} instead)',
+  OQ: 'Original base quality',
+  OX: 'Original unique molecular barcode bases',
+  PG: 'Program',
+  PQ: 'Phred likelihood of the template',
+  PT: 'Read annotations for parts of the padded read sequence',
+  PU: 'Platform unit',
+  Q2: 'Phred quality of the mate/next segment sequence in the {R2} tag',
+  QT: 'Phred quality of the sample barcode sequence in the {BC} tag',
+  QX: 'Quality score of the unique molecular identifier in the {RX} tag',
+  R2: 'Sequence of the mate/next segment in the template',
+  RG: 'Read group',
+  RT: 'Reserved for backwards compatibility reasons',
+  RX: 'Sequence bases of the (possibly corrected) unique molecular identifier',
+  S2: 'Reserved for backwards compatibility reasons',
+  SA: 'Other canonical alignments in a chimeric alignment',
+  SM: 'Template-independent mapping quality',
+  SQ: 'Reserved for backwards compatibility reasons',
+  TC: 'The number of segments in the template',
+  TS: 'Transcript strand',
+  U2: 'Phred probability of the 2nd call being wrong conditional on the best being wrong',
+  UQ: 'Phred likelihood of the segment, conditional on the mapping being correct',
 }
 
 function Formatter({ value }: { value: unknown }) {
   const [show, setShow] = useState(false)
   const [copied, setCopied] = useState(false)
   const display = String(value)
-  if (display.length > 100) {
-    return (
-      <>
-        <button
-          type="button"
-          onClick={() => {
-            copy(display)
-            setCopied(true)
-            setTimeout(() => {
-              setCopied(false)
-            }, 700)
-          }}
-        >
-          {copied ? 'Copied to clipboard' : 'Copy'}
-        </button>
-        <button type="button" onClick={() => setShow(val => !val)}>
-          {show ? 'Show less' : 'Show more'}
-        </button>
-        <div>{show ? display : `${display.slice(0, 100)}...`}</div>
-      </>
-    )
-  }
-  return <div>{display}</div>
-}
-
-// utility function to get length of alignment from cigar
-function getLengthOnRef(cigar: string) {
-  const cigarOps = parseCigar(cigar)
-  let lengthOnRef = 0
-  for (let i = 0; i < cigarOps.length; i += 2) {
-    const len = +cigarOps[i]
-    const op = cigarOps[i + 1]
-    if (op !== 'H' && op !== 'S' && op !== 'I') {
-      lengthOnRef += len
-    }
-  }
-  return lengthOnRef
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function SupplementaryAlignments(props: { tag: string; model: any }) {
-  const { tag, model } = props
-  const session = getSession(model)
-  return (
-    <BaseCard {...props} title="Supplementary alignments">
-      <Typography>List of supplementary alignment locations</Typography>
-      <ul>
-        {tag
-          .split(';')
-          .filter(SA => !!SA)
-          .map((SA, index) => {
-            const [saRef, saStart, saStrand, saCigar] = SA.split(',')
-            const saLength = getLengthOnRef(saCigar)
-            const extra = Math.floor(saLength / 5)
-            const start = +saStart
-            const end = +saStart + saLength
-            const locString = `${saRef}:${Math.max(1, start - extra)}-${
-              end + extra
-            }`
-            const displayStart = start.toLocaleString('en-US')
-            const displayEnd = end.toLocaleString('en-US')
-            const displayString = `${saRef}:${displayStart}-${displayEnd} (${saStrand})`
-            return (
-              <li key={`${locString}-${index}`}>
-                <Link
-                  onClick={async event => {
-                    event.preventDefault()
-                    const { view } = model
-                    try {
-                      if (view) {
-                        await view.navToLocString(locString)
-                      } else {
-                        throw new Error(
-                          'No view associated with this view anymore',
-                        )
-                      }
-                    } catch (e) {
-                      console.error(e)
-                      session.notify(`${e}`)
-                    }
-                  }}
-                  href="#"
-                >
-                  {displayString}
-                </Link>
-              </li>
-            )
-          })}
-      </ul>
-    </BaseCard>
+  return display.length > 100 ? (
+    <>
+      <button
+        type="button"
+        onClick={() => {
+          copy(display)
+          setCopied(true)
+          setTimeout(() => setCopied(false), 700)
+        }}
+      >
+        {copied ? 'Copied to clipboard' : 'Copy'}
+      </button>
+      <button type="button" onClick={() => setShow(val => !val)}>
+        {show ? 'Show less' : 'Show more'}
+      </button>
+      <div>{show ? display : `${display.slice(0, 100)}...`}</div>
+    </>
+  ) : (
+    <div>{display}</div>
   )
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function PairLink({ locString, model }: { locString: string; model: any }) {
-  const session = getSession(model)
+function PairLink({
+  locString,
+  model,
+}: {
+  locString: string
+  model: IAnyStateTreeNode
+}) {
   return (
     <Link
-      onClick={async () => {
-        const { view } = model
-        if (!view) {
-          throw new Error(
-            'No view associated with this feature detail panel anymore',
-          )
-        }
-        try {
-          await view.navToLocString(locString)
-        } catch (e) {
-          console.error(e)
-          session.notify(`${e}`)
-        }
+      onClick={event => {
+        event.preventDefault()
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        navToLoc(locString, model)
       }}
       href="#"
     >
@@ -199,24 +124,27 @@ function PairLink({ locString, model }: { locString: string; model: any }) {
   )
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function AlignmentFeatureDetails(props: { model: any }) {
+export default observer(function AlignmentFeatureDetails(props: {
+  model: IAnyStateTreeNode
+}) {
   const { model } = props
   const feat = clone(model.featureData)
-  const SA = (feat.tags && feat.tags.SA) || feat.SA
+  const SA = getTag('SA', feat) as string
   return (
     <Paper data-testid="alignment-side-drawer">
       <FeatureDetails
         {...props}
         omit={omit}
+        // @ts-expect-error
+        descriptions={{ ...tags, tags }}
         feature={feat}
-        formatter={(value, key) => {
-          return key === 'next_segment_position' ? (
+        formatter={(value, key) =>
+          key === 'next_segment_position' ? (
             <PairLink model={model} locString={value as string} />
           ) : (
             <Formatter value={value} />
           )
-        }}
+        }
       />
       {SA ? <SupplementaryAlignments model={model} tag={SA} /> : null}
       {feat.flags !== undefined ? (
@@ -224,6 +152,4 @@ function AlignmentFeatureDetails(props: { model: any }) {
       ) : null}
     </Paper>
   )
-}
-
-export default observer(AlignmentFeatureDetails)
+})

package/src/AlignmentsFeatureDetail/AlignmentsFeatureFlags.tsx

@@ -0,0 +1,62 @@
+import React from 'react'
+import { Checkbox, FormControlLabel, FormGroup } from '@mui/material'
+import { makeStyles } from 'tss-react/mui'
+import {
+  BaseCard,
+  SimpleValue,
+} from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail'
+
+const useStyles = makeStyles()({
+  compact: {
+    paddingRight: 0,
+    paddingTop: 0,
+    paddingBottom: 0,
+  },
+})
+
+const flagNames = [
+  'read paired',
+  'read mapped in proper pair',
+  'read unmapped',
+  'mate unmapped',
+  'read reverse strand',
+  'mate reverse strand',
+  'first in pair',
+  'second in pair',
+  'not primary alignment',
+  'read fails platform/vendor quality checks',
+  'read is PCR or optical duplicate',
+  'supplementary alignment',
+]
+
+export default function AlignmentFlags(props: { feature: { flags: number } }) {
+  const { classes } = useStyles()
+  const { feature } = props
+  const { flags } = feature
+
+  return (
+    <BaseCard {...props} title="Flags">
+      <SimpleValue name="Flag" value={flags} />
+      <FormGroup>
+        {flagNames.map((name, idx) => {
+          const val = flags & (1 << idx)
+          const key = `${name}_${val}`
+          return (
+            <FormControlLabel
+              key={key}
+              control={
+                <Checkbox
+                  className={classes.compact}
+                  checked={Boolean(val)}
+                  name={name}
+                  readOnly
+                />
+              }
+              label={name}
+            />
+          )
+        })}
+      </FormGroup>
+    </BaseCard>
+  )
+}

package/src/AlignmentsFeatureDetail/AlignmentsFeatureSuppAligns.tsx

@@ -0,0 +1,51 @@
+import React from 'react'
+import { Typography, Link } from '@mui/material'
+import { BaseCard } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail'
+import { getLengthOnRef } from '../MismatchParser'
+import { IAnyStateTreeNode } from 'mobx-state-tree'
+import { navToLoc } from './util'
+
+export default function SupplementaryAlignments(props: {
+  tag: string
+  model: IAnyStateTreeNode
+}) {
+  const { tag, model } = props
+  return (
+    <BaseCard {...props} title="Supplementary alignments">
+      <Typography>List of supplementary alignment locations</Typography>
+      <ul>
+        {tag
+          .split(';')
+          .filter(SA => !!SA)
+          .map((SA, index) => {
+            const [saRef, saStart, saStrand, saCigar] = SA.split(',')
+            const saLength = getLengthOnRef(saCigar)
+            const extra = Math.floor(saLength / 5)
+            const start = +saStart
+            const end = +saStart + saLength
+            const locString = `${saRef}:${Math.max(1, start - extra)}-${
+              end + extra
+            }`
+            const displayStart = start.toLocaleString('en-US')
+            const displayEnd = end.toLocaleString('en-US')
+            const displayString = `${saRef}:${displayStart}-${displayEnd} (${saStrand}) [${saLength}bp]`
+            return (
+              <li key={`${locString}-${index}`}>
+                <Link
+                  onClick={async event => {
+                    event.preventDefault()
+
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    navToLoc(locString, model)
+                  }}
+                  href="#"
+                >
+                  {displayString}
+                </Link>
+              </li>
+            )
+          })}
+      </ul>
+    </BaseCard>
+  )
+}

package/src/AlignmentsFeatureDetail/__snapshots__/index.test.tsx.snap

@@ -197,8 +197,9 @@ exports[`open up a widget 1`] = `
                 class="css-1m8nxnb-field"
               >
                 <div
-                  class="css-1q83rf3-fieldName"
-                  style="width: 96px;"
+                  aria-label="Mapping quality of the mate/next segment"
+                  class="css-18vnxxj-fieldDescription-fieldName"
+                  data-mui-internal-clone-element="true"
                 >
                   MQ
                 </div>

package/src/AlignmentsFeatureDetail/util.ts

@@ -0,0 +1,27 @@
+import { getSession } from '@jbrowse/core/util'
+import { IAnyStateTreeNode } from 'mobx-state-tree'
+
+export function getTag(
+  tag: string,
+  feat: {
+    tags?: { [key: string]: unknown }
+    [key: string]: unknown
+  },
+) {
+  return feat.tags?.[tag] || feat[tag]
+}
+
+export async function navToLoc(locString: string, model: IAnyStateTreeNode) {
+  const session = getSession(model)
+  const { view } = model
+  try {
+    if (view) {
+      await view.navToLocString(locString)
+    } else {
+      throw new Error('No view associated with this view anymore')
+    }
+  } catch (e) {
+    console.error(e)
+    session.notify(`${e}`)
+  }
+}

package/src/LinearAlignmentsDisplay/components/AlignmentsDisplay.tsx

@@ -9,7 +9,7 @@ import { AlignmentsDisplayModel } from '../models/model'
 
 const useStyles = makeStyles()({
   resizeHandle: {
-    height: 2,
+    height: 5,
     position: 'absolute',
     zIndex: 2,
   },
@@ -33,7 +33,7 @@ function AlignmentsDisplay({ model }: { model: AlignmentsDisplayModel }) {
           return delta
         }}
         className={classes.resizeHandle}
-        style={{ top }}
+        style={{ top: top - 4 }}
       />
 
       <div

package/src/LinearAlignmentsDisplay/models/model.tsx

@@ -234,7 +234,7 @@ function stateModelFactory(
       /**
        * #action
        */
-      updateStatsLimit(stats: unknown) {
+      updateStatsLimit(stats?: unknown) {
         self.PileupDisplay.updateStatsLimit(stats)
         self.SNPCoverageDisplay.updateStatsLimit(stats)
       },

package/src/MismatchParser/index.ts

@@ -327,8 +327,8 @@ export function getModificationPositions(
 }
 
 export function getModificationTypes(mm: string) {
-  const mods = mm.split(';')
-  return mods
+  return mm
+    .split(';')
     .filter(mod => !!mod)
     .flatMap(mod => {
       const [basemod] = mod.split(',')

package/src/PileupRenderer/PileupRenderer.ts

@@ -806,7 +806,6 @@ export default class PileupRenderer extends BoxRendererType {
     canvasWidth,
     drawSNPsMuted,
     drawIndels = true,
-    theme,
   }: {
     ctx: CanvasRenderingContext2D
     feat: LayoutFeature

package/src/SNPCoverageRenderer/SNPCoverageRenderer.ts

@@ -144,7 +144,7 @@ export default class SNPCoverageRenderer extends WiggleBaseRenderer {
 
       const score = feature.get('score') as number
       const snpinfo = feature.get('snpinfo') as SNPInfo
-      const w = Math.max(rightPx - leftPx + fudgeFactor, 1)
+      const w = Math.max(rightPx - leftPx, 1)
       const totalScore = snpinfo.total
       const keys = Object.keys(snpinfo.cov).sort()
 

package/dist/NestedFrequencyTable.d.ts

@@ -1,14 +0,0 @@
-export default class NestedFrequencyTable {
-    categories: {
-        [key: string]: any;
-    };
-    constructor(initialData?: {});
-    total(): number;
-    decrement(slotName: string, amount: number): any;
-    increment(slotName: string, amount: number): any;
-    get(slotName: string): any;
-    getNested(path: string | string[]): any;
-    toString(): string;
-    valueOf(): number;
-    forEach(func: Function, ctx: any): void;
-}