@jbrowse/plugin-linear-comparative-view 2.6.1

package/esm/LinearSyntenyDisplay/index.js

@@ -0,0 +1,19 @@
+import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
+// locals
+import configSchemaF from './configSchemaF';
+import stateModelFactory from './model';
+import { lazy } from 'react';
+export default (pluginManager) => {
+    pluginManager.addDisplayType(() => {
+        const configSchema = configSchemaF(pluginManager);
+        return new DisplayType({
+            name: 'LinearSyntenyDisplay',
+            configSchema,
+            stateModel: stateModelFactory(configSchema),
+            trackType: 'SyntenyTrack',
+            viewType: 'LinearSyntenyView',
+            ReactComponent: lazy(() => import('./components/Component')),
+        });
+    });
+};
+//# sourceMappingURL=index.js.map

package/esm/LinearSyntenyDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LinearSyntenyDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,iDAAiD,CAAA;AAGzE,SAAS;AACT,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,iBAAiB,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE5B,eAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,cAAc,CAAC,GAAG,EAAE;QAChC,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;QACjD,OAAO,IAAI,WAAW,CAAC;YACrB,IAAI,EAAE,sBAAsB;YAC5B,YAAY;YACZ,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,cAAc;YACzB,QAAQ,EAAE,mBAAmB;YAC7B,cAAc,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;SAC7D,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/esm/LinearSyntenyDisplay/model.d.ts

@@ -0,0 +1,333 @@
+/// <reference types="react" />
+import { Instance } from 'mobx-state-tree';
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import { Feature } from '@jbrowse/core/util';
+interface Pos {
+    offsetPx: number;
+}
+interface FeatPos {
+    p11: Pos;
+    p12: Pos;
+    p21: Pos;
+    p22: Pos;
+    f: Feature;
+    cigar: string[];
+}
+/**
+ * #stateModel LinearSyntenyDisplay
+ * extends `LinearComparativeDisplay` model
+ */
+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>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
+    configuration: AnyConfigurationSchemaType;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+} & {
+    /**
+     * #property
+     */
+    type: import("mobx-state-tree").ISimpleType<"LinearSyntenyDisplay">;
+    /**
+     * #property
+     */
+    configuration: AnyConfigurationSchemaType;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+    message: string | undefined;
+} & {
+    readonly RenderingComponent: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & 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;
+            message: string | undefined;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & 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;
+            message: string | undefined;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+         * #action
+         */
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): null;
+} & {
+    setMessage(arg?: string | undefined): void;
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    renderInProgress: AbortController | undefined;
+    features: Feature[] | undefined;
+    message: string | undefined;
+} & {
+    renderProps(): {
+        rpcDriverName: string | undefined;
+        displayModel: {
+            id: string;
+            type: "LinearComparativeDisplay";
+            rpcDriverName: string | undefined;
+            configuration: {
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                setSubschema(slotName: string, data: unknown): any;
+            } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
+            height: number;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & {
+            readonly RenderingComponent: import("react").FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    message: string | undefined;
+                } & 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;
+                    message: string | undefined;
+                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+                onHorizontalScroll?: Function | undefined;
+                blockState?: Record<string, any> | undefined;
+            }>;
+            readonly DisplayBlurb: import("react").FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    message: string | undefined;
+                } & 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;
+                    message: string | undefined;
+                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+                 * #action
+                 */
+            }> | null;
+            readonly adapterConfig: any;
+            readonly parentTrack: any;
+            renderProps(): any;
+            readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+            readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+            trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+            readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+            regionCannotBeRendered(): null;
+        } & {
+            setMessage(arg?: string | undefined): void;
+            setError(error?: unknown): void;
+            setRpcDriverName(rpcDriverName: string): void;
+            reload(): void;
+        } & {
+            renderInProgress: AbortController | undefined;
+            features: Feature[] | undefined;
+            message: string | undefined;
+        } & 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>>;
+        } & {
+            type: import("mobx-state-tree").ISimpleType<"LinearComparativeDisplay">;
+            configuration: AnyConfigurationSchemaType;
+            height: import("mobx-state-tree").IType<number | undefined, number, number>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+            message: string | undefined;
+        } & {
+            readonly RenderingComponent: import("react").FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    message: string | undefined;
+                } & 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;
+                    message: string | undefined;
+                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+                onHorizontalScroll?: Function | undefined;
+                blockState?: Record<string, any> | undefined;
+            }>;
+            readonly DisplayBlurb: import("react").FC<{
+                model: {
+                    id: string;
+                    type: string;
+                    rpcDriverName: string | undefined;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                    rendererTypeName: string;
+                    error: unknown;
+                    message: string | undefined;
+                } & 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;
+                    message: string | undefined;
+                }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+                 * #action
+                 */
+            }> | null;
+            readonly adapterConfig: any;
+            readonly parentTrack: any;
+            renderProps(): any;
+            readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+            readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+            trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+            readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+            regionCannotBeRendered(): null;
+        } & {
+            setMessage(arg?: string | undefined): void;
+            setError(error?: unknown): void;
+            setRpcDriverName(rpcDriverName: string): void;
+            reload(): void;
+        } & {
+            renderInProgress: AbortController | undefined;
+            features: Feature[] | undefined;
+            message: string | undefined;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        highResolutionScaling: number;
+    };
+} & {
+    setLoading(abortController: AbortController): void;
+    setMessage(messageText: string): void;
+    setRendered(args?: {
+        features: Feature[];
+    } | undefined): void;
+    setError(error: unknown): void;
+} & {
+    afterAttach(): void;
+} & {
+    mainCanvas: HTMLCanvasElement | null;
+    clickMapCanvas: HTMLCanvasElement | null;
+    cigarClickMapCanvas: HTMLCanvasElement | null;
+    mouseoverCanvas: HTMLCanvasElement | null;
+    featPositions: FeatPos[];
+    mouseoverId: string | undefined;
+    clickId: string | undefined;
+    cigarMouseoverId: number;
+} & {
+    /**
+     * #action
+     */
+    setFeatPositions(arg: FeatPos[]): void;
+    /**
+     * #action
+     */
+    setMainCanvasRef(ref: HTMLCanvasElement | null): void;
+    /**
+     * #action
+     */
+    setClickMapCanvasRef(ref: HTMLCanvasElement | null): void;
+    /**
+     * #action
+     */
+    setCigarClickMapCanvasRef(ref: HTMLCanvasElement | null): void;
+    /**
+     * #action
+     */
+    setMouseoverCanvasRef(ref: HTMLCanvasElement | null): void;
+    /**
+     * #action
+     */
+    setMouseoverId(arg?: string): void;
+    /**
+     * #action
+     */
+    setCigarMouseoverId(arg: number): void;
+    /**
+     * #action
+     */
+    setClickId(arg?: string): void;
+} & {
+    /**
+     * #getter
+     */
+    readonly adapterConfig: any;
+    /**
+     * #getter
+     */
+    readonly trackIds: string[];
+    /**
+     * #getter
+     */
+    readonly numFeats: number;
+    /**
+     * #getter
+     * used for synteny svg rendering
+     */
+    readonly ready: boolean;
+    /**
+     * #getter
+     */
+    readonly featMap: {
+        [k: string]: FeatPos;
+    };
+} & {
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export type LinearSyntenyDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export type LinearSyntenyDisplayModel = Instance<LinearSyntenyDisplayStateModel>;
+export default stateModelFactory;

package/esm/LinearSyntenyDisplay/model.js

@@ -0,0 +1,151 @@
+import { types } from 'mobx-state-tree';
+import { getConf, ConfigurationReference, } from '@jbrowse/core/configuration';
+// locals
+import baseModelFactory from '../LinearComparativeDisplay/stateModelFactory';
+/**
+ * #stateModel LinearSyntenyDisplay
+ * extends `LinearComparativeDisplay` model
+ */
+function stateModelFactory(configSchema) {
+    return types
+        .compose('LinearSyntenyDisplay', baseModelFactory(configSchema), types.model({
+        /**
+         * #property
+         */
+        type: types.literal('LinearSyntenyDisplay'),
+        /**
+         * #property
+         */
+        configuration: ConfigurationReference(configSchema),
+    }))
+        .volatile(() => ({
+        // canvas used for drawing visible screen
+        mainCanvas: null,
+        // canvas used for drawing click map with feature ids
+        // this renders a unique color per alignment, so that it can be re-traced
+        // after a feature click with getImageData at that pixel
+        clickMapCanvas: null,
+        // canvas used for drawing click map with cigar data
+        // this can show if you are mousing over a insertion/deletion. it is similar
+        // in purpose to the clickMapRef but was not feasible to pack this into the
+        // clickMapRef
+        cigarClickMapCanvas: null,
+        // canvas for drawing mouseover shading
+        // this is separate from the other code for speed: don't have to redraw
+        // entire canvas to do a feature's mouseover shading
+        mouseoverCanvas: null,
+        // assigned by reaction
+        featPositions: [],
+        // currently mouse'd over feature
+        mouseoverId: undefined,
+        // currently click'd over feature
+        clickId: undefined,
+        // currently mouseover'd CIGAR subfeature
+        cigarMouseoverId: -1,
+    }))
+        .actions(self => ({
+        /**
+         * #action
+         */
+        setFeatPositions(arg) {
+            self.featPositions = arg;
+        },
+        /**
+         * #action
+         */
+        setMainCanvasRef(ref) {
+            self.mainCanvas = ref;
+        },
+        /**
+         * #action
+         */
+        setClickMapCanvasRef(ref) {
+            self.clickMapCanvas = ref;
+        },
+        /**
+         * #action
+         */
+        setCigarClickMapCanvasRef(ref) {
+            self.cigarClickMapCanvas = ref;
+        },
+        /**
+         * #action
+         */
+        setMouseoverCanvasRef(ref) {
+            self.mouseoverCanvas = ref;
+        },
+        /**
+         * #action
+         */
+        setMouseoverId(arg) {
+            self.mouseoverId = arg;
+        },
+        /**
+         * #action
+         */
+        setCigarMouseoverId(arg) {
+            self.cigarMouseoverId = arg;
+        },
+        /**
+         * #action
+         */
+        setClickId(arg) {
+            self.clickId = arg;
+        },
+    }))
+        .views(self => ({
+        /**
+         * #getter
+         */
+        get adapterConfig() {
+            return {
+                name: self.parentTrack.configuration.adapter.type,
+                assemblyNames: getConf(self, 'assemblyNames'),
+                ...getConf(self.parentTrack, 'adapter'),
+            };
+        },
+        /**
+         * #getter
+         */
+        get trackIds() {
+            return getConf(self, 'trackIds');
+        },
+        /**
+         * #getter
+         */
+        get numFeats() {
+            return self.featPositions.length;
+        },
+        /**
+         * #getter
+         * used for synteny svg rendering
+         */
+        get ready() {
+            return this.numFeats > 0;
+        },
+        /**
+         * #getter
+         */
+        get featMap() {
+            return Object.fromEntries(self.featPositions.map(f => [f.f.id(), f]));
+        },
+    }))
+        .actions(self => ({
+        afterAttach() {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            ;
+            (async () => {
+                try {
+                    const { doAfterAttach } = await import('./afterAttach');
+                    doAfterAttach(self);
+                }
+                catch (e) {
+                    console.error(e);
+                    self.setError(e);
+                }
+            })();
+        },
+    }));
+}
+export default stateModelFactory;
+//# sourceMappingURL=model.js.map

package/esm/LinearSyntenyDisplay/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/LinearSyntenyDisplay/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAY,MAAM,iBAAiB,CAAA;AACjD,OAAO,EACL,OAAO,EACP,sBAAsB,GAEvB,MAAM,6BAA6B,CAAA;AAGpC,SAAS;AACT,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAe5E;;;GAGG;AACH,SAAS,iBAAiB,CAAC,YAAwC;IACjE,OAAO,KAAK;SACT,OAAO,CACN,sBAAsB,EACtB,gBAAgB,CAAC,YAAY,CAAC,EAC9B,KAAK,CAAC,KAAK,CAAC;QACV;;WAEG;QACH,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC3C;;WAEG;QACH,aAAa,EAAE,sBAAsB,CAAC,YAAY,CAAC;KACpD,CAAC,CACH;SACA,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACf,yCAAyC;QACzC,UAAU,EAAE,IAAgC;QAE5C,qDAAqD;QACrD,yEAAyE;QACzE,wDAAwD;QACxD,cAAc,EAAE,IAAgC;QAEhD,oDAAoD;QACpD,4EAA4E;QAC5E,2EAA2E;QAC3E,cAAc;QACd,mBAAmB,EAAE,IAAgC;QAErD,uCAAuC;QACvC,uEAAuE;QACvE,oDAAoD;QACpD,eAAe,EAAE,IAAgC;QAEjD,uBAAuB;QACvB,aAAa,EAAE,EAAe;QAE9B,iCAAiC;QACjC,WAAW,EAAE,SAA+B;QAE5C,iCAAiC;QACjC,OAAO,EAAE,SAA+B;QAExC,yCAAyC;QACzC,gBAAgB,EAAE,CAAC,CAAC;KACrB,CAAC,CAAC;SACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB;;WAEG;QACH,gBAAgB,CAAC,GAAc;YAC7B,IAAI,CAAC,aAAa,GAAG,GAAG,CAAA;QAC1B,CAAC;QACD;;WAEG;QACH,gBAAgB,CAAC,GAA6B;YAC5C,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA;QACvB,CAAC;QACD;;WAEG;QACH,oBAAoB,CAAC,GAA6B;YAChD,IAAI,CAAC,cAAc,GAAG,GAAG,CAAA;QAC3B,CAAC;QACD;;WAEG;QACH,yBAAyB,CAAC,GAA6B;YACrD,IAAI,CAAC,mBAAmB,GAAG,GAAG,CAAA;QAChC,CAAC;QACD;;WAEG;QACH,qBAAqB,CAAC,GAA6B;YACjD,IAAI,CAAC,eAAe,GAAG,GAAG,CAAA;QAC5B,CAAC;QACD;;WAEG;QACH,cAAc,CAAC,GAAY;YACzB,IAAI,CAAC,WAAW,GAAG,GAAG,CAAA;QACxB,CAAC;QACD;;WAEG;QACH,mBAAmB,CAAC,GAAW;YAC7B,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAA;QAC7B,CAAC;QACD;;WAEG;QACH,UAAU,CAAC,GAAY;YACrB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAA;QACpB,CAAC;KACF,CAAC,CAAC;SAEF,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACd;;WAEG;QACH,IAAI,aAAa;YACf,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI;gBACjD,aAAa,EAAE,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC;gBAC7C,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;aACxC,CAAA;QACH,CAAC;QACD;;WAEG;QACH,IAAI,QAAQ;YACV,OAAO,OAAO,CAAC,IAAI,EAAE,UAAU,CAAa,CAAA;QAC9C,CAAC;QACD;;WAEG;QACH,IAAI,QAAQ;YACV,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAA;QAClC,CAAC;QACD;;;WAGG;QACH,IAAI,KAAK;YACP,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;QAC1B,CAAC;QAED;;WAEG;QACH,IAAI,OAAO;YACT,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QACvE,CAAC;KACF,CAAC,CAAC;SACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB,WAAW;YACT,mEAAmE;YACnE,CAAC;YAAA,CAAC,KAAK,IAAI,EAAE;gBACX,IAAI;oBACF,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAA;oBACvD,aAAa,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,CAAC,EAAE,CAAA;QACN,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC;AAOD,eAAe,iBAAiB,CAAA"}

package/esm/LinearSyntenyView/components/ExportSvgDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ExportSvgOptions } from '../model';
+export default function ExportSvgDlg({ model, handleClose, }: {
+    model: {
+        exportSvg(opts: ExportSvgOptions): Promise<void>;
+    };
+    handleClose: () => void;
+}): React.JSX.Element;

package/esm/LinearSyntenyView/components/ExportSvgDialog.js

@@ -0,0 +1,60 @@
+import React, { useState } from 'react';
+import { Button, Checkbox, CircularProgress, DialogActions, DialogContent, FormControlLabel, MenuItem, TextField, Typography, } from '@mui/material';
+import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
+import { getSession, useLocalStorage } from '@jbrowse/core/util';
+function LoadingMessage() {
+    return (React.createElement("div", null,
+        React.createElement(CircularProgress, { size: 20, style: { marginRight: 20 } }),
+        React.createElement(Typography, { display: "inline" }, "Creating SVG")));
+}
+function useSvgLocal(key, val) {
+    return useLocalStorage('svg-' + key, val);
+}
+export default function ExportSvgDlg({ model, handleClose, }) {
+    const session = getSession(model);
+    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+    const [rasterizeLayers, setRasterizeLayers] = useState(offscreenCanvas);
+    const [loading, setLoading] = useState(false);
+    const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
+    const [trackLabels, setTrackLabels] = useSvgLocal('tracklabels', 'offset');
+    const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
+    const [error, setError] = useState();
+    return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
+        React.createElement(DialogContent, null,
+            error ? (React.createElement(ErrorMessage, { error: error })) : loading ? (React.createElement(LoadingMessage, null)) : null,
+            React.createElement(TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
+            React.createElement("br", null),
+            React.createElement(TextField, { select: true, label: "Track label positioning", variant: "outlined", value: trackLabels, style: { width: 150 }, onChange: event => setTrackLabels(event.target.value) },
+                React.createElement(MenuItem, { value: "offset" }, "Offset"),
+                React.createElement(MenuItem, { value: "overlay" }, "Overlay"),
+                React.createElement(MenuItem, { value: "left" }, "Left"),
+                React.createElement(MenuItem, { value: "none" }, "None")),
+            React.createElement("br", null),
+            session.allThemes ? (React.createElement(TextField, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => setThemeName(event.target.value) }, Object.entries(session.allThemes()).map(([key, val]) => (React.createElement(MenuItem, { key: key, value: key }, 
+            // @ts-expect-error
+            val.name || '(Unknown name)'))))) : null,
+            offscreenCanvas ? (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: rasterizeLayers, onChange: () => setRasterizeLayers(val => !val) }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (React.createElement(Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
+                    setLoading(true);
+                    setError(undefined);
+                    try {
+                        await model.exportSvg({
+                            rasterizeLayers,
+                            filename,
+                            themeName,
+                            trackLabels,
+                        });
+                        handleClose();
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                    }
+                    finally {
+                        setLoading(false);
+                    }
+                } }, "Submit"))));
+}
+//# sourceMappingURL=ExportSvgDialog.js.map

package/esm/LinearSyntenyView/components/ExportSvgDialog.js.map

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

package/esm/LinearSyntenyView/components/Icons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export declare function Curves(props: SvgIconProps): React.JSX.Element;
+export declare function StraightLines(props: SvgIconProps): React.JSX.Element;

package/esm/LinearSyntenyView/components/Icons.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SvgIcon } from '@mui/material';
+export function Curves(props) {
+    return (React.createElement(SvgIcon, { ...props },
+        React.createElement("path", { fill: "currentColor", d: "M16.5,21C13.5,21 12.31,16.76 11.05,12.28C10.14,9.04 9,5 7.5,5C4.11,5 4,11.93 4,12H2C2,11.63 2.06,3 7.5,3C10.5,3 11.71,7.25 12.97,11.74C13.83,14.8 15,19 16.5,19C19.94,19 20.03,12.07 20.03,12H22.03C22.03,12.37 21.97,21 16.5,21Z" })));
+}
+export function StraightLines(props) {
+    return (React.createElement(SvgIcon, { ...props },
+        React.createElement("path", { fill: "currentColor", d: "M22 12L17 22L7.1 6.04L4.24 12H2L7 2L16.9 17.96L19.76 12H22Z" })));
+}
+//# sourceMappingURL=Icons.js.map

package/esm/LinearSyntenyView/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/LinearSyntenyView/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAErD,MAAM,UAAU,MAAM,CAAC,KAAmB;IACxC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK;QAChB,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mOAAmO,GACrO,CACM,CACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAmB;IAC/C,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK;QAChB,8BACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6DAA6D,GAC/D,CACM,CACX,CAAA;AACH,CAAC"}

package/esm/LinearSyntenyView/components/ImportCustomTrack.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SnapshotIn } from 'mobx-state-tree';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+type Conf = SnapshotIn<AnyConfigurationModel>;
+declare const OpenTrack: ({ sessionTrackData, assembly1, assembly2, setSessionTrackData, }: {
+    sessionTrackData: Conf;
+    assembly1: string;
+    assembly2: string;
+    setSessionTrackData: (arg: Conf) => void;
+}) => React.JSX.Element;
+export default OpenTrack;