@jbrowse/plugin-alignments 3.6.5 → 4.0.0

package/dist/PileupRenderer/configSchema.d.ts

@@ -1,62 +0,0 @@
-declare const PileupRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    color: {
-        type: string;
-        description: string;
-        defaultValue: string;
-        contextVariable: string[];
-    };
-    orientationType: {
-        type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
-        defaultValue: string;
-        description: string;
-    };
-    displayMode: {
-        type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
-        description: string;
-        defaultValue: string;
-    };
-    minSubfeatureWidth: {
-        type: string;
-        description: string;
-        defaultValue: number;
-    };
-    hideSmallIndels: {
-        type: string;
-        description: string;
-        defaultValue: boolean;
-    };
-    maxHeight: {
-        type: string;
-        description: string;
-        defaultValue: number;
-    };
-    maxClippingSize: {
-        type: string;
-        description: string;
-        defaultValue: number;
-    };
-    height: {
-        type: string;
-        description: string;
-        defaultValue: number;
-        contextVariable: string[];
-    };
-    noSpacing: {
-        type: string;
-        description: string;
-        defaultValue: boolean;
-    };
-    largeInsertionIndicatorScale: {
-        type: string;
-        description: string;
-        defaultValue: number;
-    };
-    mismatchAlpha: {
-        type: string;
-        defaultValue: boolean;
-        description: string;
-    };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-export default PileupRenderer;

package/dist/PileupRenderer/configSchema.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_1 = require("@jbrowse/core/configuration");
-const mobx_state_tree_1 = require("mobx-state-tree");
-function x() { }
-const PileupRenderer = (0, configuration_1.ConfigurationSchema)('PileupRenderer', {
-    color: {
-        type: 'color',
-        description: 'the color of each feature in a pileup alignment',
-        defaultValue: '#f0f',
-        contextVariable: ['feature'],
-    },
-    orientationType: {
-        type: 'stringEnum',
-        model: mobx_state_tree_1.types.enumeration('orientationType', ['fr', 'rf', 'ff']),
-        defaultValue: 'fr',
-        description: 'read sequencer orientation. fr is normal "reads pointing at each other ---> <--- while some other sequencers can use other options',
-    },
-    displayMode: {
-        type: 'stringEnum',
-        model: mobx_state_tree_1.types.enumeration('displayMode', [
-            'normal',
-            'compact',
-            'collapse',
-        ]),
-        description: 'Alternative display modes',
-        defaultValue: 'normal',
-    },
-    minSubfeatureWidth: {
-        type: 'number',
-        description: 'the minimum width in px for a pileup mismatch feature. use for increasing/decreasing mismatch marker widths when zoomed out, e.g. 0 or 1',
-        defaultValue: 1,
-    },
-    hideSmallIndels: {
-        type: 'boolean',
-        description: 'Hides small indels, sometimes occurring in long read sequencing',
-        defaultValue: false,
-    },
-    maxHeight: {
-        type: 'integer',
-        description: 'the maximum height to be used in a pileup rendering',
-        defaultValue: 1200,
-    },
-    maxClippingSize: {
-        type: 'integer',
-        description: 'the max clip size to be used in a pileup rendering',
-        defaultValue: 10000,
-    },
-    height: {
-        type: 'number',
-        description: 'the height of each feature in a pileup alignment',
-        defaultValue: 7,
-        contextVariable: ['feature'],
-    },
-    noSpacing: {
-        type: 'boolean',
-        description: 'remove spacing between features',
-        defaultValue: false,
-    },
-    largeInsertionIndicatorScale: {
-        type: 'number',
-        description: 'scale at which to draw the large insertion indicators (bp/pixel)',
-        defaultValue: 10,
-    },
-    mismatchAlpha: {
-        type: 'boolean',
-        defaultValue: false,
-        description: 'Fade low quality mismatches',
-    },
-}, { explicitlyTyped: true });
-exports.default = PileupRenderer;

package/dist/PileupRenderer/getAlignmentShapeColor.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAlignmentShapeColor = getAlignmentShapeColor;
-const configuration_1 = require("@jbrowse/core/configuration");
-const colorBy_1 = require("./colorBy");
-const color_1 = require("../shared/color");
-function getAlignmentShapeColor({ colorType, tag, feature, config, defaultColor, colorTagMap, }) {
-    switch (colorType) {
-        case 'insertSize':
-            return (0, colorBy_1.colorByInsertSize)(feature);
-        case 'strand':
-            return (0, colorBy_1.colorByStrand)(feature);
-        case 'mappingQuality':
-            return (0, colorBy_1.colorByMappingQuality)(feature);
-        case 'pairOrientation':
-            return (0, colorBy_1.colorByOrientation)(feature, config);
-        case 'stranded':
-            return (0, colorBy_1.colorByStrandedRnaSeq)(feature);
-        case 'xs':
-        case 'tag': {
-            const tags = feature.get('tags');
-            const val = tags ? tags[tag] : feature.get(tag);
-            if (tag === 'XS' || tag === 'TS') {
-                if (val === '-') {
-                    return color_1.fillColor.color_rev_strand;
-                }
-                else if (val === '+') {
-                    return color_1.fillColor.color_fwd_strand;
-                }
-                else {
-                    return color_1.fillColor.color_nostrand;
-                }
-            }
-            if (tag === 'ts') {
-                if (val === '-') {
-                    return feature.get('strand') === -1
-                        ? color_1.fillColor.color_fwd_strand
-                        : color_1.fillColor.color_rev_strand;
-                }
-                else if (val === '+') {
-                    return feature.get('strand') === -1
-                        ? color_1.fillColor.color_rev_strand
-                        : color_1.fillColor.color_fwd_strand;
-                }
-                else {
-                    return color_1.fillColor.color_nostrand;
-                }
-            }
-            return colorTagMap[val] || color_1.fillColor.color_nostrand;
-        }
-        case 'insertSizeAndPairOrientation':
-            break;
-        case 'modifications':
-        case 'methylation':
-            return feature.get('flags') & 16 ? '#c8dcc8' : '#c8c8c8';
-        default:
-            return defaultColor
-                ? 'lightgrey'
-                : (0, configuration_1.readConfObject)(config, 'color', { feature });
-    }
-}

package/dist/PileupRenderer/index.d.ts

@@ -1,2 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-export default function register(pluginManager: PluginManager): void;

package/dist/PileupRenderer/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = register;
-const PileupRenderer_1 = __importDefault(require("./PileupRenderer"));
-const PileupRendering_1 = __importDefault(require("./components/PileupRendering"));
-const configSchema_1 = __importDefault(require("./configSchema"));
-function register(pluginManager) {
-    pluginManager.addRendererType(() => {
-        return new PileupRenderer_1.default({
-            name: 'PileupRenderer',
-            displayName: 'Pileup renderer',
-            ReactComponent: PileupRendering_1.default,
-            configSchema: configSchema_1.default,
-            pluginManager,
-        });
-    });
-}

package/dist/PileupRenderer/layoutFeature.d.ts

@@ -1,18 +0,0 @@
-import type { Feature, Region } from '@jbrowse/core/util';
-import type { BaseLayout } from '@jbrowse/core/util/layouts';
-export interface LayoutRecord {
-    feature: Feature;
-    leftPx: number;
-    rightPx: number;
-    topPx: number;
-    heightPx: number;
-}
-export declare function layoutFeature({ feature, layout, bpPerPx, region, showSoftClip, heightPx, displayMode, }: {
-    feature: Feature;
-    layout: BaseLayout<Feature>;
-    bpPerPx: number;
-    region: Region;
-    showSoftClip?: boolean;
-    heightPx: number;
-    displayMode: string;
-}): LayoutRecord | null;

package/dist/PileupRenderer/layoutFeature.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.layoutFeature = layoutFeature;
-const util_1 = require("@jbrowse/core/util");
-function layoutFeature({ feature, layout, bpPerPx, region, showSoftClip, heightPx, displayMode, }) {
-    let expansionBefore = 0;
-    let expansionAfter = 0;
-    if (showSoftClip) {
-        const mismatches = feature.get('mismatches');
-        const seq = feature.get('seq');
-        if (seq) {
-            for (const { type, start, cliplen = 0 } of mismatches) {
-                if (type === 'softclip') {
-                    if (start === 0) {
-                        expansionBefore = cliplen;
-                    }
-                    else {
-                        expansionAfter = cliplen;
-                    }
-                }
-            }
-        }
-    }
-    const [leftPx, rightPx] = (0, util_1.bpSpanPx)(feature.get('start') - expansionBefore, feature.get('end') + expansionAfter, region, bpPerPx);
-    if (displayMode === 'compact') {
-        heightPx /= 3;
-    }
-    if (feature.get('refName') !== region.refName) {
-        throw new Error(`feature ${feature.id()} is not on the current region's reference sequence ${region.refName}`);
-    }
-    const topPx = layout.addRect(feature.id(), feature.get('start') - expansionBefore, feature.get('end') + expansionAfter, heightPx, feature);
-    if (topPx === null) {
-        return null;
-    }
-    return {
-        feature,
-        leftPx,
-        rightPx,
-        topPx: displayMode === 'collapse' ? 0 : topPx,
-        heightPx,
-    };
-}

package/dist/PileupRenderer/layoutFeatures.d.ts

@@ -1,5 +0,0 @@
-import type { PreProcessedRenderArgs } from './types';
-export declare function layoutFeats(props: PreProcessedRenderArgs): {
-    layoutRecords: import("./layoutFeature").LayoutRecord[];
-    height: number;
-};

package/dist/PileupRenderer/layoutFeatures.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.layoutFeats = layoutFeats;
-const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
-const layoutFeature_1 = require("./layoutFeature");
-const sortUtil_1 = require("./sortUtil");
-function layoutFeats(props) {
-    const { layout, features, sortedBy, config, bpPerPx, showSoftClip, regions } = props;
-    const region = regions[0];
-    const featureMap = (sortedBy === null || sortedBy === void 0 ? void 0 : sortedBy.type) && region.start === sortedBy.pos
-        ? (0, sortUtil_1.sortFeature)(features, sortedBy)
-        : features;
-    const heightPx = (0, configuration_1.readConfObject)(config, 'height');
-    const displayMode = (0, configuration_1.readConfObject)(config, 'displayMode');
-    const layoutRecords = (0, util_1.iterMap)(featureMap.values(), feature => (0, layoutFeature_1.layoutFeature)({
-        feature,
-        layout,
-        bpPerPx,
-        region,
-        showSoftClip,
-        heightPx,
-        displayMode,
-    }), featureMap.size).filter(util_1.notEmpty);
-    return {
-        layoutRecords,
-        height: Math.max(layout.getTotalHeight(), 1),
-    };
-}

package/dist/PileupRenderer/makeImageData.d.ts

@@ -1,14 +0,0 @@
-import type { ProcessedRenderArgs } from './types';
-import type { Feature } from '@jbrowse/core/util';
-interface LayoutFeature {
-    heightPx: number;
-    topPx: number;
-    feature: Feature;
-}
-export declare function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, }: {
-    ctx: CanvasRenderingContext2D;
-    canvasWidth: number;
-    layoutRecords: LayoutFeature[];
-    renderArgs: ProcessedRenderArgs;
-}): undefined;
-export {};

package/dist/PileupRenderer/makeImageData.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeImageData = makeImageData;
-const configuration_1 = require("@jbrowse/core/configuration");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const renderAlignment_1 = require("./renderAlignment");
-const renderMismatches_1 = require("./renderMismatches");
-const renderSoftClipping_1 = require("./renderSoftClipping");
-const util_2 = require("./util");
-function makeImageData({ ctx, layoutRecords, canvasWidth, renderArgs, }) {
-    const { stopToken, config, showSoftClip, colorBy, theme: configTheme, } = renderArgs;
-    const mismatchAlpha = (0, configuration_1.readConfObject)(config, 'mismatchAlpha');
-    const minSubfeatureWidth = (0, configuration_1.readConfObject)(config, 'minSubfeatureWidth');
-    const largeInsertionIndicatorScale = (0, configuration_1.readConfObject)(config, 'largeInsertionIndicatorScale');
-    const hideSmallIndels = (0, configuration_1.readConfObject)(config, 'hideSmallIndels');
-    const defaultColor = (0, configuration_1.readConfObject)(config, 'color') === '#f0f';
-    const theme = (0, ui_1.createJBrowseTheme)(configTheme);
-    const colorMap = (0, util_2.getColorBaseMap)(theme);
-    const colorContrastMap = (0, util_2.getContrastBaseMap)(theme);
-    ctx.font = 'bold 10px Courier New,monospace';
-    const { charWidth, charHeight } = (0, util_2.getCharWidthHeight)();
-    const drawSNPsMuted = (0, util_2.shouldDrawSNPsMuted)(colorBy === null || colorBy === void 0 ? void 0 : colorBy.type);
-    const drawIndels = (0, util_2.shouldDrawIndels)();
-    (0, util_1.forEachWithStopTokenCheck)(layoutRecords, stopToken, feat => {
-        (0, renderAlignment_1.renderAlignment)({
-            ctx,
-            feat,
-            renderArgs,
-            defaultColor,
-            colorMap,
-            colorContrastMap,
-            charWidth,
-            charHeight,
-            canvasWidth,
-        });
-        (0, renderMismatches_1.renderMismatches)({
-            ctx,
-            feat,
-            renderArgs,
-            hideSmallIndels,
-            mismatchAlpha,
-            drawSNPsMuted,
-            drawIndels,
-            largeInsertionIndicatorScale,
-            minSubfeatureWidth,
-            charWidth,
-            charHeight,
-            colorMap,
-            colorContrastMap,
-            canvasWidth,
-        });
-        if (showSoftClip) {
-            (0, renderSoftClipping_1.renderSoftClipping)({
-                ctx,
-                feat,
-                renderArgs,
-                colorMap,
-                config,
-                theme,
-                canvasWidth,
-            });
-        }
-    });
-    return undefined;
-}

package/dist/PileupRenderer/renderAlignment.d.ts

@@ -1,13 +0,0 @@
-import type { ProcessedRenderArgs } from './types';
-import type { LayoutFeature } from './util';
-export declare function renderAlignment({ ctx, feat, renderArgs, colorMap, colorContrastMap, charWidth, charHeight, defaultColor, canvasWidth, }: {
-    ctx: CanvasRenderingContext2D;
-    feat: LayoutFeature;
-    renderArgs: ProcessedRenderArgs;
-    colorMap: Record<string, string>;
-    colorContrastMap: Record<string, string>;
-    charWidth: number;
-    charHeight: number;
-    defaultColor: boolean;
-    canvasWidth: number;
-}): void;

package/dist/PileupRenderer/renderAlignment.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderAlignment = renderAlignment;
-const getAlignmentShapeColor_1 = require("./getAlignmentShapeColor");
-const renderAlignmentShape_1 = require("./renderAlignmentShape");
-const renderModifications_1 = require("./renderModifications");
-const renderPerBaseLettering_1 = require("./renderPerBaseLettering");
-const renderPerBaseQuality_1 = require("./renderPerBaseQuality");
-const MismatchParser_1 = require("../MismatchParser");
-const renderMethylation_1 = require("./renderMethylation");
-function renderAlignment({ ctx, feat, renderArgs, colorMap, colorContrastMap, charWidth, charHeight, defaultColor, canvasWidth, }) {
-    const { config, bpPerPx, regions, colorBy, colorTagMap = {} } = renderArgs;
-    const { tag = '', type: colorType = '' } = colorBy || {};
-    const { feature } = feat;
-    const region = regions[0];
-    ctx.fillStyle = (0, getAlignmentShapeColor_1.getAlignmentShapeColor)({
-        feature,
-        config,
-        tag,
-        defaultColor,
-        colorType,
-        colorTagMap,
-    });
-    (0, renderAlignmentShape_1.renderAlignmentShape)({ ctx, feat, renderArgs });
-    switch (colorType) {
-        case 'perBaseQuality': {
-            const cigarOps = (0, MismatchParser_1.parseCigar)(feature.get('CIGAR'));
-            (0, renderPerBaseQuality_1.renderPerBaseQuality)({
-                ctx,
-                feat,
-                region,
-                bpPerPx,
-                canvasWidth,
-                cigarOps,
-            });
-            break;
-        }
-        case 'perBaseLettering': {
-            const cigarOps = (0, MismatchParser_1.parseCigar)(feature.get('CIGAR'));
-            (0, renderPerBaseLettering_1.renderPerBaseLettering)({
-                ctx,
-                feat,
-                region,
-                bpPerPx,
-                colorMap,
-                colorContrastMap,
-                charWidth,
-                charHeight,
-                canvasWidth,
-                cigarOps,
-            });
-            break;
-        }
-        case 'modifications': {
-            const cigarOps = (0, MismatchParser_1.parseCigar)(feature.get('CIGAR'));
-            (0, renderModifications_1.renderModifications)({
-                ctx,
-                feat,
-                region,
-                bpPerPx,
-                renderArgs,
-                canvasWidth,
-                cigarOps,
-            });
-            break;
-        }
-        case 'methylation': {
-            const cigarOps = (0, MismatchParser_1.parseCigar)(feature.get('CIGAR'));
-            (0, renderMethylation_1.renderMethylation)({
-                ctx,
-                feat,
-                region,
-                bpPerPx,
-                renderArgs,
-                canvasWidth,
-                cigarOps,
-            });
-            break;
-        }
-    }
-}

package/dist/PileupRenderer/renderAlignmentShape.d.ts

@@ -1,7 +0,0 @@
-import type { ProcessedRenderArgs } from './types';
-import type { LayoutFeature } from './util';
-export declare function renderAlignmentShape({ ctx, feat, renderArgs, }: {
-    ctx: CanvasRenderingContext2D;
-    feat: LayoutFeature;
-    renderArgs: ProcessedRenderArgs;
-}): void;

package/dist/PileupRenderer/renderAlignmentShape.js

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderAlignmentShape = renderAlignmentShape;
-const util_1 = require("@jbrowse/core/util");
-const MismatchParser_1 = require("../MismatchParser");
-function renderAlignmentShape({ ctx, feat, renderArgs, }) {
-    const { regions, bpPerPx } = renderArgs;
-    const { heightPx, topPx, feature } = feat;
-    const region = regions[0];
-    const s = feature.get('start');
-    const e = feature.get('end');
-    const CIGAR = feature.get('CIGAR');
-    const flip = region.reversed ? -1 : 1;
-    const strand = feature.get('strand') * flip;
-    const renderChevrons = bpPerPx < 10 && heightPx > 5;
-    if (CIGAR === null || CIGAR === void 0 ? void 0 : CIGAR.includes('N')) {
-        const cigarOps = (0, MismatchParser_1.parseCigar)(CIGAR);
-        if (strand === 1) {
-            let drawLen = 0;
-            let drawStart = s;
-            for (let i = 0; i < cigarOps.length; i += 2) {
-                const opLen = +cigarOps[i];
-                const op = cigarOps[i + 1];
-                if (op === 'M' || op === 'X' || op === '=' || op === 'D') {
-                    drawLen += opLen;
-                }
-                else if (op === 'N') {
-                    if (drawStart !== drawLen) {
-                        const [leftPx, rightPx] = (0, util_1.bpSpanPx)(drawStart, drawStart + drawLen, region, bpPerPx);
-                        const w = rightPx - leftPx;
-                        ctx.fillRect(leftPx, topPx, w, heightPx);
-                    }
-                    drawStart += drawLen + opLen;
-                    drawLen = 0;
-                }
-            }
-            if (drawStart !== drawLen) {
-                const [leftPx, rightPx] = (0, util_1.bpSpanPx)(drawStart, drawStart + drawLen, region, bpPerPx);
-                const w = rightPx - leftPx;
-                if (renderChevrons) {
-                    ctx.beginPath();
-                    ctx.moveTo(leftPx, topPx);
-                    ctx.lineTo(leftPx, topPx + heightPx);
-                    ctx.lineTo(rightPx, topPx + heightPx);
-                    ctx.lineTo(rightPx + 5, topPx + heightPx / 2);
-                    ctx.lineTo(rightPx, topPx);
-                    ctx.closePath();
-                    ctx.fill();
-                }
-                else {
-                    ctx.fillRect(leftPx, topPx, w, heightPx);
-                }
-            }
-        }
-        else if (strand === -1) {
-            let drawLen = 0;
-            let drawStart = e;
-            for (let i = cigarOps.length - 2; i >= 0; i -= 2) {
-                const opLen = +cigarOps[i];
-                const op = cigarOps[i + 1];
-                if (op === 'M' || op === 'X' || op === '=' || op === 'D') {
-                    drawLen += opLen;
-                }
-                else if (op === 'N') {
-                    if (drawLen !== 0) {
-                        const [leftPx, rightPx] = (0, util_1.bpSpanPx)(drawStart - drawLen, drawStart, region, bpPerPx);
-                        ctx.fillRect(leftPx, topPx, rightPx - leftPx, heightPx);
-                    }
-                    drawStart -= drawLen + opLen;
-                    drawLen = 0;
-                }
-            }
-            if (drawLen !== 0) {
-                const [leftPx, rightPx] = (0, util_1.bpSpanPx)(drawStart - drawLen, drawStart, region, bpPerPx);
-                const w = rightPx - leftPx;
-                if (renderChevrons) {
-                    ctx.beginPath();
-                    ctx.moveTo(leftPx - 5, topPx + heightPx / 2);
-                    ctx.lineTo(leftPx, topPx + heightPx);
-                    ctx.lineTo(rightPx, topPx + heightPx);
-                    ctx.lineTo(rightPx, topPx);
-                    ctx.lineTo(leftPx, topPx);
-                    ctx.closePath();
-                    ctx.fill();
-                }
-                else {
-                    ctx.fillRect(leftPx, topPx, w, heightPx);
-                }
-            }
-        }
-    }
-    else {
-        const [leftPx, rightPx] = (0, util_1.bpSpanPx)(s, e, region, bpPerPx);
-        if (bpPerPx < 10 && heightPx > 5) {
-            if (strand === -1) {
-                ctx.beginPath();
-                ctx.moveTo(leftPx - 5, topPx + heightPx / 2);
-                ctx.lineTo(leftPx, topPx + heightPx);
-                ctx.lineTo(rightPx, topPx + heightPx);
-                ctx.lineTo(rightPx, topPx);
-                ctx.lineTo(leftPx, topPx);
-                ctx.closePath();
-                ctx.fill();
-            }
-            else {
-                ctx.beginPath();
-                ctx.moveTo(leftPx, topPx);
-                ctx.lineTo(leftPx, topPx + heightPx);
-                ctx.lineTo(rightPx, topPx + heightPx);
-                ctx.lineTo(rightPx + 5, topPx + heightPx / 2);
-                ctx.lineTo(rightPx, topPx);
-                ctx.closePath();
-                ctx.fill();
-            }
-        }
-        else {
-            ctx.fillRect(leftPx, topPx, rightPx - leftPx, heightPx);
-        }
-    }
-}

package/dist/PileupRenderer/renderMethylation.d.ts

@@ -1,12 +0,0 @@
-import type { ProcessedRenderArgs } from './types';
-import type { LayoutFeature } from './util';
-import type { Region } from '@jbrowse/core/util';
-export declare function renderMethylation({ ctx, feat, region, bpPerPx, renderArgs, canvasWidth, cigarOps, }: {
-    ctx: CanvasRenderingContext2D;
-    feat: LayoutFeature;
-    region: Region;
-    bpPerPx: number;
-    renderArgs: ProcessedRenderArgs;
-    canvasWidth: number;
-    cigarOps: string[];
-}): void;