@jbrowse/plugin-dotplot-view 3.7.0 → 4.0.0

package/dist/DotplotView/model.js

@@ -1,502 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dotplot1DView = void 0;
-exports.default = stateModelFactory;
-const react_1 = require("react");
-const configuration_1 = require("@jbrowse/core/configuration");
-const BaseViewModel_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/models/BaseViewModel"));
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mst_1 = require("@jbrowse/core/util/types/mst");
-const FolderOpen_1 = __importDefault(require("@mui/icons-material/FolderOpen"));
-const PhotoCamera_1 = __importDefault(require("@mui/icons-material/PhotoCamera"));
-const file_saver_1 = require("file-saver");
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const _1dview_1 = require("./1dview");
-const util_2 = require("./components/util");
-const ExportSvgDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ExportSvgDialog'))));
-const ReturnToImportFormDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ReturnToImportFormDialog'))));
-function stringLenPx(a) {
-    return (0, util_1.measureText)(a.slice(0, 30));
-}
-function pxWidthForBlocks(blocks, bpPerPx, hide) {
-    return (0, util_1.max)([
-        ...blocks.filter(b => !hide.has(b.key)).map(b => stringLenPx(b.refName)),
-        ...blocks
-            .filter(b => !hide.has(b.key))
-            .map(b => stringLenPx((0, util_1.getTickDisplayStr)(b.end, bpPerPx))),
-    ]);
-}
-function stateModelFactory(pm) {
-    return mobx_state_tree_1.types
-        .compose('DotplotView', BaseViewModel_1.default, mobx_state_tree_1.types.model({
-        id: mst_1.ElementId,
-        type: mobx_state_tree_1.types.literal('DotplotView'),
-        height: 600,
-        borderSize: 20,
-        tickSize: 5,
-        vtextRotation: 0,
-        htextRotation: -90,
-        fontSize: 15,
-        trackSelectorType: 'hierarchical',
-        assemblyNames: mobx_state_tree_1.types.array(mobx_state_tree_1.types.string),
-        drawCigar: true,
-        hview: mobx_state_tree_1.types.optional(_1dview_1.DotplotHView, {}),
-        vview: mobx_state_tree_1.types.optional(_1dview_1.DotplotVView, {}),
-        tracks: mobx_state_tree_1.types.array(pm.pluggableMstType('track', 'stateModel')),
-        viewTrackConfigs: mobx_state_tree_1.types.array(pm.pluggableConfigSchemaType('track')),
-    }))
-        .volatile(() => ({
-        volatileWidth: undefined,
-        volatileError: undefined,
-        cursorMode: (0, util_1.localStorageGetItem)('dotplot-cursorMode') || 'crosshair',
-        showPanButtons: (0, util_1.localStorageGetBoolean)('dotplot-showPanbuttons', true),
-        wheelMode: (0, util_1.localStorageGetItem)('dotplot-wheelMode') || 'zoom',
-        borderX: 100,
-        borderY: 100,
-        importFormSyntenyTrackSelections: mobx_1.observable.array(),
-    }))
-        .actions(self => ({
-        importFormRemoveRow(idx) {
-            self.importFormSyntenyTrackSelections.splice(idx, 1);
-        },
-        clearImportFormSyntenyTracks() {
-            self.importFormSyntenyTrackSelections.clear();
-        },
-        setImportFormSyntenyTrack(arg, val) {
-            self.importFormSyntenyTrackSelections[arg] = val;
-        },
-    }))
-        .views(self => ({
-        get width() {
-            if (!self.volatileWidth) {
-                throw new Error('width not initialized');
-            }
-            return self.volatileWidth;
-        },
-    }))
-        .views(self => ({
-        get assemblyErrors() {
-            const { assemblyManager } = (0, util_1.getSession)(self);
-            return self.assemblyNames
-                .map(a => { var _a; return (_a = assemblyManager.get(a)) === null || _a === void 0 ? void 0 : _a.error; })
-                .filter(f => !!f)
-                .join(', ');
-        },
-        get assembliesInitialized() {
-            const { assemblyManager } = (0, util_1.getSession)(self);
-            return self.assemblyNames.every(n => { var _a, _b; return (_b = (_a = assemblyManager.get(n)) === null || _a === void 0 ? void 0 : _a.initialized) !== null && _b !== void 0 ? _b : true; });
-        },
-    }))
-        .views(self => ({
-        get initialized() {
-            return (self.volatileWidth !== undefined &&
-                self.hview.displayedRegions.length > 0 &&
-                self.vview.displayedRegions.length > 0 &&
-                self.assembliesInitialized);
-        },
-        get hticks() {
-            const { hview } = self;
-            const { dynamicBlocks, staticBlocks, bpPerPx } = hview;
-            return dynamicBlocks.contentBlocks.length > 5
-                ? []
-                : (0, util_2.makeTicks)(staticBlocks.contentBlocks, bpPerPx);
-        },
-        get vticks() {
-            const { vview } = self;
-            const { dynamicBlocks, staticBlocks, bpPerPx } = vview;
-            return dynamicBlocks.contentBlocks.length > 5
-                ? []
-                : (0, util_2.makeTicks)(staticBlocks.contentBlocks, bpPerPx);
-        },
-        get loading() {
-            return self.assemblyNames.length > 0 && !this.initialized;
-        },
-        get viewWidth() {
-            return self.width - self.borderX;
-        },
-        get viewHeight() {
-            return self.height - self.borderY;
-        },
-        get views() {
-            return [self.hview, self.vview];
-        },
-        renderProps() {
-            const session = (0, util_1.getSession)(self);
-            return {
-                ...(0, tracks_1.getParentRenderProps)(self),
-                drawCigar: self.drawCigar,
-                highResolutionScaling: (0, configuration_1.getConf)(session, 'highResolutionScaling'),
-            };
-        },
-    }))
-        .actions(self => ({
-        setShowPanButtons(flag) {
-            self.showPanButtons = flag;
-        },
-        setWheelMode(str) {
-            self.wheelMode = str;
-        },
-        setCursorMode(str) {
-            self.cursorMode = str;
-        },
-        setDrawCigar(flag) {
-            self.drawCigar = flag;
-        },
-        clearView() {
-            self.hview.setDisplayedRegions([]);
-            self.vview.setDisplayedRegions([]);
-            self.assemblyNames = (0, mobx_state_tree_1.cast)([]);
-            self.tracks.clear();
-        },
-        setBorderX(n) {
-            self.borderX = n;
-        },
-        setBorderY(n) {
-            self.borderY = n;
-        },
-        setWidth(newWidth) {
-            self.volatileWidth = newWidth;
-            return self.volatileWidth;
-        },
-        setHeight(newHeight) {
-            self.height = newHeight;
-            return self.height;
-        },
-        setError(e) {
-            self.volatileError = e;
-        },
-        zoomOut() {
-            self.hview.zoomOut();
-            self.vview.zoomOut();
-        },
-        zoomIn() {
-            self.hview.zoomIn();
-            self.vview.zoomIn();
-        },
-    }))
-        .actions(self => ({
-        activateTrackSelector() {
-            if (self.trackSelectorType === 'hierarchical') {
-                const session = (0, util_1.getSession)(self);
-                if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                    const selector = session.addWidget('HierarchicalTrackSelectorWidget', 'hierarchicalTrackSelector', { view: self });
-                    session.showWidget(selector);
-                    return selector;
-                }
-            }
-            throw new Error(`invalid track selector type ${self.trackSelectorType}`);
-        },
-        showTrack(trackId, initialSnapshot = {}) {
-            const schema = pm.pluggableConfigSchemaType('track');
-            const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
-            const trackType = pm.getTrackType(conf.type);
-            if (!trackType) {
-                throw new Error(`unknown track type ${conf.type}`);
-            }
-            const viewType = pm.getViewType(self.type);
-            const displayConf = conf.displays.find((d) => viewType.displayTypes.find(type => type.name === d.type));
-            if (!displayConf) {
-                throw new Error(`could not find a compatible display for view type ${self.type}`);
-            }
-            const track = trackType.stateModel.create({
-                ...initialSnapshot,
-                type: conf.type,
-                configuration: conf,
-                displays: [{ type: displayConf.type, configuration: displayConf }],
-            });
-            self.tracks.push(track);
-        },
-        hideTrack(trackId) {
-            const schema = pm.pluggableConfigSchemaType('track');
-            const conf = (0, mobx_state_tree_1.resolveIdentifier)(schema, (0, mobx_state_tree_1.getRoot)(self), trackId);
-            const tracks = self.tracks.filter(t => t.configuration === conf);
-            (0, mobx_1.transaction)(() => {
-                for (const track of tracks) {
-                    self.tracks.remove(track);
-                }
-            });
-            return tracks.length;
-        },
-        toggleTrack(trackId) {
-            const hiddenCount = this.hideTrack(trackId);
-            if (!hiddenCount) {
-                this.showTrack(trackId);
-                return true;
-            }
-            return false;
-        },
-        setAssemblyNames(target, query) {
-            self.assemblyNames = (0, mobx_state_tree_1.cast)([target, query]);
-        },
-        setViews(arr) {
-            self.hview = (0, mobx_state_tree_1.cast)(arr[0]);
-            self.vview = (0, mobx_state_tree_1.cast)(arr[1]);
-        },
-        getCoords(mousedown, mouseup) {
-            const [xmin, xmax] = (0, util_1.minmax)(mouseup[0], mousedown[0]);
-            const [ymin, ymax] = (0, util_1.minmax)(mouseup[1], mousedown[1]);
-            return Math.abs(xmax - xmin) > 3 && Math.abs(ymax - ymin) > 3
-                ? [
-                    self.hview.pxToBp(xmin),
-                    self.hview.pxToBp(xmax),
-                    self.vview.pxToBp(self.viewHeight - ymin),
-                    self.vview.pxToBp(self.viewHeight - ymax),
-                ]
-                : undefined;
-        },
-        zoomInToMouseCoords(mousedown, mouseup) {
-            const result = this.getCoords(mousedown, mouseup);
-            if (result) {
-                const [x1, x2, y1, y2] = result;
-                self.hview.moveTo(x1, x2);
-                self.vview.moveTo(y2, y1);
-            }
-        },
-        calculateBorders() {
-            if (self.volatileWidth === undefined) {
-                return { borderX: self.borderX, borderY: self.borderY };
-            }
-            const { vview, hview, viewHeight, viewWidth } = self;
-            const padding = 40;
-            const vblocks = vview.dynamicBlocks.contentBlocks;
-            const hblocks = hview.dynamicBlocks.contentBlocks;
-            const hoffset = hview.offsetPx;
-            const voffset = vview.offsetPx;
-            const vhide = (0, util_2.getBlockLabelKeysToHide)(vblocks, viewHeight, voffset);
-            const hhide = (0, util_2.getBlockLabelKeysToHide)(hblocks, viewWidth, hoffset);
-            const by = pxWidthForBlocks(hblocks, vview.bpPerPx, hhide);
-            const bx = pxWidthForBlocks(vblocks, hview.bpPerPx, vhide);
-            return {
-                borderX: Math.max(bx + padding, 50),
-                borderY: Math.max(by + padding, 50),
-            };
-        },
-        showAllRegions() {
-            self.hview.zoomTo(self.hview.maxBpPerPx);
-            self.vview.zoomTo(self.vview.maxBpPerPx);
-            const { borderX, borderY } = this.calculateBorders();
-            self.setBorderX(borderX);
-            self.setBorderY(borderY);
-            self.hview.zoomTo(self.hview.maxBpPerPx);
-            self.vview.zoomTo(self.vview.maxBpPerPx);
-            self.vview.center();
-            self.hview.center();
-        },
-        onDotplotView(mousedown, mouseup) {
-            const result = this.getCoords(mousedown, mouseup);
-            if (result) {
-                const [x1, x2, y1, y2] = result;
-                const session = (0, util_1.getSession)(self);
-                const d1 = _1dview_1.Dotplot1DView.create({
-                    ...(0, mobx_state_tree_1.getSnapshot)(self.hview),
-                    minimumBlockWidth: 0,
-                    interRegionPaddingWidth: 0,
-                });
-                const d2 = _1dview_1.Dotplot1DView.create({
-                    ...(0, mobx_state_tree_1.getSnapshot)(self.vview),
-                    minimumBlockWidth: 0,
-                    interRegionPaddingWidth: 0,
-                });
-                d1.setVolatileWidth(self.hview.width);
-                d2.setVolatileWidth(self.vview.width);
-                d1.moveTo(x1, x2);
-                d2.moveTo(y2, y1);
-                d1.zoomTo(d1.bpPerPx / (self.width / self.hview.width), 0);
-                d2.zoomTo(d2.bpPerPx / (self.width / self.vview.width), 0);
-                const tracks = self.tracks
-                    .map(track => track.configuration.displays.find((display) => display.type === 'LinearSyntenyDisplay'))
-                    .filter(f => !!f)
-                    .map(displayConf => {
-                    const trackConf = (0, mobx_state_tree_1.getParent)(displayConf, 2);
-                    return {
-                        type: trackConf.type,
-                        configuration: trackConf,
-                        displays: [
-                            { type: displayConf.type, configuration: displayConf },
-                        ],
-                    };
-                });
-                const { id: _unused1, ...rest1 } = (0, mobx_state_tree_1.getSnapshot)(d1);
-                const { id: _unused2, ...rest2 } = (0, mobx_state_tree_1.getSnapshot)(d2);
-                const viewSnapshot = {
-                    type: 'LinearSyntenyView',
-                    views: [
-                        {
-                            type: 'LinearGenomeView',
-                            tracks: [],
-                            hideHeader: true,
-                            ...rest1,
-                        },
-                        {
-                            type: 'LinearGenomeView',
-                            tracks: [],
-                            hideHeader: true,
-                            ...rest2,
-                        },
-                    ],
-                    tracks,
-                };
-                session.addView('LinearSyntenyView', viewSnapshot);
-            }
-        },
-    }))
-        .actions(self => ({
-        async exportSvg(opts = {}) {
-            const { renderToSvg } = await Promise.resolve().then(() => __importStar(require('./svgcomponents/SVGDotplotView')));
-            const html = await renderToSvg(self, opts);
-            const blob = new Blob([html], { type: 'image/svg+xml' });
-            (0, file_saver_1.saveAs)(blob, opts.filename || 'image.svg');
-        },
-        beforeDestroy() {
-            var _a;
-            const session = (0, util_1.getSession)(self);
-            for (const name of self.assemblyNames) {
-                (_a = session.removeTemporaryAssembly) === null || _a === void 0 ? void 0 : _a.call(session, name);
-            }
-        },
-        afterAttach() {
-            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
-                const s = (s) => JSON.stringify(s);
-                const { showPanButtons, wheelMode, cursorMode } = self;
-                if (typeof localStorage !== 'undefined') {
-                    localStorage.setItem('dotplot-showPanbuttons', s(showPanButtons));
-                    localStorage.setItem('dotplot-cursorMode', cursorMode);
-                    localStorage.setItem('dotplot-wheelMode', wheelMode);
-                }
-            }));
-            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
-                const session = (0, util_1.getSession)(self);
-                if (self.volatileWidth === undefined ||
-                    !self.assembliesInitialized) {
-                    return;
-                }
-                const { hview, assemblyNames, vview } = self;
-                if (hview.displayedRegions.length &&
-                    vview.displayedRegions.length) {
-                    return;
-                }
-                (0, mobx_1.transaction)(() => {
-                    var _a, _b;
-                    hview.setDisplayedRegions(((_a = session.assemblyManager.get(assemblyNames[0])) === null || _a === void 0 ? void 0 : _a.regions) || []);
-                    vview.setDisplayedRegions(((_b = session.assemblyManager.get(assemblyNames[1])) === null || _b === void 0 ? void 0 : _b.regions) || []);
-                    self.showAllRegions();
-                });
-            }, { delay: 1000 }));
-            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(function borderSetter() {
-                if (self.volatileWidth === undefined) {
-                    return;
-                }
-                const { borderX, borderY } = self.calculateBorders();
-                self.setBorderX(borderX);
-                self.setBorderY(borderY);
-            }));
-        },
-        squareView() {
-            const { hview, vview } = self;
-            const avg = (hview.bpPerPx + vview.bpPerPx) / 2;
-            const hpx = hview.pxToBp(hview.width / 2);
-            const vpx = vview.pxToBp(vview.width / 2);
-            hview.setBpPerPx(avg);
-            hview.centerAt(hpx.coord, hpx.refName, hpx.index);
-            vview.setBpPerPx(avg);
-            vview.centerAt(vpx.coord, vpx.refName, vpx.index);
-        },
-        squareViewProportional() {
-            const { hview, vview } = self;
-            const ratio = hview.width / vview.width;
-            const avg = (hview.bpPerPx + vview.bpPerPx) / 2;
-            const hpx = hview.pxToBp(hview.width / 2);
-            const vpx = vview.pxToBp(vview.width / 2);
-            hview.setBpPerPx(avg / ratio);
-            hview.centerAt(hpx.coord, hpx.refName, hpx.index);
-            vview.setBpPerPx(avg);
-            vview.centerAt(vpx.coord, vpx.refName, vpx.index);
-        },
-    }))
-        .views(self => ({
-        menuItems() {
-            const session = (0, util_1.getSession)(self);
-            return [
-                {
-                    label: 'Return to import form',
-                    icon: FolderOpen_1.default,
-                    onClick: () => {
-                        (0, util_1.getSession)(self).queueDialog(handleClose => [
-                            ReturnToImportFormDialog,
-                            {
-                                model: self,
-                                handleClose,
-                            },
-                        ]);
-                    },
-                },
-                {
-                    label: 'Export SVG',
-                    icon: PhotoCamera_1.default,
-                    onClick: () => {
-                        (0, util_1.getSession)(self).queueDialog(handleClose => [
-                            ExportSvgDialog,
-                            {
-                                model: self,
-                                handleClose,
-                            },
-                        ]);
-                    },
-                },
-                ...((0, util_1.isSessionModelWithWidgets)(session)
-                    ? [
-                        {
-                            label: 'Open track selector',
-                            onClick: self.activateTrackSelector,
-                            icon: Icons_1.TrackSelector,
-                        },
-                    ]
-                    : []),
-            ];
-        },
-        get error() {
-            return self.volatileError || self.assemblyErrors;
-        },
-    }));
-}
-var _1dview_2 = require("./1dview");
-Object.defineProperty(exports, "Dotplot1DView", { enumerable: true, get: function () { return _1dview_2.Dotplot1DView; } });

package/dist/DotplotView/svgcomponents/SVGBackground.d.ts

@@ -1,4 +0,0 @@
-export default function SVGBackground({ width, height, }: {
-    width: number;
-    height: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/DotplotView/svgcomponents/SVGBackground.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SVGBackground;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-function SVGBackground({ width, height, }) {
-    const theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: width, height: height, fill: (0, util_1.stripAlpha)(theme.palette.background.default) }));
-}

package/dist/DotplotView/svgcomponents/SVGDotplotView.d.ts

@@ -1,2 +0,0 @@
-import type { DotplotViewModel, ExportSvgOptions } from '../model';
-export declare function renderToSvg(model: DotplotViewModel, opts: ExportSvgOptions): Promise<string>;

package/dist/DotplotView/svgcomponents/SVGDotplotView.js

@@ -1,30 +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.renderToSvg = renderToSvg;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const mobx_1 = require("mobx");
-const SVGBackground_1 = __importDefault(require("./SVGBackground"));
-const Axes_1 = require("../components/Axes");
-const Grid_1 = require("../components/Grid");
-async function renderToSvg(model, opts) {
-    var _a;
-    await (0, mobx_1.when)(() => model.initialized);
-    const { themeName = 'default', Wrapper = ({ children }) => children } = opts;
-    const session = (0, util_1.getSession)(model);
-    const theme = (_a = session.allThemes) === null || _a === void 0 ? void 0 : _a.call(session)[themeName];
-    const { width, borderX, viewWidth, viewHeight, tracks, height } = model;
-    const shift = 50;
-    const displayResults = await Promise.all(tracks.map(async (track) => {
-        const display = track.displays[0];
-        await (0, mobx_1.when)(() => (display.ready !== undefined ? display.ready : true));
-        return { track, result: await display.renderSvg({ ...opts, theme }) };
-    }));
-    const w = width + shift * 2;
-    return (0, util_1.renderToStaticMarkup)((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme), children: (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsxs)("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, w, height].toString(), children: [(0, jsx_runtime_1.jsx)(SVGBackground_1.default, { width: w, height: height }), (0, jsx_runtime_1.jsx)(Axes_1.VerticalAxisRaw, { model: model }), (0, jsx_runtime_1.jsxs)("g", { transform: `translate(${borderX} 0)`, children: [(0, jsx_runtime_1.jsx)(Grid_1.GridRaw, { model: model }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip-ruler", children: (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 0, width: viewWidth, height: viewHeight }) }) }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip-ruler)", children: displayResults.map(({ result }, i) => ((0, jsx_runtime_1.jsx)("g", { children: result }, i))) })] }), (0, jsx_runtime_1.jsx)("g", { transform: `translate(${borderX} ${viewHeight})`, children: (0, jsx_runtime_1.jsx)(Axes_1.HorizontalAxisRaw, { model: model }) })] }) }) }));
-}

package/dist/DotplotView/types.d.ts

@@ -1,12 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { SnapshotIn } from 'mobx-state-tree';
-export type Conf = SnapshotIn<AnyConfigurationModel>;
-export type ImportFormSyntenyTrack = {
-    type: 'preConfigured';
-    value: string;
-} | {
-    type: 'userOpened';
-    value: Conf;
-} | {
-    type: 'none';
-};

package/dist/DotplotView/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/LaunchDotplotView.d.ts

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

package/dist/LaunchDotplotView.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = LaunchDotplotView;
-const mobx_1 = require("mobx");
-function LaunchDotplotView(pluginManager) {
-    pluginManager.addToExtensionPoint('LaunchView-DotplotView', async ({ session, views, tracks = [], }) => {
-        try {
-            const model = session.addView('DotplotView', {});
-            const assemblyNames = views.map(view => view.assembly);
-            (0, mobx_1.transaction)(() => {
-                model.setViews([
-                    { bpPerPx: 0.1, offsetPx: 0 },
-                    { bpPerPx: 0.1, offsetPx: 0 },
-                ]);
-                model.setAssemblyNames(assemblyNames[0], assemblyNames[1]);
-            });
-            const idsNotFound = [];
-            for (const track of tracks) {
-                tryTrack(model, track, idsNotFound);
-            }
-            if (idsNotFound.length) {
-                throw new Error(`Could not resolve identifiers: ${idsNotFound.join(',')}`);
-            }
-        }
-        catch (e) {
-            session.notifyError(`${e}`, e);
-            throw e;
-        }
-    });
-}
-function tryTrack(model, trackId, idsNotFound) {
-    try {
-        model.showTrack(trackId);
-    }
-    catch (e) {
-        if (/Could not resolve identifier/.exec(`${e}`)) {
-            idsNotFound.push(trackId);
-        }
-        else {
-            throw e;
-        }
-    }
-}

package/dist/ServerSideRenderedBlockContent.d.ts

@@ -1,12 +0,0 @@
-import type { CSSProperties } from 'react';
-declare const ServerSideRenderedDotplotContent: ({ model, style, }: {
-    model: {
-        error?: unknown;
-        message?: string;
-        filled?: boolean;
-        shouldDisplay?: boolean;
-        reactElement?: React.ReactElement;
-    };
-    style: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ServerSideRenderedDotplotContent;

package/dist/ServerSideRenderedBlockContent.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    const bg = theme.palette.action.disabledBackground;
-    return {
-        loading: {
-            paddingLeft: '0.6em',
-            backgroundColor: theme.palette.background.default,
-            backgroundImage: `repeating-linear-gradient(45deg, transparent, transparent 5px, ${bg} 5px, ${bg} 10px)`,
-            textAlign: 'center',
-        },
-        blockMessage: {
-            backgroundColor: bg,
-            padding: '10px',
-        },
-    };
-});
-function LoadingMessage() {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}) }));
-}
-function BlockMessage({ messageText }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: messageText }) }));
-}
-function BlockError({ error }) {
-    return (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error });
-}
-const ServerSideRenderedDotplotContent = (0, mobx_react_1.observer)(function ({ model, style, }) {
-    if (model.error) {
-        return (0, jsx_runtime_1.jsx)(BlockError, { error: model.error, "data-testid": "reload_button" });
-    }
-    else if (model.message) {
-        return (0, jsx_runtime_1.jsx)(BlockMessage, { messageText: model.message });
-    }
-    else if (!model.filled) {
-        return (0, jsx_runtime_1.jsx)(LoadingMessage, {});
-    }
-    else if (model.shouldDisplay) {
-        return (0, jsx_runtime_1.jsx)("div", { style: style, children: model.reactElement });
-    }
-    return null;
-});
-exports.default = ServerSideRenderedDotplotContent;