@jbrowse/plugin-arc 2.17.0 → 2.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ArcRenderer/ArcRendering.d.ts +2 -2
- package/dist/ArcRenderer/ArcRendering.js +0 -2
- package/dist/ArcRenderer/configSchema.d.ts +0 -18
- package/dist/ArcRenderer/configSchema.js +1 -22
- package/dist/ArcRenderer/index.d.ts +1 -1
- package/dist/ArcRenderer/index.js +1 -1
- package/dist/ArcTooltip.js +1 -1
- package/dist/LinearArcDisplay/configSchema.d.ts +1 -7
- package/dist/LinearArcDisplay/configSchema.js +1 -10
- package/dist/LinearArcDisplay/index.d.ts +1 -1
- package/dist/LinearArcDisplay/model.d.ts +12 -81
- package/dist/LinearArcDisplay/model.js +2 -40
- package/dist/LinearPairedArcDisplay/afterAttach.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/afterAttach.js +1 -1
- package/dist/LinearPairedArcDisplay/components/Arcs.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/components/Arcs.js +2 -2
- package/dist/LinearPairedArcDisplay/components/BaseDisplayComponent.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/components/BaseDisplayComponent.js +4 -5
- package/dist/LinearPairedArcDisplay/components/ReactComponent.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/components/ReactComponent.js +1 -1
- package/dist/LinearPairedArcDisplay/components/util.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/components/util.js +0 -6
- package/dist/LinearPairedArcDisplay/configSchema.d.ts +0 -6
- package/dist/LinearPairedArcDisplay/configSchema.js +0 -9
- package/dist/LinearPairedArcDisplay/fetchChains.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/fetchChains.js +1 -2
- package/dist/LinearPairedArcDisplay/index.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/index.js +1 -1
- package/dist/LinearPairedArcDisplay/model.d.ts +8 -52
- package/dist/LinearPairedArcDisplay/model.js +2 -41
- package/dist/LinearPairedArcDisplay/renderSvg.d.ts +1 -1
- package/dist/LinearPairedArcDisplay/util.d.ts +4 -4
- package/dist/LinearPairedArcDisplay/util.js +3 -14
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -3
- package/esm/ArcRenderer/ArcRendering.d.ts +2 -2
- package/esm/ArcRenderer/ArcRendering.js +2 -4
- package/esm/ArcRenderer/configSchema.d.ts +0 -18
- package/esm/ArcRenderer/configSchema.js +1 -22
- package/esm/ArcRenderer/index.d.ts +1 -1
- package/esm/ArcRenderer/index.js +1 -1
- package/esm/ArcTooltip.js +1 -1
- package/esm/LinearArcDisplay/configSchema.d.ts +1 -7
- package/esm/LinearArcDisplay/configSchema.js +1 -10
- package/esm/LinearArcDisplay/index.d.ts +1 -1
- package/esm/LinearArcDisplay/model.d.ts +12 -81
- package/esm/LinearArcDisplay/model.js +3 -41
- package/esm/LinearPairedArcDisplay/afterAttach.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/afterAttach.js +1 -1
- package/esm/LinearPairedArcDisplay/components/Arcs.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/components/Arcs.js +3 -3
- package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.js +4 -5
- package/esm/LinearPairedArcDisplay/components/ReactComponent.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/components/ReactComponent.js +1 -1
- package/esm/LinearPairedArcDisplay/components/util.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/components/util.js +0 -6
- package/esm/LinearPairedArcDisplay/configSchema.d.ts +0 -6
- package/esm/LinearPairedArcDisplay/configSchema.js +0 -9
- package/esm/LinearPairedArcDisplay/fetchChains.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/fetchChains.js +1 -2
- package/esm/LinearPairedArcDisplay/index.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/index.js +1 -1
- package/esm/LinearPairedArcDisplay/model.d.ts +8 -52
- package/esm/LinearPairedArcDisplay/model.js +3 -42
- package/esm/LinearPairedArcDisplay/renderSvg.d.ts +1 -1
- package/esm/LinearPairedArcDisplay/util.d.ts +4 -4
- package/esm/LinearPairedArcDisplay/util.js +3 -14
- package/esm/index.d.ts +1 -1
- package/esm/index.js +3 -3
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AnyConfigurationModel } from '@jbrowse/core/configuration';
|
|
3
|
-
import { Feature, Region } from '@jbrowse/core/util';
|
|
2
|
+
import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
|
|
3
|
+
import type { Feature, Region } from '@jbrowse/core/util';
|
|
4
4
|
declare const ArcRendering: ({ features, config, regions, bpPerPx, height, exportSVG, displayModel, onFeatureClick, }: {
|
|
5
5
|
features: Map<string, Feature>;
|
|
6
6
|
config: AnyConfigurationModel;
|
|
@@ -27,7 +27,6 @@ const react_1 = __importStar(require("react"));
|
|
|
27
27
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
28
28
|
const util_1 = require("@jbrowse/core/util");
|
|
29
29
|
const mobx_react_1 = require("mobx-react");
|
|
30
|
-
// locals
|
|
31
30
|
const ArcTooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../ArcTooltip'))));
|
|
32
31
|
function Arc({ selectedFeatureId, region, bpPerPx, config, height: displayHeight, feature, onFeatureClick, }) {
|
|
33
32
|
const [isMouseOvered, setIsMouseOvered] = (0, react_1.useState)(false);
|
|
@@ -41,7 +40,6 @@ function Arc({ selectedFeatureId, region, bpPerPx, config, height: displayHeight
|
|
|
41
40
|
const strokeWidth = (0, configuration_1.readConfObject)(config, 'thickness', { feature }) || 2;
|
|
42
41
|
const height = Math.min((0, configuration_1.readConfObject)(config, 'height', { feature }) || 100, displayHeight);
|
|
43
42
|
const ref = react_1.default.createRef();
|
|
44
|
-
// formula: https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B%C3%A9zier_curves
|
|
45
43
|
const t = 0.5;
|
|
46
44
|
const t1 = 1 - t;
|
|
47
45
|
const textYCoord = 3 * (t1 * t1) * (t * height) + 3 * t1 * (t * t) * height;
|
|
@@ -1,52 +1,34 @@
|
|
|
1
1
|
declare const ArcRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
|
|
2
|
-
/**
|
|
3
|
-
* #slot
|
|
4
|
-
*/
|
|
5
2
|
color: {
|
|
6
3
|
type: string;
|
|
7
4
|
description: string;
|
|
8
5
|
defaultValue: string;
|
|
9
6
|
contextVariable: string[];
|
|
10
7
|
};
|
|
11
|
-
/**
|
|
12
|
-
* #slot
|
|
13
|
-
*/
|
|
14
8
|
thickness: {
|
|
15
9
|
type: string;
|
|
16
10
|
description: string;
|
|
17
11
|
defaultValue: string;
|
|
18
12
|
contextVariable: string[];
|
|
19
13
|
};
|
|
20
|
-
/**
|
|
21
|
-
* #slot
|
|
22
|
-
*/
|
|
23
14
|
label: {
|
|
24
15
|
type: string;
|
|
25
16
|
description: string;
|
|
26
17
|
defaultValue: string;
|
|
27
18
|
contextVariable: string[];
|
|
28
19
|
};
|
|
29
|
-
/**
|
|
30
|
-
* #slot
|
|
31
|
-
*/
|
|
32
20
|
height: {
|
|
33
21
|
type: string;
|
|
34
22
|
description: string;
|
|
35
23
|
defaultValue: string;
|
|
36
24
|
contextVariable: string[];
|
|
37
25
|
};
|
|
38
|
-
/**
|
|
39
|
-
* #slot
|
|
40
|
-
*/
|
|
41
26
|
caption: {
|
|
42
27
|
type: string;
|
|
43
28
|
description: string;
|
|
44
29
|
defaultValue: string;
|
|
45
30
|
contextVariable: string[];
|
|
46
31
|
};
|
|
47
|
-
/**
|
|
48
|
-
* #slot
|
|
49
|
-
*/
|
|
50
32
|
displayMode: {
|
|
51
33
|
type: string;
|
|
52
34
|
defaultValue: string;
|
|
@@ -2,59 +2,38 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
4
4
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
5
|
-
|
|
6
|
-
* #config ArcRenderer
|
|
7
|
-
*/
|
|
8
|
-
function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
5
|
+
function x() { }
|
|
9
6
|
const ArcRenderer = (0, configuration_1.ConfigurationSchema)('ArcRenderer', {
|
|
10
|
-
/**
|
|
11
|
-
* #slot
|
|
12
|
-
*/
|
|
13
7
|
color: {
|
|
14
8
|
type: 'color',
|
|
15
9
|
description: 'the color of the arcs',
|
|
16
10
|
defaultValue: 'darkblue',
|
|
17
11
|
contextVariable: ['feature'],
|
|
18
12
|
},
|
|
19
|
-
/**
|
|
20
|
-
* #slot
|
|
21
|
-
*/
|
|
22
13
|
thickness: {
|
|
23
14
|
type: 'number',
|
|
24
15
|
description: 'the thickness of the arcs',
|
|
25
16
|
defaultValue: `jexl:logThickness(feature,'score')`,
|
|
26
17
|
contextVariable: ['feature'],
|
|
27
18
|
},
|
|
28
|
-
/**
|
|
29
|
-
* #slot
|
|
30
|
-
*/
|
|
31
19
|
label: {
|
|
32
20
|
type: 'string',
|
|
33
21
|
description: 'the label to appear at the apex of the arcs',
|
|
34
22
|
defaultValue: `jexl:get(feature,'score')`,
|
|
35
23
|
contextVariable: ['feature'],
|
|
36
24
|
},
|
|
37
|
-
/**
|
|
38
|
-
* #slot
|
|
39
|
-
*/
|
|
40
25
|
height: {
|
|
41
26
|
type: 'number',
|
|
42
27
|
description: 'the height of the arcs',
|
|
43
28
|
defaultValue: `jexl:log10(get(feature,'end')-get(feature,'start'))*50`,
|
|
44
29
|
contextVariable: ['feature'],
|
|
45
30
|
},
|
|
46
|
-
/**
|
|
47
|
-
* #slot
|
|
48
|
-
*/
|
|
49
31
|
caption: {
|
|
50
32
|
type: 'string',
|
|
51
33
|
description: 'the caption to appear when hovering over any point on the arcs',
|
|
52
34
|
defaultValue: `jexl:get(feature,'name')`,
|
|
53
35
|
contextVariable: ['feature'],
|
|
54
36
|
},
|
|
55
|
-
/**
|
|
56
|
-
* #slot
|
|
57
|
-
*/
|
|
58
37
|
displayMode: {
|
|
59
38
|
type: 'enum',
|
|
60
39
|
defaultValue: 'arcs',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import PluginManager from '@jbrowse/core/PluginManager';
|
|
1
|
+
import type PluginManager from '@jbrowse/core/PluginManager';
|
|
2
2
|
export default function ArcRendererF(pluginManager: PluginManager): void;
|
|
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.default = ArcRendererF;
|
|
7
|
+
const ArcRenderer_1 = __importDefault(require("./ArcRenderer"));
|
|
7
8
|
const ArcRendering_1 = __importDefault(require("./ArcRendering"));
|
|
8
9
|
const configSchema_1 = __importDefault(require("./configSchema"));
|
|
9
|
-
const ArcRenderer_1 = __importDefault(require("./ArcRenderer"));
|
|
10
10
|
function ArcRendererF(pluginManager) {
|
|
11
11
|
pluginManager.addRendererType(() => new ArcRenderer_1.default({
|
|
12
12
|
name: 'ArcRenderer',
|
package/dist/ArcTooltip.js
CHANGED
|
@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const ui_1 = require("@jbrowse/core/ui");
|
|
31
|
-
const mobx_react_1 = require("mobx-react");
|
|
32
31
|
const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
|
|
32
|
+
const mobx_react_1 = require("mobx-react");
|
|
33
33
|
const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ message }, ref) {
|
|
34
34
|
return (react_1.default.createElement("div", { ref: ref }, react_1.default.isValidElement(message) ? (message) : message ? (react_1.default.createElement(ui_1.SanitizedHTML, { html: String(message) })) : null));
|
|
35
35
|
});
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import PluginManager from '@jbrowse/core/PluginManager';
|
|
2
|
-
/**
|
|
3
|
-
* #config LinearArcDisplay
|
|
4
|
-
*/
|
|
1
|
+
import type PluginManager from '@jbrowse/core/PluginManager';
|
|
5
2
|
export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
|
|
6
|
-
/**
|
|
7
|
-
* #slot
|
|
8
|
-
*/
|
|
9
3
|
renderer: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IAnyModelType, [undefined]>;
|
|
10
4
|
}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
|
|
11
5
|
maxFeatureScreenDensity: {
|
|
@@ -1,22 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.configSchemaFactory = configSchemaFactory;
|
|
4
|
-
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
5
4
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
6
5
|
const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
|
|
7
|
-
|
|
8
|
-
* #config LinearArcDisplay
|
|
9
|
-
*/
|
|
6
|
+
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
10
7
|
function configSchemaFactory(pluginManager) {
|
|
11
8
|
return (0, configuration_1.ConfigurationSchema)('LinearArcDisplay', {
|
|
12
|
-
/**
|
|
13
|
-
* #slot
|
|
14
|
-
*/
|
|
15
9
|
renderer: mobx_state_tree_1.types.optional(pluginManager.pluggableConfigSchemaType('renderer'), { type: 'ArcRenderer' }),
|
|
16
10
|
}, {
|
|
17
|
-
/**
|
|
18
|
-
* #baseConfiguration
|
|
19
|
-
*/
|
|
20
11
|
baseConfiguration: plugin_linear_genome_view_1.baseLinearDisplayConfigSchema,
|
|
21
12
|
explicitlyTyped: true,
|
|
22
13
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import PluginManager from '@jbrowse/core/PluginManager';
|
|
1
|
+
import type PluginManager from '@jbrowse/core/PluginManager';
|
|
2
2
|
export default function LinearArcDisplayF(pluginManager: PluginManager): void;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
|
|
2
|
-
/**
|
|
3
|
-
* #stateModel LinearArcDisplay
|
|
4
|
-
* extends
|
|
5
|
-
* - [BaseLinearDisplay](../baselineardisplay)
|
|
6
|
-
*/
|
|
1
|
+
import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
|
|
7
2
|
export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
|
|
8
3
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
9
4
|
type: import("mobx-state-tree").ISimpleType<string>;
|
|
@@ -16,21 +11,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
16
11
|
} & {
|
|
17
12
|
blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
|
|
18
13
|
key: import("mobx-state-tree").ISimpleType<string>;
|
|
19
|
-
region: import("mobx-state-tree").
|
|
20
|
-
refName: import("mobx-state-tree").ISimpleType<string>;
|
|
21
|
-
start: import("mobx-state-tree").ISimpleType<number>;
|
|
22
|
-
end: import("mobx-state-tree").ISimpleType<number>;
|
|
23
|
-
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
24
|
-
} & {
|
|
25
|
-
assemblyName: import("mobx-state-tree").ISimpleType<string>;
|
|
26
|
-
}, {
|
|
27
|
-
setRefName(newRefName: string): void;
|
|
28
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
14
|
+
region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
|
|
29
15
|
reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
30
16
|
isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
31
17
|
isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
32
18
|
}, {
|
|
33
|
-
|
|
19
|
+
stopToken: string | undefined;
|
|
34
20
|
filled: boolean;
|
|
35
21
|
reactElement: React.ReactElement | undefined;
|
|
36
22
|
features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
|
|
@@ -54,15 +40,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
54
40
|
doReload(): void;
|
|
55
41
|
afterAttach(): void;
|
|
56
42
|
setStatus(message: string): void;
|
|
57
|
-
setLoading(
|
|
43
|
+
setLoading(newStopToken: string): void;
|
|
58
44
|
setMessage(messageText: string): void;
|
|
59
|
-
setRendered(props:
|
|
60
|
-
reactElement: React.ReactElement;
|
|
61
|
-
features: Map<string, import("@jbrowse/core/util").Feature>;
|
|
62
|
-
layout: any;
|
|
63
|
-
maxHeightReached: boolean;
|
|
64
|
-
renderProps: any;
|
|
65
|
-
} | undefined): void;
|
|
45
|
+
setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
|
|
66
46
|
setError(error: unknown): void;
|
|
67
47
|
reload(): void;
|
|
68
48
|
beforeDestroy(): void;
|
|
@@ -96,17 +76,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
96
76
|
};
|
|
97
77
|
}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
|
|
98
78
|
} & {
|
|
99
|
-
/**
|
|
100
|
-
* #property
|
|
101
|
-
*/
|
|
102
79
|
type: import("mobx-state-tree").ISimpleType<"LinearArcDisplay">;
|
|
103
|
-
/**
|
|
104
|
-
* #property
|
|
105
|
-
*/
|
|
106
80
|
configuration: AnyConfigurationSchemaType;
|
|
107
|
-
/**
|
|
108
|
-
* #property
|
|
109
|
-
*/
|
|
110
81
|
displayMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
|
|
111
82
|
}, {
|
|
112
83
|
rendererTypeName: string;
|
|
@@ -118,9 +89,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
118
89
|
id: string;
|
|
119
90
|
type: string;
|
|
120
91
|
rpcDriverName: string | undefined;
|
|
121
|
-
} & import("mobx-state-tree/dist/internal"
|
|
122
|
-
* #getter
|
|
123
|
-
*/).NonEmptyObject & {
|
|
92
|
+
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
124
93
|
rendererTypeName: string;
|
|
125
94
|
error: unknown;
|
|
126
95
|
message: string | undefined;
|
|
@@ -199,6 +168,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
199
168
|
readonly regionTooLarge: boolean;
|
|
200
169
|
readonly regionTooLargeReason: string;
|
|
201
170
|
} & {
|
|
171
|
+
readonly statsReadyAndRegionNotTooLarge: boolean;
|
|
202
172
|
regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
|
|
203
173
|
regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
|
|
204
174
|
} & {
|
|
@@ -236,27 +206,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
236
206
|
renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
|
|
237
207
|
afterAttach(): void;
|
|
238
208
|
} & {
|
|
239
|
-
/**
|
|
240
|
-
* #getter
|
|
241
|
-
*/
|
|
242
209
|
readonly blockType: string;
|
|
243
|
-
/**
|
|
244
|
-
* #getter
|
|
245
|
-
*/
|
|
246
210
|
readonly renderDelay: number;
|
|
247
|
-
/**
|
|
248
|
-
* #getter
|
|
249
|
-
*/
|
|
250
211
|
readonly rendererTypeName: any;
|
|
251
212
|
} & {
|
|
252
|
-
/**
|
|
253
|
-
* #getter
|
|
254
|
-
*/
|
|
255
213
|
readonly displayModeSetting: any;
|
|
256
214
|
} & {
|
|
257
|
-
/**
|
|
258
|
-
* #getter
|
|
259
|
-
*/
|
|
260
215
|
readonly rendererConfig: {
|
|
261
216
|
[x: string]: any;
|
|
262
217
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
@@ -269,19 +224,10 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
269
224
|
} & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
|
|
270
225
|
} & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
|
|
271
226
|
} & {
|
|
272
|
-
/**
|
|
273
|
-
* #method
|
|
274
|
-
*/
|
|
275
227
|
renderProps(): any;
|
|
276
228
|
} & {
|
|
277
|
-
/**
|
|
278
|
-
* #action
|
|
279
|
-
*/
|
|
280
229
|
setDisplayMode(flag: string): void;
|
|
281
230
|
} & {
|
|
282
|
-
/**
|
|
283
|
-
* #method
|
|
284
|
-
*/
|
|
285
231
|
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 | {
|
|
286
232
|
label: string;
|
|
287
233
|
subMenu: {
|
|
@@ -305,21 +251,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
305
251
|
} & {
|
|
306
252
|
blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
|
|
307
253
|
key: import("mobx-state-tree").ISimpleType<string>;
|
|
308
|
-
region: import("mobx-state-tree").
|
|
309
|
-
refName: import("mobx-state-tree").ISimpleType<string>;
|
|
310
|
-
start: import("mobx-state-tree").ISimpleType<number>;
|
|
311
|
-
end: import("mobx-state-tree").ISimpleType<number>;
|
|
312
|
-
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
313
|
-
} & {
|
|
314
|
-
assemblyName: import("mobx-state-tree").ISimpleType<string>;
|
|
315
|
-
}, {
|
|
316
|
-
setRefName(newRefName: string): void;
|
|
317
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
254
|
+
region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
|
|
318
255
|
reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
319
256
|
isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
320
257
|
isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
321
258
|
}, {
|
|
322
|
-
|
|
259
|
+
stopToken: string | undefined;
|
|
323
260
|
filled: boolean;
|
|
324
261
|
reactElement: React.ReactElement | undefined;
|
|
325
262
|
features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
|
|
@@ -343,15 +280,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
343
280
|
doReload(): void;
|
|
344
281
|
afterAttach(): void;
|
|
345
282
|
setStatus(message: string): void;
|
|
346
|
-
setLoading(
|
|
283
|
+
setLoading(newStopToken: string): void;
|
|
347
284
|
setMessage(messageText: string): void;
|
|
348
|
-
setRendered(props:
|
|
349
|
-
reactElement: React.ReactElement;
|
|
350
|
-
features: Map<string, import("@jbrowse/core/util").Feature>;
|
|
351
|
-
layout: any;
|
|
352
|
-
maxHeightReached: boolean;
|
|
353
|
-
renderProps: any;
|
|
354
|
-
} | undefined): void;
|
|
285
|
+
setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
|
|
355
286
|
setError(error: unknown): void;
|
|
356
287
|
reload(): void;
|
|
357
288
|
beforeDestroy(): void;
|
|
@@ -388,8 +319,8 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
388
319
|
type: string;
|
|
389
320
|
id: string;
|
|
390
321
|
configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
|
|
391
|
-
heightPreConfig: number | undefined;
|
|
392
322
|
rpcDriverName: string | undefined;
|
|
323
|
+
heightPreConfig: number | undefined;
|
|
393
324
|
userBpPerPxLimit: number | undefined;
|
|
394
325
|
userByteSizeLimit: number | undefined;
|
|
395
326
|
} & import("mobx-state-tree")._NotCustomized>;
|
|
@@ -2,63 +2,34 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.stateModelFactory = stateModelFactory;
|
|
4
4
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
5
|
-
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
6
|
-
const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
|
|
7
5
|
const util_1 = require("@jbrowse/core/util");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
* extends
|
|
11
|
-
* - [BaseLinearDisplay](../baselineardisplay)
|
|
12
|
-
*/
|
|
6
|
+
const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
|
|
7
|
+
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
13
8
|
function stateModelFactory(configSchema) {
|
|
14
9
|
return mobx_state_tree_1.types
|
|
15
10
|
.compose('LinearArcDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
|
|
16
|
-
/**
|
|
17
|
-
* #property
|
|
18
|
-
*/
|
|
19
11
|
type: mobx_state_tree_1.types.literal('LinearArcDisplay'),
|
|
20
|
-
/**
|
|
21
|
-
* #property
|
|
22
|
-
*/
|
|
23
12
|
configuration: (0, configuration_1.ConfigurationReference)(configSchema),
|
|
24
|
-
/**
|
|
25
|
-
* #property
|
|
26
|
-
*/
|
|
27
13
|
displayMode: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
|
|
28
14
|
}))
|
|
29
15
|
.views(self => ({
|
|
30
|
-
/**
|
|
31
|
-
* #getter
|
|
32
|
-
*/
|
|
33
16
|
get blockType() {
|
|
34
17
|
return 'staticBlocks';
|
|
35
18
|
},
|
|
36
|
-
/**
|
|
37
|
-
* #getter
|
|
38
|
-
*/
|
|
39
19
|
get renderDelay() {
|
|
40
20
|
return 500;
|
|
41
21
|
},
|
|
42
|
-
/**
|
|
43
|
-
* #getter
|
|
44
|
-
*/
|
|
45
22
|
get rendererTypeName() {
|
|
46
23
|
return self.configuration.renderer.type;
|
|
47
24
|
},
|
|
48
25
|
}))
|
|
49
26
|
.views(self => ({
|
|
50
|
-
/**
|
|
51
|
-
* #getter
|
|
52
|
-
*/
|
|
53
27
|
get displayModeSetting() {
|
|
54
28
|
var _a;
|
|
55
29
|
return (_a = self.displayMode) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, ['renderer', 'displayMode']);
|
|
56
30
|
},
|
|
57
31
|
}))
|
|
58
32
|
.views(self => ({
|
|
59
|
-
/**
|
|
60
|
-
* #getter
|
|
61
|
-
*/
|
|
62
33
|
get rendererConfig() {
|
|
63
34
|
const configBlob = (0, configuration_1.getConf)(self, ['renderer']) || {};
|
|
64
35
|
const config = configBlob;
|
|
@@ -71,9 +42,6 @@ function stateModelFactory(configSchema) {
|
|
|
71
42
|
.views(self => {
|
|
72
43
|
const { renderProps: superRenderProps } = self;
|
|
73
44
|
return {
|
|
74
|
-
/**
|
|
75
|
-
* #method
|
|
76
|
-
*/
|
|
77
45
|
renderProps() {
|
|
78
46
|
return {
|
|
79
47
|
...superRenderProps(),
|
|
@@ -85,9 +53,6 @@ function stateModelFactory(configSchema) {
|
|
|
85
53
|
};
|
|
86
54
|
})
|
|
87
55
|
.actions(self => ({
|
|
88
|
-
/**
|
|
89
|
-
* #action
|
|
90
|
-
*/
|
|
91
56
|
setDisplayMode(flag) {
|
|
92
57
|
self.displayMode = flag;
|
|
93
58
|
},
|
|
@@ -95,9 +60,6 @@ function stateModelFactory(configSchema) {
|
|
|
95
60
|
.views(self => {
|
|
96
61
|
const superMenuItems = self.trackMenuItems;
|
|
97
62
|
return {
|
|
98
|
-
/**
|
|
99
|
-
* #method
|
|
100
|
-
*/
|
|
101
63
|
trackMenuItems() {
|
|
102
64
|
return [
|
|
103
65
|
...superMenuItems(),
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IAnyStateTreeNode } from 'mobx-state-tree';
|
|
1
|
+
import type { IAnyStateTreeNode } from 'mobx-state-tree';
|
|
2
2
|
export declare function doAfterAttach<T extends IAnyStateTreeNode>(self: T): void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.doAfterAttach = doAfterAttach;
|
|
4
|
-
const util_1 = require("./util");
|
|
5
4
|
const fetchChains_1 = require("./fetchChains");
|
|
5
|
+
const util_1 = require("./util");
|
|
6
6
|
function doAfterAttach(self) {
|
|
7
7
|
(0, util_1.createAutorun)(self, async () => {
|
|
8
8
|
await (0, fetchChains_1.fetchChains)(self);
|
|
@@ -24,9 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
const react_1 = __importStar(require("react"));
|
|
27
|
-
const mobx_react_1 = require("mobx-react");
|
|
28
|
-
const util_1 = require("@jbrowse/core/util");
|
|
29
27
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
28
|
+
const util_1 = require("@jbrowse/core/util");
|
|
29
|
+
const mobx_react_1 = require("mobx-react");
|
|
30
30
|
const util_2 = require("./util");
|
|
31
31
|
const ArcTooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../../ArcTooltip'))));
|
|
32
32
|
const Arc = (0, mobx_react_1.observer)(function ({ model, feature, alt, assembly, view, }) {
|
|
@@ -27,15 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
|
-
const material_1 = require("@mui/material");
|
|
31
30
|
const ui_1 = require("@jbrowse/core/ui");
|
|
31
|
+
const util_1 = require("@jbrowse/core/util");
|
|
32
32
|
const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
|
|
33
|
-
const mui_1 = require("tss-react/mui");
|
|
34
|
-
const mobx_react_1 = require("mobx-react");
|
|
35
|
-
// icons
|
|
36
33
|
const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
|
|
37
34
|
const Report_1 = __importDefault(require("@mui/icons-material/Report"));
|
|
38
|
-
const
|
|
35
|
+
const material_1 = require("@mui/material");
|
|
36
|
+
const mobx_react_1 = require("mobx-react");
|
|
37
|
+
const mui_1 = require("tss-react/mui");
|
|
39
38
|
const ErrorMessageStackTraceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ErrorMessageStackTraceDialog'))));
|
|
40
39
|
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
41
40
|
loading: {
|
|
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
7
|
const mobx_react_1 = require("mobx-react");
|
|
8
|
-
const BaseDisplayComponent_1 = __importDefault(require("./BaseDisplayComponent"));
|
|
9
8
|
const Arcs_1 = __importDefault(require("./Arcs"));
|
|
9
|
+
const BaseDisplayComponent_1 = __importDefault(require("./BaseDisplayComponent"));
|
|
10
10
|
const LinearArcReactComponent = (0, mobx_react_1.observer)(function ({ model, exportSVG, }) {
|
|
11
11
|
return (react_1.default.createElement(BaseDisplayComponent_1.default, { model: model },
|
|
12
12
|
react_1.default.createElement(Arcs_1.default, { model: model, exportSVG: exportSVG })));
|
|
@@ -17,19 +17,13 @@ function makeFeaturePair(feature, alt) {
|
|
|
17
17
|
let mateStart = 0;
|
|
18
18
|
let joinDirection = 0;
|
|
19
19
|
let mateDirection = 0;
|
|
20
|
-
// one sided bracket used, because there could be <INS:ME> and we just check
|
|
21
|
-
// startswith below
|
|
22
20
|
const symbolicAlleles = ['<TRA', '<DEL', '<INV', '<INS', '<DUP', '<CNV'];
|
|
23
21
|
if (symbolicAlleles.some(a => alt === null || alt === void 0 ? void 0 : alt.startsWith(a))) {
|
|
24
|
-
// END is defined to be a single value, not an array. CHR2 not defined in
|
|
25
|
-
// VCF spec, but should be similar
|
|
26
22
|
const info = feature.get('INFO');
|
|
27
23
|
const e = (_b = (_a = info === null || info === void 0 ? void 0 : info.END) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : end;
|
|
28
24
|
mateRefName = (_d = (_c = info === null || info === void 0 ? void 0 : info.CHR2) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : refName;
|
|
29
25
|
mateEnd = e;
|
|
30
26
|
mateStart = e - 1;
|
|
31
|
-
// re-adjust the arc to be from start to end of feature by re-assigning end
|
|
32
|
-
// to the 'mate'
|
|
33
27
|
end = start + 1;
|
|
34
28
|
}
|
|
35
29
|
else if (bnd === null || bnd === void 0 ? void 0 : bnd.MatePosition) {
|
|
@@ -3,14 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.configSchemaFactory = configSchemaFactory;
|
|
4
4
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
5
5
|
const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
|
|
6
|
-
/**
|
|
7
|
-
* #config LinearPairedArcDisplay
|
|
8
|
-
*/
|
|
9
6
|
function configSchemaFactory() {
|
|
10
7
|
return (0, configuration_1.ConfigurationSchema)('LinearPairedArcDisplay', {
|
|
11
|
-
/**
|
|
12
|
-
* #slot
|
|
13
|
-
*/
|
|
14
8
|
color: {
|
|
15
9
|
type: 'color',
|
|
16
10
|
description: 'the color of the arcs',
|
|
@@ -18,9 +12,6 @@ function configSchemaFactory() {
|
|
|
18
12
|
contextVariable: ['feature', 'alt'],
|
|
19
13
|
},
|
|
20
14
|
}, {
|
|
21
|
-
/**
|
|
22
|
-
* #baseConfiguration
|
|
23
|
-
*/
|
|
24
15
|
baseConfiguration: plugin_linear_genome_view_1.baseLinearDisplayConfigSchema,
|
|
25
16
|
explicitlyTyped: true,
|
|
26
17
|
});
|