@jbrowse/plugin-arc 3.6.5 → 4.0.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.
Files changed (79) hide show
  1. package/esm/ArcRenderer/ArcRendering.d.ts +1 -1
  2. package/esm/ArcRenderer/ArcRendering.js +31 -54
  3. package/esm/ArcRenderer/configSchema.d.ts +3 -3
  4. package/esm/ArcRenderer/configSchema.js +1 -1
  5. package/esm/ArcRenderer/index.js +4 -4
  6. package/esm/ArcTooltip.d.ts +1 -1
  7. package/esm/ArcTooltip.js +1 -1
  8. package/esm/LinearArcDisplay/configSchema.d.ts +4 -4
  9. package/esm/LinearArcDisplay/configSchema.js +1 -1
  10. package/esm/LinearArcDisplay/index.js +2 -2
  11. package/esm/LinearArcDisplay/model.d.ts +963 -94
  12. package/esm/LinearArcDisplay/model.js +4 -7
  13. package/esm/LinearPairedArcDisplay/afterAttach.d.ts +1 -1
  14. package/esm/LinearPairedArcDisplay/afterAttach.js +2 -2
  15. package/esm/LinearPairedArcDisplay/components/Arcs.d.ts +1 -1
  16. package/esm/LinearPairedArcDisplay/components/Arcs.js +9 -11
  17. package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.d.ts +1 -1
  18. package/esm/LinearPairedArcDisplay/components/BaseDisplayComponent.js +7 -38
  19. package/esm/LinearPairedArcDisplay/components/ErrorActions.d.ts +4 -0
  20. package/esm/LinearPairedArcDisplay/components/ErrorActions.js +20 -0
  21. package/esm/LinearPairedArcDisplay/components/ErrorMessage.d.ts +5 -0
  22. package/esm/LinearPairedArcDisplay/components/ErrorMessage.js +9 -0
  23. package/esm/LinearPairedArcDisplay/components/LoadingBar.d.ts +5 -0
  24. package/esm/LinearPairedArcDisplay/components/LoadingBar.js +23 -0
  25. package/esm/LinearPairedArcDisplay/components/ReactComponent.d.ts +1 -1
  26. package/esm/LinearPairedArcDisplay/components/ReactComponent.js +3 -3
  27. package/esm/LinearPairedArcDisplay/components/util.js +6 -8
  28. package/esm/LinearPairedArcDisplay/configSchema.d.ts +3 -3
  29. package/esm/LinearPairedArcDisplay/fetchChains.d.ts +2 -2
  30. package/esm/LinearPairedArcDisplay/fetchChains.js +3 -1
  31. package/esm/LinearPairedArcDisplay/index.js +5 -4
  32. package/esm/LinearPairedArcDisplay/model.d.ts +143 -31
  33. package/esm/LinearPairedArcDisplay/model.js +4 -5
  34. package/esm/LinearPairedArcDisplay/renderSvg.d.ts +1 -1
  35. package/esm/LinearPairedArcDisplay/renderSvg.js +1 -1
  36. package/esm/LinearPairedArcDisplay/util.d.ts +1 -1
  37. package/esm/LinearPairedArcDisplay/util.js +3 -5
  38. package/esm/index.js +9 -12
  39. package/package.json +27 -31
  40. package/dist/ArcRenderer/ArcRenderer.d.ts +0 -3
  41. package/dist/ArcRenderer/ArcRenderer.js +0 -9
  42. package/dist/ArcRenderer/ArcRendering.d.ts +0 -15
  43. package/dist/ArcRenderer/ArcRendering.js +0 -120
  44. package/dist/ArcRenderer/configSchema.d.ts +0 -39
  45. package/dist/ArcRenderer/configSchema.js +0 -44
  46. package/dist/ArcRenderer/index.d.ts +0 -2
  47. package/dist/ArcRenderer/index.js +0 -17
  48. package/dist/ArcTooltip.d.ts +0 -4
  49. package/dist/ArcTooltip.js +0 -17
  50. package/dist/LinearArcDisplay/configSchema.d.ts +0 -31
  51. package/dist/LinearArcDisplay/configSchema.js +0 -14
  52. package/dist/LinearArcDisplay/index.d.ts +0 -2
  53. package/dist/LinearArcDisplay/index.js +0 -21
  54. package/dist/LinearArcDisplay/model.d.ts +0 -327
  55. package/dist/LinearArcDisplay/model.js +0 -91
  56. package/dist/LinearPairedArcDisplay/afterAttach.d.ts +0 -2
  57. package/dist/LinearPairedArcDisplay/afterAttach.js +0 -10
  58. package/dist/LinearPairedArcDisplay/components/Arcs.d.ts +0 -6
  59. package/dist/LinearPairedArcDisplay/components/Arcs.js +0 -106
  60. package/dist/LinearPairedArcDisplay/components/BaseDisplayComponent.d.ts +0 -6
  61. package/dist/LinearPairedArcDisplay/components/BaseDisplayComponent.js +0 -83
  62. package/dist/LinearPairedArcDisplay/components/ReactComponent.d.ts +0 -6
  63. package/dist/LinearPairedArcDisplay/components/ReactComponent.js +0 -13
  64. package/dist/LinearPairedArcDisplay/components/util.d.ts +0 -17
  65. package/dist/LinearPairedArcDisplay/components/util.js +0 -66
  66. package/dist/LinearPairedArcDisplay/configSchema.d.ts +0 -35
  67. package/dist/LinearPairedArcDisplay/configSchema.js +0 -18
  68. package/dist/LinearPairedArcDisplay/fetchChains.d.ts +0 -27
  69. package/dist/LinearPairedArcDisplay/fetchChains.js +0 -21
  70. package/dist/LinearPairedArcDisplay/index.d.ts +0 -2
  71. package/dist/LinearPairedArcDisplay/index.js +0 -54
  72. package/dist/LinearPairedArcDisplay/model.d.ts +0 -129
  73. package/dist/LinearPairedArcDisplay/model.js +0 -105
  74. package/dist/LinearPairedArcDisplay/renderSvg.d.ts +0 -4
  75. package/dist/LinearPairedArcDisplay/renderSvg.js +0 -17
  76. package/dist/LinearPairedArcDisplay/util.d.ts +0 -27
  77. package/dist/LinearPairedArcDisplay/util.js +0 -119
  78. package/dist/index.d.ts +0 -6
  79. package/dist/index.js +0 -43
@@ -1,327 +0,0 @@
1
- import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
2
- export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
3
- id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
4
- type: import("mobx-state-tree").ISimpleType<string>;
5
- rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
6
- } & {
7
- heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
8
- } & {
9
- userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
10
- userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
11
- } & {
12
- blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
13
- key: import("mobx-state-tree").ISimpleType<string>;
14
- region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
15
- reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
16
- isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
17
- isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
18
- }, {
19
- stopToken: string | undefined;
20
- filled: boolean;
21
- reactElement: React.ReactElement | undefined;
22
- features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
23
- layout: any;
24
- status: string;
25
- error: unknown;
26
- message: string | undefined;
27
- maxHeightReached: boolean;
28
- ReactComponent: ({ model, }: {
29
- model: {
30
- error?: unknown;
31
- reload: () => void;
32
- message: React.ReactNode;
33
- filled?: boolean;
34
- status?: string;
35
- reactElement?: React.ReactElement;
36
- };
37
- }) => import("react/jsx-runtime").JSX.Element | undefined;
38
- renderProps: any;
39
- } & {
40
- doReload(): void;
41
- afterAttach(): void;
42
- setStatus(message: string): void;
43
- setLoading(newStopToken: string): void;
44
- setMessage(messageText: string): void;
45
- setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
46
- setError(error: unknown): void;
47
- reload(): void;
48
- beforeDestroy(): void;
49
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
50
- configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
51
- maxFeatureScreenDensity: {
52
- type: string;
53
- description: string;
54
- defaultValue: number;
55
- };
56
- fetchSizeLimit: {
57
- type: string;
58
- defaultValue: number;
59
- description: string;
60
- };
61
- height: {
62
- type: string;
63
- defaultValue: number;
64
- description: string;
65
- };
66
- mouseover: {
67
- type: string;
68
- description: string;
69
- defaultValue: string;
70
- contextVariable: string[];
71
- };
72
- jexlFilters: {
73
- type: string;
74
- description: string;
75
- defaultValue: never[];
76
- };
77
- }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
78
- } & {
79
- type: import("mobx-state-tree").ISimpleType<"LinearArcDisplay">;
80
- configuration: AnyConfigurationSchemaType;
81
- displayMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
82
- }, {
83
- rendererTypeName: string;
84
- error: unknown;
85
- message: string | undefined;
86
- } & {
87
- readonly RenderingComponent: React.FC<{
88
- model: {
89
- id: string;
90
- type: string;
91
- rpcDriverName: string | undefined;
92
- } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
93
- rendererTypeName: string;
94
- error: unknown;
95
- message: string | undefined;
96
- } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
97
- id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
98
- type: import("mobx-state-tree").ISimpleType<string>;
99
- rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
100
- }, {
101
- rendererTypeName: string;
102
- error: unknown;
103
- message: string | undefined;
104
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
105
- onHorizontalScroll?: () => void;
106
- blockState?: Record<string, any>;
107
- }>;
108
- readonly DisplayBlurb: React.FC<{
109
- model: {
110
- id: string;
111
- type: string;
112
- rpcDriverName: string | undefined;
113
- } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
114
- rendererTypeName: string;
115
- error: unknown;
116
- message: string | undefined;
117
- } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
118
- id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
119
- type: import("mobx-state-tree").ISimpleType<string>;
120
- rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
121
- }, {
122
- rendererTypeName: string;
123
- error: unknown;
124
- message: string | undefined;
125
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
126
- }> | null;
127
- readonly adapterConfig: any;
128
- readonly parentTrack: any;
129
- renderProps(): any;
130
- readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
131
- readonly DisplayMessageComponent: undefined | React.FC<any>;
132
- trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
133
- readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
134
- regionCannotBeRendered(): null;
135
- } & {
136
- setMessage(arg?: string): void;
137
- setError(error?: unknown): void;
138
- setRpcDriverName(rpcDriverName: string): void;
139
- reload(): void;
140
- } & {
141
- scrollTop: number;
142
- } & {
143
- readonly height: number;
144
- } & {
145
- setScrollTop(scrollTop: number): void;
146
- setHeight(displayHeight: number): number;
147
- resizeHeight(distance: number): number;
148
- } & {
149
- featureDensityStatsP: undefined | Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
150
- featureDensityStats: undefined | import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats;
151
- currStatsBpPerPx: number;
152
- } & {
153
- readonly currentBytesRequested: number;
154
- readonly currentFeatureScreenDensity: number;
155
- readonly maxFeatureScreenDensity: any;
156
- readonly featureDensityStatsReady: boolean;
157
- readonly maxAllowableBytes: number;
158
- } & {
159
- afterAttach(): void;
160
- } & {
161
- setCurrStatsBpPerPx(n: number): void;
162
- setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats): void;
163
- getFeatureDensityStats(): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
164
- setFeatureDensityStatsP(arg: any): void;
165
- setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats): void;
166
- clearFeatureDensityStats(): void;
167
- } & {
168
- readonly regionTooLarge: boolean;
169
- readonly regionTooLargeReason: string;
170
- } & {
171
- readonly statsReadyAndRegionNotTooLarge: boolean;
172
- regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
173
- regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
174
- } & {
175
- featureIdUnderMouse: undefined | string;
176
- contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
177
- } & {
178
- readonly DisplayMessageComponent: undefined | React.FC<any>;
179
- readonly blockType: "staticBlocks" | "dynamicBlocks";
180
- readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
181
- } & {
182
- readonly renderDelay: number;
183
- readonly TooltipComponent: import("@jbrowse/core/util").AnyReactComponentType;
184
- readonly selectedFeatureId: string | undefined;
185
- copyInfoToClipboard(feature: import("@jbrowse/core/util").Feature): void;
186
- } & {
187
- readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
188
- readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
189
- getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
190
- getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
191
- searchFeatureByID(id: string): [number, number, number, number] | undefined;
192
- } & {
193
- addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
194
- deleteBlock(key: string): void;
195
- selectFeature(feature: import("@jbrowse/core/util").Feature): void;
196
- navToFeature(feature: import("@jbrowse/core/util").Feature): void;
197
- clearFeatureSelection(): void;
198
- setFeatureIdUnderMouse(feature?: string): void;
199
- setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature): void;
200
- } & {
201
- reload(): Promise<void>;
202
- } & {
203
- trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
204
- contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
205
- renderProps(): any;
206
- } & {
207
- renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
208
- afterAttach(): void;
209
- } & {
210
- readonly blockType: string;
211
- readonly renderDelay: number;
212
- readonly rendererTypeName: any;
213
- } & {
214
- readonly displayModeSetting: any;
215
- } & {
216
- readonly rendererConfig: {
217
- [x: string]: any;
218
- } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
219
- setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
220
- [x: string]: any;
221
- } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
222
- setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
223
- [x: string]: any;
224
- } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
225
- } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
226
- } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
227
- } & {
228
- renderProps(): any;
229
- } & {
230
- setDisplayMode(flag: string): void;
231
- } & {
232
- 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 | {
233
- label: string;
234
- subMenu: {
235
- type: string;
236
- label: string;
237
- onClick: () => void;
238
- checked: boolean;
239
- }[];
240
- })[];
241
- }, {
242
- type: string;
243
- } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
244
- id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
245
- type: import("mobx-state-tree").ISimpleType<string>;
246
- rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
247
- } & {
248
- heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
249
- } & {
250
- userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
251
- userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
252
- } & {
253
- blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
254
- key: import("mobx-state-tree").ISimpleType<string>;
255
- region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
256
- reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
257
- isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
258
- isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
259
- }, {
260
- stopToken: string | undefined;
261
- filled: boolean;
262
- reactElement: React.ReactElement | undefined;
263
- features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
264
- layout: any;
265
- status: string;
266
- error: unknown;
267
- message: string | undefined;
268
- maxHeightReached: boolean;
269
- ReactComponent: ({ model, }: {
270
- model: {
271
- error?: unknown;
272
- reload: () => void;
273
- message: React.ReactNode;
274
- filled?: boolean;
275
- status?: string;
276
- reactElement?: React.ReactElement;
277
- };
278
- }) => import("react/jsx-runtime").JSX.Element | undefined;
279
- renderProps: any;
280
- } & {
281
- doReload(): void;
282
- afterAttach(): void;
283
- setStatus(message: string): void;
284
- setLoading(newStopToken: string): void;
285
- setMessage(messageText: string): void;
286
- setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
287
- setError(error: unknown): void;
288
- reload(): void;
289
- beforeDestroy(): void;
290
- }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
291
- configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
292
- maxFeatureScreenDensity: {
293
- type: string;
294
- description: string;
295
- defaultValue: number;
296
- };
297
- fetchSizeLimit: {
298
- type: string;
299
- defaultValue: number;
300
- description: string;
301
- };
302
- height: {
303
- type: string;
304
- defaultValue: number;
305
- description: string;
306
- };
307
- mouseover: {
308
- type: string;
309
- description: string;
310
- defaultValue: string;
311
- contextVariable: string[];
312
- };
313
- jexlFilters: {
314
- type: string;
315
- description: string;
316
- defaultValue: never[];
317
- };
318
- }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
319
- }>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
320
- type: string;
321
- id: string;
322
- configuration: import("mobx-state-tree").ModelSnapshotType<Record<string, any>>;
323
- rpcDriverName: string | undefined;
324
- heightPreConfig: number | undefined;
325
- userBpPerPxLimit: number | undefined;
326
- userByteSizeLimit: number | undefined;
327
- } & import("mobx-state-tree")._NotCustomized>;
@@ -1,91 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.stateModelFactory = stateModelFactory;
4
- const configuration_1 = require("@jbrowse/core/configuration");
5
- const util_1 = require("@jbrowse/core/util");
6
- const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
7
- const mobx_state_tree_1 = require("mobx-state-tree");
8
- function stateModelFactory(configSchema) {
9
- return mobx_state_tree_1.types
10
- .compose('LinearArcDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
11
- type: mobx_state_tree_1.types.literal('LinearArcDisplay'),
12
- configuration: (0, configuration_1.ConfigurationReference)(configSchema),
13
- displayMode: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
14
- }))
15
- .views(self => ({
16
- get blockType() {
17
- return 'staticBlocks';
18
- },
19
- get renderDelay() {
20
- return 500;
21
- },
22
- get rendererTypeName() {
23
- return self.configuration.renderer.type;
24
- },
25
- }))
26
- .views(self => ({
27
- get displayModeSetting() {
28
- var _a;
29
- return (_a = self.displayMode) !== null && _a !== void 0 ? _a : (0, configuration_1.getConf)(self, ['renderer', 'displayMode']);
30
- },
31
- }))
32
- .views(self => ({
33
- get rendererConfig() {
34
- const configBlob = (0, configuration_1.getConf)(self, ['renderer']) || {};
35
- const config = configBlob;
36
- return self.rendererType.configSchema.create({
37
- ...config,
38
- displayMode: self.displayModeSetting,
39
- }, (0, util_1.getEnv)(self));
40
- },
41
- }))
42
- .views(self => {
43
- const { renderProps: superRenderProps } = self;
44
- return {
45
- renderProps() {
46
- return {
47
- ...superRenderProps(),
48
- rpcDriverName: self.rpcDriverName,
49
- config: self.rendererConfig,
50
- height: self.height,
51
- };
52
- },
53
- };
54
- })
55
- .actions(self => ({
56
- setDisplayMode(flag) {
57
- self.displayMode = flag;
58
- },
59
- }))
60
- .views(self => {
61
- const superMenuItems = self.trackMenuItems;
62
- return {
63
- trackMenuItems() {
64
- return [
65
- ...superMenuItems(),
66
- {
67
- label: 'Display mode',
68
- subMenu: [
69
- {
70
- type: 'radio',
71
- label: 'Arcs',
72
- onClick: () => {
73
- self.setDisplayMode('arcs');
74
- },
75
- checked: self.displayMode === 'arcs',
76
- },
77
- {
78
- type: 'radio',
79
- label: 'Semi-circles',
80
- onClick: () => {
81
- self.setDisplayMode('semicircles');
82
- },
83
- checked: self.displayMode === 'semicircles',
84
- },
85
- ],
86
- },
87
- ];
88
- },
89
- };
90
- });
91
- }
@@ -1,2 +0,0 @@
1
- import type { IAnyStateTreeNode } from 'mobx-state-tree';
2
- export declare function doAfterAttach<T extends IAnyStateTreeNode>(self: T): void;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.doAfterAttach = doAfterAttach;
4
- const fetchChains_1 = require("./fetchChains");
5
- const util_1 = require("./util");
6
- function doAfterAttach(self) {
7
- (0, util_1.createAutorun)(self, async () => {
8
- await (0, fetchChains_1.fetchChains)(self);
9
- }, { delay: 1000 });
10
- }
@@ -1,6 +0,0 @@
1
- import type { LinearArcDisplayModel } from '../model';
2
- declare const Arcs: ({ model, exportSVG, }: {
3
- model: LinearArcDisplayModel;
4
- exportSVG?: boolean;
5
- }) => import("react/jsx-runtime").JSX.Element | null;
6
- export default Arcs;
@@ -1,106 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- const jsx_runtime_1 = require("react/jsx-runtime");
37
- const react_1 = require("react");
38
- const configuration_1 = require("@jbrowse/core/configuration");
39
- const util_1 = require("@jbrowse/core/util");
40
- const mobx_react_1 = require("mobx-react");
41
- const util_2 = require("./util");
42
- const ArcTooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../../ArcTooltip'))));
43
- const Arc = (0, mobx_react_1.observer)(function ({ model, feature, alt, assembly, view, }) {
44
- var _a, _b;
45
- const [mouseOvered, setMouseOvered] = (0, react_1.useState)(false);
46
- const { height } = model;
47
- const { k1, k2 } = (0, util_2.makeFeaturePair)(feature, alt);
48
- const ref = (0, react_1.useRef)(null);
49
- const c = (0, configuration_1.getConf)(model, 'color', { feature, alt });
50
- const ra1 = assembly.getCanonicalRefName(k1.refName) || k1.refName;
51
- const ra2 = assembly.getCanonicalRefName(k2.refName) || k2.refName;
52
- const p1 = k1.start;
53
- const p2 = k2.start;
54
- const r1 = (_a = view.bpToPx({ refName: ra1, coord: p1 })) === null || _a === void 0 ? void 0 : _a.offsetPx;
55
- const r2 = (_b = view.bpToPx({ refName: ra2, coord: p2 })) === null || _b === void 0 ? void 0 : _b.offsetPx;
56
- if (r1 !== undefined && r2 !== undefined) {
57
- const radius = (r2 - r1) / 2;
58
- const absrad = Math.abs(radius);
59
- const destY = Math.min(height, absrad);
60
- const p1 = r1 - view.offsetPx;
61
- const p2 = r2 - view.offsetPx;
62
- const left = p1;
63
- const right = p2;
64
- const col = mouseOvered ? 'black' : c;
65
- const sw = 3;
66
- return absrad > 1 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: `M ${left} 0 C ${left} ${destY}, ${right} ${destY}, ${right} 0`, ref: ref, ...(0, util_1.getStrokeProps)(col), strokeWidth: sw, onMouseOut: () => {
67
- setMouseOvered(false);
68
- }, onMouseOver: () => {
69
- setMouseOvered(true);
70
- }, onClick: () => {
71
- model.selectFeature(feature);
72
- }, fill: "none", pointerEvents: "stroke" }), k1.mateDirection ? ((0, jsx_runtime_1.jsx)("line", { ...(0, util_1.getStrokeProps)(col), strokeWidth: sw, onMouseOut: () => {
73
- setMouseOvered(false);
74
- }, onMouseOver: () => {
75
- setMouseOvered(true);
76
- }, onClick: () => {
77
- model.selectFeature(feature);
78
- }, x1: left, x2: left + k1.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null, k2.mateDirection ? ((0, jsx_runtime_1.jsx)("line", { ...(0, util_1.getStrokeProps)(col), strokeWidth: sw, onMouseOut: () => {
79
- setMouseOvered(false);
80
- }, onMouseOver: () => {
81
- setMouseOvered(true);
82
- }, onClick: () => {
83
- model.selectFeature(feature);
84
- }, x1: right, x2: right + k2.mateDirection * 20, y1: 1.5, y2: 1.5 })) : null, mouseOvered ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ArcTooltip, { contents: (0, util_2.makeSummary)(feature, alt) }) })) : null] })) : null;
85
- }
86
- return null;
87
- });
88
- const Wrapper = (0, mobx_react_1.observer)(function ({ model, exportSVG, children, }) {
89
- const { height } = model;
90
- const view = (0, util_1.getContainingView)(model);
91
- const width = Math.round(view.dynamicBlocks.totalWidthPx);
92
- return exportSVG ? (children) : ((0, jsx_runtime_1.jsx)("svg", { width: width, height: height, children: children }));
93
- });
94
- const Arcs = (0, mobx_react_1.observer)(function ({ model, exportSVG, }) {
95
- const view = (0, util_1.getContainingView)(model);
96
- const session = (0, util_1.getSession)(model);
97
- const { assemblyManager } = session;
98
- const { features } = model;
99
- const assembly = assemblyManager.get(view.assemblyNames[0]);
100
- return assembly ? ((0, jsx_runtime_1.jsx)(Wrapper, { model: model, exportSVG: exportSVG, children: features === null || features === void 0 ? void 0 : features.map(f => {
101
- var _a;
102
- const alts = f.get('ALT');
103
- return ((_a = alts === null || alts === void 0 ? void 0 : alts.map(a => ((0, jsx_runtime_1.jsx)(Arc, { session: session, feature: f, alt: a, view: view, model: model, assembly: assembly }, `${f.id()}-${a}`)))) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(Arc, { session: session, feature: f, view: view, model: model, assembly: assembly }, f.id())));
104
- }) })) : null;
105
- });
106
- exports.default = Arcs;
@@ -1,6 +0,0 @@
1
- import type { LinearArcDisplayModel } from '../model';
2
- declare const BaseDisplayComponent: ({ model, children, }: {
3
- model: LinearArcDisplayModel;
4
- children?: React.ReactNode;
5
- }) => import("react/jsx-runtime").JSX.Element | null;
6
- export default BaseDisplayComponent;
@@ -1,83 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- const jsx_runtime_1 = require("react/jsx-runtime");
40
- const react_1 = require("react");
41
- const ui_1 = require("@jbrowse/core/ui");
42
- const util_1 = require("@jbrowse/core/util");
43
- const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
44
- const Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
45
- const Report_1 = __importDefault(require("@mui/icons-material/Report"));
46
- const material_1 = require("@mui/material");
47
- const mobx_react_1 = require("mobx-react");
48
- const mui_1 = require("tss-react/mui");
49
- const ErrorMessageStackTraceDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@jbrowse/core/ui/ErrorMessageStackTraceDialog'))));
50
- const useStyles = (0, mui_1.makeStyles)()(theme => ({
51
- loading: {
52
- backgroundColor: theme.palette.background.default,
53
- backgroundImage: `repeating-linear-gradient(45deg, transparent, transparent 5px, ${theme.palette.action.disabledBackground} 5px, ${theme.palette.action.disabledBackground} 10px)`,
54
- position: 'absolute',
55
- bottom: 0,
56
- height: 50,
57
- width: 300,
58
- right: 0,
59
- pointerEvents: 'none',
60
- textAlign: 'center',
61
- },
62
- }));
63
- const BaseDisplayComponent = (0, mobx_react_1.observer)(function ({ model, children, }) {
64
- const { error, regionTooLarge } = model;
65
- return error ? ((0, jsx_runtime_1.jsx)(plugin_linear_genome_view_1.BlockMsg, { message: `${error}`, severity: "error", action: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Reload", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "reload_button", onClick: () => {
66
- model.reload();
67
- }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Show stack trace", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
68
- (0, util_1.getSession)(model).queueDialog(onClose => [
69
- ErrorMessageStackTraceDialog,
70
- { onClose, error: model.error },
71
- ]);
72
- }, children: (0, jsx_runtime_1.jsx)(Report_1.default, {}) }) })] }) })) : regionTooLarge ? (model.regionCannotBeRendered()) : ((0, jsx_runtime_1.jsx)(DataDisplay, { model: model, children: children }));
73
- });
74
- const DataDisplay = (0, mobx_react_1.observer)(function ({ model, children, }) {
75
- const { loading } = model;
76
- return ((0, jsx_runtime_1.jsxs)("div", { children: [children, loading ? (0, jsx_runtime_1.jsx)(LoadingBar, { model: model }) : null] }));
77
- });
78
- const LoadingBar = (0, mobx_react_1.observer)(function ({ model, }) {
79
- const { classes } = useStyles();
80
- const { message } = model;
81
- return ((0, jsx_runtime_1.jsx)("div", { className: classes.loading, children: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, { message: message }) }));
82
- });
83
- exports.default = BaseDisplayComponent;
@@ -1,6 +0,0 @@
1
- import type { LinearArcDisplayModel } from '../model';
2
- declare const LinearArcReactComponent: ({ model, exportSVG, }: {
3
- model: LinearArcDisplayModel;
4
- exportSVG?: boolean;
5
- }) => import("react/jsx-runtime").JSX.Element;
6
- export default LinearArcReactComponent;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const jsx_runtime_1 = require("react/jsx-runtime");
7
- const mobx_react_1 = require("mobx-react");
8
- const Arcs_1 = __importDefault(require("./Arcs"));
9
- const BaseDisplayComponent_1 = __importDefault(require("./BaseDisplayComponent"));
10
- const LinearArcReactComponent = (0, mobx_react_1.observer)(function ({ model, exportSVG, }) {
11
- return ((0, jsx_runtime_1.jsx)(BaseDisplayComponent_1.default, { model: model, children: (0, jsx_runtime_1.jsx)(Arcs_1.default, { model: model, exportSVG: exportSVG }) }));
12
- });
13
- exports.default = LinearArcReactComponent;