@jbrowse/plugin-config 1.7.11 → 2.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 (129) hide show
  1. package/dist/ConfigurationEditorWidget/components/CallbackEditor.d.ts +10 -7
  2. package/dist/ConfigurationEditorWidget/components/CallbackEditor.js +108 -115
  3. package/dist/ConfigurationEditorWidget/components/CallbackEditor.js.map +1 -0
  4. package/dist/ConfigurationEditorWidget/components/CodeEditor.d.ts +4 -3
  5. package/dist/ConfigurationEditorWidget/components/CodeEditor.js +78 -73
  6. package/dist/ConfigurationEditorWidget/components/CodeEditor.js.map +1 -0
  7. package/dist/ConfigurationEditorWidget/components/ColorEditor.d.ts +9 -33
  8. package/dist/ConfigurationEditorWidget/components/ColorEditor.js +82 -116
  9. package/dist/ConfigurationEditorWidget/components/ColorEditor.js.map +1 -0
  10. package/dist/ConfigurationEditorWidget/components/ColorPicker.d.ts +0 -7
  11. package/dist/ConfigurationEditorWidget/components/ColorPicker.js +64 -67
  12. package/dist/ConfigurationEditorWidget/components/ColorPicker.js.map +1 -0
  13. package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.d.ts +7 -3
  14. package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js +113 -160
  15. package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.js.map +1 -0
  16. package/dist/ConfigurationEditorWidget/components/JsonEditor.js +74 -75
  17. package/dist/ConfigurationEditorWidget/components/JsonEditor.js.map +1 -0
  18. package/dist/ConfigurationEditorWidget/components/SlotEditor.d.ts +11 -1
  19. package/dist/ConfigurationEditorWidget/components/SlotEditor.js +229 -373
  20. package/dist/ConfigurationEditorWidget/components/SlotEditor.js.map +1 -0
  21. package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js +76 -105
  22. package/dist/ConfigurationEditorWidget/components/StringArrayEditor.js.map +1 -0
  23. package/dist/ConfigurationEditorWidget/components/TypeSelector.d.ts +8 -6
  24. package/dist/ConfigurationEditorWidget/components/TypeSelector.js +16 -46
  25. package/dist/ConfigurationEditorWidget/components/TypeSelector.js.map +1 -0
  26. package/dist/ConfigurationEditorWidget/index.js +25 -42
  27. package/dist/ConfigurationEditorWidget/index.js.map +1 -0
  28. package/dist/ConfigurationEditorWidget/model.js +18 -26
  29. package/dist/ConfigurationEditorWidget/model.js.map +1 -0
  30. package/dist/FromConfigAdapter/FromConfigAdapter.js +172 -204
  31. package/dist/FromConfigAdapter/FromConfigAdapter.js.map +1 -0
  32. package/dist/FromConfigAdapter/FromConfigRegionsAdapter.js +151 -142
  33. package/dist/FromConfigAdapter/FromConfigRegionsAdapter.js.map +1 -0
  34. package/dist/FromConfigAdapter/FromConfigSequenceAdapter.js +182 -181
  35. package/dist/FromConfigAdapter/FromConfigSequenceAdapter.js.map +1 -0
  36. package/dist/FromConfigAdapter/configSchema.js +33 -49
  37. package/dist/FromConfigAdapter/configSchema.js.map +1 -0
  38. package/dist/FromConfigAdapter/index.js +16 -50
  39. package/dist/FromConfigAdapter/index.js.map +1 -0
  40. package/dist/RefNameAliasAdapter/RefNameAliasAdapter.js +111 -125
  41. package/dist/RefNameAliasAdapter/RefNameAliasAdapter.js.map +1 -0
  42. package/dist/RefNameAliasAdapter/configSchema.js +16 -25
  43. package/dist/RefNameAliasAdapter/configSchema.js.map +1 -0
  44. package/dist/RefNameAliasAdapter/index.js +10 -22
  45. package/dist/RefNameAliasAdapter/index.js.map +1 -0
  46. package/dist/index.d.ts +9 -3
  47. package/dist/index.js +129 -144
  48. package/dist/index.js.map +1 -0
  49. package/esm/ConfigurationEditorWidget/components/CallbackEditor.d.ts +12 -0
  50. package/esm/ConfigurationEditorWidget/components/CallbackEditor.js +71 -0
  51. package/esm/ConfigurationEditorWidget/components/CallbackEditor.js.map +1 -0
  52. package/esm/ConfigurationEditorWidget/components/CodeEditor.d.ts +5 -0
  53. package/esm/ConfigurationEditorWidget/components/CodeEditor.js +42 -0
  54. package/esm/ConfigurationEditorWidget/components/CodeEditor.js.map +1 -0
  55. package/esm/ConfigurationEditorWidget/components/ColorEditor.d.ts +20 -0
  56. package/esm/ConfigurationEditorWidget/components/ColorEditor.js +37 -0
  57. package/esm/ConfigurationEditorWidget/components/ColorEditor.js.map +1 -0
  58. package/esm/ConfigurationEditorWidget/components/ColorPicker.d.ts +7 -0
  59. package/esm/ConfigurationEditorWidget/components/ColorPicker.js +26 -0
  60. package/esm/ConfigurationEditorWidget/components/ColorPicker.js.map +1 -0
  61. package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.d.ts +8 -0
  62. package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.js +83 -0
  63. package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.js.map +1 -0
  64. package/esm/ConfigurationEditorWidget/components/JsonEditor.d.ts +9 -0
  65. package/esm/ConfigurationEditorWidget/components/JsonEditor.js +39 -0
  66. package/esm/ConfigurationEditorWidget/components/JsonEditor.js.map +1 -0
  67. package/esm/ConfigurationEditorWidget/components/SlotEditor.d.ts +16 -0
  68. package/esm/ConfigurationEditorWidget/components/SlotEditor.js +176 -0
  69. package/esm/ConfigurationEditorWidget/components/SlotEditor.js.map +1 -0
  70. package/esm/ConfigurationEditorWidget/components/StringArrayEditor.d.ts +12 -0
  71. package/esm/ConfigurationEditorWidget/components/StringArrayEditor.js +36 -0
  72. package/esm/ConfigurationEditorWidget/components/StringArrayEditor.js.map +1 -0
  73. package/esm/ConfigurationEditorWidget/components/TypeSelector.d.ts +9 -0
  74. package/esm/ConfigurationEditorWidget/components/TypeSelector.js +12 -0
  75. package/esm/ConfigurationEditorWidget/components/TypeSelector.js.map +1 -0
  76. package/esm/ConfigurationEditorWidget/index.d.ts +3 -0
  77. package/esm/ConfigurationEditorWidget/index.js +20 -0
  78. package/esm/ConfigurationEditorWidget/index.js.map +1 -0
  79. package/esm/ConfigurationEditorWidget/model.d.ts +8 -0
  80. package/esm/ConfigurationEditorWidget/model.js +16 -0
  81. package/esm/ConfigurationEditorWidget/model.js.map +1 -0
  82. package/esm/FromConfigAdapter/FromConfigAdapter.d.ts +24 -0
  83. package/esm/FromConfigAdapter/FromConfigAdapter.js +63 -0
  84. package/esm/FromConfigAdapter/FromConfigAdapter.js.map +1 -0
  85. package/esm/FromConfigAdapter/FromConfigRegionsAdapter.d.ts +23 -0
  86. package/esm/FromConfigAdapter/FromConfigRegionsAdapter.js +50 -0
  87. package/esm/FromConfigAdapter/FromConfigRegionsAdapter.js.map +1 -0
  88. package/esm/FromConfigAdapter/FromConfigSequenceAdapter.d.ts +25 -0
  89. package/esm/FromConfigAdapter/FromConfigSequenceAdapter.js +73 -0
  90. package/esm/FromConfigAdapter/FromConfigSequenceAdapter.js.map +1 -0
  91. package/esm/FromConfigAdapter/configSchema.d.ts +3 -0
  92. package/esm/FromConfigAdapter/configSchema.js +32 -0
  93. package/esm/FromConfigAdapter/configSchema.js.map +1 -0
  94. package/esm/FromConfigAdapter/index.d.ts +4 -0
  95. package/esm/FromConfigAdapter/index.js +5 -0
  96. package/esm/FromConfigAdapter/index.js.map +1 -0
  97. package/esm/RefNameAliasAdapter/RefNameAliasAdapter.d.ts +8 -0
  98. package/esm/RefNameAliasAdapter/RefNameAliasAdapter.js +24 -0
  99. package/esm/RefNameAliasAdapter/RefNameAliasAdapter.js.map +1 -0
  100. package/esm/RefNameAliasAdapter/configSchema.d.ts +2 -0
  101. package/esm/RefNameAliasAdapter/configSchema.js +15 -0
  102. package/esm/RefNameAliasAdapter/configSchema.js.map +1 -0
  103. package/esm/RefNameAliasAdapter/index.d.ts +2 -0
  104. package/esm/RefNameAliasAdapter/index.js +3 -0
  105. package/esm/RefNameAliasAdapter/index.js.map +1 -0
  106. package/esm/index.d.ts +18 -0
  107. package/esm/index.js +72 -0
  108. package/esm/index.js.map +1 -0
  109. package/package.json +20 -13
  110. package/src/ConfigurationEditorWidget/components/{CallbackEditor.js → CallbackEditor.tsx} +36 -21
  111. package/src/ConfigurationEditorWidget/components/CodeEditor.tsx +59 -0
  112. package/src/ConfigurationEditorWidget/components/ColorEditor.tsx +8 -33
  113. package/src/ConfigurationEditorWidget/components/ColorPicker.tsx +4 -13
  114. package/src/ConfigurationEditorWidget/components/ConfigurationEditor.tsx +169 -0
  115. package/src/ConfigurationEditorWidget/components/JsonEditor.js +4 -8
  116. package/src/ConfigurationEditorWidget/components/SlotEditor.js +10 -11
  117. package/src/ConfigurationEditorWidget/components/StringArrayEditor.tsx +2 -2
  118. package/src/ConfigurationEditorWidget/components/{TypeSelector.js → TypeSelector.tsx} +15 -7
  119. package/src/ConfigurationEditorWidget/components/__snapshots__/ConfigurationEditor.test.js.snap +877 -625
  120. package/src/index.ts +20 -14
  121. package/dist/ConfigurationEditorWidget/components/ColorEditor.test.js +0 -31
  122. package/dist/ConfigurationEditorWidget/components/ConfigurationEditor.test.js +0 -121
  123. package/dist/FromConfigAdapter/FromConfigAdapter.test.js +0 -100
  124. package/dist/FromConfigAdapter/FromConfigRegionsAdapter.test.js +0 -200
  125. package/dist/FromConfigAdapter/FromConfigSequenceAdapter.test.js +0 -110
  126. package/dist/RefNameAliasAdapter/RefNameAliasAdapter.test.js +0 -41
  127. package/dist/index.test.js +0 -41
  128. package/src/ConfigurationEditorWidget/components/CodeEditor.js +0 -60
  129. package/src/ConfigurationEditorWidget/components/ConfigurationEditor.js +0 -154
@@ -0,0 +1,83 @@
1
+ import React from 'react';
2
+ import { readConfObject, getTypeNamesFromExplicitlyTypedUnion, isConfigurationSchemaType, isConfigurationSlotType, } from '@jbrowse/core/configuration';
3
+ import { FormGroup, Accordion, AccordionDetails, AccordionSummary, Typography, } from '@mui/material';
4
+ import { makeStyles } from 'tss-react/mui';
5
+ import { observer } from 'mobx-react';
6
+ import { getMembers } from 'mobx-state-tree';
7
+ import { singular } from 'pluralize';
8
+ // icons
9
+ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
10
+ // locals
11
+ import SlotEditor from './SlotEditor';
12
+ import TypeSelector from './TypeSelector';
13
+ const useStyles = makeStyles()(theme => ({
14
+ expandIcon: {
15
+ color: '#fff',
16
+ },
17
+ root: {
18
+ padding: theme.spacing(1, 3, 1, 1),
19
+ },
20
+ expansionPanelDetails: {
21
+ display: 'block',
22
+ padding: theme.spacing(1),
23
+ },
24
+ accordion: {
25
+ border: `1px solid ${theme.palette.text.primary}`,
26
+ },
27
+ }));
28
+ const Member = observer((props) => {
29
+ const { classes } = useStyles();
30
+ const { slotName, slotSchema, schema, slot = schema[slotName], path = [], } = props;
31
+ let typeSelector;
32
+ if (isConfigurationSchemaType(slotSchema)) {
33
+ if (slot.length) {
34
+ return slot.map((subslot, slotIndex) => {
35
+ const key = `${singular(slotName)} ${slotIndex + 1}`;
36
+ return React.createElement(Member, { ...props, key: key, slot: subslot, slotName: key });
37
+ });
38
+ }
39
+ // if this is an explicitly typed schema, make a type-selecting dropdown
40
+ // that can be used to change its type
41
+ const typeNameChoices = getTypeNamesFromExplicitlyTypedUnion(slotSchema);
42
+ if (typeNameChoices.length) {
43
+ typeSelector = (React.createElement(TypeSelector, { typeNameChoices: typeNameChoices, slotName: slotName, slot: slot, onChange: evt => {
44
+ if (evt.target.value !== slot.type) {
45
+ schema.setSubschema(slotName, { type: evt.target.value });
46
+ }
47
+ } }));
48
+ }
49
+ return (React.createElement(Accordion, { defaultExpanded: true, className: classes.accordion },
50
+ React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
51
+ React.createElement(Typography, null, [...path, slotName].join('🡒'))),
52
+ React.createElement(AccordionDetails, { className: classes.expansionPanelDetails },
53
+ typeSelector,
54
+ React.createElement(FormGroup, null,
55
+ React.createElement(Schema, { schema: slot, path: [...path, slotName] })))));
56
+ }
57
+ if (isConfigurationSlotType(slotSchema)) {
58
+ // this is a regular config slot
59
+ return React.createElement(SlotEditor, { key: slotName, slot: slot, slotSchema: slotSchema });
60
+ }
61
+ return null;
62
+ });
63
+ const Schema = observer(({ schema, path = [], }) => {
64
+ const properties = getMembers(schema).properties;
65
+ return (React.createElement(React.Fragment, null, Object.entries(properties).map(([slotName, slotSchema]) => (React.createElement(Member, { key: slotName, slotName: slotName, slotSchema: slotSchema, path: path, schema: schema })))));
66
+ });
67
+ const ConfigurationEditor = observer(({ model }) => {
68
+ const { classes } = useStyles();
69
+ // key forces a re-render, otherwise the same field can end up being used
70
+ // for different tracks since only the backing model changes for example
71
+ // see pr #804
72
+ const { target } = model;
73
+ const key = target && readConfObject(target, 'trackId');
74
+ const name = target && readConfObject(target, 'name');
75
+ return (React.createElement(React.Fragment, null,
76
+ React.createElement(Accordion, { key: key, defaultExpanded: true, className: classes.accordion },
77
+ React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
78
+ React.createElement(Typography, null, name !== null && name !== void 0 ? name : 'Configuration')),
79
+ React.createElement(AccordionDetails, { className: classes.expansionPanelDetails, "data-testid": "configEditor" }, !target ? 'no target set' : React.createElement(Schema, { schema: target }))),
80
+ React.createElement("div", { style: { height: 300 } })));
81
+ });
82
+ export default ConfigurationEditor;
83
+ //# sourceMappingURL=ConfigurationEditor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfigurationEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/ConfigurationEditor.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ declare function _default({ slot }: {
2
+ slot: any;
3
+ }): JSX.Element;
4
+ declare namespace _default {
5
+ namespace propTypes {
6
+ const slot: import("prop-types").Validator<any>;
7
+ }
8
+ }
9
+ export default _default;
@@ -0,0 +1,39 @@
1
+ import React, { lazy, useEffect, useState } from 'react';
2
+ import { useDebounce } from '@jbrowse/core/util';
3
+ import { FormControl, FormHelperText, InputLabel } from '@mui/material';
4
+ import { makeStyles } from 'tss-react/mui';
5
+ import { observer, PropTypes } from 'mobx-react';
6
+ const useStyles = makeStyles()({
7
+ error: {
8
+ color: 'red',
9
+ fontSize: '0.8em',
10
+ },
11
+ });
12
+ const CodeEditor = lazy(() => import('./CodeEditor'));
13
+ function JsonEditor({ slot }) {
14
+ const { classes } = useStyles();
15
+ const [contents, setContents] = useState(JSON.stringify(slot.value, null, ' '));
16
+ const [error, setError] = useState();
17
+ const debouncedJson = useDebounce(contents, 400);
18
+ useEffect(() => {
19
+ try {
20
+ slot.set(JSON.parse(debouncedJson));
21
+ setError(undefined);
22
+ }
23
+ catch (e) {
24
+ setError(e.message);
25
+ }
26
+ }, [debouncedJson, slot]);
27
+ return (React.createElement(React.Fragment, null,
28
+ error ? React.createElement("p", { className: classes.error }, error) : null,
29
+ React.createElement(FormControl, { error: error },
30
+ React.createElement(InputLabel, { shrink: true, htmlFor: "callback-editor" }, slot.name),
31
+ React.createElement(React.Suspense, { fallback: React.createElement("div", null) },
32
+ React.createElement(CodeEditor, { contents: contents, setContents: setContents })),
33
+ React.createElement(FormHelperText, null, slot.description))));
34
+ }
35
+ JsonEditor.propTypes = {
36
+ slot: PropTypes.objectOrObservableObject.isRequired,
37
+ };
38
+ export default observer(JsonEditor);
39
+ //# sourceMappingURL=JsonEditor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/JsonEditor.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAChD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;AAErD,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CACvC,CAAA;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAA;IACpC,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI;YACF,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAA;YACnC,QAAQ,CAAC,SAAS,CAAC,CAAA;SACpB;QAAC,OAAO,CAAC,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL;QACG,KAAK,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,KAAK,CAAK,CAAC,CAAC,CAAC,IAAI;QACxD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK;YACvB,oBAAC,UAAU,IAAC,MAAM,QAAC,OAAO,EAAC,iBAAiB,IACzC,IAAI,CAAC,IAAI,CACC;YACb,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,gCAAO;gBAC/B,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7C;YACjB,oBAAC,cAAc,QAAE,IAAI,CAAC,WAAW,CAAkB,CACvC,CACb,CACJ,CAAA;AACH,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,IAAI,EAAE,SAAS,CAAC,wBAAwB,CAAC,UAAU;CACpD,CAAA;AAED,eAAe,QAAQ,CAAC,UAAU,CAAC,CAAA"}
@@ -0,0 +1,16 @@
1
+ export const useSlotEditorStyles: (params: void, styleOverrides?: {
2
+ props: {
3
+ classes?: Record<string, string> | undefined;
4
+ } & Record<string, unknown>;
5
+ ownerState?: Record<string, unknown> | undefined;
6
+ } | undefined) => {
7
+ classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
8
+ theme: import("@mui/material").Theme;
9
+ css: import("tss-react/types").Css;
10
+ cx: import("tss-react/types").Cx;
11
+ };
12
+ export default SlotEditor;
13
+ declare function SlotEditor({ slot, slotSchema }: {
14
+ slot: any;
15
+ slotSchema: any;
16
+ }): JSX.Element;
@@ -0,0 +1,176 @@
1
+ import React, { useEffect, useState } from 'react';
2
+ import { observer } from 'mobx-react';
3
+ import { getPropertyMembers, getEnv } from 'mobx-state-tree';
4
+ import { FileSelector, SanitizedHTML } from '@jbrowse/core/ui';
5
+ import { getPropertyType, getSubType, getUnionSubTypes, } from '@jbrowse/core/util/mst-reflection';
6
+ import { Card, CardContent, CardHeader, Checkbox, FormControl, FormControlLabel, FormHelperText, IconButton, InputAdornment, InputLabel, MenuItem, Paper, SvgIcon, TextField, } from '@mui/material';
7
+ import { makeStyles } from 'tss-react/mui';
8
+ // icons
9
+ import DeleteIcon from '@mui/icons-material/Delete';
10
+ import AddIcon from '@mui/icons-material/Add';
11
+ import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
12
+ // locals
13
+ import StringArrayEditor from './StringArrayEditor';
14
+ import CallbackEditor from './CallbackEditor';
15
+ import ColorEditor from './ColorEditor';
16
+ import JsonEditor from './JsonEditor';
17
+ // adds ability to have html in helperText. note that FormHelperTextProps is
18
+ // div because the default is p which does not like div children
19
+ const MyTextField = props => {
20
+ const { helperText } = props;
21
+ return (React.createElement(TextField, { ...props, helperText: React.createElement(SanitizedHTML, { html: helperText }), FormHelperTextProps: {
22
+ component: 'div',
23
+ }, fullWidth: true }));
24
+ };
25
+ const StringEditor = observer(({ slot }) => (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
26
+ const TextEditor = observer(({ slot }) => (React.createElement(TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => slot.set(evt.target.value) })));
27
+ // checked checkbox, looks like a styled (x)
28
+ const SvgCheckbox = () => (React.createElement(SvgIcon, null,
29
+ React.createElement("path", { d: "M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z" })));
30
+ const useMapEditorStyles = makeStyles()(theme => ({
31
+ card: {
32
+ marginTop: theme.spacing(1),
33
+ },
34
+ }));
35
+ const StringArrayMapEditor = observer(({ slot }) => {
36
+ const { classes } = useMapEditorStyles();
37
+ const [value, setValue] = useState('');
38
+ return (React.createElement(React.Fragment, null,
39
+ React.createElement(InputLabel, null, slot.name),
40
+ Array.from(slot.value, ([key, val]) => (React.createElement(Card, { raised: true, key: key, className: classes.card },
41
+ React.createElement(CardHeader, { title: key, action: React.createElement(IconButton, { color: "secondary", onClick: () => slot.remove(key) },
42
+ React.createElement(DeleteIcon, null)) }),
43
+ React.createElement(CardContent, null,
44
+ React.createElement(StringArrayEditor, { slot: {
45
+ value: val,
46
+ description: `Values associated with entry ${key}`,
47
+ setAtIndex: (idx, strValue) => {
48
+ slot.setAtKeyIndex(key, idx, strValue);
49
+ },
50
+ removeAtIndex: idx => {
51
+ slot.removeAtKeyIndex(key, idx);
52
+ },
53
+ add: strValue => {
54
+ slot.addToKey(key, strValue);
55
+ },
56
+ } }))))),
57
+ React.createElement(Card, { raised: true, className: classes.card },
58
+ React.createElement(CardHeader, { disableTypography: true, title: React.createElement(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
59
+ endAdornment: (React.createElement(InputAdornment, { position: "end" },
60
+ React.createElement(IconButton, { disabled: value === '', onClick: () => {
61
+ slot.add(value, []);
62
+ setValue('');
63
+ }, color: "secondary" },
64
+ React.createElement(AddIcon, null)))),
65
+ } }) })),
66
+ React.createElement(FormHelperText, null, slot.description)));
67
+ });
68
+ const NumberMapEditor = observer(({ slot }) => {
69
+ const { classes } = useMapEditorStyles();
70
+ const [value, setValue] = useState('');
71
+ return (React.createElement(React.Fragment, null,
72
+ React.createElement(InputLabel, null, slot.name),
73
+ Array.from(slot.value, ([key, val]) => (React.createElement(Card, { raised: true, key: key, className: classes.card },
74
+ React.createElement(CardHeader, { title: key, action: React.createElement(IconButton, { color: "secondary", onClick: () => slot.remove(key) },
75
+ React.createElement(DeleteIcon, null)) }),
76
+ React.createElement(CardContent, null,
77
+ React.createElement(NumberEditor, { slot: {
78
+ value: val,
79
+ set: numValue => slot.add(key, numValue),
80
+ } }))))),
81
+ React.createElement(Card, { raised: true, className: classes.card },
82
+ React.createElement(CardHeader, { disableTypography: true, title: React.createElement(TextField, { fullWidth: true, value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
83
+ endAdornment: (React.createElement(InputAdornment, { position: "end" },
84
+ React.createElement(IconButton, { disabled: value === '', onClick: () => {
85
+ slot.add(value, 0);
86
+ setValue('');
87
+ }, color: "secondary" },
88
+ React.createElement(AddIcon, null)))),
89
+ } }) })),
90
+ React.createElement(FormHelperText, null, slot.description)));
91
+ });
92
+ const NumberEditor = observer(({ slot }) => {
93
+ const [val, setVal] = useState(slot.value);
94
+ useEffect(() => {
95
+ const num = parseFloat(val, 10);
96
+ if (!Number.isNaN(num)) {
97
+ slot.set(num);
98
+ }
99
+ else {
100
+ slot.reset();
101
+ }
102
+ }, [slot, val]);
103
+ return (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
104
+ });
105
+ const IntegerEditor = observer(({ slot }) => {
106
+ const [val, setVal] = useState(slot.value);
107
+ useEffect(() => {
108
+ const num = parseInt(val, 10);
109
+ if (!Number.isNaN(num)) {
110
+ slot.set(num);
111
+ }
112
+ }, [slot, val]);
113
+ return (React.createElement(MyTextField, { label: slot.name, helperText: slot.description, value: val, type: "number", onChange: evt => setVal(evt.target.value) }));
114
+ });
115
+ const BooleanEditor = observer(({ slot }) => (React.createElement(FormControl, null,
116
+ React.createElement(FormControlLabel, { label: slot.name, control: React.createElement(Checkbox, { checked: slot.value, onChange: evt => slot.set(evt.target.checked) }) }),
117
+ React.createElement(FormHelperText, null, slot.description))));
118
+ const StringEnumEditor = observer(({ slot, slotSchema }) => {
119
+ const p = getPropertyMembers(getSubType(slotSchema));
120
+ const choices = getUnionSubTypes(getUnionSubTypes(getSubType(getPropertyType(p, 'value')))[1]).map(t => t.value);
121
+ return (React.createElement(MyTextField, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: evt => slot.set(evt.target.value) }, choices.map(str => (React.createElement(MenuItem, { key: str, value: str }, str)))));
122
+ });
123
+ const FileSelectorWrapper = observer(({ slot }) => {
124
+ var _a;
125
+ return (React.createElement(FileSelector, { location: slot.value, setLocation: location => slot.set(location), name: slot.name, description: slot.description, rootModel: (_a = getEnv(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.rootModel }));
126
+ });
127
+ const valueComponents = {
128
+ string: StringEditor,
129
+ text: TextEditor,
130
+ fileLocation: FileSelectorWrapper,
131
+ stringArray: StringArrayEditor,
132
+ stringArrayMap: StringArrayMapEditor,
133
+ numberMap: NumberMapEditor,
134
+ number: NumberEditor,
135
+ integer: IntegerEditor,
136
+ color: ColorEditor,
137
+ stringEnum: StringEnumEditor,
138
+ boolean: BooleanEditor,
139
+ frozen: JsonEditor,
140
+ configRelationships: JsonEditor,
141
+ };
142
+ export const useSlotEditorStyles = makeStyles()(theme => ({
143
+ paper: {
144
+ display: 'flex',
145
+ marginBottom: theme.spacing(2),
146
+ position: 'relative',
147
+ },
148
+ paperContent: {
149
+ width: '100%',
150
+ },
151
+ slotModeSwitch: {
152
+ width: 24,
153
+ background: theme.palette.secondary.light,
154
+ display: 'flex',
155
+ justifyContent: 'center',
156
+ alignItems: 'center',
157
+ },
158
+ }));
159
+ const SlotEditor = observer(({ slot, slotSchema }) => {
160
+ const { classes } = useSlotEditorStyles();
161
+ const { type } = slot;
162
+ let ValueComponent = slot.isCallback ? CallbackEditor : valueComponents[type];
163
+ if (!ValueComponent) {
164
+ console.warn(`no slot editor defined for ${type}, editing as string`);
165
+ ValueComponent = StringEditor;
166
+ }
167
+ if (!(type in valueComponents)) {
168
+ console.warn(`SlotEditor needs to implement ${type}`);
169
+ }
170
+ return (React.createElement(Paper, { className: classes.paper },
171
+ React.createElement("div", { className: classes.paperContent },
172
+ React.createElement(ValueComponent, { slot: slot, slotSchema: slotSchema })),
173
+ React.createElement("div", { className: classes.slotModeSwitch }, slot.contextVariable.length ? (React.createElement(IconButton, { className: classes.slotModeIcon, onClick: () => slot.isCallback ? slot.convertToValue() : slot.convertToCallback(), title: `convert to ${slot.isCallback ? 'regular value' : 'callback'}`, color: "secondary" }, !slot.isCallback ? React.createElement(RadioButtonUncheckedIcon, null) : React.createElement(SvgCheckbox, null))) : null)));
174
+ });
175
+ export default SlotEditor;
176
+ //# sourceMappingURL=SlotEditor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SlotEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/SlotEditor.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const StringArrayEditor: ({ slot, }: {
3
+ slot: {
4
+ name: string;
5
+ value: string[];
6
+ setAtIndex: Function;
7
+ removeAtIndex: Function;
8
+ add: Function;
9
+ description: string;
10
+ };
11
+ }) => JSX.Element;
12
+ export default StringArrayEditor;
@@ -0,0 +1,36 @@
1
+ import React, { useState } from 'react';
2
+ import { observer } from 'mobx-react';
3
+ import { Button, FormHelperText, IconButton, InputAdornment, InputLabel, List, ListItem, TextField, } from '@mui/material';
4
+ // icons
5
+ import DeleteIcon from '@mui/icons-material/Delete';
6
+ const StringArrayEditor = observer(({ slot, }) => {
7
+ const [value, setValue] = useState('');
8
+ const [addNew, setAddNew] = useState(false);
9
+ return (React.createElement(React.Fragment, null,
10
+ slot.name ? React.createElement(InputLabel, null, slot.name) : null,
11
+ React.createElement(List, { disablePadding: true },
12
+ slot.value.map((val, idx) => (React.createElement(ListItem, { key: idx, disableGutters: true },
13
+ React.createElement(TextField, { value: val, onChange: evt => slot.setAtIndex(idx, evt.target.value), InputProps: {
14
+ endAdornment: (React.createElement(InputAdornment, { position: "end" },
15
+ React.createElement(IconButton, { color: "secondary", onClick: () => slot.removeAtIndex(idx) },
16
+ React.createElement(DeleteIcon, null)))),
17
+ } })))),
18
+ addNew ? (React.createElement(ListItem, { disableGutters: true },
19
+ React.createElement(TextField, { value: value, placeholder: "add new", onChange: event => setValue(event.target.value), InputProps: {
20
+ endAdornment: (React.createElement(InputAdornment, { position: "end" },
21
+ React.createElement(React.Fragment, null,
22
+ React.createElement(Button, { color: "primary", variant: "contained", style: { margin: 2 }, "data-testid": `stringArrayAdd-${slot.name}`, onClick: () => {
23
+ setAddNew(false);
24
+ slot.add(value);
25
+ setValue('');
26
+ } }, "OK"),
27
+ React.createElement(Button, { color: "primary", variant: "contained", style: { margin: 2 }, onClick: () => {
28
+ setAddNew(false);
29
+ setValue('');
30
+ } }, "Cancel")))),
31
+ } }))) : null,
32
+ React.createElement(Button, { color: "primary", variant: "contained", style: { margin: 4 }, disabled: addNew, onClick: () => setAddNew(true) }, "Add item")),
33
+ React.createElement(FormHelperText, null, slot.description)));
34
+ });
35
+ export default StringArrayEditor;
36
+ //# sourceMappingURL=StringArrayEditor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StringArrayEditor.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/StringArrayEditor.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { AnyConfigurationModel } from '@jbrowse/core/configuration';
3
+ declare const TypeSelector: ({ typeNameChoices, slot, slotName, onChange, }: {
4
+ typeNameChoices: string[];
5
+ slot: AnyConfigurationModel;
6
+ slotName: string;
7
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
8
+ }) => JSX.Element;
9
+ export default TypeSelector;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { MenuItem, Paper, TextField } from '@mui/material';
3
+ import { observer } from 'mobx-react';
4
+ import { useSlotEditorStyles } from './SlotEditor';
5
+ const TypeSelector = observer(({ typeNameChoices, slot, slotName, onChange, }) => {
6
+ const { classes } = useSlotEditorStyles();
7
+ return (React.createElement(Paper, { className: classes.paper },
8
+ React.createElement("div", { className: classes.paperContent },
9
+ React.createElement(TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange }, typeNameChoices.map(str => (React.createElement(MenuItem, { key: str, value: str }, str)))))));
10
+ });
11
+ export default TypeSelector;
12
+ //# sourceMappingURL=TypeSelector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypeSelector.js","sourceRoot":"","sources":["../../../src/ConfigurationEditorWidget/components/TypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAGlD,MAAM,YAAY,GAAG,QAAQ,CAC3B,CAAC,EACC,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,QAAQ,GAMT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACzC,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC7B,6BAAK,SAAS,EAAE,OAAO,CAAC,YAAY;YAClC,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,QACN,UAAU,EAAE,WAAW,QAAQ,SAAS,EACxC,SAAS,QACT,QAAQ,EAAE,QAAQ,IAEjB,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAC3B,GAAG,CACK,CACZ,CAAC,CACQ,CACR,CACA,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -0,0 +1,3 @@
1
+ export { default as stateModelFactory } from "./model";
2
+ export const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
3
+ export const HeadingComponent: import("mobx-react/dist/types/IReactComponent").IReactComponent<any>;
@@ -0,0 +1,20 @@
1
+ import { observer } from 'mobx-react';
2
+ import { isStateTreeNode, getType } from 'mobx-state-tree';
3
+ import { ConfigurationSchema } from '@jbrowse/core/configuration';
4
+ export { default as stateModelFactory } from './model';
5
+ export const configSchema = ConfigurationSchema('ConfigurationEditorWidget', {});
6
+ export const HeadingComponent = observer(({ model }) => {
7
+ if (model === null || model === void 0 ? void 0 : model.target) {
8
+ if (model.target.type) {
9
+ return `${model.target.type} settings`;
10
+ }
11
+ if (isStateTreeNode(model.target)) {
12
+ const type = getType(model.target);
13
+ if (type === null || type === void 0 ? void 0 : type.name) {
14
+ return `${type.name.replace('ConfigurationSchema', '')} settings`;
15
+ }
16
+ }
17
+ }
18
+ return 'Settings';
19
+ });
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfigurationEditorWidget/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,2BAA2B,EAAE,EAAE,CAAC,CAAA;AAChF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE;QACjB,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE;YACrB,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAA;SACvC;QACD,IAAI,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAClC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;gBACd,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC,WAAW,CAAA;aAClE;SACF;KACF;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAC,CAAA"}
@@ -0,0 +1,8 @@
1
+ declare function _default(pluginManager: any): import("mobx-state-tree").IModelType<{
2
+ id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
3
+ type: import("mobx-state-tree").ISimpleType<"ConfigurationEditorWidget">;
4
+ target: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<any>>;
5
+ }, {
6
+ setTarget(newTarget: any): void;
7
+ }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
8
+ export default _default;
@@ -0,0 +1,16 @@
1
+ import { types } from 'mobx-state-tree';
2
+ import { ElementId } from '@jbrowse/core/util/types/mst';
3
+ export default pluginManager => types
4
+ .model('ConfigurationEditorWidget', {
5
+ id: ElementId,
6
+ type: types.literal('ConfigurationEditorWidget'),
7
+ // If you add different types of targets, don't forget to account for that
8
+ // in the key of ./components/ConfigurationEditor.js
9
+ target: types.safeReference(pluginManager.pluggableConfigSchemaType('track')),
10
+ })
11
+ .actions(self => ({
12
+ setTarget(newTarget) {
13
+ self.target = newTarget;
14
+ },
15
+ }));
16
+ //# sourceMappingURL=model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/ConfigurationEditorWidget/model.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,eAAe,aAAa,CAAC,EAAE,CAC7B,KAAK;KACF,KAAK,CAAC,2BAA2B,EAAE;IAClC,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,2BAA2B,CAAC;IAChD,0EAA0E;IAC1E,oDAAoD;IACpD,MAAM,EAAE,KAAK,CAAC,aAAa,CACzB,aAAa,CAAC,yBAAyB,CAAC,OAAO,CAAC,CACjD;CACF,CAAC;KACD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,SAAS;QACjB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;IACzB,CAAC;CACF,CAAC,CAAC,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
2
+ import SimpleFeature, { Feature, SimpleFeatureSerialized } from '@jbrowse/core/util/simpleFeature';
3
+ import { NoAssemblyRegion } from '@jbrowse/core/util/types';
4
+ import { AnyConfigurationModel } from '@jbrowse/core/configuration/configurationSchema';
5
+ import PluginManager from '@jbrowse/core/PluginManager';
6
+ import { getSubAdapterType } from '@jbrowse/core/data_adapters/dataAdapterCache';
7
+ /**
8
+ * Adapter that just returns the features defined in its `features` configuration
9
+ * key, like:
10
+ * `"features": [ { "refName": "ctgA", "start":1, "end":20 }, ... ]`
11
+ */
12
+ export default class FromConfigAdapter extends BaseFeatureDataAdapter {
13
+ protected features: Map<string, Feature[]>;
14
+ constructor(conf: AnyConfigurationModel, getSubAdapter?: getSubAdapterType, pluginManager?: PluginManager);
15
+ static makeFeatures(fdata: SimpleFeatureSerialized[]): Map<string, Feature[]>;
16
+ static makeFeature(data: SimpleFeatureSerialized): SimpleFeature;
17
+ getRefNames(): Promise<string[]>;
18
+ getRefNameAliases(): Promise<{
19
+ refName: string;
20
+ aliases: any;
21
+ }[]>;
22
+ getFeatures(region: NoAssemblyRegion): import("rxjs").Observable<Feature>;
23
+ freeResources(): void;
24
+ }
@@ -0,0 +1,63 @@
1
+ import { BaseFeatureDataAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
2
+ import SimpleFeature from '@jbrowse/core/util/simpleFeature';
3
+ import { ObservableCreate } from '@jbrowse/core/util/rxjs';
4
+ import { readConfObject } from '@jbrowse/core/configuration';
5
+ /**
6
+ * Adapter that just returns the features defined in its `features` configuration
7
+ * key, like:
8
+ * `"features": [ { "refName": "ctgA", "start":1, "end":20 }, ... ]`
9
+ */
10
+ export default class FromConfigAdapter extends BaseFeatureDataAdapter {
11
+ constructor(conf, getSubAdapter, pluginManager) {
12
+ super(conf, getSubAdapter, pluginManager);
13
+ const feats = readConfObject(conf, 'features');
14
+ this.features = FromConfigAdapter.makeFeatures(feats || []);
15
+ }
16
+ static makeFeatures(fdata) {
17
+ const features = new Map();
18
+ for (let i = 0; i < fdata.length; i += 1) {
19
+ if (fdata[i]) {
20
+ const f = this.makeFeature(fdata[i]);
21
+ const refName = f.get('refName');
22
+ let bucket = features.get(refName);
23
+ if (!bucket) {
24
+ bucket = [];
25
+ features.set(refName, bucket);
26
+ }
27
+ bucket.push(f);
28
+ }
29
+ }
30
+ // sort the features on each reference sequence by start coordinate
31
+ for (const refFeatures of features.values()) {
32
+ refFeatures.sort((a, b) => a.get('start') - b.get('start'));
33
+ }
34
+ return features;
35
+ }
36
+ static makeFeature(data) {
37
+ return new SimpleFeature(data);
38
+ }
39
+ async getRefNames() {
40
+ return [...this.features.keys()];
41
+ }
42
+ async getRefNameAliases() {
43
+ return Array.from(this.features.values()).map(featureArray => ({
44
+ refName: featureArray[0].get('refName'),
45
+ aliases: featureArray[0].get('aliases'),
46
+ }));
47
+ }
48
+ getFeatures(region) {
49
+ const { refName, start, end } = region;
50
+ return ObservableCreate(async (observer) => {
51
+ const features = this.features.get(refName) || [];
52
+ for (let i = 0; i < features.length; i++) {
53
+ const f = features[i];
54
+ if (f.get('end') > start && f.get('start') < end) {
55
+ observer.next(f);
56
+ }
57
+ }
58
+ observer.complete();
59
+ });
60
+ }
61
+ freeResources( /* { region } */) { }
62
+ }
63
+ //# sourceMappingURL=FromConfigAdapter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FromConfigAdapter.js","sourceRoot":"","sources":["../../src/FromConfigAdapter/FromConfigAdapter.ts"],"names":[],"mappings":"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"}