@jbrowse/plugin-wiggle 2.16.0 → 2.17.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 (91) hide show
  1. package/dist/BigWigAdapter/BigWigAdapter.js +2 -1
  2. package/dist/BigWigAdapter/configSchema.d.ts +8 -0
  3. package/dist/BigWigAdapter/configSchema.js +8 -0
  4. package/dist/LinearWiggleDisplay/components/Tooltip.js +1 -1
  5. package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts +1 -1
  6. package/dist/LinearWiggleDisplay/{models/configSchema.js → configSchema.js} +2 -2
  7. package/dist/LinearWiggleDisplay/index.d.ts +1 -1
  8. package/dist/LinearWiggleDisplay/index.js +3 -3
  9. package/{esm/LinearWiggleDisplay/models → dist/LinearWiggleDisplay}/model.d.ts +22 -6
  10. package/dist/LinearWiggleDisplay/{models/model.js → model.js} +82 -47
  11. package/dist/LinearWiggleDisplay/{models/renderSvg.js → renderSvg.js} +2 -1
  12. package/dist/MultiLinearWiggleDisplay/components/ColorLegend.d.ts +1 -1
  13. package/dist/MultiLinearWiggleDisplay/components/ScoreLegend.d.ts +1 -1
  14. package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.d.ts +1 -1
  15. package/dist/MultiLinearWiggleDisplay/components/YScaleBars.d.ts +1 -1
  16. package/dist/MultiLinearWiggleDisplay/components/util.d.ts +1 -1
  17. package/dist/MultiLinearWiggleDisplay/{models/configSchema.js → configSchema.js} +2 -2
  18. package/dist/MultiLinearWiggleDisplay/index.js +2 -2
  19. package/dist/MultiLinearWiggleDisplay/{models/model.d.ts → model.d.ts} +30 -12
  20. package/dist/MultiLinearWiggleDisplay/{models/model.js → model.js} +118 -87
  21. package/dist/MultiLinearWiggleDisplay/{models/renderSvg.js → renderSvg.js} +1 -1
  22. package/dist/MultiRowXYPlotRenderer/configSchema.js +1 -1
  23. package/dist/MultiWiggleAdapter/MultiWiggleAdapter.d.ts +1 -1
  24. package/dist/MultiWiggleAdapter/MultiWiggleAdapter.js +4 -2
  25. package/dist/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.js +52 -44
  26. package/dist/MultiXYPlotRenderer/configSchema.js +1 -1
  27. package/dist/WiggleBaseRenderer.d.ts +1 -1
  28. package/dist/XYPlotRenderer/configSchema.js +1 -1
  29. package/dist/getMultiWiggleSourcesAutorun.d.ts +17 -0
  30. package/dist/getMultiWiggleSourcesAutorun.js +35 -0
  31. package/dist/getQuantitativeStats.d.ts +13 -0
  32. package/dist/getQuantitativeStats.js +78 -0
  33. package/dist/getQuantitativeStatsAutorun.d.ts +13 -0
  34. package/dist/getQuantitativeStatsAutorun.js +37 -0
  35. package/dist/index.d.ts +2 -2
  36. package/{esm/shared/modelShared.d.ts → dist/shared/SharedWiggleMixin.d.ts} +17 -3
  37. package/dist/shared/{modelShared.js → SharedWiggleMixin.js} +21 -10
  38. package/dist/util.d.ts +5 -29
  39. package/dist/util.js +4 -100
  40. package/esm/BigWigAdapter/BigWigAdapter.js +2 -1
  41. package/esm/BigWigAdapter/configSchema.d.ts +8 -0
  42. package/esm/BigWigAdapter/configSchema.js +8 -0
  43. package/esm/LinearWiggleDisplay/components/Tooltip.js +1 -1
  44. package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts +1 -1
  45. package/esm/LinearWiggleDisplay/{models/configSchema.js → configSchema.js} +1 -1
  46. package/esm/LinearWiggleDisplay/index.d.ts +1 -1
  47. package/esm/LinearWiggleDisplay/index.js +3 -3
  48. package/{dist/LinearWiggleDisplay/models → esm/LinearWiggleDisplay}/model.d.ts +22 -6
  49. package/esm/LinearWiggleDisplay/{models/model.js → model.js} +82 -47
  50. package/esm/LinearWiggleDisplay/{models/renderSvg.js → renderSvg.js} +2 -1
  51. package/esm/MultiLinearWiggleDisplay/components/ColorLegend.d.ts +1 -1
  52. package/esm/MultiLinearWiggleDisplay/components/ScoreLegend.d.ts +1 -1
  53. package/esm/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.d.ts +1 -1
  54. package/esm/MultiLinearWiggleDisplay/components/YScaleBars.d.ts +1 -1
  55. package/esm/MultiLinearWiggleDisplay/components/util.d.ts +1 -1
  56. package/esm/MultiLinearWiggleDisplay/{models/configSchema.js → configSchema.js} +1 -1
  57. package/esm/MultiLinearWiggleDisplay/index.js +2 -2
  58. package/esm/MultiLinearWiggleDisplay/{models/model.d.ts → model.d.ts} +30 -12
  59. package/esm/MultiLinearWiggleDisplay/{models/model.js → model.js} +119 -88
  60. package/esm/MultiLinearWiggleDisplay/{models/renderSvg.js → renderSvg.js} +1 -1
  61. package/esm/MultiRowXYPlotRenderer/configSchema.js +1 -1
  62. package/esm/MultiWiggleAdapter/MultiWiggleAdapter.d.ts +1 -1
  63. package/esm/MultiWiggleAdapter/MultiWiggleAdapter.js +4 -2
  64. package/esm/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.js +52 -44
  65. package/esm/MultiXYPlotRenderer/configSchema.js +1 -1
  66. package/esm/WiggleBaseRenderer.d.ts +1 -1
  67. package/esm/XYPlotRenderer/configSchema.js +1 -1
  68. package/esm/getMultiWiggleSourcesAutorun.d.ts +17 -0
  69. package/esm/getMultiWiggleSourcesAutorun.js +32 -0
  70. package/esm/getQuantitativeStats.d.ts +13 -0
  71. package/esm/getQuantitativeStats.js +75 -0
  72. package/esm/getQuantitativeStatsAutorun.d.ts +13 -0
  73. package/esm/getQuantitativeStatsAutorun.js +34 -0
  74. package/esm/index.d.ts +2 -2
  75. package/{dist/shared/modelShared.d.ts → esm/shared/SharedWiggleMixin.d.ts} +17 -3
  76. package/esm/shared/{modelShared.js → SharedWiggleMixin.js} +21 -10
  77. package/esm/util.d.ts +5 -29
  78. package/esm/util.js +4 -98
  79. package/package.json +2 -2
  80. /package/dist/LinearWiggleDisplay/{models/configSchema.d.ts → configSchema.d.ts} +0 -0
  81. /package/dist/LinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts} +0 -0
  82. /package/dist/MultiLinearWiggleDisplay/{models/configSchema.d.ts → configSchema.d.ts} +0 -0
  83. /package/dist/MultiLinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts} +0 -0
  84. /package/dist/shared/{configShared.d.ts → SharedWiggleConfigSchema.d.ts} +0 -0
  85. /package/dist/shared/{configShared.js → SharedWiggleConfigSchema.js} +0 -0
  86. /package/esm/LinearWiggleDisplay/{models/configSchema.d.ts → configSchema.d.ts} +0 -0
  87. /package/esm/LinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts} +0 -0
  88. /package/esm/MultiLinearWiggleDisplay/{models/configSchema.d.ts → configSchema.d.ts} +0 -0
  89. /package/esm/MultiLinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts} +0 -0
  90. /package/esm/shared/{configShared.d.ts → SharedWiggleConfigSchema.d.ts} +0 -0
  91. /package/esm/shared/{configShared.js → SharedWiggleConfigSchema.js} +0 -0
@@ -29,21 +29,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.stateModelFactory = stateModelFactory;
30
30
  const react_1 = require("react");
31
31
  const mobx_state_tree_1 = require("mobx-state-tree");
32
- const mobx_1 = require("mobx");
33
32
  const react_d3_axis_mod_1 = require("react-d3-axis-mod");
34
33
  const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
35
34
  // jbrowse imports
36
35
  const configuration_1 = require("@jbrowse/core/configuration");
37
36
  const util_1 = require("@jbrowse/core/util");
38
- const tracks_1 = require("@jbrowse/core/util/tracks");
39
37
  const colors_1 = require("@jbrowse/core/ui/colors");
40
38
  // locals
41
- const util_2 = require("../../util");
42
- const modelShared_1 = __importDefault(require("../../shared/modelShared"));
39
+ const util_2 = require("../util");
40
+ const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
43
41
  const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
44
42
  // lazies
45
- const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/Tooltip'))));
46
- const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetColorDialog'))));
43
+ const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/Tooltip'))));
44
+ const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SetColorDialog'))));
47
45
  // using a map because it preserves order
48
46
  const rendererTypes = new Map([
49
47
  ['xyplot', 'MultiXYPlotRenderer'],
@@ -59,7 +57,7 @@ const rendererTypes = new Map([
59
57
  */
60
58
  function stateModelFactory(pluginManager, configSchema) {
61
59
  return mobx_state_tree_1.types
62
- .compose('MultiLinearWiggleDisplay', (0, modelShared_1.default)(configSchema), mobx_state_tree_1.types.model({
60
+ .compose('MultiLinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
63
61
  /**
64
62
  * #property
65
63
  */
@@ -159,6 +157,9 @@ function stateModelFactory(pluginManager, configSchema) {
159
157
  get needsCustomLegend() {
160
158
  return self.rendererTypeName === 'MultiDensityRenderer';
161
159
  },
160
+ /**
161
+ * #getter
162
+ */
162
163
  get canHaveFill() {
163
164
  return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
164
165
  self.rendererTypeName === 'MultiRowXYPlotRenderer');
@@ -197,6 +198,16 @@ function stateModelFactory(pluginManager, configSchema) {
197
198
  (!this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue'),
198
199
  }));
199
200
  },
201
+ /**
202
+ * #getter
203
+ */
204
+ get quantitativeStatsReady() {
205
+ const view = (0, util_1.getContainingView)(self);
206
+ return (view.initialized &&
207
+ self.featureDensityStatsReady &&
208
+ !self.regionTooLarge &&
209
+ !self.error);
210
+ },
200
211
  }))
201
212
  .views(self => ({
202
213
  /**
@@ -218,42 +229,6 @@ function stateModelFactory(pluginManager, configSchema) {
218
229
  get useMinimalTicks() {
219
230
  return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
220
231
  },
221
- }))
222
- .views(self => ({
223
- /**
224
- * #getter
225
- */
226
- get ticks() {
227
- const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
228
- if (!domain) {
229
- return undefined;
230
- }
231
- const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
232
- const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
233
- scaleType,
234
- domain,
235
- range: [rowHeight - offset, offset],
236
- inverted: (0, configuration_1.getConf)(self, 'inverted'),
237
- }), 4);
238
- return useMinimalTicks ? { ...ticks, values: domain } : ticks;
239
- },
240
- /**
241
- * #getter
242
- */
243
- get colors() {
244
- return [
245
- 'red',
246
- 'blue',
247
- 'green',
248
- 'orange',
249
- 'purple',
250
- 'cyan',
251
- 'pink',
252
- 'darkblue',
253
- 'darkred',
254
- 'pink',
255
- ];
256
- },
257
232
  }))
258
233
  .views(self => {
259
234
  const { renderProps: superRenderProps } = self;
@@ -261,58 +236,114 @@ function stateModelFactory(pluginManager, configSchema) {
261
236
  /**
262
237
  * #method
263
238
  */
264
- renderProps() {
239
+ adapterProps() {
265
240
  const superProps = superRenderProps();
266
- const { displayCrossHatches, filters, height, resolution, rpcDriverName, scaleOpts, stats, sources, ticks, rendererConfig: config, } = self;
267
241
  return {
268
242
  ...superProps,
269
- notReady: superProps.notReady || !sources || !stats,
270
243
  displayModel: self,
271
- config,
272
- displayCrossHatches,
273
- filters,
274
- height,
275
- resolution,
276
- rpcDriverName,
277
- scaleOpts,
278
- sources,
279
- ticks,
280
- onMouseMove: (_, f) => {
281
- self.setFeatureUnderMouse(f);
282
- },
283
- onMouseLeave: () => {
284
- self.setFeatureUnderMouse(undefined);
285
- },
244
+ config: self.rendererConfig,
245
+ filters: self.filters,
246
+ resolution: self.resolution,
247
+ rpcDriverName: self.rpcDriverName,
248
+ sources: self.sources,
286
249
  };
287
250
  },
288
251
  /**
289
252
  * #getter
290
253
  */
291
- get hasResolution() {
292
- return self.adapterCapabilities.includes('hasResolution');
254
+ get ticks() {
255
+ const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
256
+ if (!domain) {
257
+ return undefined;
258
+ }
259
+ const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
260
+ const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
261
+ scaleType,
262
+ domain,
263
+ range: [rowHeight - offset, offset],
264
+ inverted: (0, configuration_1.getConf)(self, 'inverted'),
265
+ }), 4);
266
+ return useMinimalTicks ? { ...ticks, values: domain } : ticks;
293
267
  },
294
268
  /**
295
269
  * #getter
296
270
  */
297
- get hasGlobalStats() {
298
- return self.adapterCapabilities.includes('hasGlobalStats');
271
+ get colors() {
272
+ return [
273
+ 'red',
274
+ 'blue',
275
+ 'green',
276
+ 'orange',
277
+ 'purple',
278
+ 'cyan',
279
+ 'pink',
280
+ 'darkblue',
281
+ 'darkred',
282
+ 'pink',
283
+ ];
299
284
  },
300
285
  /**
301
286
  * #getter
287
+ * unused currently
302
288
  */
303
- get fillSetting() {
304
- if (self.filled) {
305
- return 0;
306
- }
307
- else if (self.minSize === 1) {
308
- return 1;
309
- }
310
- else {
311
- return 2;
312
- }
289
+ get quantitativeStatsRelevantToCurrentZoom() {
290
+ var _a;
291
+ const view = (0, util_1.getContainingView)(self);
292
+ return ((_a = self.stats) === null || _a === void 0 ? void 0 : _a.currStatsBpPerPx) === view.bpPerPx;
313
293
  },
314
294
  };
315
295
  })
296
+ .views(self => ({
297
+ /**
298
+ * #method
299
+ */
300
+ renderProps() {
301
+ const superProps = self.adapterProps();
302
+ return {
303
+ ...superProps,
304
+ notReady: superProps.notReady || !self.sources || !self.stats,
305
+ displayModel: self,
306
+ rpcDriverName: self.rpcDriverName,
307
+ displayCrossHatches: self.displayCrossHatches,
308
+ height: self.height,
309
+ ticks: self.ticks,
310
+ stats: self.stats,
311
+ scaleOpts: self.scaleOpts,
312
+ onMouseMove: (_, f) => {
313
+ self.setFeatureUnderMouse(f);
314
+ },
315
+ onMouseLeave: () => {
316
+ self.setFeatureUnderMouse(undefined);
317
+ },
318
+ };
319
+ },
320
+ /**
321
+ * #getter
322
+ */
323
+ get hasResolution() {
324
+ return self.adapterCapabilities.includes('hasResolution');
325
+ },
326
+ /**
327
+ * #getter
328
+ */
329
+ get hasGlobalStats() {
330
+ return self.adapterCapabilities.includes('hasGlobalStats');
331
+ },
332
+ /**
333
+ * #getter
334
+ */
335
+ get fillSetting() {
336
+ if (self.filled) {
337
+ return 0;
338
+ }
339
+ else if (self.minSize === 1) {
340
+ return 1;
341
+ }
342
+ else {
343
+ return 2;
344
+ }
345
+ },
346
+ }))
316
347
  .views(self => {
317
348
  const { trackMenuItems: superTrackMenuItems } = self;
318
349
  const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
@@ -395,20 +426,20 @@ function stateModelFactory(pluginManager, configSchema) {
395
426
  // eslint-disable-next-line @typescript-eslint/no-floating-promises
396
427
  ;
397
428
  (async () => {
398
- const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
399
- quantitativeStatsAutorun(self);
400
- (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
401
- const { rpcManager } = (0, util_1.getSession)(self);
402
- const { adapterConfig } = self;
403
- const sessionId = (0, tracks_1.getRpcSessionId)(self);
404
- const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
405
- sessionId,
406
- adapterConfig,
407
- }));
429
+ try {
430
+ const [{ getMultiWiggleSourcesAutorun }, { getQuantitativeStatsAutorun },] = await Promise.all([
431
+ Promise.resolve().then(() => __importStar(require('../getMultiWiggleSourcesAutorun'))),
432
+ Promise.resolve().then(() => __importStar(require('../getQuantitativeStatsAutorun'))),
433
+ ]);
434
+ getQuantitativeStatsAutorun(self);
435
+ getMultiWiggleSourcesAutorun(self);
436
+ }
437
+ catch (e) {
408
438
  if ((0, mobx_state_tree_1.isAlive)(self)) {
409
- self.setSources(sources);
439
+ console.error(e);
440
+ (0, util_1.getSession)(self).notifyError(`${e}`, e);
410
441
  }
411
- }));
442
+ }
412
443
  })();
413
444
  },
414
445
  /**
@@ -7,7 +7,7 @@ exports.renderSvg = renderSvg;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const util_1 = require("@jbrowse/core/util");
9
9
  const mobx_1 = require("mobx");
10
- const YScaleBars_1 = __importDefault(require("../components/YScaleBars"));
10
+ const YScaleBars_1 = __importDefault(require("./components/YScaleBars"));
11
11
  async function renderSvg(self, opts, superRenderSvg) {
12
12
  await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
13
13
  const { offsetPx } = (0, util_1.getContainingView)(self);
@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiRowXYPlotRen
40
40
  */
41
41
  minSize: {
42
42
  type: 'number',
43
- defaultValue: 0,
43
+ defaultValue: 0.7,
44
44
  },
45
45
  }, {
46
46
  /**
@@ -21,7 +21,7 @@ export default class MultiWiggleAdapter extends BaseFeatureDataAdapter {
21
21
  getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{
22
22
  featureDensity: number;
23
23
  }>;
24
- getSources(): Promise<{
24
+ getSources(_regions: Region[]): Promise<{
25
25
  name: string;
26
26
  __name: unknown;
27
27
  }[]>;
@@ -67,11 +67,13 @@ class MultiWiggleAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
67
67
  }
68
68
  // always render bigwig instead of calculating a feature density for it
69
69
  async getMultiRegionFeatureDensityStats(_regions) {
70
- return { featureDensity: 0 };
70
+ return {
71
+ featureDensity: 0,
72
+ };
71
73
  }
72
74
  // in another adapter type, this could be dynamic depending on region or
73
75
  // something, but it is static for this particular multi-wiggle adapter type
74
- async getSources() {
76
+ async getSources(_regions) {
75
77
  const adapters = await this.getAdapters();
76
78
  return adapters.map(({ dataAdapter, source, name, ...rest }) => ({
77
79
  name: source,
@@ -30,9 +30,6 @@ const mui_1 = require("tss-react/mui");
30
30
  const util_1 = require("@jbrowse/core/util");
31
31
  const tracks_1 = require("@jbrowse/core/util/tracks");
32
32
  const useStyles = (0, mui_1.makeStyles)()(theme => ({
33
- textbox: {
34
- width: '100%',
35
- },
36
33
  paper: {
37
34
  margin: theme.spacing(),
38
35
  padding: theme.spacing(),
@@ -43,6 +40,16 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
43
40
  display: 'block',
44
41
  },
45
42
  }));
43
+ // on electron, use path to LocalFileLocation, on web, use the BlobLocation
44
+ function makeFileLocation(file) {
45
+ const { webUtils } = window.require('electron');
46
+ return util_1.isElectron
47
+ ? {
48
+ localPath: webUtils.getPathForFile(file),
49
+ locationType: 'LocalPathLocation',
50
+ }
51
+ : (0, tracks_1.storeBlobLocation)({ blob: file });
52
+ }
46
53
  function MultiWiggleWidget({ model }) {
47
54
  const { classes } = useStyles();
48
55
  const [val, setVal] = (0, react_1.useState)('');
@@ -51,64 +58,65 @@ function MultiWiggleWidget({ model }) {
51
58
  react_1.default.createElement("ul", null,
52
59
  react_1.default.createElement("li", null, "Enter list of URLs for bigwig files in the textbox"),
53
60
  react_1.default.createElement("li", null, "Or, use the button below the text box to select files from your computer")),
54
- react_1.default.createElement(material_1.TextField, { multiline: true, rows: 10, value: val, onChange: event => {
61
+ react_1.default.createElement(material_1.TextField, { multiline: true, fullWidth: true, rows: 10, value: val, placeholder: "Paste list of URLs here, or use file selector below", variant: "outlined", onChange: event => {
55
62
  setVal(event.target.value);
56
- }, placeholder: 'Paste list of URLs here, or use file selector below', variant: "outlined", className: classes.textbox }),
63
+ } }),
57
64
  react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
58
65
  "Choose Files from your computer",
59
66
  react_1.default.createElement("input", { type: "file", hidden: true, multiple: true, onChange: ({ target }) => {
60
67
  const res = [...(target.files || [])].map(file => ({
61
68
  type: 'BigWigAdapter',
62
- bigWigLocation: util_1.isElectron
63
- ? {
64
- localPath: file.path,
65
- locationType: 'LocalPathLocation',
66
- }
67
- : (0, tracks_1.storeBlobLocation)({ blob: file }),
69
+ bigWigLocation: makeFileLocation(file),
68
70
  source: file.name,
69
71
  }));
70
72
  setVal(JSON.stringify(res, null, 2));
71
73
  } })),
72
- react_1.default.createElement(material_1.TextField, { value: trackName, onChange: event => {
74
+ react_1.default.createElement(material_1.TextField, { value: trackName, helperText: "Track name", onChange: event => {
73
75
  setTrackName(event.target.value);
74
- }, helperText: "Track name" }),
76
+ } }),
75
77
  react_1.default.createElement(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
76
78
  var _a;
77
79
  const session = (0, util_1.getSession)(model);
78
- const trackId = [
79
- `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
80
- session.adminMode ? '' : '-sessionTrack',
81
- ].join('');
82
- // allow list of bigwigs in JSON format or line-by-line
83
- let bigWigs;
84
80
  try {
85
- bigWigs = JSON.parse(val);
81
+ const trackId = [
82
+ `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
83
+ session.adminMode ? '' : '-sessionTrack',
84
+ ].join('');
85
+ // allow list of bigwigs in JSON format or line-by-line
86
+ let bigWigs;
87
+ try {
88
+ bigWigs = JSON.parse(val);
89
+ }
90
+ catch (e) {
91
+ bigWigs = val
92
+ .split(/\n|\r\n|\r/)
93
+ .map(f => f.trim())
94
+ .filter(f => !!f);
95
+ }
96
+ const obj = typeof bigWigs[0] === 'string'
97
+ ? { bigWigs }
98
+ : { subadapters: bigWigs };
99
+ if ((0, util_1.isSessionWithAddTracks)(session)) {
100
+ session.addTrackConf({
101
+ trackId,
102
+ type: 'MultiQuantitativeTrack',
103
+ name: trackName,
104
+ assemblyNames: [model.assembly],
105
+ adapter: {
106
+ type: 'MultiWiggleAdapter',
107
+ ...obj,
108
+ },
109
+ });
110
+ (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
111
+ }
112
+ model.clearData();
113
+ if ((0, util_1.isSessionModelWithWidgets)(session)) {
114
+ session.hideWidget(model);
115
+ }
86
116
  }
87
117
  catch (e) {
88
- bigWigs = val
89
- .split(/\n|\r\n|\r/)
90
- .map(f => f.trim())
91
- .filter(f => !!f);
92
- }
93
- const obj = typeof bigWigs[0] === 'string'
94
- ? { bigWigs }
95
- : { subadapters: bigWigs };
96
- if ((0, util_1.isSessionWithAddTracks)(session)) {
97
- session.addTrackConf({
98
- trackId,
99
- type: 'MultiQuantitativeTrack',
100
- name: trackName,
101
- assemblyNames: [model.assembly],
102
- adapter: {
103
- type: 'MultiWiggleAdapter',
104
- ...obj,
105
- },
106
- });
107
- (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
108
- }
109
- model.clearData();
110
- if ((0, util_1.isSessionModelWithWidgets)(session)) {
111
- session.hideWidget(model);
118
+ console.error(e);
119
+ session.notifyError(`${e}`, e);
112
120
  }
113
121
  } }, "Submit"),
114
122
  react_1.default.createElement("p", null, "Additional notes: "),
@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiXYPlotRender
40
40
  */
41
41
  minSize: {
42
42
  type: 'number',
43
- defaultValue: 0,
43
+ defaultValue: 0.7,
44
44
  },
45
45
  }, {
46
46
  /**
@@ -54,4 +54,4 @@ export default abstract class WiggleBaseRenderer extends FeatureRendererType {
54
54
  */
55
55
  abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | undefined>;
56
56
  }
57
- export { type RenderArgsSerialized, type RenderResults, type ResultsDeserialized, type ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
57
+ export type { RenderArgsSerialized, RenderResults, ResultsDeserialized, ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
@@ -40,7 +40,7 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('XYPlotRenderer',
40
40
  */
41
41
  minSize: {
42
42
  type: 'number',
43
- defaultValue: 0,
43
+ defaultValue: 0.7,
44
44
  },
45
45
  }, {
46
46
  /**
@@ -0,0 +1,17 @@
1
+ import { AnyConfigurationModel } from '@jbrowse/core/configuration';
2
+ export interface Source {
3
+ name: string;
4
+ color?: string;
5
+ group?: string;
6
+ }
7
+ export declare function getMultiWiggleSourcesAutorun(self: {
8
+ quantitativeStatsReady: boolean;
9
+ configuration: AnyConfigurationModel;
10
+ adapterConfig: AnyConfigurationModel;
11
+ autoscaleType: string;
12
+ adapterProps: () => Record<string, unknown>;
13
+ setStatsLoading: (aborter: AbortController) => void;
14
+ setError: (error: unknown) => void;
15
+ setMessage: (str: string) => void;
16
+ setSources: (sources: Source[]) => void;
17
+ }): void;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getMultiWiggleSourcesAutorun = getMultiWiggleSourcesAutorun;
4
+ const mobx_1 = require("mobx");
5
+ const mobx_state_tree_1 = require("mobx-state-tree");
6
+ // jbrowse
7
+ const util_1 = require("@jbrowse/core/util");
8
+ const tracks_1 = require("@jbrowse/core/util/tracks");
9
+ function getMultiWiggleSourcesAutorun(self) {
10
+ (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
11
+ try {
12
+ const { rpcManager } = (0, util_1.getSession)(self);
13
+ const { adapterConfig } = self;
14
+ const sessionId = (0, tracks_1.getRpcSessionId)(self);
15
+ const view = (0, util_1.getContainingView)(self);
16
+ if (!view.initialized) {
17
+ return;
18
+ }
19
+ const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
20
+ regions: view.staticBlocks.contentBlocks,
21
+ sessionId,
22
+ adapterConfig,
23
+ }));
24
+ if ((0, mobx_state_tree_1.isAlive)(self)) {
25
+ self.setSources(sources);
26
+ }
27
+ }
28
+ catch (e) {
29
+ if (!(0, util_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
30
+ console.error(e);
31
+ (0, util_1.getSession)(self).notifyError(`${e}`, e);
32
+ }
33
+ }
34
+ }));
35
+ }
@@ -0,0 +1,13 @@
1
+ import { QuantitativeStats } from '@jbrowse/core/util/stats';
2
+ import { AnyConfigurationModel } from '@jbrowse/core/configuration';
3
+ export declare function getQuantitativeStats(self: {
4
+ adapterConfig: AnyConfigurationModel;
5
+ configuration: AnyConfigurationModel;
6
+ autoscaleType: string;
7
+ setMessage: (str: string) => void;
8
+ }, opts: {
9
+ headers?: Record<string, string>;
10
+ signal?: AbortSignal;
11
+ filters: string[];
12
+ currStatsBpPerPx: number;
13
+ }): Promise<QuantitativeStats>;
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getQuantitativeStats = getQuantitativeStats;
4
+ const mobx_state_tree_1 = require("mobx-state-tree");
5
+ // jbrowse
6
+ const util_1 = require("@jbrowse/core/util");
7
+ const tracks_1 = require("@jbrowse/core/util/tracks");
8
+ const configuration_1 = require("@jbrowse/core/configuration");
9
+ async function getQuantitativeStats(self, opts) {
10
+ const { rpcManager } = (0, util_1.getSession)(self);
11
+ const numStdDev = (0, configuration_1.getConf)(self, 'numStdDev') || 3;
12
+ const { adapterConfig, autoscaleType } = self;
13
+ const sessionId = (0, tracks_1.getRpcSessionId)(self);
14
+ const { currStatsBpPerPx } = opts;
15
+ const params = {
16
+ sessionId,
17
+ adapterConfig,
18
+ statusCallback: (message) => {
19
+ if ((0, mobx_state_tree_1.isAlive)(self)) {
20
+ self.setMessage(message);
21
+ }
22
+ },
23
+ ...opts,
24
+ };
25
+ if (autoscaleType === 'global' || autoscaleType === 'globalsd') {
26
+ const results = (await rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params));
27
+ const { scoreMin, scoreMean, scoreStdDev } = results;
28
+ // globalsd uses heuristic to avoid unnecessary scoreMin<0
29
+ //
30
+ // if the scoreMin is never less than 0 helps with most coverage bigwigs
31
+ // just being >0
32
+ return autoscaleType === 'globalsd'
33
+ ? {
34
+ ...results,
35
+ scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
36
+ scoreMax: scoreMean + numStdDev * scoreStdDev,
37
+ currStatsBpPerPx,
38
+ }
39
+ : {
40
+ ...results,
41
+ currStatsBpPerPx,
42
+ };
43
+ }
44
+ if (autoscaleType === 'local' || autoscaleType === 'localsd') {
45
+ const { dynamicBlocks, bpPerPx } = (0, util_1.getContainingView)(self);
46
+ const results = (await rpcManager.call(sessionId, 'WiggleGetMultiRegionQuantitativeStats', {
47
+ ...params,
48
+ regions: dynamicBlocks.contentBlocks.map(region => {
49
+ const { start, end } = region;
50
+ return {
51
+ ...JSON.parse(JSON.stringify(region)),
52
+ start: Math.floor(start),
53
+ end: Math.ceil(end),
54
+ };
55
+ }),
56
+ bpPerPx,
57
+ }));
58
+ const { scoreMin, scoreMean, scoreStdDev } = results;
59
+ // localsd uses heuristic to avoid unnecessary scoreMin<0 if the
60
+ // scoreMin is never less than 0 helps with most coverage bigwigs
61
+ // just being >0
62
+ return autoscaleType === 'localsd'
63
+ ? {
64
+ ...results,
65
+ scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
66
+ scoreMax: scoreMean + numStdDev * scoreStdDev,
67
+ currStatsBpPerPx,
68
+ }
69
+ : {
70
+ ...results,
71
+ currStatsBpPerPx,
72
+ };
73
+ }
74
+ if (autoscaleType === 'zscale') {
75
+ return rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params);
76
+ }
77
+ throw new Error(`invalid autoscaleType '${autoscaleType}'`);
78
+ }
@@ -0,0 +1,13 @@
1
+ import { QuantitativeStats } from '@jbrowse/core/util/stats';
2
+ import { AnyConfigurationModel } from '@jbrowse/core/configuration';
3
+ export declare function getQuantitativeStatsAutorun(self: {
4
+ quantitativeStatsReady: boolean;
5
+ configuration: AnyConfigurationModel;
6
+ adapterConfig: AnyConfigurationModel;
7
+ autoscaleType: string;
8
+ adapterProps: () => Record<string, unknown>;
9
+ setStatsLoading: (aborter: AbortController) => void;
10
+ setError: (error: unknown) => void;
11
+ setMessage: (str: string) => void;
12
+ updateQuantitativeStats: (stats: QuantitativeStats, region: string) => void;
13
+ }): void;