@jbrowse/plugin-dotplot-view 2.6.1

package/esm/DotplotRenderer/DotplotRenderer.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { Region } from '@jbrowse/core/util';
+import ComparativeRenderer, { RenderArgsDeserialized, RenderArgs } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
+import { Dotplot1DViewModel } from '../DotplotView/model';
+export interface DotplotRenderArgsDeserialized extends RenderArgsDeserialized {
+    height: number;
+    width: number;
+    highResolutionScaling: number;
+    view: {
+        hview: Dotplot1DViewModel;
+        vview: Dotplot1DViewModel;
+    };
+}
+interface DotplotRenderArgs extends RenderArgs {
+    adapterConfig: AnyConfigurationModel;
+    sessionId: string;
+    view: {
+        hview: {
+            displayedRegions: Region[];
+        };
+        vview: {
+            displayedRegions: Region[];
+        };
+    };
+}
+export default class DotplotRenderer extends ComparativeRenderer {
+    supportsSVG: boolean;
+    renameRegionsIfNeeded(args: DotplotRenderArgs): Promise<DotplotRenderArgs>;
+    drawDotplot(ctx: CanvasRenderingContext2D, props: DotplotRenderArgsDeserialized & {
+        views: Dotplot1DViewModel[];
+    }): Promise<{
+        warnings: {
+            message: string;
+            effect: string;
+        }[];
+    }>;
+    render(renderProps: DotplotRenderArgsDeserialized): Promise<{
+        height: number;
+        width: number;
+        offsetX: number;
+        offsetY: number;
+        bpPerPxX: number;
+        bpPerPxY: number;
+        canvasRecordedData: any;
+        reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        html?: string | undefined;
+    } | {
+        height: number;
+        width: number;
+        offsetX: number;
+        offsetY: number;
+        bpPerPxX: number;
+        bpPerPxY: number;
+        reactElement: import("react").JSX.Element;
+        html?: string | undefined;
+    } | {
+        height: number;
+        width: number;
+        offsetX: number;
+        offsetY: number;
+        bpPerPxX: number;
+        bpPerPxY: number;
+        imageData: any;
+        reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        html?: string | undefined;
+    }>;
+}
+export {};

package/esm/DotplotRenderer/DotplotRenderer.js

@@ -0,0 +1,268 @@
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { renameRegionsIfNeeded, renderToAbstractCanvas, } from '@jbrowse/core/util';
+import { bpToPx } from '@jbrowse/core/util/Base1DUtils';
+import { getSnapshot } from 'mobx-state-tree';
+import ComparativeRenderer from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
+import { MismatchParser } from '@jbrowse/plugin-alignments';
+// locals
+import { Dotplot1DView } from '../DotplotView/model';
+import { createJBrowseTheme } from '@jbrowse/core/ui';
+const { parseCigar } = MismatchParser;
+const r = 'fell outside of range due to CIGAR string';
+const lt = '(less than min coordinate of feature)';
+const gt = '(greater than max coordinate of feature)';
+const fudgeFactor = 1; // allow 1px fuzzyness before warn
+function drawCir(ctx, x, y, r = 1) {
+    ctx.beginPath();
+    ctx.arc(x, y, r / 2, 0, 2 * Math.PI);
+    ctx.fill();
+}
+export default class DotplotRenderer extends ComparativeRenderer {
+    constructor() {
+        super(...arguments);
+        this.supportsSVG = true;
+    }
+    async renameRegionsIfNeeded(args) {
+        var _a, _b;
+        const pm = this.pluginManager;
+        const assemblyManager = (_b = (_a = pm.rootModel) === null || _a === void 0 ? void 0 : _a.session) === null || _b === void 0 ? void 0 : _b.assemblyManager;
+        const { view, sessionId, adapterConfig } = args;
+        async function process(regions) {
+            if (!assemblyManager) {
+                throw new Error('No assembly manager provided');
+            }
+            const result = await renameRegionsIfNeeded(assemblyManager, {
+                sessionId,
+                adapterConfig,
+                regions,
+            });
+            return result.regions;
+        }
+        view.hview.displayedRegions = await process(view.hview.displayedRegions);
+        view.vview.displayedRegions = await process(view.vview.displayedRegions);
+        return args;
+    }
+    async drawDotplot(ctx, props) {
+        var _a, _b, _c;
+        const { config, views, height, drawCigar, theme } = props;
+        const color = readConfObject(config, 'color');
+        const posColor = readConfObject(config, 'posColor');
+        const negColor = readConfObject(config, 'negColor');
+        const colorBy = readConfObject(config, 'colorBy');
+        const lineWidth = readConfObject(config, 'lineWidth');
+        const thresholds = readConfObject(config, 'thresholds');
+        const palette = readConfObject(config, 'thresholdsPalette');
+        const isCallback = config.color.isCallback;
+        const [hview, vview] = views;
+        const db1 = (_a = hview.dynamicBlocks.contentBlocks[0]) === null || _a === void 0 ? void 0 : _a.offsetPx;
+        const db2 = (_b = vview.dynamicBlocks.contentBlocks[0]) === null || _b === void 0 ? void 0 : _b.offsetPx;
+        const warnings = [];
+        ctx.lineWidth = lineWidth;
+        // we operate on snapshots of these attributes of the hview/vview because
+        // it is significantly faster than accessing the mobx objects
+        const { bpPerPx: hBpPerPx } = hview;
+        const { bpPerPx: vBpPerPx } = vview;
+        function clampWithWarnX(num, min, max, feature) {
+            const strand = feature.get('strand') || 1;
+            if (strand === -1) {
+                ;
+                [max, min] = [min, max];
+            }
+            if (num < min - fudgeFactor) {
+                let start = feature.get('start');
+                let end = feature.get('end');
+                const refName = feature.get('refName');
+                if (strand === -1) {
+                    ;
+                    [end, start] = [start, end];
+                }
+                warnings.push({
+                    message: `feature at (X ${refName}:${start}-${end}) ${r} ${lt}`,
+                    effect: 'clipped the feature',
+                });
+                return min;
+            }
+            if (num > max + fudgeFactor) {
+                const strand = feature.get('strand') || 1;
+                const start = strand === 1 ? feature.get('start') : feature.get('end');
+                const end = strand === 1 ? feature.get('end') : feature.get('start');
+                const refName = feature.get('refName');
+                warnings.push({
+                    message: `feature at (X ${refName}:${start}-${end}) ${r} ${gt}`,
+                    effect: 'clipped the feature',
+                });
+                return max;
+            }
+            return num;
+        }
+        function clampWithWarnY(num, min, max, feature) {
+            if (num < min - fudgeFactor) {
+                const mate = feature.get('mate');
+                const { refName, start, end } = mate;
+                warnings.push({
+                    message: `feature at (Y ${refName}:${start}-${end}) ${r} ${lt}`,
+                    effect: 'clipped the feature',
+                });
+                return min;
+            }
+            if (num > max + fudgeFactor) {
+                const mate = feature.get('mate');
+                const { refName, start, end } = mate;
+                warnings.push({
+                    message: `feature at (Y ${refName}:${start}-${end}) ${r} ${gt}`,
+                    effect: 'clipped the feature',
+                });
+                return max;
+            }
+            return num;
+        }
+        const hsnap = {
+            ...getSnapshot(hview),
+            staticBlocks: hview.staticBlocks,
+            width: hview.width,
+        };
+        const vsnap = {
+            ...getSnapshot(vview),
+            staticBlocks: vview.staticBlocks,
+            width: vview.width,
+        };
+        const t = createJBrowseTheme(theme);
+        (_c = hview.features) === null || _c === void 0 ? void 0 : _c.forEach(feature => {
+            const strand = feature.get('strand') || 1;
+            const start = strand === 1 ? feature.get('start') : feature.get('end');
+            const end = strand === 1 ? feature.get('end') : feature.get('start');
+            const refName = feature.get('refName');
+            const mate = feature.get('mate');
+            const mateRef = mate.refName;
+            let r;
+            if (colorBy === 'identity') {
+                const identity = feature.get('identity');
+                for (let i = 0; i < thresholds.length; i++) {
+                    if (identity > +thresholds[i]) {
+                        r = palette[i];
+                        break;
+                    }
+                }
+            }
+            else if (colorBy === 'meanQueryIdentity') {
+                r = `hsl(${feature.get('meanScore') * 200},100%,40%)`;
+            }
+            else if (colorBy === 'mappingQuality') {
+                r = `hsl(${feature.get('mappingQual')},100%,40%)`;
+            }
+            else if (colorBy === 'strand') {
+                r = strand === -1 ? negColor : posColor;
+            }
+            else if (colorBy === 'default') {
+                r = isCallback
+                    ? readConfObject(config, 'color', { feature })
+                    : color === '#f0f'
+                        ? t.palette.text.primary
+                        : color;
+            }
+            ctx.fillStyle = r;
+            ctx.strokeStyle = r;
+            const b10 = bpToPx({ self: hsnap, refName, coord: start });
+            const b20 = bpToPx({ self: hsnap, refName, coord: end });
+            const e10 = bpToPx({ self: vsnap, refName: mateRef, coord: mate.start });
+            const e20 = bpToPx({ self: vsnap, refName: mateRef, coord: mate.end });
+            if (b10 !== undefined &&
+                b20 !== undefined &&
+                e10 !== undefined &&
+                e20 !== undefined) {
+                const b1 = b10.offsetPx - db1;
+                const b2 = b20.offsetPx - db1;
+                const e1 = e10.offsetPx - db2;
+                const e2 = e20.offsetPx - db2;
+                if (Math.abs(b1 - b2) <= 4 && Math.abs(e1 - e2) <= 4) {
+                    drawCir(ctx, b1, height - e1, lineWidth);
+                }
+                else {
+                    let currX = b1;
+                    let currY = e1;
+                    const cigar = feature.get('CIGAR');
+                    if (drawCigar && cigar) {
+                        const cigarOps = parseCigar(cigar);
+                        ctx.beginPath();
+                        ctx.moveTo(currX, height - currY);
+                        for (let i = 0; i < cigarOps.length; i += 2) {
+                            const val = +cigarOps[i];
+                            const op = cigarOps[i + 1];
+                            if (op === 'M' || op === '=' || op === 'X') {
+                                currX += (val / hBpPerPx) * strand;
+                                currY += val / vBpPerPx;
+                            }
+                            else if (op === 'D' || op === 'N') {
+                                currX += (val / hBpPerPx) * strand;
+                            }
+                            else if (op === 'I') {
+                                currY += val / vBpPerPx;
+                            }
+                            currX = clampWithWarnX(currX, b1, b2, feature);
+                            currY = clampWithWarnY(currY, e1, e2, feature);
+                            ctx.lineTo(currX, height - currY);
+                        }
+                        ctx.stroke();
+                    }
+                    else {
+                        ctx.beginPath();
+                        ctx.moveTo(b1, height - e1);
+                        ctx.lineTo(b2, height - e2);
+                        ctx.stroke();
+                    }
+                }
+            }
+            else {
+                if (warnings.length <= 5) {
+                    if (b10 === undefined || b20 === undefined) {
+                        warnings.push({
+                            message: `feature at (X ${refName}:${start}-${end}) not plotted, fell outside of range`,
+                            effect: 'feature not rendered',
+                        });
+                    }
+                    else {
+                        warnings.push({
+                            message: `feature at (Y ${mateRef}:${mate.start}-${mate.end}) not plotted, fell outside of range`,
+                            effect: 'feature not rendered',
+                        });
+                    }
+                }
+            }
+        });
+        return { warnings };
+    }
+    async render(renderProps) {
+        var _a, _b;
+        const { width, height, view: { hview, vview }, } = renderProps;
+        const dimensions = [width, height];
+        const views = [hview, vview].map((snap, idx) => {
+            const view = Dotplot1DView.create(snap);
+            view.setVolatileWidth(dimensions[idx]);
+            return view;
+        });
+        const target = views[0];
+        const feats = await this.getFeatures({
+            ...renderProps,
+            regions: target.dynamicBlocks.contentBlocks,
+        });
+        target.setFeatures(feats);
+        const ret = await renderToAbstractCanvas(width, height, renderProps, ctx => this.drawDotplot(ctx, { ...renderProps, views }));
+        const results = await super.render({
+            ...renderProps,
+            ...ret,
+            height,
+            width,
+        });
+        return {
+            ...results,
+            ...ret,
+            height,
+            width,
+            offsetX: ((_a = views[0].dynamicBlocks.blocks[0]) === null || _a === void 0 ? void 0 : _a.offsetPx) || 0,
+            offsetY: ((_b = views[1].dynamicBlocks.blocks[0]) === null || _b === void 0 ? void 0 : _b.offsetPx) || 0,
+            bpPerPxX: views[0].bpPerPx,
+            bpPerPxY: views[1].bpPerPx,
+        };
+    }
+}
+//# sourceMappingURL=DotplotRenderer.js.map

package/esm/DotplotRenderer/DotplotRenderer.js.map

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

package/esm/DotplotRenderer/components/DotplotRendering.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DotplotRenderArgsDeserialized } from '../DotplotRenderer';
+declare function DotplotRendering(props: DotplotRenderArgsDeserialized): React.JSX.Element;
+declare const _default: typeof DotplotRendering;
+export default _default;

package/esm/DotplotRenderer/components/DotplotRendering.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PrerenderedCanvas } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
+function DotplotRendering(props) {
+    return React.createElement(PrerenderedCanvas, { ...props });
+}
+export default observer(DotplotRendering);
+//# sourceMappingURL=DotplotRendering.js.map

package/esm/DotplotRenderer/components/DotplotRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotplotRendering.js","sourceRoot":"","sources":["../../../src/DotplotRenderer/components/DotplotRendering.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,OAAO,oBAAC,iBAAiB,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC;AAED,eAAe,QAAQ,CAAC,gBAAgB,CAAC,CAAA"}

package/esm/DotplotRenderer/configSchema.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    /**
+     * #slot
+     */
+    color: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    /**
+     * #slot
+     */
+    posColor: {
+        type: string;
+        description: string;
+        defaultValue: string;
+    };
+    /**
+     * #slot
+     */
+    negColor: {
+        type: string;
+        description: string;
+        defaultValue: string;
+    };
+    /**
+     * #slot
+     */
+    lineWidth: {
+        type: string;
+        description: string;
+        defaultValue: number;
+    };
+    /**
+     * #slot
+     */
+    colorBy: {
+        type: string;
+        model: import("mobx-state-tree").ISimpleType<string>;
+        description: string;
+        defaultValue: string;
+    };
+    /**
+     * #slot
+     */
+    thresholdsPalette: {
+        type: string;
+        defaultValue: string[];
+        description: string;
+    };
+    /**
+     * #slot
+     */
+    thresholds: {
+        type: string;
+        defaultValue: string[];
+        description: string;
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export default _default;

package/esm/DotplotRenderer/configSchema.js

@@ -0,0 +1,81 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { types } from 'mobx-state-tree';
+/**
+ * #config DotplotRenderer
+ * #category renderer
+ */
+function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+export default ConfigurationSchema('DotplotRenderer', {
+    /**
+     * #slot
+     */
+    color: {
+        type: 'color',
+        description: 'the color of each feature in a synteny, used with colorBy:default',
+        defaultValue: '#f0f',
+        contextVariable: ['feature'],
+    },
+    /**
+     * #slot
+     */
+    posColor: {
+        type: 'color',
+        description: 'the color for forward alignments, used with colorBy:strand',
+        defaultValue: 'blue',
+    },
+    /**
+     * #slot
+     */
+    negColor: {
+        type: 'color',
+        description: 'the color for reverse alignments, used with colorBy:strand',
+        defaultValue: 'red',
+    },
+    /**
+     * #slot
+     */
+    lineWidth: {
+        type: 'number',
+        description: 'width of the lines to be drawn',
+        defaultValue: 2.5, // 2.5 is similar to D-GENIES
+    },
+    /**
+     * #slot
+     */
+    colorBy: {
+        type: 'stringEnum',
+        model: types.enumeration('colorBy', [
+            'identity',
+            'meanQueryIdentity',
+            'mappingQuality',
+            'strand',
+            'default',
+        ]),
+        description: `Color by options:<br/>
+<ul>
+  <li>"identity" - the identity of the particular hit, similar to D-GENIES, use the other config slots 'thresholds' and 'thresholdsPalette' to define colors for this setting</li>
+  <li>"meanQueryIdentity" - calculates the weighted mean identity (weighted by alignment length) of all the hits that the query maps to (e.g. if the query is split aligned to many target, uses their weighted mean. can help show patterns of more related and distant synteny after WGD)</li>
+  <li>"mappingQuality" - uses mapping quality from PAF, some adapters don't have this setting</li>
+  <li>"strand" - colors negative alignments with negColor and positive alignments with posColor</li>
+  <li>"default" - uses the 'color' config slot</li>
+</ul>`,
+        defaultValue: 'default',
+    },
+    /**
+     * #slot
+     */
+    thresholdsPalette: {
+        type: 'stringArray',
+        defaultValue: ['#094b09', '#2ebd40', '#d5670b', '#ffd84b'],
+        description: 'threshold colors, used with colorBy:identity',
+    },
+    /**
+     * #slot
+     */
+    thresholds: {
+        type: 'stringArray',
+        defaultValue: ['0.75', '0.5', '0.25', '0'],
+        description: 'threshold breakpoints, used with colorBy:identity',
+    },
+}, { explicitlyTyped: true });
+//# sourceMappingURL=configSchema.js.map

package/esm/DotplotRenderer/configSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../src/DotplotRenderer/configSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC;;;GAGG;AACH,SAAS,CAAC,KAAI,CAAC,CAAC,wDAAwD;AAExE,eAAe,mBAAmB,CAChC,iBAAiB,EACjB;IACE;;OAEG;IACH,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,WAAW,EACT,mEAAmE;QACrE,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,CAAC,SAAS,CAAC;KAC7B;IAED;;OAEG;IACH,QAAQ,EAAE;QACR,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,4DAA4D;QACzE,YAAY,EAAE,MAAM;KACrB;IACD;;OAEG;IACH,QAAQ,EAAE;QACR,IAAI,EAAE,OAAO;QACb,WAAW,EAAE,4DAA4D;QACzE,YAAY,EAAE,KAAK;KACpB;IAED;;OAEG;IACH,SAAS,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,gCAAgC;QAC7C,YAAY,EAAE,GAAG,EAAE,6BAA6B;KACjD;IAED;;OAEG;IACH,OAAO,EAAE;QACP,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE;YAClC,UAAU;YACV,mBAAmB;YACnB,gBAAgB;YAChB,QAAQ;YACR,SAAS;SACV,CAAC;QACF,WAAW,EAAE;;;;;;;MAOb;QACA,YAAY,EAAE,SAAS;KACxB;IAED;;OAEG;IACH,iBAAiB,EAAE;QACjB,IAAI,EAAE,aAAa;QACnB,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAC1D,WAAW,EAAE,8CAA8C;KAC5D;IAED;;OAEG;IACH,UAAU,EAAE;QACV,IAAI,EAAE,aAAa;QACnB,YAAY,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC;QAC1C,WAAW,EAAE,mDAAmD;KACjE;CACF,EACD,EAAE,eAAe,EAAE,IAAI,EAAE,CAC1B,CAAA"}

package/esm/DotplotRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/esm/DotplotRenderer/index.js

@@ -0,0 +1,12 @@
+import ReactComponent from './components/DotplotRendering';
+import DotplotRenderer from './DotplotRenderer';
+import configSchema from './configSchema';
+export default (pluginManager) => {
+    pluginManager.addRendererType(() => new DotplotRenderer({
+        name: 'DotplotRenderer',
+        configSchema: configSchema,
+        ReactComponent,
+        pluginManager,
+    }));
+};
+//# sourceMappingURL=index.js.map

package/esm/DotplotRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DotplotRenderer/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,eAAe,CAC3B,GAAG,EAAE,CACH,IAAI,eAAe,CAAC;QAClB,IAAI,EAAE,iBAAiB;QACvB,YAAY,EAAE,YAAY;QAC1B,cAAc;QACd,aAAa;KACd,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}