@jbrowse/plugin-alignments 2.2.2 → 2.3.1

package/dist/LinearReadArcsDisplay/model.d.ts

@@ -0,0 +1,342 @@
+import React from 'react';
+import { Instance } from 'mobx-state-tree';
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import { ChainData } from '../shared/fetchChains';
+import { ExportSvgOptions } from '@jbrowse/plugin-linear-genome-view/src/LinearGenomeView';
+interface Filter {
+    flagInclude: number;
+    flagExclude: number;
+    readName?: string;
+    tagFilter?: {
+        tag: string;
+        value: string;
+    };
+}
+/**
+ * #stateModel LinearReadArcsDisplay
+ * extends `BaseLinearDisplay`
+ */
+declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
+            layout: any; /**
+             * #action
+             */
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearReadArcsDisplay">;
+    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
+    filterBy: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+        flagInclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+        flagExclude: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+        readName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        tagFilter: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+            tag: import("mobx-state-tree").ISimpleType<string>;
+            value: import("mobx-state-tree").ISimpleType<string>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    lineWidth: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    colorBy: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
+        type: import("mobx-state-tree").ISimpleType<string>;
+        tag: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        extra: import("mobx-state-tree").IType<any, any, any>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    drawInter: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    drawLongRange: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+}, {
+    rendererTypeName: string;
+    error: unknown; /**
+     * #action
+     * thin, bold, extrabold, etc
+     */
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown; /**
+             * #getter
+             */
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    currBpPerPx: number;
+    scrollTop: number;
+    message: string;
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+    estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
+    estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: React.FC<any>;
+    readonly selectedFeatureId: string | undefined;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): any;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly estimatedStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    setMessage(message: string): void;
+    afterAttach(): void;
+    estimateRegionsStats(regions: import("@jbrowse/core/util").Region[], opts: {
+        headers?: Record<string, string> | undefined;
+        signal?: AbortSignal | undefined;
+        filters?: string[] | undefined;
+    }): Promise<{}>;
+    setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
+    setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
+    clearRegionStats(): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+    setScrollTop(scrollTop: number): void;
+    updateStatsLimit(stats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats): void;
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    setCurrBpPerPx(n: number): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature: string | undefined): void;
+    reload(): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+} & {
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): JSX.Element | null;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    contextMenuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+} & {
+    loading: boolean;
+    drawn: boolean;
+    chainData: ChainData | undefined;
+    ref: HTMLCanvasElement | null;
+    lastDrawnOffsetPx: number;
+} & {
+    /**
+     * #action
+     * internal, a reference to a HTMLCanvas because we use a autorun to draw the canvas
+     */
+    reload(): void;
+    /**
+     * #action
+     * internal, a reference to a HTMLCanvas because we use a autorun to draw the canvas
+     */
+    setRef(ref: HTMLCanvasElement | null): void;
+    /**
+     * #action
+     */
+    setColorScheme(s: {
+        type: string;
+    }): void;
+    /**
+     * #action
+     */
+    setChainData(args: ChainData): void;
+    /**
+     * #action
+     */
+    setDrawInter(f: boolean): void;
+    /**
+     * #action
+     */
+    setDrawLongRange(f: boolean): void;
+    /**
+     * #action
+     */
+    setLoading(f: boolean): void;
+    /**
+     * #action
+     * used during tests to detect when we can complete a snapshot test
+     */
+    setDrawn(f: boolean): void;
+    /**
+     * #action
+     */
+    setFilterBy(filter: Filter): void;
+    /**
+     * #action
+     * allows the drawing to slide around a little bit if it takes a long time to refresh
+     */
+    setLastDrawnOffsetPx(n: number): void;
+    /**
+     * #action
+     * thin, bold, extrabold, etc
+     */
+    setLineWidth(n: number): void;
+} & {
+    /**
+     * #getter
+     */
+    readonly lineWidthSetting: any;
+    /**
+     * #getter
+     */
+    readonly ready: boolean;
+    readonly rendererTypeName: string;
+    renderProps(): any;
+    /**
+     * #method
+     */
+    trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+        type?: undefined;
+        checked?: undefined;
+        subMenu?: undefined;
+    } | {
+        label: string;
+        type: string;
+        checked: boolean;
+        onClick: () => void;
+        icon?: undefined;
+        subMenu?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        subMenu: {
+            label: string;
+            onClick: () => void;
+        }[];
+        onClick?: undefined;
+        type?: undefined;
+        checked?: undefined;
+    })[];
+} & {
+    /**
+     * #method
+     */
+    renderSvg(opts: ExportSvgOptions): Promise<JSX.Element | undefined>;
+} & {
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, {
+    type: string;
+    height: number;
+    id: string;
+    rpcDriverName: string | undefined;
+    userBpPerPxLimit: number | undefined;
+    userByteSizeLimit: number | undefined;
+} & import("mobx-state-tree")._NotCustomized>;
+export type LinearReadArcsDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export type LinearReadArcsDisplayModel = Instance<LinearReadArcsDisplayStateModel>;
+export default stateModelFactory;

package/dist/LinearReadArcsDisplay/model.js

@@ -0,0 +1,327 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const react_1 = __importStar(require("react"));
+const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+// icons
+const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
+const ClearAll_1 = __importDefault(require("@mui/icons-material/ClearAll"));
+// locals
+const shared_1 = require("../shared");
+const drawFeats_1 = __importDefault(require("./drawFeats"));
+const fetchChains_1 = require("../shared/fetchChains");
+// async
+const FilterByTagDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../shared/FilterByTag'))));
+/**
+ * #stateModel LinearReadArcsDisplay
+ * extends `BaseLinearDisplay`
+ */
+function stateModelFactory(configSchema) {
+    return mobx_state_tree_1.types
+        .compose('LinearReadArcsDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+        /**
+         * #property
+         */
+        type: mobx_state_tree_1.types.literal('LinearReadArcsDisplay'),
+        /**
+         * #property
+         */
+        configuration: (0, configuration_1.ConfigurationReference)(configSchema),
+        /**
+         * #property
+         */
+        filterBy: mobx_state_tree_1.types.optional(shared_1.FilterModel, {}),
+        /**
+         * #property
+         */
+        lineWidth: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
+        /**
+         * #property
+         */
+        colorBy: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.model({
+            type: mobx_state_tree_1.types.string,
+            tag: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
+            extra: mobx_state_tree_1.types.frozen(),
+        })),
+        /**
+         * #property
+         */
+        drawInter: true,
+        /**
+         * #property
+         */
+        drawLongRange: true,
+    }))
+        .volatile(() => ({
+        loading: false,
+        drawn: false,
+        chainData: undefined,
+        ref: null,
+        lastDrawnOffsetPx: 0,
+    }))
+        .actions(self => ({
+        /**
+         * #action
+         * internal, a reference to a HTMLCanvas because we use a autorun to draw the canvas
+         */
+        reload() {
+            self.error = undefined;
+        },
+        /**
+         * #action
+         * internal, a reference to a HTMLCanvas because we use a autorun to draw the canvas
+         */
+        setRef(ref) {
+            self.ref = ref;
+        },
+        /**
+         * #action
+         */
+        setColorScheme(s) {
+            self.colorBy = (0, mobx_state_tree_1.cast)(s);
+        },
+        /**
+         * #action
+         */
+        setChainData(args) {
+            self.chainData = args;
+        },
+        /**
+         * #action
+         */
+        setDrawInter(f) {
+            self.drawInter = f;
+        },
+        /**
+         * #action
+         */
+        setDrawLongRange(f) {
+            self.drawLongRange = f;
+        },
+        /**
+         * #action
+         */
+        setLoading(f) {
+            self.loading = f;
+        },
+        /**
+         * #action
+         * used during tests to detect when we can complete a snapshot test
+         */
+        setDrawn(f) {
+            self.drawn = f;
+        },
+        /**
+         * #action
+         */
+        setFilterBy(filter) {
+            self.filterBy = (0, mobx_state_tree_1.cast)(filter);
+        },
+        /**
+         * #action
+         * allows the drawing to slide around a little bit if it takes a long time to refresh
+         */
+        setLastDrawnOffsetPx(n) {
+            self.lastDrawnOffsetPx = n;
+        },
+        /**
+         * #action
+         * thin, bold, extrabold, etc
+         */
+        setLineWidth(n) {
+            self.lineWidth = n;
+        },
+    }))
+        .views(self => {
+        const { trackMenuItems: superTrackMenuItems, renderProps: superRenderProps, } = self;
+        return {
+            /**
+             * #getter
+             */
+            get lineWidthSetting() {
+                var _a;
+                return (_a = self.lineWidth) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, 'lineWidth');
+            },
+            /**
+             * #getter
+             */
+            get ready() {
+                return !!self.chainData;
+            },
+            // we don't use a server side renderer, but we need to provide this
+            // to avoid confusing the system currently
+            get rendererTypeName() {
+                return 'PileupRenderer';
+            },
+            // we don't use a server side renderer, so this fills in minimal
+            // info so as not to crash
+            renderProps() {
+                return {
+                    ...superRenderProps(),
+                    // never ready, we don't want to use server side render
+                    notReady: true,
+                    config: (0, configuration_1.ConfigurationSchema)('empty', {}).create(),
+                };
+            },
+            /**
+             * #method
+             */
+            trackMenuItems() {
+                return [
+                    ...superTrackMenuItems(),
+                    {
+                        label: 'Filter by',
+                        icon: ClearAll_1.default,
+                        onClick: () => {
+                            (0, util_1.getSession)(self).queueDialog(handleClose => [
+                                FilterByTagDlg,
+                                { model: self, handleClose },
+                            ]);
+                        },
+                    },
+                    {
+                        label: 'Line width',
+                        subMenu: [
+                            {
+                                label: 'Thin',
+                                onClick: () => self.setLineWidth(1),
+                            },
+                            {
+                                label: 'Bold',
+                                onClick: () => self.setLineWidth(2),
+                            },
+                            {
+                                label: 'Extra bold',
+                                onClick: () => self.setLineWidth(5),
+                            },
+                        ],
+                    },
+                    {
+                        label: 'Draw inter-region vertical lines',
+                        type: 'checkbox',
+                        checked: self.drawInter,
+                        onClick: () => self.setDrawInter(!self.drawInter),
+                    },
+                    {
+                        label: 'Draw long range connections',
+                        type: 'checkbox',
+                        checked: self.drawLongRange,
+                        onClick: () => self.setDrawLongRange(!self.drawLongRange),
+                    },
+                    {
+                        label: 'Color scheme',
+                        icon: Palette_1.default,
+                        subMenu: [
+                            {
+                                label: 'Insert size ± 3σ and orientation',
+                                onClick: () => self.setColorScheme({ type: 'insertSizeAndOrientation' }),
+                            },
+                            {
+                                label: 'Insert size ± 3σ',
+                                onClick: () => self.setColorScheme({ type: 'insertSize' }),
+                            },
+                            {
+                                label: 'Orientation',
+                                onClick: () => self.setColorScheme({ type: 'orientation' }),
+                            },
+                            {
+                                label: 'Insert size gradient',
+                                onClick: () => self.setColorScheme({ type: 'gradient' }),
+                            },
+                        ],
+                    },
+                ];
+            },
+        };
+    })
+        .views(self => ({
+        /**
+         * #method
+         */
+        async renderSvg(opts) {
+            const view = (0, util_1.getContainingView)(self);
+            const width = view.dynamicBlocks.totalWidthPx;
+            const height = self.height;
+            let str;
+            if (opts.rasterizeLayers) {
+                const canvas = document.createElement('canvas');
+                canvas.width = width * 2;
+                canvas.height = height * 2;
+                const ctx = canvas.getContext('2d');
+                if (!ctx) {
+                    return;
+                }
+                ctx.scale(2, 2);
+                await (0, drawFeats_1.default)(self, ctx);
+                str = (react_1.default.createElement("image", { width: width, height: height, xlinkHref: canvas.toDataURL('image/png') }));
+            }
+            else {
+                // @ts-ignore
+                const C2S = await Promise.resolve().then(() => __importStar(require('canvas2svg')));
+                const ctx = new C2S.default(width, height);
+                await (0, drawFeats_1.default)(self, ctx);
+                str = (
+                // eslint-disable-next-line react/no-danger
+                react_1.default.createElement("g", { dangerouslySetInnerHTML: { __html: ctx.getSvg().innerHTML } }));
+            }
+            return react_1.default.createElement("g", null, str);
+        },
+    }))
+        .actions(self => ({
+        afterAttach() {
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => (0, fetchChains_1.fetchChains)(self), { delay: 1000 }));
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
+                try {
+                    const canvas = self.ref;
+                    if (!canvas) {
+                        return;
+                    }
+                    const ctx = canvas.getContext('2d');
+                    if (!ctx) {
+                        return;
+                    }
+                    ctx.clearRect(0, 0, canvas.width, self.height * 2);
+                    ctx.resetTransform();
+                    ctx.scale(2, 2);
+                    await (0, drawFeats_1.default)(self, ctx);
+                    self.setDrawn(true);
+                }
+                catch (e) {
+                    console.error(e);
+                    self.setError(e);
+                }
+            }, { delay: 1000 }));
+        },
+    }));
+}
+exports.default = stateModelFactory;
+//# sourceMappingURL=model.js.map

package/dist/LinearReadArcsDisplay/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/LinearReadArcsDisplay/model.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmC;AACnC,+BAA8B;AAC9B,qDAAoE;AACpE,+DAKoC;AACpC,6CAAkE;AAElE,kFAG2C;AAE3C,QAAQ;AACR,0EAAqD;AACrD,4EAAyD;AAEzD,SAAS;AACT,sCAAuC;AACvC,4DAAmC;AACnC,uDAA8D;AAG9D,QAAQ;AACR,MAAM,cAAc,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,uBAAuB,GAAC,CAAC,CAAA;AAWlE;;;GAGG;AACH,SAAS,iBAAiB,CAAC,YAAwC;IACjE,OAAO,uBAAK;SACT,OAAO,CACN,uBAAuB,EACvB,6CAAiB,EACjB,uBAAK,CAAC,KAAK,CAAC;QACV;;WAEG;QACH,IAAI,EAAE,uBAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC;QAC5C;;WAEG;QACH,aAAa,EAAE,IAAA,sCAAsB,EAAC,YAAY,CAAC;QAEnD;;WAEG;QACH,QAAQ,EAAE,uBAAK,CAAC,QAAQ,CAAC,oBAAW,EAAE,EAAE,CAAC;QAEzC;;WAEG;QACH,SAAS,EAAE,uBAAK,CAAC,KAAK,CAAC,uBAAK,CAAC,MAAM,CAAC;QAEpC;;WAEG;QACH,OAAO,EAAE,uBAAK,CAAC,KAAK,CAClB,uBAAK,CAAC,KAAK,CAAC;YACV,IAAI,EAAE,uBAAK,CAAC,MAAM;YAClB,GAAG,EAAE,uBAAK,CAAC,KAAK,CAAC,uBAAK,CAAC,MAAM,CAAC;YAC9B,KAAK,EAAE,uBAAK,CAAC,MAAM,EAAE;SACtB,CAAC,CACH;QAED;;WAEG;QACH,SAAS,EAAE,IAAI;QAEf;;WAEG;QACH,aAAa,EAAE,IAAI;KACpB,CAAC,CACH;SACA,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACf,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,SAAkC;QAC7C,GAAG,EAAE,IAAgC;QACrC,iBAAiB,EAAE,CAAC;KACrB,CAAC,CAAC;SACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB;;;WAGG;QACH,MAAM;YACJ,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;QACxB,CAAC;QACD;;;WAGG;QACH,MAAM,CAAC,GAA6B;YAClC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,CAAC;QAED;;WAEG;QACH,cAAc,CAAC,CAAmB;YAChC,IAAI,CAAC,OAAO,GAAG,IAAA,sBAAI,EAAC,CAAC,CAAC,CAAA;QACxB,CAAC;QAED;;WAEG;QACH,YAAY,CAAC,IAAe;YAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACvB,CAAC;QAED;;WAEG;QACH,YAAY,CAAC,CAAU;YACrB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;QACpB,CAAC;QAED;;WAEG;QACH,gBAAgB,CAAC,CAAU;YACzB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAA;QACxB,CAAC;QAED;;WAEG;QACH,UAAU,CAAC,CAAU;YACnB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;QAClB,CAAC;QAED;;;WAGG;QACH,QAAQ,CAAC,CAAU;YACjB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA;QAChB,CAAC;QAED;;WAEG;QACH,WAAW,CAAC,MAAc;YACxB,IAAI,CAAC,QAAQ,GAAG,IAAA,sBAAI,EAAC,MAAM,CAAC,CAAA;QAC9B,CAAC;QAED;;;WAGG;QACH,oBAAoB,CAAC,CAAS;YAC5B,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAA;QAC5B,CAAC;QAED;;;WAGG;QACH,YAAY,CAAC,CAAS;YACpB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;QACpB,CAAC;KACF,CAAC,CAAC;SAEF,KAAK,CAAC,IAAI,CAAC,EAAE;QACZ,MAAM,EACJ,cAAc,EAAE,mBAAmB,EACnC,WAAW,EAAE,gBAAgB,GAC9B,GAAG,IAAI,CAAA;QAER,OAAO;YACL;;eAEG;YACH,IAAI,gBAAgB;;gBAClB,OAAO,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAA,uBAAO,EAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACrD,CAAC;YACD;;eAEG;YACH,IAAI,KAAK;gBACP,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;YACzB,CAAC;YACD,mEAAmE;YACnE,0CAA0C;YAC1C,IAAI,gBAAgB;gBAClB,OAAO,gBAAgB,CAAA;YACzB,CAAC;YACD,gEAAgE;YAChE,0BAA0B;YAC1B,WAAW;gBACT,OAAO;oBACL,GAAG,gBAAgB,EAAE;oBACrB,uDAAuD;oBACvD,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE,IAAA,mCAAmB,EAAC,OAAO,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;iBAClD,CAAA;YACH,CAAC;YAED;;eAEG;YACH,cAAc;gBACZ,OAAO;oBACL,GAAG,mBAAmB,EAAE;oBACxB;wBACE,KAAK,EAAE,WAAW;wBAClB,IAAI,EAAE,kBAAc;wBACpB,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAA,iBAAU,EAAC,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;gCAC1C,cAAc;gCACd,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE;6BAC7B,CAAC,CAAA;wBACJ,CAAC;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,MAAM;gCACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;6BACpC;4BACD;gCACE,KAAK,EAAE,MAAM;gCACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;6BACpC;4BACD;gCACE,KAAK,EAAE,YAAY;gCACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;6BACpC;yBACF;qBACF;oBACD;wBACE,KAAK,EAAE,kCAAkC;wBACzC,IAAI,EAAE,UAAU;wBAChB,OAAO,EAAE,IAAI,CAAC,SAAS;wBACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;qBAClD;oBACD;wBACE,KAAK,EAAE,6BAA6B;wBACpC,IAAI,EAAE,UAAU;wBAChB,OAAO,EAAE,IAAI,CAAC,aAAa;wBAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;qBAC1D;oBACD;wBACE,KAAK,EAAE,cAAc;wBACrB,IAAI,EAAE,iBAAW;wBACjB,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,kCAAkC;gCACzC,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,CAAC;6BAC5D;4BACD;gCACE,KAAK,EAAE,kBAAkB;gCACzB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;6BAC3D;4BACD;gCACE,KAAK,EAAE,aAAa;gCACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;6BAC5D;4BACD;gCACE,KAAK,EAAE,sBAAsB;gCAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;6BACzD;yBACF;qBACF;iBACF,CAAA;YACH,CAAC;SACF,CAAA;IACH,CAAC,CAAC;SACD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACd;;WAEG;QACH,KAAK,CAAC,SAAS,CAAC,IAAsB;YACpC,MAAM,IAAI,GAAG,IAAA,wBAAiB,EAAC,IAAI,CAAQ,CAAA;YAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAA;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAC1B,IAAI,GAAG,CAAA;YACP,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;gBAC/C,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAA;gBACxB,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,CAAC,CAAA;gBAC1B,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;gBACnC,IAAI,CAAC,GAAG,EAAE;oBACR,OAAM;iBACP;gBACD,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBACf,MAAM,IAAA,mBAAS,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBAC1B,GAAG,GAAG,CACJ,yCACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,GACxC,CACH,CAAA;aACF;iBAAM;gBACL,aAAa;gBACb,MAAM,GAAG,GAAG,wDAAa,YAAY,GAAC,CAAA;gBACtC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBAC1C,MAAM,IAAA,mBAAS,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBAC1B,GAAG,GAAG;gBACJ,2CAA2C;gBAC3C,qCAAG,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,GAAI,CACnE,CAAA;aACF;YAED,OAAO,yCAAI,GAAG,CAAK,CAAA;QACrB,CAAC;KACF,CAAC,CAAC;SACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB,WAAW;YACT,IAAA,6BAAW,EACT,IAAI,EACJ,IAAA,cAAO,EAAC,GAAG,EAAE,CAAC,IAAA,yBAAW,EAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAClD,CAAA;YAED,IAAA,6BAAW,EACT,IAAI,EACJ,IAAA,cAAO,EACL,KAAK,IAAI,EAAE;gBACT,IAAI;oBACF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAA;oBACvB,IAAI,CAAC,MAAM,EAAE;wBACX,OAAM;qBACP;oBACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;oBACnC,IAAI,CAAC,GAAG,EAAE;wBACR,OAAM;qBACP;oBACD,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;oBAClD,GAAG,CAAC,cAAc,EAAE,CAAA;oBACpB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;oBACf,MAAM,IAAA,mBAAS,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;oBAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;iBACpB;gBAAC,OAAO,CAAC,EAAE;oBACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;oBAChB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;iBACjB;YACH,CAAC,EACD,EAAE,KAAK,EAAE,IAAI,EAAE,CAChB,CACF,CAAA;QACH,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC;AAQD,kBAAe,iBAAiB,CAAA"}