@jbrowse/plugin-data-management 1.7.4 → 1.7.5

package/dist/AddTrackWidget/components/AddTrackWidget.js

@@ -27,6 +27,8 @@ var _configuration = require("@jbrowse/core/configuration");
 
 var _mobxReact = require("mobx-react");
 
+var _mobxStateTree = require("mobx-state-tree");
+
 var _lab = require("@material-ui/lab");
 
 var _ConfirmTrack = _interopRequireDefault(require("./ConfirmTrack"));
@@ -76,11 +78,19 @@ function AddTrackWidget(_ref) {
 
   var classes = useStyles();
   var session = (0, _util.getSession)(model);
+
+  var _getEnv = (0, _mobxStateTree.getEnv)(session),
+      pluginManager = _getEnv.pluginManager;
+
+  var rootModel = pluginManager.rootModel;
+  var jobsManager = rootModel.jobsManager;
   var assembly = model.assembly,
       trackAdapter = model.trackAdapter,
       trackData = model.trackData,
       trackName = model.trackName,
-      trackType = model.trackType;
+      trackType = model.trackType,
+      textIndexTrack = model.textIndexTrack,
+      textIndexingConf = model.textIndexingConf;
 
   var _useState3 = (0, _react.useState)(),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
@@ -110,7 +120,7 @@ function AddTrackWidget(_ref) {
 
   function _handleNext() {
     _handleNext = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var trackId, assemblyInstance;
+      var trackId, assemblyInstance, textSearchingDefault, attr, indexName, indexingParams, newEntry;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -138,9 +148,35 @@ function AddTrackWidget(_ref) {
                     sequenceAdapter: (0, _configuration.getConf)(assemblyInstance, ['sequence', 'adapter'])
                   })
                 });
+                textSearchingDefault = {
+                  attributes: ['Name', 'ID'],
+                  exclude: ['CDS', 'exon']
+                };
 
                 if (model.view) {
                   model.view.showTrack(trackId);
+
+                  if (_util.isElectron) {
+                    if (textIndexTrack && (0, _util.supportedIndexingAdapters)(trackAdapter.type)) {
+                      attr = textIndexingConf || textSearchingDefault;
+                      indexName = trackName + '-index';
+                      indexingParams = _objectSpread(_objectSpread({}, attr), {}, {
+                        assemblies: [assembly],
+                        tracks: [trackId],
+                        indexType: 'perTrack',
+                        name: indexName,
+                        timestamp: new Date().toISOString()
+                      });
+                      newEntry = {
+                        indexingParams: indexingParams,
+                        name: indexName,
+                        cancelCallback: function cancelCallback() {
+                          jobsManager.abortJob();
+                        }
+                      };
+                      jobsManager.queueJob(newEntry);
+                    }
+                  }
                 } else {
                   session.notify('Open a new view, or use the track selector in an existing view, to view this track', 'info');
                 }

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -2,12 +2,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _configuration = require("@jbrowse/core/configuration");
 
@@ -15,16 +19,36 @@ var _util = require("@jbrowse/core/util");
 
 var _core = require("@material-ui/core");
 
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+
 var _mobxReact = require("mobx-react");
 
 var _mobxStateTree = require("mobx-state-tree");
 
 var _tracks = require("@jbrowse/core/util/tracks");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// icons
 var useStyles = (0, _core.makeStyles)(function (theme) {
   return {
     spacing: {
       marginBottom: theme.spacing(3)
+    },
+    paper: {
+      display: 'flex',
+      flexDirection: 'column',
+      padding: theme.spacing(1)
+    },
+    spacer: {
+      height: theme.spacing(8)
+    },
+    card: {
+      marginTop: theme.spacing(1)
     }
   };
 });
@@ -88,9 +112,108 @@ function getTrackTypes(pluginManager) {
   return pluginManager.getElementTypesInGroup('track');
 }
 
-var TrackAdapterSelector = (0, _mobxReact.observer)(function (_ref2) {
+var TextIndexingConfig = (0, _mobxReact.observer)(function (_ref2) {
   var model = _ref2.model;
   var classes = useStyles();
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value1 = _useState2[0],
+      setValue1 = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      value2 = _useState4[0],
+      setValue2 = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(['Name', 'ID']),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      attributes = _useState6[0],
+      setAttributes = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(['CDS', 'exon']),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      exclude = _useState8[0],
+      setExclude = _useState8[1];
+
+  var sections = [{
+    label: 'Indexing attributes',
+    values: attributes
+  }, {
+    label: 'Feature types to exclude',
+    values: exclude
+  }];
+  (0, _react.useEffect)(function () {
+    model.setTextIndexingConf({
+      attributes: attributes,
+      exclude: exclude
+    });
+  }, [model, attributes, exclude]);
+  return /*#__PURE__*/_react.default.createElement(_core.Paper, {
+    className: classes.paper
+  }, /*#__PURE__*/_react.default.createElement(_core.InputLabel, null, "Indexing configuration"), sections.map(function (section, index) {
+    return /*#__PURE__*/_react.default.createElement(_core.Card, {
+      raised: true,
+      key: section.label,
+      className: classes.card
+    }, /*#__PURE__*/_react.default.createElement(_core.CardContent, null, /*#__PURE__*/_react.default.createElement(_core.InputLabel, null, section.label), /*#__PURE__*/_react.default.createElement(_core.List, {
+      disablePadding: true
+    }, section.values.map(function (val, idx) {
+      return /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+        key: idx,
+        disableGutters: true
+      }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+        value: val,
+        InputProps: {
+          endAdornment: /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
+            position: "end"
+          }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+            color: "secondary",
+            onClick: function onClick() {
+              var newAttr = section.values.filter(function (a, i) {
+                return i !== idx;
+              });
+              index === 0 ? setAttributes(newAttr) : setExclude(newAttr);
+            }
+          }, /*#__PURE__*/_react.default.createElement(_Delete.default, null)))
+        }
+      }));
+    }), /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+      disableGutters: true
+    }, /*#__PURE__*/_react.default.createElement(_core.TextField, {
+      value: index === 0 ? value1 : value2,
+      placeholder: "add new",
+      onChange: function onChange(event) {
+        index === 0 ? setValue1(event.target.value) : setValue2(event.target.value);
+      },
+      InputProps: {
+        endAdornment: /*#__PURE__*/_react.default.createElement(_core.InputAdornment, {
+          position: "end"
+        }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+          onClick: function onClick() {
+            if (index === 0) {
+              var newAttr = attributes;
+              newAttr.push(value1);
+              setAttributes(newAttr);
+              setValue1('');
+            } else {
+              var newFeat = exclude;
+              newFeat.push(value2);
+              setExclude(newFeat);
+              setValue2('');
+            }
+          },
+          disabled: index === 0 ? value1 === '' : value2 === '',
+          color: "secondary",
+          "data-testid": "stringArrayAdd-Feat"
+        }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))
+      }
+    })))));
+  }));
+});
+var TrackAdapterSelector = (0, _mobxReact.observer)(function (_ref3) {
+  var model = _ref3.model;
+  var classes = useStyles();
   var session = (0, _util.getSession)(model);
   var trackAdapter = model.trackAdapter; // prettier-ignore
 
@@ -130,8 +253,8 @@ var TrackAdapterSelector = (0, _mobxReact.observer)(function (_ref2) {
   })));
 });
 
-function UnknownAdapterPrompt(_ref3) {
-  var model = _ref3.model;
+function UnknownAdapterPrompt(_ref4) {
+  var model = _ref4.model;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
     className: classes.spacing
@@ -148,8 +271,8 @@ function UnknownAdapterPrompt(_ref3) {
   }));
 }
 
-var TrackTypeSelector = (0, _mobxReact.observer)(function (_ref4) {
-  var model = _ref4.model;
+var TrackTypeSelector = (0, _mobxReact.observer)(function (_ref5) {
+  var model = _ref5.model;
   var classes = useStyles();
   var session = (0, _util.getSession)(model);
   var trackType = model.trackType;
@@ -170,16 +293,16 @@ var TrackTypeSelector = (0, _mobxReact.observer)(function (_ref4) {
         'data-testid': 'trackTypeSelect'
       }
     }
-  }, trackTypes.map(function (_ref5) {
-    var name = _ref5.name;
+  }, trackTypes.map(function (_ref6) {
+    var name = _ref6.name;
     return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
       key: name,
       value: name
     }, name);
   }));
 });
-var TrackAssemblySelector = (0, _mobxReact.observer)(function (_ref6) {
-  var model = _ref6.model;
+var TrackAssemblySelector = (0, _mobxReact.observer)(function (_ref7) {
+  var model = _ref7.model;
   var session = (0, _util.getSession)(model);
   var assembly = model.assembly;
   return /*#__PURE__*/_react.default.createElement(_core.TextField, {
@@ -207,9 +330,15 @@ var TrackAssemblySelector = (0, _mobxReact.observer)(function (_ref6) {
   }));
 });
 
-function ConfirmTrack(_ref7) {
-  var model = _ref7.model;
+function ConfirmTrack(_ref8) {
+  var model = _ref8.model;
   var classes = useStyles();
+
+  var _useState9 = (0, _react.useState)(true),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      check = _useState10[0],
+      setCheck = _useState10[1];
+
   var trackName = model.trackName,
       trackAdapter = model.trackAdapter,
       trackType = model.trackType,
@@ -244,6 +373,7 @@ function ConfirmTrack(_ref7) {
     return /*#__PURE__*/_react.default.createElement(_core.Typography, null, "Could not recognize this data type.");
   }
 
+  var supportedForIndexing = (0, _util.supportedIndexingAdapters)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
   return /*#__PURE__*/_react.default.createElement("div", null, trackAdapter ? /*#__PURE__*/_react.default.createElement(StatusMessage, {
     trackAdapter: trackAdapter,
     trackType: trackType
@@ -269,7 +399,18 @@ function ConfirmTrack(_ref7) {
     model: model
   }), /*#__PURE__*/_react.default.createElement(TrackAssemblySelector, {
     model: model
-  }));
+  }), _util.isElectron && supportedForIndexing && /*#__PURE__*/_react.default.createElement(_core.FormControl, null, /*#__PURE__*/_react.default.createElement(_core.FormControlLabel, {
+    label: 'Index track for text searching?',
+    control: /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
+      checked: check,
+      onChange: function onChange(e) {
+        setCheck(e.target.checked);
+        model.setTextIndexTrack(e.target.checked);
+      }
+    })
+  })), _util.isElectron && check && supportedForIndexing ? /*#__PURE__*/_react.default.createElement(TextIndexingConfig, {
+    model: model
+  }) : null);
 }
 
 var _default = (0, _mobxReact.observer)(ConfirmTrack);

package/dist/AddTrackWidget/model.d.ts

@@ -1,6 +1,10 @@
 import { Instance } from 'mobx-state-tree';
 import PluginManager from '@jbrowse/core/PluginManager';
 import { FileLocation } from '@jbrowse/core/util/types';
+interface IndexingAttr {
+    attributes: string[];
+    exclude: string[];
+}
 export default function f(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"AddTrackWidget">;
@@ -13,9 +17,13 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
     altTrackName: string;
     altTrackType: string;
     adapterHint: string;
+    textIndexTrack: boolean;
+    textIndexingConf: IndexingAttr | undefined;
 } & {
     setAdapterHint(obj: string): void;
     setTrackSource(str: string): void;
+    setTextIndexingConf(conf: IndexingAttr): void;
+    setTextIndexTrack(flag: boolean): void;
     setTrackData(obj: FileLocation): void;
     setIndexTrackData(obj: FileLocation): void;
     setAssembly(str: string): void;
@@ -40,3 +48,4 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export declare type AddTrackStateModel = ReturnType<typeof f>;
 export declare type AddTrackModel = Instance<AddTrackStateModel>;
+export {};

package/dist/AddTrackWidget/model.js

@@ -36,7 +36,9 @@ function f(pluginManager) {
       altAssemblyName: '',
       altTrackName: '',
       altTrackType: '',
-      adapterHint: ''
+      adapterHint: '',
+      textIndexTrack: true,
+      textIndexingConf: undefined
     };
   }).actions(function (self) {
     return {
@@ -46,6 +48,12 @@ function f(pluginManager) {
       setTrackSource: function setTrackSource(str) {
         self.trackSource = str;
       },
+      setTextIndexingConf: function setTextIndexingConf(conf) {
+        self.textIndexingConf = conf;
+      },
+      setTextIndexTrack: function setTextIndexTrack(flag) {
+        self.textIndexTrack = flag;
+      },
       setTrackData: function setTrackData(obj) {
         self.trackData = obj;
       },
@@ -69,6 +77,8 @@ function f(pluginManager) {
         self.adapterHint = '';
         self.indexTrackData = undefined;
         self.trackData = undefined;
+        self.textIndexingConf = undefined;
+        self.textIndexTrack = false;
       }
     };
   }).views(function (self) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-data-management",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0a3e0c58055bbab8e3ab0270c139291b96eff403"
+  "gitHead": "2c3a1f0c95a47b24eba790eaeb49274caf297aeb"
 }

package/src/AddTrackWidget/components/AddTrackWidget.tsx

@@ -8,9 +8,14 @@ import {
   Typography,
   makeStyles,
 } from '@material-ui/core'
-import { getSession } from '@jbrowse/core/util'
+import {
+  getSession,
+  isElectron,
+  supportedIndexingAdapters,
+} from '@jbrowse/core/util'
 import { getConf } from '@jbrowse/core/configuration'
 import { observer } from 'mobx-react'
+import { getEnv } from 'mobx-state-tree'
 import { Alert } from '@material-ui/lab'
 
 // locals
@@ -46,7 +51,18 @@ function AddTrackWidget({ model }: { model: AddTrackModel }) {
   const [activeStep, setActiveStep] = useState(0)
   const classes = useStyles()
   const session = getSession(model)
-  const { assembly, trackAdapter, trackData, trackName, trackType } = model
+  const { pluginManager } = getEnv(session)
+  const { rootModel } = pluginManager
+  const { jobsManager } = rootModel
+  const {
+    assembly,
+    trackAdapter,
+    trackData,
+    trackName,
+    trackType,
+    textIndexTrack,
+    textIndexingConf,
+  } = model
   const [trackErrorMessage, setTrackErrorMessage] = useState<string>()
 
   function getStepContent(step: number) {
@@ -86,8 +102,34 @@ function AddTrackWidget({ model }: { model: AddTrackModel }) {
           sequenceAdapter: getConf(assemblyInstance, ['sequence', 'adapter']),
         },
       })
+      const textSearchingDefault = {
+        attributes: ['Name', 'ID'],
+        exclude: ['CDS', 'exon'],
+      }
       if (model.view) {
         model.view.showTrack(trackId)
+        if (isElectron) {
+          if (textIndexTrack && supportedIndexingAdapters(trackAdapter.type)) {
+            const attr = textIndexingConf || textSearchingDefault
+            const indexName = trackName + '-index'
+            const indexingParams = {
+              ...attr,
+              assemblies: [assembly],
+              tracks: [trackId],
+              indexType: 'perTrack',
+              name: indexName,
+              timestamp: new Date().toISOString(),
+            }
+            const newEntry = {
+              indexingParams: indexingParams,
+              name: indexName,
+              cancelCallback: () => {
+                jobsManager.abortJob()
+              },
+            }
+            jobsManager.queueJob(newEntry)
+          }
+        }
       } else {
         session.notify(
           'Open a new view, or use the track selector in an existing view, to view this track',

package/src/AddTrackWidget/components/ConfirmTrack.tsx

@@ -1,14 +1,34 @@
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import { readConfObject } from '@jbrowse/core/configuration'
-import { getSession } from '@jbrowse/core/util'
+import {
+  supportedIndexingAdapters,
+  getSession,
+  isElectron,
+} from '@jbrowse/core/util'
 import {
   Link,
   MenuItem,
   TextField,
   ListSubheader,
   Typography,
+  FormControl,
+  FormControlLabel,
+  Checkbox,
+  Paper,
+  Card,
+  List,
+  ListItem,
+  CardContent,
+  IconButton,
+  InputLabel,
+  InputAdornment,
   makeStyles,
 } from '@material-ui/core'
+
+// icons
+import DeleteIcon from '@material-ui/icons/Delete'
+import AddIcon from '@material-ui/icons/Add'
+// other
 import PluginManager from '@jbrowse/core/PluginManager'
 import { observer } from 'mobx-react'
 import { getEnv } from 'mobx-state-tree'
@@ -22,6 +42,17 @@ const useStyles = makeStyles(theme => ({
   spacing: {
     marginBottom: theme.spacing(3),
   },
+  paper: {
+    display: 'flex',
+    flexDirection: 'column',
+    padding: theme.spacing(1),
+  },
+  spacer: {
+    height: theme.spacing(8),
+  },
+  card: {
+    marginTop: theme.spacing(1),
+  },
 }))
 
 function StatusMessage({
@@ -98,6 +129,105 @@ function getTrackTypes(pluginManager: PluginManager) {
   return pluginManager.getElementTypesInGroup('track') as { name: string }[]
 }
 
+const TextIndexingConfig = observer(({ model }: { model: AddTrackModel }) => {
+  const classes = useStyles()
+  const [value1, setValue1] = useState('')
+  const [value2, setValue2] = useState('')
+  const [attributes, setAttributes] = useState(['Name', 'ID'])
+  const [exclude, setExclude] = useState(['CDS', 'exon'])
+  const sections = [
+    {
+      label: 'Indexing attributes',
+      values: attributes,
+    },
+    {
+      label: 'Feature types to exclude',
+      values: exclude,
+    },
+  ]
+  useEffect(() => {
+    model.setTextIndexingConf({ attributes, exclude })
+  }, [model, attributes, exclude])
+
+  return (
+    <Paper className={classes.paper}>
+      <InputLabel>Indexing configuration</InputLabel>
+      {sections.map((section, index) => (
+        <Card raised key={section.label} className={classes.card}>
+          <CardContent>
+            <InputLabel>{section.label}</InputLabel>
+            <List disablePadding>
+              {section.values.map((val: string, idx: number) => (
+                <ListItem key={idx} disableGutters>
+                  <TextField
+                    value={val}
+                    InputProps={{
+                      endAdornment: (
+                        <InputAdornment position="end">
+                          <IconButton
+                            color="secondary"
+                            onClick={() => {
+                              const newAttr = section.values.filter((a, i) => {
+                                return i !== idx
+                              })
+                              index === 0
+                                ? setAttributes(newAttr)
+                                : setExclude(newAttr)
+                            }}
+                          >
+                            <DeleteIcon />
+                          </IconButton>
+                        </InputAdornment>
+                      ),
+                    }}
+                  />
+                </ListItem>
+              ))}
+              <ListItem disableGutters>
+                <TextField
+                  value={index === 0 ? value1 : value2}
+                  placeholder="add new"
+                  onChange={event => {
+                    index === 0
+                      ? setValue1(event.target.value)
+                      : setValue2(event.target.value)
+                  }}
+                  InputProps={{
+                    endAdornment: (
+                      <InputAdornment position="end">
+                        <IconButton
+                          onClick={() => {
+                            if (index === 0) {
+                              const newAttr: string[] = attributes
+                              newAttr.push(value1)
+                              setAttributes(newAttr)
+                              setValue1('')
+                            } else {
+                              const newFeat: string[] = exclude
+                              newFeat.push(value2)
+                              setExclude(newFeat)
+                              setValue2('')
+                            }
+                          }}
+                          disabled={index === 0 ? value1 === '' : value2 === ''}
+                          color="secondary"
+                          data-testid={`stringArrayAdd-Feat`}
+                        >
+                          <AddIcon />
+                        </IconButton>
+                      </InputAdornment>
+                    ),
+                  }}
+                />
+              </ListItem>
+            </List>
+          </CardContent>
+        </Card>
+      ))}
+    </Paper>
+  )
+})
+
 const TrackAdapterSelector = observer(({ model }: { model: AddTrackModel }) => {
   const classes = useStyles()
   const session = getSession(model)
@@ -233,6 +363,7 @@ const TrackAssemblySelector = observer(
 
 function ConfirmTrack({ model }: { model: AddTrackModel }) {
   const classes = useStyles()
+  const [check, setCheck] = useState(true)
   const { trackName, trackAdapter, trackType, warningMessage, adapterHint } =
     model
 
@@ -273,6 +404,7 @@ function ConfirmTrack({ model }: { model: AddTrackModel }) {
     return <Typography>Could not recognize this data type.</Typography>
   }
 
+  const supportedForIndexing = supportedIndexingAdapters(trackAdapter?.type)
   return (
     <div>
       {trackAdapter ? (
@@ -293,6 +425,25 @@ function ConfirmTrack({ model }: { model: AddTrackModel }) {
       <TrackAdapterSelector model={model} />
       <TrackTypeSelector model={model} />
       <TrackAssemblySelector model={model} />
+      {isElectron && supportedForIndexing && (
+        <FormControl>
+          <FormControlLabel
+            label={'Index track for text searching?'}
+            control={
+              <Checkbox
+                checked={check}
+                onChange={e => {
+                  setCheck(e.target.checked)
+                  model.setTextIndexTrack(e.target.checked)
+                }}
+              />
+            }
+          />
+        </FormControl>
+      )}
+      {isElectron && check && supportedForIndexing ? (
+        <TextIndexingConfig model={model} />
+      ) : null}
     </div>
   )
 }

package/src/AddTrackWidget/model.ts

@@ -17,7 +17,10 @@ function isAbsoluteUrl(url = '') {
     return url.startsWith('/')
   }
 }
-
+interface IndexingAttr {
+  attributes: string[]
+  exclude: string[]
+}
 export default function f(pluginManager: PluginManager) {
   return types
     .model('AddTrackModel', {
@@ -38,6 +41,8 @@ export default function f(pluginManager: PluginManager) {
       altTrackType: '',
 
       adapterHint: '',
+      textIndexTrack: true,
+      textIndexingConf: undefined as IndexingAttr | undefined,
     }))
     .actions(self => ({
       setAdapterHint(obj: string) {
@@ -46,6 +51,12 @@ export default function f(pluginManager: PluginManager) {
       setTrackSource(str: string) {
         self.trackSource = str
       },
+      setTextIndexingConf(conf: IndexingAttr) {
+        self.textIndexingConf = conf
+      },
+      setTextIndexTrack(flag: boolean) {
+        self.textIndexTrack = flag
+      },
       setTrackData(obj: FileLocation) {
         self.trackData = obj
       },
@@ -70,6 +81,8 @@ export default function f(pluginManager: PluginManager) {
         self.adapterHint = ''
         self.indexTrackData = undefined
         self.trackData = undefined
+        self.textIndexingConf = undefined
+        self.textIndexTrack = false
       },
     }))
     .views(self => ({