@jbrowse/plugin-canvas 4.1.1 → 4.1.4

package/esm/CanvasFeatureRenderer/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const CanvasFeatureRenderer: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const CanvasFeatureRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     color1: {
         type: string;
         description: string;
@@ -55,7 +55,7 @@ declare const CanvasFeatureRenderer: import("node_modules/@jbrowse/core/src/conf
         defaultValue: string;
         contextVariable: string[];
     };
-    labels: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
+    labels: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         name: {
             type: string;
             description: string;
@@ -86,7 +86,7 @@ declare const CanvasFeatureRenderer: import("node_modules/@jbrowse/core/src/conf
             defaultValue: number;
             contextVariable: string[];
         };
-    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
     displayMode: {
         type: string;
         model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
@@ -132,5 +132,5 @@ declare const CanvasFeatureRenderer: import("node_modules/@jbrowse/core/src/conf
         description: string;
         defaultValue: boolean;
     };
-}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default CanvasFeatureRenderer;

package/esm/CanvasFeatureRenderer/configSchema2.d.ts

@@ -1,4 +1,4 @@
-declare const SvgFeatureRenderer: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
+declare const SvgFeatureRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     color1: {
         type: string;
         description: string;
@@ -55,7 +55,7 @@ declare const SvgFeatureRenderer: import("node_modules/@jbrowse/core/src/configu
         defaultValue: string;
         contextVariable: string[];
     };
-    labels: import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaType<{
+    labels: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
         name: {
             type: string;
             description: string;
@@ -86,7 +86,7 @@ declare const SvgFeatureRenderer: import("node_modules/@jbrowse/core/src/configu
             defaultValue: number;
             contextVariable: string[];
         };
-    }, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>;
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
     displayMode: {
         type: string;
         model: import("@jbrowse/mobx-state-tree").ISimpleType<string>;
@@ -132,5 +132,5 @@ declare const SvgFeatureRenderer: import("node_modules/@jbrowse/core/src/configu
         description: string;
         defaultValue: boolean;
     };
-}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema.ts").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
 export default SvgFeatureRenderer;

package/esm/CanvasFeatureRenderer/drawChevrons.d.ts

@@ -1 +1 @@
-export declare function drawChevrons(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, strand: number, color: string, spacing?: number, size?: number): void;
+export declare function drawChevrons(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, strand: number, color: string, canvasWidth: number, spacing?: number, size?: number): void;

package/esm/CanvasFeatureRenderer/drawChevrons.js

@@ -1,4 +1,4 @@
-export function drawChevrons(ctx, x, y, width, strand, color, spacing = 40, size = 4) {
+export function drawChevrons(ctx, x, y, width, strand, color, canvasWidth, spacing = 40, size = 4) {
     if (strand === 0 || width < spacing) {
         return;
     }
@@ -10,6 +10,9 @@ export function drawChevrons(ctx, x, y, width, strand, color, spacing = 40, size
     const startOffset = (width - numChevrons * spacing) / 2 + spacing / 2;
     for (let i = 0; i < numChevrons; i++) {
         const cx = x + startOffset + i * spacing;
+        if (cx + halfSize < 0 || cx - halfSize > canvasWidth) {
+            continue;
+        }
         if (strand === 1) {
             ctx.moveTo(cx - halfSize, y - halfSize);
             ctx.lineTo(cx + halfSize, y);

package/esm/CanvasFeatureRenderer/floatingLabels.js

@@ -8,36 +8,21 @@ export function createFeatureFloatingLabels({ feature, config, configContext, na
     const description = truncateLabel(rawDescription);
     const shouldShowLabel = /\S/.test(name) && showLabels;
     const shouldShowDescription = /\S/.test(description) && showDescriptions;
-    if (!shouldShowLabel && !shouldShowDescription) {
-        return [];
-    }
-    const actualFontHeight = readCachedConfig(fontHeight, config, ['labels', 'fontSize'], feature);
     const floatingLabels = [];
-    if (shouldShowLabel && shouldShowDescription) {
-        floatingLabels.push({
-            text: name,
-            relativeY: 0,
-            color: nameColor,
-            textWidth: measureText(name, FLOATING_LABEL_FONT_SIZE),
-        }, {
-            text: description,
-            relativeY: actualFontHeight,
-            color: descriptionColor,
-            textWidth: measureText(description, FLOATING_LABEL_FONT_SIZE),
-        });
-    }
-    else if (shouldShowLabel) {
+    let currentY = 0;
+    if (shouldShowLabel) {
         floatingLabels.push({
             text: name,
-            relativeY: 0,
+            relativeY: currentY,
             color: nameColor,
             textWidth: measureText(name, FLOATING_LABEL_FONT_SIZE),
         });
+        currentY += readCachedConfig(fontHeight, config, ['labels', 'fontSize'], feature);
     }
-    else if (shouldShowDescription) {
+    if (shouldShowDescription) {
         floatingLabels.push({
             text: description,
-            relativeY: 0,
+            relativeY: currentY,
             color: descriptionColor,
             textWidth: measureText(description, FLOATING_LABEL_FONT_SIZE),
         });

package/esm/CanvasFeatureRenderer/glyphs/box.js

@@ -14,9 +14,9 @@ export const boxGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, reversed, configContext } = args;
-        const { config, displayMode, featureHeight } = configContext;
+        const { config, featureHeight, heightMultiplier } = configContext;
         const height = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeight = displayMode === 'compact' ? height / 2 : height;
+        const baseHeight = height * heightMultiplier;
         const width = (feature.get('end') - feature.get('start')) / bpPerPx;
         const isTopLevel = !feature.parent?.();
         const strand = feature.get('strand');

package/esm/CanvasFeatureRenderer/glyphs/cds.js

@@ -12,9 +12,9 @@ export const cdsGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, configContext } = args;
-        const { config, displayMode, featureHeight } = configContext;
+        const { config, featureHeight, heightMultiplier } = configContext;
         const height = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeight = displayMode === 'compact' ? height / 2 : height;
+        const baseHeight = height * heightMultiplier;
         const width = (feature.get('end') - feature.get('start')) / bpPerPx;
         return {
             feature,

package/esm/CanvasFeatureRenderer/glyphs/glyphUtils.js

@@ -14,9 +14,9 @@ export function getStrandArrowPadding(strand, reversed) {
 }
 export function layoutChild(child, parentFeature, args, glyphType = 'Box') {
     const { bpPerPx, reversed, configContext } = args;
-    const { config, displayMode, featureHeight } = configContext;
+    const { config, featureHeight, heightMultiplier } = configContext;
     const heightPx = readCachedConfig(featureHeight, config, 'height', child);
-    const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+    const baseHeightPx = heightPx * heightMultiplier;
     const childStart = child.get('start');
     const childEnd = child.get('end');
     const parentStart = parentFeature.get('start');
@@ -110,7 +110,7 @@ export function drawSegmentedFeature(ctx, layout, dc, boxGlyph, cdsGlyph) {
         const strand = feature.get('strand');
         if (strand) {
             const effectiveStrand = reversed ? -strand : strand;
-            drawChevrons(ctx, left, top + height / 2, width, effectiveStrand, strokeColor);
+            drawChevrons(ctx, left, top + height / 2, width, effectiveStrand, strokeColor, canvasWidth);
         }
     }
     for (const childLayout of children) {

package/esm/CanvasFeatureRenderer/glyphs/matureProteinRegion.js

@@ -56,11 +56,11 @@ export const matureProteinRegionGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, configContext } = args;
-        const { config, displayMode, featureHeight, subfeatureLabels } = configContext;
+        const { config, featureHeight, heightMultiplier, subfeatureLabels } = configContext;
         const start = feature.get('start');
         const end = feature.get('end');
         const heightPx = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+        const baseHeightPx = heightPx * heightMultiplier;
         const widthPx = (end - start) / bpPerPx;
         const matureProteins = getMatureProteinChildren(feature);
         const children = matureProteins.map(child => layoutChild(child, feature, args));

package/esm/CanvasFeatureRenderer/glyphs/processed.js

@@ -20,11 +20,11 @@ export const processedTranscriptGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, reversed, configContext } = args;
-        const { config, displayMode, featureHeight } = configContext;
+        const { config, featureHeight, heightMultiplier } = configContext;
         const start = feature.get('start');
         const end = feature.get('end');
         const heightPx = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+        const baseHeightPx = heightPx * heightMultiplier;
         const widthPx = (end - start) / bpPerPx;
         const strand = feature.get('strand');
         const arrowPadding = getStrandArrowPadding(strand, reversed);

package/esm/CanvasFeatureRenderer/glyphs/repeatRegion.js

@@ -33,11 +33,11 @@ export const repeatRegionGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, reversed, configContext } = args;
-        const { config, displayMode, featureHeight } = configContext;
+        const { config, featureHeight, heightMultiplier } = configContext;
         const start = feature.get('start');
         const end = feature.get('end');
         const heightPx = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+        const baseHeightPx = heightPx * heightMultiplier;
         const widthPx = (end - start) / bpPerPx;
         const strand = feature.get('strand');
         const arrowPadding = getStrandArrowPadding(strand, reversed);

package/esm/CanvasFeatureRenderer/glyphs/segments.js

@@ -32,11 +32,11 @@ export const segmentsGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, reversed, configContext } = args;
-        const { config, displayMode, featureHeight } = configContext;
+        const { config, featureHeight, heightMultiplier } = configContext;
         const start = feature.get('start');
         const end = feature.get('end');
         const heightPx = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+        const baseHeightPx = heightPx * heightMultiplier;
         const widthPx = (end - start) / bpPerPx;
         const strand = feature.get('strand');
         const arrowPadding = getStrandArrowPadding(strand, reversed);

package/esm/CanvasFeatureRenderer/glyphs/subfeatures.js

@@ -41,13 +41,13 @@ export const subfeaturesGlyph = {
     },
     layout(args) {
         const { feature, bpPerPx, reversed, configContext } = args;
-        const { config, displayMode, featureHeight, geneGlyphMode, transcriptTypes, } = configContext;
+        const { config, featureHeight, heightMultiplier, geneGlyphMode, transcriptTypes, } = configContext;
         const featureBp = {
             start: feature.get('start'),
             end: feature.get('end'),
         };
         const heightPx = readCachedConfig(featureHeight, config, 'height', feature);
-        const baseHeightPx = displayMode === 'compact' ? heightPx / 2 : heightPx;
+        const baseHeightPx = heightPx * heightMultiplier;
         const widthPx = (featureBp.end - featureBp.start) / bpPerPx;
         let subfeatures = [...(feature.get('subfeatures') || [])];
         const codingStatus = new Map(subfeatures.map(f => [f.id(), hasCodingSubfeature(f)]));

package/esm/CanvasFeatureRenderer/layout/layoutFeatures.js

@@ -1,6 +1,7 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import { createFeatureFloatingLabels } from "../floatingLabels.js";
 import { layoutFeature } from "./layoutFeature.js";
+import { readCachedConfig } from "../renderConfig.js";
 const yPadding = 5;
 export function layoutFeatures({ features, bpPerPx, region, configContext, layout, pluginManager, }) {
     const reversed = region.reversed || false;
@@ -18,12 +19,14 @@ export function layoutFeatures({ features, bpPerPx, region, configContext, layou
         const totalLayoutHeight = featureLayout.totalLayoutHeight;
         const name = String(readConfObject(config, ['labels', 'name'], { feature }) || '');
         const description = String(readConfObject(config, ['labels', 'description'], { feature }) || '');
+        const { nameColor, descriptionColor } = configContext;
+        const resolvedNameColor = readCachedConfig(nameColor, config, ['labels', 'nameColor'], feature);
         const floatingLabels = createFeatureFloatingLabels({
             feature,
             config,
             configContext,
-            nameColor: 'black',
-            descriptionColor: 'blue',
+            nameColor: resolvedNameColor === '#f0f' ? 'black' : resolvedNameColor,
+            descriptionColor: readCachedConfig(descriptionColor, config, ['labels', 'descriptionColor'], feature),
             name,
             description,
         });
@@ -32,15 +35,20 @@ export function layoutFeatures({ features, bpPerPx, region, configContext, layou
         const leftPaddingBp = featureLayout.leftPadding * bpPerPx;
         const rightPaddingBp = (totalLayoutWidth - featureLayout.width - featureLayout.leftPadding) *
             bpPerPx;
-        const layoutStart = featureStart - leftPaddingBp;
-        const layoutEnd = featureEnd + rightPaddingBp;
+        let layoutStart;
+        let layoutEnd;
+        if (reversed) {
+            layoutStart = featureStart - rightPaddingBp;
+            layoutEnd = featureEnd + leftPaddingBp;
+        }
+        else {
+            layoutStart = featureStart - leftPaddingBp;
+            layoutEnd = featureEnd + rightPaddingBp;
+        }
         const topPx = layout.addRect(feature.id(), layoutStart, layoutEnd, totalLayoutHeight + yPadding, feature, {
-            label: name,
-            description,
             refName: feature.get('refName'),
             floatingLabels,
             totalFeatureHeight: featureLayout.height,
-            totalLayoutWidth,
             featureWidth: featureLayout.width,
             featureStartBp: featureStart,
             featureEndBp: featureEnd,
@@ -50,8 +58,6 @@ export function layoutFeatures({ features, bpPerPx, region, configContext, layou
                 feature,
                 layout: featureLayout,
                 topPx,
-                label: name,
-                description,
             });
         }
     }

package/esm/CanvasFeatureRenderer/layout/layoutUtils.js

@@ -102,7 +102,6 @@ function addChildrenRecursive({ layout, featureLayout, subfeatureCoords, subfeat
                     refName: childFeature.get('refName'),
                     floatingLabels,
                     totalFeatureHeight: child.height,
-                    totalLayoutWidth: child.totalLayoutWidth,
                     actualTopPx: topPx,
                     featureWidth: child.width,
                     featureStartBp: childStart,

package/esm/CanvasFeatureRenderer/makeImageData.js

@@ -2,7 +2,7 @@ import { readConfObject } from '@jbrowse/core/configuration';
 import { createJBrowseTheme } from '@jbrowse/core/ui';
 import { bpToPx } from '@jbrowse/core/util';
 import Flatbush from '@jbrowse/core/util/flatbush';
-import { checkStopToken2, createStopTokenChecker, } from '@jbrowse/core/util/stopToken';
+import { checkStopToken2 } from '@jbrowse/core/util/stopToken';
 import { drawFeature } from "./drawFeature.js";
 import { buildChildrenIndex, convertToCanvasCoords, } from "./layout/layoutUtils.js";
 function buildFlatbush(coords, count) {
@@ -19,7 +19,7 @@ function buildFlatbush(coords, count) {
     return fb;
 }
 export function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, configContext, }) {
-    const { bpPerPx, regions, theme: configTheme, stopToken, layout, peptideDataMap, colorByCDS, pluginManager, } = renderArgs;
+    const { bpPerPx, regions, theme: configTheme, stopTokenCheck, layout, peptideDataMap, colorByCDS, pluginManager, } = renderArgs;
     const region = regions[0];
     const theme = createJBrowseTheme(configTheme);
     const drawContext = {
@@ -38,9 +38,8 @@ export function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, con
     ctx.textBaseline = 'top';
     ctx.textAlign = 'left';
     const { subfeatureLabels, transcriptTypes, config } = configContext;
-    const lastCheck = createStopTokenChecker(stopToken);
     for (const record of layoutRecords) {
-        const { feature, layout: featureLayout, topPx: recordTopPx, label, description, } = record;
+        const { feature, layout: featureLayout, topPx: recordTopPx } = record;
         const featureStartBp = feature.get(region.reversed ? 'end' : 'start');
         const startPx = bpToPx(featureStartBp, region, bpPerPx);
         const canvasLayout = convertToCanvasCoords(featureLayout, startPx, recordTopPx);
@@ -51,6 +50,8 @@ export function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, con
             top: canvasLayout.y,
             bottom: canvasLayout.y + canvasLayout.totalLayoutHeight,
         };
+        const label = String(readConfObject(config, ['labels', 'name'], { feature }) || '');
+        const description = String(readConfObject(config, ['labels', 'description'], { feature }) || '');
         const tooltip = String(readConfObject(config, 'mouseover', { feature, label, description }) ||
             '');
         coords.push(bounds.left, bounds.top, bounds.right, bounds.bottom);
@@ -78,7 +79,7 @@ export function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, con
             labelColor: theme.palette.text.primary,
             parentTooltip: tooltip,
         });
-        checkStopToken2(lastCheck);
+        checkStopToken2(stopTokenCheck);
     }
     return {
         flatbush: buildFlatbush(coords, items.length).data,

package/esm/CanvasFeatureRenderer/peptides/peptideUtils.d.ts

@@ -2,4 +2,5 @@ import type { PeptideData } from '../types.ts';
 import type PluginManager from '@jbrowse/core/PluginManager';
 import type { RenderArgsDeserialized } from '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType';
 import type { Feature } from '@jbrowse/core/util';
+export declare function findTranscriptsWithCDS(features: Map<string, Feature>): Feature[];
 export declare function fetchPeptideData(pluginManager: PluginManager, renderProps: RenderArgsDeserialized, features: Map<string, Feature>): Promise<Map<string, PeptideData>>;

package/esm/CanvasFeatureRenderer/peptides/peptideUtils.js

@@ -37,18 +37,23 @@ function hasCDSSubfeatures(feature) {
     const subfeatures = feature.get('subfeatures');
     return subfeatures?.some((sub) => sub.get('type') === 'CDS') ?? false;
 }
-function findTranscriptsWithCDS(features) {
+export function findTranscriptsWithCDS(features) {
     const transcripts = [];
     for (const feature of features.values()) {
         const type = feature.get('type');
         const subfeatures = feature.get('subfeatures');
         if (type === 'gene' && subfeatures?.length) {
+            let hasTranscriptWithCDS = false;
             for (const subfeature of subfeatures) {
                 const subType = subfeature.get('type');
                 if (isTranscriptType(subType) && hasCDSSubfeatures(subfeature)) {
                     transcripts.push(subfeature);
+                    hasTranscriptWithCDS = true;
                 }
             }
+            if (!hasTranscriptWithCDS && hasCDSSubfeatures(feature)) {
+                transcripts.push(feature);
+            }
         }
         else if (isTranscriptType(type) && hasCDSSubfeatures(feature)) {
             transcripts.push(feature);

package/esm/CanvasFeatureRenderer/renderConfig.d.ts

@@ -19,8 +19,11 @@ export interface RenderConfigContext {
     outline: CachedConfig<string>;
     featureHeight: CachedConfig<number>;
     fontHeight: CachedConfig<number>;
+    nameColor: CachedConfig<string>;
+    descriptionColor: CachedConfig<string>;
     labelAllowed: boolean;
     geneGlyphMode: string;
     displayDirectionalChevrons: boolean;
+    heightMultiplier: number;
 }
 export declare function createRenderConfigContext(config: AnyConfigurationModel): RenderConfigContext;

package/esm/CanvasFeatureRenderer/renderConfig.js

@@ -12,6 +12,12 @@ function createCachedConfig(config, key, defaultValue) {
     const value = isCallback ? defaultValue : readConfObject(config, key);
     return { value, isCallback };
 }
+function getHeightMultiplier(displayMode) {
+    if (displayMode === 'compact') {
+        return 0.5;
+    }
+    return 1;
+}
 export function createRenderConfigContext(config) {
     const displayMode = readConfObject(config, 'displayMode');
     return {
@@ -30,6 +36,9 @@ export function createRenderConfigContext(config) {
         outline: createCachedConfig(config, 'outline', ''),
         featureHeight: createCachedConfig(config, 'height', 10),
         fontHeight: createCachedConfig(config, ['labels', 'fontSize'], 12),
+        nameColor: createCachedConfig(config, ['labels', 'nameColor'], 'black'),
+        descriptionColor: createCachedConfig(config, ['labels', 'descriptionColor'], 'blue'),
         labelAllowed: displayMode !== 'collapse',
+        heightMultiplier: getHeightMultiplier(displayMode),
     };
 }

package/esm/CanvasFeatureRenderer/types.d.ts

@@ -1,7 +1,7 @@
 import type { RenderConfigContext } from './renderConfig.ts';
 import type PluginManager from '@jbrowse/core/PluginManager';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { Feature, Region } from '@jbrowse/core/util';
+import type { Feature, LastStopTokenCheck, Region } from '@jbrowse/core/util';
 import type { BaseLayout } from '@jbrowse/core/util/layouts';
 import type { Theme } from '@mui/material';
 export interface SequenceData {
@@ -56,8 +56,6 @@ export interface LayoutRecord {
     feature: Feature;
     layout: FeatureLayout;
     topPx: number;
-    label: string;
-    description: string;
 }
 export interface FlatbushItem {
     featureId: string;
@@ -90,6 +88,7 @@ export interface RenderArgs {
     theme: Record<string, any>;
     highResolutionScaling?: number;
     stopToken?: string;
+    stopTokenCheck?: LastStopTokenCheck;
     peptideDataMap?: Map<string, PeptideData>;
     colorByCDS?: boolean;
     pluginManager?: PluginManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-canvas",
-  "version": "4.1.1",
+  "version": "4.1.4",
   "type": "module",
   "description": "JBrowse 2 plugin for canvas features",
   "keywords": [
@@ -22,13 +22,13 @@
   ],
   "dependencies": {
     "@jbrowse/mobx-state-tree": "^5.5.0",
-    "@mui/material": "^7.3.7",
+    "@mui/material": "^7.3.8",
     "g2p_mapper": "^2.0.0",
     "mobx": "^6.15.0",
     "mobx-react": "^9.2.1",
     "rxjs": "^7.8.2",
-    "@jbrowse/plugin-linear-genome-view": "^4.1.1",
-    "@jbrowse/core": "^4.1.1"
+    "@jbrowse/plugin-linear-genome-view": "^4.1.4",
+    "@jbrowse/core": "^4.1.4"
   },
   "peerDependencies": {
     "react": ">=18.0.0"